@womp/kookie-ui 0.12.0 → 0.13.1

package/styles.css

@@ -4440,6 +4440,10 @@
   --space-6: calc(32px * var(--scaling));
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
+  --control-height-1: var(--space-5);
+  --control-height-2: var(--space-6);
+  --control-height-3: var(--space-7);
+  --control-height-4: var(--space-8);
   --space-9: calc(64px * var(--scaling));
   --space-10: calc(80px * var(--scaling));
   --space-11: calc(96px * var(--scaling));
@@ -8944,108 +8948,108 @@
   width: 100%;
 }
 .rt-BaseButton:where(.rt-r-size-1) {
-  --base-button-height: var(--space-5);
+  --base-button-height: var(--control-height-1);
   border-radius: max(var(--radius-1), var(--radius-full));
 }
 .rt-BaseButton:where(.rt-r-size-2) {
-  --base-button-height: var(--space-6);
+  --base-button-height: var(--control-height-2);
   border-radius: max(var(--radius-2), var(--radius-full));
 }
 .rt-BaseButton:where(.rt-r-size-3) {
-  --base-button-height: var(--space-7);
+  --base-button-height: var(--control-height-3);
   border-radius: max(var(--radius-3), var(--radius-full));
 }
 .rt-BaseButton:where(.rt-r-size-4) {
-  --base-button-height: var(--space-8);
+  --base-button-height: var(--control-height-4);
   border-radius: max(var(--radius-4), var(--radius-full));
 }
 @media (min-width: 520px) {
   .rt-BaseButton:where(.xs\:rt-r-size-1) {
-    --base-button-height: var(--space-5);
+    --base-button-height: var(--control-height-1);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.xs\:rt-r-size-2) {
-    --base-button-height: var(--space-6);
+    --base-button-height: var(--control-height-2);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.xs\:rt-r-size-3) {
-    --base-button-height: var(--space-7);
+    --base-button-height: var(--control-height-3);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.xs\:rt-r-size-4) {
-    --base-button-height: var(--space-8);
+    --base-button-height: var(--control-height-4);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 768px) {
   .rt-BaseButton:where(.sm\:rt-r-size-1) {
-    --base-button-height: var(--space-5);
+    --base-button-height: var(--control-height-1);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.sm\:rt-r-size-2) {
-    --base-button-height: var(--space-6);
+    --base-button-height: var(--control-height-2);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.sm\:rt-r-size-3) {
-    --base-button-height: var(--space-7);
+    --base-button-height: var(--control-height-3);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.sm\:rt-r-size-4) {
-    --base-button-height: var(--space-8);
+    --base-button-height: var(--control-height-4);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 1024px) {
   .rt-BaseButton:where(.md\:rt-r-size-1) {
-    --base-button-height: var(--space-5);
+    --base-button-height: var(--control-height-1);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.md\:rt-r-size-2) {
-    --base-button-height: var(--space-6);
+    --base-button-height: var(--control-height-2);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.md\:rt-r-size-3) {
-    --base-button-height: var(--space-7);
+    --base-button-height: var(--control-height-3);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.md\:rt-r-size-4) {
-    --base-button-height: var(--space-8);
+    --base-button-height: var(--control-height-4);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 1280px) {
   .rt-BaseButton:where(.lg\:rt-r-size-1) {
-    --base-button-height: var(--space-5);
+    --base-button-height: var(--control-height-1);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.lg\:rt-r-size-2) {
-    --base-button-height: var(--space-6);
+    --base-button-height: var(--control-height-2);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.lg\:rt-r-size-3) {
-    --base-button-height: var(--space-7);
+    --base-button-height: var(--control-height-3);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.lg\:rt-r-size-4) {
-    --base-button-height: var(--space-8);
+    --base-button-height: var(--control-height-4);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 1640px) {
   .rt-BaseButton:where(.xl\:rt-r-size-1) {
-    --base-button-height: var(--space-5);
+    --base-button-height: var(--control-height-1);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.xl\:rt-r-size-2) {
-    --base-button-height: var(--space-6);
+    --base-button-height: var(--control-height-2);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.xl\:rt-r-size-3) {
-    --base-button-height: var(--space-7);
+    --base-button-height: var(--control-height-3);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.xl\:rt-r-size-4) {
-    --base-button-height: var(--space-8);
+    --base-button-height: var(--control-height-4);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
@@ -12349,7 +12353,7 @@
   --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
   --base-menu-item-padding-right: var(--space-2);
   --base-menu-item-padding-y: var(--space-1);
-  --base-menu-item-height: var(--space-5);
+  --base-menu-item-height: var(--control-height-1);
   border-radius: var(--radius-surface-3);
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12382,7 +12386,7 @@
   --base-menu-item-padding-left-indicator: var(--space-5);
   --base-menu-item-padding-right: var(--space-3);
   --base-menu-item-padding-y: var(--space-1);
-  --base-menu-item-height: var(--space-6);
+  --base-menu-item-height: var(--control-height-2);
   border-radius: var(--radius-surface-5);
 }
 .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12415,7 +12419,7 @@
   --base-menu-item-padding-left-indicator: var(--space-5);
   --base-menu-item-padding-right: var(--space-3);
   --base-menu-item-padding-y: var(--space-2);
-  --base-menu-item-height: var(--space-7);
+  --base-menu-item-height: var(--control-height-3);
   border-radius: var(--radius-surface-6);
 }
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12449,7 +12453,7 @@
     --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-5);
+    --base-menu-item-height: var(--control-height-1);
     border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12482,7 +12486,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
+    --base-menu-item-height: var(--control-height-2);
     border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12515,7 +12519,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-3);
     border-radius: var(--radius-surface-6);
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12550,7 +12554,7 @@
     --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-5);
+    --base-menu-item-height: var(--control-height-1);
     border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12583,7 +12587,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
+    --base-menu-item-height: var(--control-height-2);
     border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12616,7 +12620,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-3);
     border-radius: var(--radius-surface-6);
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12651,7 +12655,7 @@
     --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-5);
+    --base-menu-item-height: var(--control-height-1);
     border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12684,7 +12688,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
+    --base-menu-item-height: var(--control-height-2);
     border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12717,7 +12721,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-3);
     border-radius: var(--radius-surface-6);
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12752,7 +12756,7 @@
     --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-5);
+    --base-menu-item-height: var(--control-height-1);
     border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12785,7 +12789,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
+    --base-menu-item-height: var(--control-height-2);
     border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12818,7 +12822,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-3);
     border-radius: var(--radius-surface-6);
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -12853,7 +12857,7 @@
     --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-5);
+    --base-menu-item-height: var(--control-height-1);
     border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
@@ -12886,7 +12890,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
+    --base-menu-item-height: var(--control-height-2);
     border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
@@ -12919,7 +12923,7 @@
     --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-3);
     border-radius: var(--radius-surface-6);
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
@@ -14068,7 +14072,7 @@
   border-bottom-right-radius: 0;
 }
 .rt-TextFieldRoot:where(.rt-r-size-1) {
-  --text-field-height: var(--space-5);
+  --text-field-height: var(--control-height-1);
   --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
   --text-field-border-radius: max(var(--radius-1), var(--radius-full));
   --text-field-native-icon-size: var(--space-3);
@@ -14094,7 +14098,7 @@
   margin-right: -2px;
 }
 .rt-TextFieldRoot:where(.rt-r-size-2) {
-  --text-field-height: var(--space-6);
+  --text-field-height: var(--control-height-2);
   --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
   --text-field-border-radius: max(var(--radius-2), var(--radius-full));
   --text-field-native-icon-size: var(--space-4);
@@ -14120,7 +14124,7 @@
       flex-shrink: 0;
 }
 .rt-TextFieldRoot:where(.rt-r-size-3) {
-  --text-field-height: var(--space-7);
+  --text-field-height: var(--control-height-3);
   --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
   --text-field-border-radius: max(var(--radius-3), var(--radius-full));
   --text-field-native-icon-size: var(--space-4);
@@ -14147,7 +14151,7 @@
 }
 @media (min-width: 520px) {
   .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
-    --text-field-height: var(--space-5);
+    --text-field-height: var(--control-height-1);
     --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-1), var(--radius-full));
     --text-field-native-icon-size: var(--space-3);
@@ -14173,7 +14177,7 @@
     margin-right: -2px;
   }
   .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
-    --text-field-height: var(--space-6);
+    --text-field-height: var(--control-height-2);
     --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-2), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14199,7 +14203,7 @@
         flex-shrink: 0;
   }
   .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
-    --text-field-height: var(--space-7);
+    --text-field-height: var(--control-height-3);
     --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-3), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14227,7 +14231,7 @@
 }
 @media (min-width: 768px) {
   .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
-    --text-field-height: var(--space-5);
+    --text-field-height: var(--control-height-1);
     --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-1), var(--radius-full));
     --text-field-native-icon-size: var(--space-3);
@@ -14253,7 +14257,7 @@
     margin-right: -2px;
   }
   .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
-    --text-field-height: var(--space-6);
+    --text-field-height: var(--control-height-2);
     --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-2), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14279,7 +14283,7 @@
         flex-shrink: 0;
   }
   .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
-    --text-field-height: var(--space-7);
+    --text-field-height: var(--control-height-3);
     --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-3), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14307,7 +14311,7 @@
 }
 @media (min-width: 1024px) {
   .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
-    --text-field-height: var(--space-5);
+    --text-field-height: var(--control-height-1);
     --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-1), var(--radius-full));
     --text-field-native-icon-size: var(--space-3);
@@ -14333,7 +14337,7 @@
     margin-right: -2px;
   }
   .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
-    --text-field-height: var(--space-6);
+    --text-field-height: var(--control-height-2);
     --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-2), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14359,7 +14363,7 @@
         flex-shrink: 0;
   }
   .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
-    --text-field-height: var(--space-7);
+    --text-field-height: var(--control-height-3);
     --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-3), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14387,7 +14391,7 @@
 }
 @media (min-width: 1280px) {
   .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
-    --text-field-height: var(--space-5);
+    --text-field-height: var(--control-height-1);
     --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-1), var(--radius-full));
     --text-field-native-icon-size: var(--space-3);
@@ -14413,7 +14417,7 @@
     margin-right: -2px;
   }
   .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
-    --text-field-height: var(--space-6);
+    --text-field-height: var(--control-height-2);
     --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-2), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14439,7 +14443,7 @@
         flex-shrink: 0;
   }
   .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
-    --text-field-height: var(--space-7);
+    --text-field-height: var(--control-height-3);
     --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-3), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14467,7 +14471,7 @@
 }
 @media (min-width: 1640px) {
   .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
-    --text-field-height: var(--space-5);
+    --text-field-height: var(--control-height-1);
     --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-1), var(--radius-full));
     --text-field-native-icon-size: var(--space-3);
@@ -14493,7 +14497,7 @@
     margin-right: -2px;
   }
   .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
-    --text-field-height: var(--space-6);
+    --text-field-height: var(--control-height-2);
     --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-2), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -14519,7 +14523,7 @@
         flex-shrink: 0;
   }
   .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
-    --text-field-height: var(--space-7);
+    --text-field-height: var(--control-height-3);
     --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
     --text-field-border-radius: max(var(--radius-3), var(--radius-full));
     --text-field-native-icon-size: var(--space-4);
@@ -19381,7 +19385,7 @@
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-1) {
   --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
-  --segmented-control-height: var(--space-5);
+  --segmented-control-height: var(--control-height-1);
   height: var(--segmented-control-height);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-1):where(.rt-r-orientation-vertical) {
@@ -19404,7 +19408,7 @@
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-2) {
   --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
-  --segmented-control-height: var(--space-6);
+  --segmented-control-height: var(--control-height-2);
   height: var(--segmented-control-height);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-2):where(.rt-r-orientation-vertical) {
@@ -19427,7 +19431,7 @@
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-3) {
   --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
-  --segmented-control-height: var(--space-7);
+  --segmented-control-height: var(--control-height-3);
   height: var(--segmented-control-height);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-3):where(.rt-r-orientation-vertical) {
@@ -19450,7 +19454,7 @@
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-4) {
   --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
-  --segmented-control-height: var(--space-8);
+  --segmented-control-height: var(--control-height-4);
   height: var(--segmented-control-height);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-4):where(.rt-r-orientation-vertical) {
@@ -19487,7 +19491,7 @@
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
     --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
-    --segmented-control-height: var(--space-5);
+    --segmented-control-height: var(--control-height-1);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1):where(.xs\:rt-r-orientation-vertical) {
@@ -19510,7 +19514,7 @@
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
     --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
-    --segmented-control-height: var(--space-6);
+    --segmented-control-height: var(--control-height-2);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2):where(.xs\:rt-r-orientation-vertical) {
@@ -19533,7 +19537,7 @@
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
     --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
-    --segmented-control-height: var(--space-7);
+    --segmented-control-height: var(--control-height-3);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3):where(.xs\:rt-r-orientation-vertical) {
@@ -19556,7 +19560,7 @@
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4) {
     --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
-    --segmented-control-height: var(--space-8);
+    --segmented-control-height: var(--control-height-4);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4):where(.xs\:rt-r-orientation-vertical) {
@@ -19594,7 +19598,7 @@
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
     --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
-    --segmented-control-height: var(--space-5);
+    --segmented-control-height: var(--control-height-1);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1):where(.sm\:rt-r-orientation-vertical) {
@@ -19617,7 +19621,7 @@
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
     --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
-    --segmented-control-height: var(--space-6);
+    --segmented-control-height: var(--control-height-2);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2):where(.sm\:rt-r-orientation-vertical) {
@@ -19640,7 +19644,7 @@
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
     --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
-    --segmented-control-height: var(--space-7);
+    --segmented-control-height: var(--control-height-3);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3):where(.sm\:rt-r-orientation-vertical) {
@@ -19663,7 +19667,7 @@
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4) {
     --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
-    --segmented-control-height: var(--space-8);
+    --segmented-control-height: var(--control-height-4);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4):where(.sm\:rt-r-orientation-vertical) {
@@ -19701,7 +19705,7 @@
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
     --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
-    --segmented-control-height: var(--space-5);
+    --segmented-control-height: var(--control-height-1);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-1):where(.md\:rt-r-orientation-vertical) {
@@ -19724,7 +19728,7 @@
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
     --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
-    --segmented-control-height: var(--space-6);
+    --segmented-control-height: var(--control-height-2);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-2):where(.md\:rt-r-orientation-vertical) {
@@ -19747,7 +19751,7 @@
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
     --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
-    --segmented-control-height: var(--space-7);
+    --segmented-control-height: var(--control-height-3);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-3):where(.md\:rt-r-orientation-vertical) {
@@ -19770,7 +19774,7 @@
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-4) {
     --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
-    --segmented-control-height: var(--space-8);
+    --segmented-control-height: var(--control-height-4);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.md\:rt-r-size-4):where(.md\:rt-r-orientation-vertical) {
@@ -19808,7 +19812,7 @@
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
     --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
-    --segmented-control-height: var(--space-5);
+    --segmented-control-height: var(--control-height-1);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1):where(.lg\:rt-r-orientation-vertical) {
@@ -19831,7 +19835,7 @@
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
     --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
-    --segmented-control-height: var(--space-6);
+    --segmented-control-height: var(--control-height-2);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2):where(.lg\:rt-r-orientation-vertical) {
@@ -19854,7 +19858,7 @@
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
     --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
-    --segmented-control-height: var(--space-7);
+    --segmented-control-height: var(--control-height-3);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3):where(.lg\:rt-r-orientation-vertical) {
@@ -19877,7 +19881,7 @@
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4) {
     --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
-    --segmented-control-height: var(--space-8);
+    --segmented-control-height: var(--control-height-4);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4):where(.lg\:rt-r-orientation-vertical) {
@@ -19915,7 +19919,7 @@
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
     --segmented-control-border-radius: max(var(--radius-1), var(--radius-full));
-    --segmented-control-height: var(--space-5);
+    --segmented-control-height: var(--control-height-1);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1):where(.xl\:rt-r-orientation-vertical) {
@@ -19938,7 +19942,7 @@
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
     --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
-    --segmented-control-height: var(--space-6);
+    --segmented-control-height: var(--control-height-2);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2):where(.xl\:rt-r-orientation-vertical) {
@@ -19961,7 +19965,7 @@
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
     --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
-    --segmented-control-height: var(--space-7);
+    --segmented-control-height: var(--control-height-3);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3):where(.xl\:rt-r-orientation-vertical) {
@@ -19984,7 +19988,7 @@
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4) {
     --segmented-control-border-radius: max(var(--radius-4), var(--radius-full));
-    --segmented-control-height: var(--space-8);
+    --segmented-control-height: var(--control-height-4);
     height: var(--segmented-control-height);
   }
   .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4):where(.xl\:rt-r-orientation-vertical) {
@@ -20238,7 +20242,7 @@
   color: var(--accent-ink);
 }
 .rt-SelectTrigger:where(.rt-r-size-1) {
-  --select-trigger-height: var(--space-5);
+  --select-trigger-height: var(--control-height-1);
   gap: var(--component-gap-1);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
@@ -20258,7 +20262,7 @@
   height: var(--trigger-icon-size-1);
 }
 .rt-SelectTrigger:where(.rt-r-size-2) {
-  --select-trigger-height: var(--space-6);
+  --select-trigger-height: var(--control-height-2);
   gap: var(--component-gap-2);
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
@@ -20278,7 +20282,7 @@
   height: var(--trigger-icon-size-2);
 }
 .rt-SelectTrigger:where(.rt-r-size-3) {
-  --select-trigger-height: var(--space-7);
+  --select-trigger-height: var(--control-height-3);
   gap: var(--component-gap-3);
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
@@ -20299,7 +20303,7 @@
 }
 @media (min-width: 520px) {
   .rt-SelectTrigger:where(.xs\:rt-r-size-1) {
-    --select-trigger-height: var(--space-5);
+    --select-trigger-height: var(--control-height-1);
     gap: var(--component-gap-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
@@ -20319,7 +20323,7 @@
     height: var(--trigger-icon-size-1);
   }
   .rt-SelectTrigger:where(.xs\:rt-r-size-2) {
-    --select-trigger-height: var(--space-6);
+    --select-trigger-height: var(--control-height-2);
     gap: var(--component-gap-2);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
@@ -20339,7 +20343,7 @@
     height: var(--trigger-icon-size-2);
   }
   .rt-SelectTrigger:where(.xs\:rt-r-size-3) {
-    --select-trigger-height: var(--space-7);
+    --select-trigger-height: var(--control-height-3);
     gap: var(--component-gap-3);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
@@ -20361,7 +20365,7 @@
 }
 @media (min-width: 768px) {
   .rt-SelectTrigger:where(.sm\:rt-r-size-1) {
-    --select-trigger-height: var(--space-5);
+    --select-trigger-height: var(--control-height-1);
     gap: var(--component-gap-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
@@ -20381,7 +20385,7 @@
     height: var(--trigger-icon-size-1);
   }
   .rt-SelectTrigger:where(.sm\:rt-r-size-2) {
-    --select-trigger-height: var(--space-6);
+    --select-trigger-height: var(--control-height-2);
     gap: var(--component-gap-2);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
@@ -20401,7 +20405,7 @@
     height: var(--trigger-icon-size-2);
   }
   .rt-SelectTrigger:where(.sm\:rt-r-size-3) {
-    --select-trigger-height: var(--space-7);
+    --select-trigger-height: var(--control-height-3);
     gap: var(--component-gap-3);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
@@ -20423,7 +20427,7 @@
 }
 @media (min-width: 1024px) {
   .rt-SelectTrigger:where(.md\:rt-r-size-1) {
-    --select-trigger-height: var(--space-5);
+    --select-trigger-height: var(--control-height-1);
     gap: var(--component-gap-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
@@ -20443,7 +20447,7 @@
     height: var(--trigger-icon-size-1);
   }
   .rt-SelectTrigger:where(.md\:rt-r-size-2) {
-    --select-trigger-height: var(--space-6);
+    --select-trigger-height: var(--control-height-2);
     gap: var(--component-gap-2);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
@@ -20463,7 +20467,7 @@
     height: var(--trigger-icon-size-2);
   }
   .rt-SelectTrigger:where(.md\:rt-r-size-3) {
-    --select-trigger-height: var(--space-7);
+    --select-trigger-height: var(--control-height-3);
     gap: var(--component-gap-3);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
@@ -20485,7 +20489,7 @@
 }
 @media (min-width: 1280px) {
   .rt-SelectTrigger:where(.lg\:rt-r-size-1) {
-    --select-trigger-height: var(--space-5);
+    --select-trigger-height: var(--control-height-1);
     gap: var(--component-gap-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
@@ -20505,7 +20509,7 @@
     height: var(--trigger-icon-size-1);
   }
   .rt-SelectTrigger:where(.lg\:rt-r-size-2) {
-    --select-trigger-height: var(--space-6);
+    --select-trigger-height: var(--control-height-2);
     gap: var(--component-gap-2);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
@@ -20525,7 +20529,7 @@
     height: var(--trigger-icon-size-2);
   }
   .rt-SelectTrigger:where(.lg\:rt-r-size-3) {
-    --select-trigger-height: var(--space-7);
+    --select-trigger-height: var(--control-height-3);
     gap: var(--component-gap-3);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
@@ -20547,7 +20551,7 @@
 }
 @media (min-width: 1640px) {
   .rt-SelectTrigger:where(.xl\:rt-r-size-1) {
-    --select-trigger-height: var(--space-5);
+    --select-trigger-height: var(--control-height-1);
     gap: var(--component-gap-1);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
@@ -20567,7 +20571,7 @@
     height: var(--trigger-icon-size-1);
   }
   .rt-SelectTrigger:where(.xl\:rt-r-size-2) {
-    --select-trigger-height: var(--space-6);
+    --select-trigger-height: var(--control-height-2);
     gap: var(--component-gap-2);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
@@ -20587,7 +20591,7 @@
     height: var(--trigger-icon-size-2);
   }
   .rt-SelectTrigger:where(.xl\:rt-r-size-3) {
-    --select-trigger-height: var(--space-7);
+    --select-trigger-height: var(--control-height-3);
     gap: var(--component-gap-3);
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
@@ -20609,7 +20613,7 @@
 }
 .rt-SelectContent:where(.rt-r-size-1) {
   --select-content-padding: var(--space-1);
-  --select-item-height: var(--space-5);
+  --select-item-height: var(--control-height-1);
   --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
   --select-separator-margin-right: var(--space-2);
   border-radius: var(--radius-surface-3);
@@ -20631,7 +20635,6 @@
 }
 .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) {
   --select-content-padding: var(--space-2);
-  --select-item-height: var(--space-6);
   --select-item-indicator-width: var(--space-5);
   --select-separator-margin-right: var(--space-3);
   border-radius: var(--radius-surface-4);
@@ -20645,6 +20648,9 @@
   line-height: var(--line-height-2);
   border-radius: var(--radius-2);
 }
+.rt-SelectContent:where(.rt-r-size-2) {
+  --select-item-height: var(--control-height-2);
+}
 .rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItem) {
   font-size: var(--font-size-2);
   letter-spacing: var(--letter-spacing-2);
@@ -20653,6 +20659,9 @@
   width: var(--select-indicator-icon-size-2);
   height: var(--select-indicator-icon-size-2);
 }
+.rt-SelectContent:where(.rt-r-size-3) {
+  --select-item-height: var(--control-height-3);
+}
 .rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItem) {
   font-size: var(--font-size-3);
   letter-spacing: var(--letter-spacing-3);
@@ -20664,7 +20673,7 @@
 @media (min-width: 520px) {
   .rt-SelectContent:where(.xs\:rt-r-size-1) {
     --select-content-padding: var(--space-1);
-    --select-item-height: var(--space-5);
+    --select-item-height: var(--control-height-1);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
     border-radius: var(--radius-surface-3);
@@ -20686,7 +20695,6 @@
   }
   .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
     --select-content-padding: var(--space-2);
-    --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
@@ -20700,6 +20708,9 @@
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
+  .rt-SelectContent:where(.xs\:rt-r-size-2) {
+    --select-item-height: var(--control-height-2);
+  }
   .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItem) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
@@ -20708,6 +20719,9 @@
     width: var(--select-indicator-icon-size-2);
     height: var(--select-indicator-icon-size-2);
   }
+  .rt-SelectContent:where(.xs\:rt-r-size-3) {
+    --select-item-height: var(--control-height-3);
+  }
   .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItem) {
     font-size: var(--font-size-3);
     letter-spacing: var(--letter-spacing-3);
@@ -20720,7 +20734,7 @@
 @media (min-width: 768px) {
   .rt-SelectContent:where(.sm\:rt-r-size-1) {
     --select-content-padding: var(--space-1);
-    --select-item-height: var(--space-5);
+    --select-item-height: var(--control-height-1);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
     border-radius: var(--radius-surface-3);
@@ -20742,7 +20756,6 @@
   }
   .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
     --select-content-padding: var(--space-2);
-    --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
@@ -20756,6 +20769,9 @@
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
+  .rt-SelectContent:where(.sm\:rt-r-size-2) {
+    --select-item-height: var(--control-height-2);
+  }
   .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItem) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
@@ -20764,6 +20780,9 @@
     width: var(--select-indicator-icon-size-2);
     height: var(--select-indicator-icon-size-2);
   }
+  .rt-SelectContent:where(.sm\:rt-r-size-3) {
+    --select-item-height: var(--control-height-3);
+  }
   .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItem) {
     font-size: var(--font-size-3);
     letter-spacing: var(--letter-spacing-3);
@@ -20776,7 +20795,7 @@
 @media (min-width: 1024px) {
   .rt-SelectContent:where(.md\:rt-r-size-1) {
     --select-content-padding: var(--space-1);
-    --select-item-height: var(--space-5);
+    --select-item-height: var(--control-height-1);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
     border-radius: var(--radius-surface-3);
@@ -20798,7 +20817,6 @@
   }
   .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
     --select-content-padding: var(--space-2);
-    --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
@@ -20812,6 +20830,9 @@
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
+  .rt-SelectContent:where(.md\:rt-r-size-2) {
+    --select-item-height: var(--control-height-2);
+  }
   .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItem) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
@@ -20820,6 +20841,9 @@
     width: var(--select-indicator-icon-size-2);
     height: var(--select-indicator-icon-size-2);
   }
+  .rt-SelectContent:where(.md\:rt-r-size-3) {
+    --select-item-height: var(--control-height-3);
+  }
   .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItem) {
     font-size: var(--font-size-3);
     letter-spacing: var(--letter-spacing-3);
@@ -20832,7 +20856,7 @@
 @media (min-width: 1280px) {
   .rt-SelectContent:where(.lg\:rt-r-size-1) {
     --select-content-padding: var(--space-1);
-    --select-item-height: var(--space-5);
+    --select-item-height: var(--control-height-1);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
     border-radius: var(--radius-surface-3);
@@ -20854,7 +20878,6 @@
   }
   .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
     --select-content-padding: var(--space-2);
-    --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
@@ -20868,6 +20891,9 @@
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
+  .rt-SelectContent:where(.lg\:rt-r-size-2) {
+    --select-item-height: var(--control-height-2);
+  }
   .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItem) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
@@ -20876,6 +20902,9 @@
     width: var(--select-indicator-icon-size-2);
     height: var(--select-indicator-icon-size-2);
   }
+  .rt-SelectContent:where(.lg\:rt-r-size-3) {
+    --select-item-height: var(--control-height-3);
+  }
   .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItem) {
     font-size: var(--font-size-3);
     letter-spacing: var(--letter-spacing-3);
@@ -20888,7 +20917,7 @@
 @media (min-width: 1640px) {
   .rt-SelectContent:where(.xl\:rt-r-size-1) {
     --select-content-padding: var(--space-1);
-    --select-item-height: var(--space-5);
+    --select-item-height: var(--control-height-1);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
     border-radius: var(--radius-surface-3);
@@ -20910,7 +20939,6 @@
   }
   .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
     --select-content-padding: var(--space-2);
-    --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
     border-radius: var(--radius-surface-4);
@@ -20924,6 +20952,9 @@
     line-height: var(--line-height-2);
     border-radius: var(--radius-2);
   }
+  .rt-SelectContent:where(.xl\:rt-r-size-2) {
+    --select-item-height: var(--control-height-2);
+  }
   .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItem) {
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
@@ -20932,6 +20963,9 @@
     width: var(--select-indicator-icon-size-2);
     height: var(--select-indicator-icon-size-2);
   }
+  .rt-SelectContent:where(.xl\:rt-r-size-3) {
+    --select-item-height: var(--control-height-3);
+  }
   .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItem) {
     font-size: var(--font-size-3);
     letter-spacing: var(--letter-spacing-3);
@@ -22528,131 +22562,100 @@
 .rt-SidebarFooter :where(.rt-SidebarMenuButton) {
   border-radius: 0 0 var(--sidebar-base-border-radius) var(--sidebar-base-border-radius);
 }
+.rt-SidebarMenuSubTriggerIcon {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  margin-left: auto;
+}
 .rt-SidebarContainer:where(.rt-r-size-1) {
   --sidebar-base-padding: var(--space-3);
-  --sidebar-item-height: var(--space-6);
 }
-.rt-SidebarContainer:where(.rt-r-size-2) {
+.rt-SidebarContainer:where(.rt-r-size-2,.rt-r-size-3) {
   --sidebar-base-padding: var(--space-4);
-  --sidebar-item-height: var(--space-7);
-}
-.rt-SidebarContainer:where(.rt-r-size-3) {
-  --sidebar-base-padding: var(--space-4);
-  --sidebar-item-height: var(--space-8);
-}
-.rt-SidebarContent:where(.rt-r-size-1) {
-  --sidebar-content-padding: var(--base-menu-content-padding);
-  --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-  --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-  --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-  --base-menu-item-height: var(--space-6);
-  --sidebar-item-height: var(--base-menu-item-height);
-}
-.rt-SidebarContent:where(.rt-r-size-2) {
-  --sidebar-content-padding: var(--base-menu-content-padding);
-  --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-  --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-  --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-  --base-menu-item-height: var(--space-7);
-  --sidebar-item-height: var(--base-menu-item-height);
 }
-.rt-SidebarContent:where(.rt-r-size-3) {
-  --sidebar-content-padding: var(--base-menu-content-padding);
-  --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-  --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-  --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-  --base-menu-item-height: var(--space-8);
-  --sidebar-item-height: var(--base-menu-item-height);
-}
-:is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-1) {
+.rt-SidebarHeader:where(.rt-r-size-1),
+.rt-SidebarFooter:where(.rt-r-size-1) {
   --base-menu-content-padding: var(--space-2);
-  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+  --base-menu-item-padding-left: var(--space-2);
   --base-menu-item-padding-right: var(--space-2);
   --base-menu-item-padding-y: var(--space-1);
-  --base-menu-item-height: var(--space-6);
-  --sidebar-item-height: var(--base-menu-item-height);
-}
-:is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-2) {
-  --base-menu-content-padding: var(--space-3);
-  --base-menu-item-padding-left: var(--space-3);
-  --base-menu-item-padding-right: var(--space-3);
-  --base-menu-item-padding-y: var(--space-1);
-  --base-menu-item-height: var(--space-7);
+  --base-menu-item-height: var(--control-height-1);
   --sidebar-item-height: var(--base-menu-item-height);
 }
-:is(.rt-SidebarHeader,.rt-SidebarFooter):where(.rt-r-size-3) {
-  --base-menu-content-padding: var(--space-3);
-  --base-menu-item-padding-left: var(--space-3);
-  --base-menu-item-padding-right: var(--space-3);
-  --base-menu-item-padding-y: var(--space-2);
-  --base-menu-item-height: var(--space-8);
-  --sidebar-item-height: var(--base-menu-item-height);
-}
-:is(.rt-SidebarContent:where(.rt-r-size-1),.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton) {
+:is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton) {
   gap: var(--component-gap-2);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
   border-radius: var(--radius-1);
-  font-weight: var(--font-weight-regular);
 }
-:is(:is(.rt-SidebarContent:where(.rt-r-size-1),.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
-  width: var(--content-icon-size-2);
-  height: var(--content-icon-size-2);
+:is(:is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  width: var(--content-icon-size-1);
+  height: var(--content-icon-size-1);
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-:is(.rt-SidebarContent:where(.rt-r-size-1),.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
+:is(.rt-SidebarHeader:where(.rt-r-size-1),.rt-SidebarFooter:where(.rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
   width: var(--indicator-icon-size-1);
   height: var(--indicator-icon-size-1);
   -ms-flex-negative: 0;
       flex-shrink: 0;
   margin-left: auto;
 }
-:is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton) {
+.rt-SidebarHeader:where(.rt-r-size-2),
+.rt-SidebarFooter:where(.rt-r-size-2) {
+  --base-menu-content-padding: var(--space-3);
+  --base-menu-item-padding-left: var(--space-3);
+  --base-menu-item-padding-right: var(--space-3);
+  --base-menu-item-padding-y: var(--space-1);
+  --base-menu-item-height: var(--control-height-2);
+  --sidebar-item-height: var(--base-menu-item-height);
+}
+:is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton) {
   gap: var(--component-gap-3);
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
   border-radius: var(--radius-2);
-  font-weight: var(--font-weight-regular);
-}
-:is(:is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
-  width: var(--content-icon-size-3);
-  height: var(--content-icon-size-3);
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
 }
-:is(:is(:is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) .rt-SidebarContent:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
-  width: var(--content-icon-size-3);
-  height: var(--content-icon-size-3);
+:is(:is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  width: var(--content-icon-size-2);
+  height: var(--content-icon-size-2);
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-:is(.rt-SidebarContent:where(.rt-r-size-2),.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
+:is(.rt-SidebarHeader:where(.rt-r-size-2),.rt-SidebarFooter:where(.rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
   width: var(--indicator-icon-size-2);
   height: var(--indicator-icon-size-2);
   -ms-flex-negative: 0;
       flex-shrink: 0;
   margin-left: auto;
 }
-:is(.rt-SidebarContent:where(.rt-r-size-3),.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton) {
-  gap: var(--component-gap-3);
+.rt-SidebarHeader:where(.rt-r-size-3),
+.rt-SidebarFooter:where(.rt-r-size-3) {
+  --base-menu-content-padding: var(--space-3);
+  --base-menu-item-padding-left: var(--space-3);
+  --base-menu-item-padding-right: var(--space-3);
+  --base-menu-item-padding-y: var(--space-2);
+  --base-menu-item-height: var(--control-height-3);
+  --sidebar-item-height: var(--base-menu-item-height);
+}
+:is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton) {
+  gap: var(--component-gap-4);
   font-size: var(--font-size-3);
-  line-height: var(--line-height-2);
-  letter-spacing: var(--letter-spacing-2);
+  line-height: var(--line-height-3);
+  letter-spacing: var(--letter-spacing-3);
   border-radius: var(--radius-2);
-  font-weight: var(--font-weight-regular);
 }
-:is(:is(.rt-SidebarContent:where(.rt-r-size-3),.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
+:is(:is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
   width: var(--content-icon-size-3);
   height: var(--content-icon-size-3);
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
-:is(.rt-SidebarContent:where(.rt-r-size-3),.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
-  width: var(--indicator-icon-size-2);
-  height: var(--indicator-icon-size-2);
+:is(.rt-SidebarHeader:where(.rt-r-size-3),.rt-SidebarFooter:where(.rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
+  width: var(--indicator-icon-size-3);
+  height: var(--indicator-icon-size-3);
   -ms-flex-negative: 0;
       flex-shrink: 0;
   margin-left: auto;
@@ -22660,129 +22663,93 @@
 @media (min-width: 520px) {
   .rt-SidebarContainer:where(.xs\:rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-6);
   }
-  .rt-SidebarContainer:where(.xs\:rt-r-size-2) {
+  .rt-SidebarContainer:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-7);
-  }
-  .rt-SidebarContainer:where(.xs\:rt-r-size-3) {
-    --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-8);
-  }
-  .rt-SidebarContent:where(.xs\:rt-r-size-1) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
   }
-  .rt-SidebarContent:where(.xs\:rt-r-size-2) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.xs\:rt-r-size-3) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-1) {
+  .rt-SidebarHeader:where(.xs\:rt-r-size-1),
+  .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+    --base-menu-item-padding-left: var(--space-2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
+    --base-menu-item-height: var(--control-height-1);
     --sidebar-item-height: var(--base-menu-item-height);
   }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-2) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xs\:rt-r-size-3) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarContent:where(.xs\:rt-r-size-1),.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
+  :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-1),.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+  :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-1);
+    height: var(--content-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.xs\:rt-r-size-1),.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.xs\:rt-r-size-1),.rt-SidebarFooter:where(.xs\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-1);
     height: var(--indicator-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
+  .rt-SidebarHeader:where(.xs\:rt-r-size-2),
+  .rt-SidebarFooter:where(.xs\:rt-r-size-2) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-height: var(--control-height-2);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-  }
-  :is(:is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) .rt-SidebarContent:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
+  :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.xs\:rt-r-size-2),.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.xs\:rt-r-size-2),.rt-SidebarFooter:where(.xs\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-2);
     height: var(--indicator-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.xs\:rt-r-size-3),.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
-    gap: var(--component-gap-3);
+  .rt-SidebarHeader:where(.xs\:rt-r-size-3),
+  .rt-SidebarFooter:where(.xs\:rt-r-size-3) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-2);
+    --base-menu-item-height: var(--control-height-3);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
+    gap: var(--component-gap-4);
     font-size: var(--font-size-3);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.xs\:rt-r-size-3),.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  :is(:is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.xs\:rt-r-size-3),.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
+  :is(.rt-SidebarHeader:where(.xs\:rt-r-size-3),.rt-SidebarFooter:where(.xs\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
+    width: var(--indicator-icon-size-3);
+    height: var(--indicator-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
@@ -22791,129 +22758,93 @@
 @media (min-width: 768px) {
   .rt-SidebarContainer:where(.sm\:rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-6);
-  }
-  .rt-SidebarContainer:where(.sm\:rt-r-size-2) {
-    --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-7);
   }
-  .rt-SidebarContainer:where(.sm\:rt-r-size-3) {
+  .rt-SidebarContainer:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-8);
-  }
-  .rt-SidebarContent:where(.sm\:rt-r-size-1) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.sm\:rt-r-size-2) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
   }
-  .rt-SidebarContent:where(.sm\:rt-r-size-3) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-1) {
+  .rt-SidebarHeader:where(.sm\:rt-r-size-1),
+  .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+    --base-menu-item-padding-left: var(--space-2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-2) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-1);
     --sidebar-item-height: var(--base-menu-item-height);
   }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.sm\:rt-r-size-3) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarContent:where(.sm\:rt-r-size-1),.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
+  :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-1),.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+  :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-1);
+    height: var(--content-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.sm\:rt-r-size-1),.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.sm\:rt-r-size-1),.rt-SidebarFooter:where(.sm\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-1);
     height: var(--indicator-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
+  .rt-SidebarHeader:where(.sm\:rt-r-size-2),
+  .rt-SidebarFooter:where(.sm\:rt-r-size-2) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-height: var(--control-height-2);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
-  }
-  :is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
   }
-  :is(:is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) .rt-SidebarContent:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
+  :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.sm\:rt-r-size-2),.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.sm\:rt-r-size-2),.rt-SidebarFooter:where(.sm\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-2);
     height: var(--indicator-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.sm\:rt-r-size-3),.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
-    gap: var(--component-gap-3);
+  .rt-SidebarHeader:where(.sm\:rt-r-size-3),
+  .rt-SidebarFooter:where(.sm\:rt-r-size-3) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-2);
+    --base-menu-item-height: var(--control-height-3);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
+    gap: var(--component-gap-4);
     font-size: var(--font-size-3);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.sm\:rt-r-size-3),.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  :is(:is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.sm\:rt-r-size-3),.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
+  :is(.rt-SidebarHeader:where(.sm\:rt-r-size-3),.rt-SidebarFooter:where(.sm\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
+    width: var(--indicator-icon-size-3);
+    height: var(--indicator-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
@@ -22922,129 +22853,93 @@
 @media (min-width: 1024px) {
   .rt-SidebarContainer:where(.md\:rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-6);
   }
-  .rt-SidebarContainer:where(.md\:rt-r-size-2) {
+  .rt-SidebarContainer:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-7);
   }
-  .rt-SidebarContainer:where(.md\:rt-r-size-3) {
-    --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-8);
-  }
-  .rt-SidebarContent:where(.md\:rt-r-size-1) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.md\:rt-r-size-2) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.md\:rt-r-size-3) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-1) {
+  .rt-SidebarHeader:where(.md\:rt-r-size-1),
+  .rt-SidebarFooter:where(.md\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+    --base-menu-item-padding-left: var(--space-2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-2) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-1);
     --sidebar-item-height: var(--base-menu-item-height);
   }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.md\:rt-r-size-3) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarContent:where(.md\:rt-r-size-1),.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
+  :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.md\:rt-r-size-1),.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+  :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-1);
+    height: var(--content-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.md\:rt-r-size-1),.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.md\:rt-r-size-1),.rt-SidebarFooter:where(.md\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-1);
     height: var(--indicator-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
+  .rt-SidebarHeader:where(.md\:rt-r-size-2),
+  .rt-SidebarFooter:where(.md\:rt-r-size-2) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-height: var(--control-height-2);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
-  }
-  :is(:is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
   }
-  :is(:is(:is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) .rt-SidebarContent:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
+  :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.md\:rt-r-size-2),.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.md\:rt-r-size-2),.rt-SidebarFooter:where(.md\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-2);
     height: var(--indicator-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.md\:rt-r-size-3),.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
-    gap: var(--component-gap-3);
+  .rt-SidebarHeader:where(.md\:rt-r-size-3),
+  .rt-SidebarFooter:where(.md\:rt-r-size-3) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-2);
+    --base-menu-item-height: var(--control-height-3);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
+    gap: var(--component-gap-4);
     font-size: var(--font-size-3);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.md\:rt-r-size-3),.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  :is(:is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.md\:rt-r-size-3),.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
+  :is(.rt-SidebarHeader:where(.md\:rt-r-size-3),.rt-SidebarFooter:where(.md\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
+    width: var(--indicator-icon-size-3);
+    height: var(--indicator-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
@@ -23053,129 +22948,93 @@
 @media (min-width: 1280px) {
   .rt-SidebarContainer:where(.lg\:rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-6);
   }
-  .rt-SidebarContainer:where(.lg\:rt-r-size-2) {
+  .rt-SidebarContainer:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-7);
   }
-  .rt-SidebarContainer:where(.lg\:rt-r-size-3) {
-    --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-8);
-  }
-  .rt-SidebarContent:where(.lg\:rt-r-size-1) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.lg\:rt-r-size-2) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.lg\:rt-r-size-3) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-1) {
+  .rt-SidebarHeader:where(.lg\:rt-r-size-1),
+  .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+    --base-menu-item-padding-left: var(--space-2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-2) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-7);
+    --base-menu-item-height: var(--control-height-1);
     --sidebar-item-height: var(--base-menu-item-height);
   }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.lg\:rt-r-size-3) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarContent:where(.lg\:rt-r-size-1),.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
+  :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-1),.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+  :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-1);
+    height: var(--content-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.lg\:rt-r-size-1),.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.lg\:rt-r-size-1),.rt-SidebarFooter:where(.lg\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-1);
     height: var(--indicator-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
+  .rt-SidebarHeader:where(.lg\:rt-r-size-2),
+  .rt-SidebarFooter:where(.lg\:rt-r-size-2) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-height: var(--control-height-2);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
-  }
-  :is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
   }
-  :is(:is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) .rt-SidebarContent:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
+  :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.lg\:rt-r-size-2),.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.lg\:rt-r-size-2),.rt-SidebarFooter:where(.lg\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-2);
     height: var(--indicator-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.lg\:rt-r-size-3),.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
-    gap: var(--component-gap-3);
+  .rt-SidebarHeader:where(.lg\:rt-r-size-3),
+  .rt-SidebarFooter:where(.lg\:rt-r-size-3) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-2);
+    --base-menu-item-height: var(--control-height-3);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
+    gap: var(--component-gap-4);
     font-size: var(--font-size-3);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.lg\:rt-r-size-3),.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  :is(:is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.lg\:rt-r-size-3),.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
+  :is(.rt-SidebarHeader:where(.lg\:rt-r-size-3),.rt-SidebarFooter:where(.lg\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
+    width: var(--indicator-icon-size-3);
+    height: var(--indicator-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
@@ -23184,129 +23043,93 @@
 @media (min-width: 1640px) {
   .rt-SidebarContainer:where(.xl\:rt-r-size-1) {
     --sidebar-base-padding: var(--space-3);
-    --sidebar-item-height: var(--space-6);
-  }
-  .rt-SidebarContainer:where(.xl\:rt-r-size-2) {
-    --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-7);
   }
-  .rt-SidebarContainer:where(.xl\:rt-r-size-3) {
+  .rt-SidebarContainer:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
-    --sidebar-item-height: var(--space-8);
-  }
-  .rt-SidebarContent:where(.xl\:rt-r-size-1) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.xl\:rt-r-size-2) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  .rt-SidebarContent:where(.xl\:rt-r-size-3) {
-    --sidebar-content-padding: var(--base-menu-content-padding);
-    --sidebar-item-padding-left: var(--base-menu-item-padding-left);
-    --sidebar-item-padding-right: var(--base-menu-item-padding-right);
-    --sidebar-item-padding-y: var(--base-menu-item-padding-y);
-    --base-menu-item-height: var(--space-8);
-    --sidebar-item-height: var(--base-menu-item-height);
   }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-1) {
+  .rt-SidebarHeader:where(.xl\:rt-r-size-1),
+  .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+    --base-menu-item-padding-left: var(--space-2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-6);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-2) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-1);
-    --base-menu-item-height: var(--space-7);
-    --sidebar-item-height: var(--base-menu-item-height);
-  }
-  :is(.rt-SidebarHeader,.rt-SidebarFooter):where(.xl\:rt-r-size-3) {
-    --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
-    --base-menu-item-padding-right: var(--space-3);
-    --base-menu-item-padding-y: var(--space-2);
-    --base-menu-item-height: var(--space-8);
+    --base-menu-item-height: var(--control-height-1);
     --sidebar-item-height: var(--base-menu-item-height);
   }
-  :is(.rt-SidebarContent:where(.xl\:rt-r-size-1),.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
+  :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-1),.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+  :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-1);
+    height: var(--content-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.xl\:rt-r-size-1),.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.xl\:rt-r-size-1),.rt-SidebarFooter:where(.xl\:rt-r-size-1)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-1);
     height: var(--indicator-icon-size-1);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
+  .rt-SidebarHeader:where(.xl\:rt-r-size-2),
+  .rt-SidebarFooter:where(.xl\:rt-r-size-2) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-1);
+    --base-menu-item-height: var(--control-height-2);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton) {
     gap: var(--component-gap-3);
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-  }
-  :is(:is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) .rt-SidebarContent:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
-    width: var(--content-icon-size-3);
-    height: var(--content-icon-size-3);
+  :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-SidebarMenuButton)) :where(svg) {
+    width: var(--content-icon-size-2);
+    height: var(--content-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.xl\:rt-r-size-2),.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
+  :is(.rt-SidebarHeader:where(.xl\:rt-r-size-2),.rt-SidebarFooter:where(.xl\:rt-r-size-2)) :where(.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-2);
     height: var(--indicator-icon-size-2);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
   }
-  :is(.rt-SidebarContent:where(.xl\:rt-r-size-3),.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
-    gap: var(--component-gap-3);
+  .rt-SidebarHeader:where(.xl\:rt-r-size-3),
+  .rt-SidebarFooter:where(.xl\:rt-r-size-3) {
+    --base-menu-content-padding: var(--space-3);
+    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-right: var(--space-3);
+    --base-menu-item-padding-y: var(--space-2);
+    --base-menu-item-height: var(--control-height-3);
+    --sidebar-item-height: var(--base-menu-item-height);
+  }
+  :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton) {
+    gap: var(--component-gap-4);
     font-size: var(--font-size-3);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
     border-radius: var(--radius-2);
-    font-weight: var(--font-weight-regular);
   }
-  :is(:is(.rt-SidebarContent:where(.xl\:rt-r-size-3),.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
+  :is(:is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-SidebarMenuButton)) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
   }
-  :is(.rt-SidebarContent:where(.xl\:rt-r-size-3),.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
+  :is(.rt-SidebarHeader:where(.xl\:rt-r-size-3),.rt-SidebarFooter:where(.xl\:rt-r-size-3)) :where(.rt-BaseMenuSubTriggerIcon) {
+    width: var(--indicator-icon-size-3);
+    height: var(--indicator-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-left: auto;
@@ -25314,7 +25137,7 @@
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
-  --tab-height: var(--space-6);
+  --tab-height: var(--control-height-1);
   --tab-padding-x: var(--space-1);
   --tab-inner-padding-x: var(--space-1);
   --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25331,7 +25154,7 @@
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
-  --tab-height: var(--space-7);
+  --tab-height: var(--control-height-2);
   --tab-padding-x: var(--space-2);
   --tab-inner-padding-x: var(--space-2);
   --tab-inner-padding-y: var(--space-1);
@@ -25349,7 +25172,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--space-6);
+    --tab-height: var(--control-height-1);
     --tab-padding-x: var(--space-1);
     --tab-inner-padding-x: var(--space-1);
     --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25366,7 +25189,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--space-7);
+    --tab-height: var(--control-height-2);
     --tab-padding-x: var(--space-2);
     --tab-inner-padding-x: var(--space-2);
     --tab-inner-padding-y: var(--space-1);
@@ -25385,7 +25208,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--space-6);
+    --tab-height: var(--control-height-1);
     --tab-padding-x: var(--space-1);
     --tab-inner-padding-x: var(--space-1);
     --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25402,7 +25225,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--space-7);
+    --tab-height: var(--control-height-2);
     --tab-padding-x: var(--space-2);
     --tab-inner-padding-x: var(--space-2);
     --tab-inner-padding-y: var(--space-1);
@@ -25421,7 +25244,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--space-6);
+    --tab-height: var(--control-height-1);
     --tab-padding-x: var(--space-1);
     --tab-inner-padding-x: var(--space-1);
     --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25438,7 +25261,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--space-7);
+    --tab-height: var(--control-height-2);
     --tab-padding-x: var(--space-2);
     --tab-inner-padding-x: var(--space-2);
     --tab-inner-padding-y: var(--space-1);
@@ -25457,7 +25280,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--space-6);
+    --tab-height: var(--control-height-1);
     --tab-padding-x: var(--space-1);
     --tab-inner-padding-x: var(--space-1);
     --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25474,7 +25297,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--space-7);
+    --tab-height: var(--control-height-2);
     --tab-padding-x: var(--space-2);
     --tab-inner-padding-x: var(--space-2);
     --tab-inner-padding-y: var(--space-1);
@@ -25493,7 +25316,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--space-6);
+    --tab-height: var(--control-height-1);
     --tab-padding-x: var(--space-1);
     --tab-inner-padding-x: var(--space-1);
     --tab-inner-padding-y: calc(var(--space-1) * var(--spacing-multiplier-small));
@@ -25510,7 +25333,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--space-7);
+    --tab-height: var(--control-height-2);
     --tab-padding-x: var(--space-2);
     --tab-inner-padding-x: var(--space-2);
     --tab-inner-padding-y: var(--space-1);
@@ -26884,25 +26707,25 @@
   min-width: var(--toolbar-control-height);
 }
 .rt-Toolbar:where(.rt-r-size-1) {
-  --toolbar-control-height: var(--space-5);
+  --toolbar-control-height: var(--control-height-1);
   --toolbar-radius: max(var(--radius-1), var(--radius-full));
   --toolbar-gap: var(--space-1);
   --toolbar-title-gap: var(--space-2);
 }
 .rt-Toolbar:where(.rt-r-size-2) {
-  --toolbar-control-height: var(--space-6);
+  --toolbar-control-height: var(--control-height-2);
   --toolbar-radius: max(var(--radius-2), var(--radius-full));
   --toolbar-gap: var(--space-2);
   --toolbar-title-gap: var(--space-3);
 }
 .rt-Toolbar:where(.rt-r-size-3) {
-  --toolbar-control-height: var(--space-7);
+  --toolbar-control-height: var(--control-height-3);
   --toolbar-radius: max(var(--radius-3), var(--radius-full));
   --toolbar-gap: var(--space-2);
   --toolbar-title-gap: var(--space-4);
 }
 .rt-Toolbar:where(.rt-r-size-4) {
-  --toolbar-control-height: var(--space-8);
+  --toolbar-control-height: var(--control-height-4);
   --toolbar-radius: max(var(--radius-4), var(--radius-full));
   --toolbar-gap: var(--space-3);
   --toolbar-title-gap: var(--space-5);