@womp/kookie-ui 0.20.0 → 0.21.0

package/styles.css

@@ -3714,10 +3714,6 @@
           text-size-adjust: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  --container-1: 448px;
-  --container-2: 688px;
-  --container-3: 880px;
-  --container-4: 1136px;
   --scrollarea-scrollbar-horizontal-margin-top: var(--space-2);
   --scrollarea-scrollbar-horizontal-margin-bottom: var(--space-2);
   --scrollarea-scrollbar-horizontal-margin-left: var(--space-2);
@@ -5358,273 +5354,6 @@
   grid-template-columns: minmax(0, 1fr);
   grid-template-rows: none;
 }
-.rt-Section {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-.rt-Section:where(.rt-r-size-1) {
-  padding-top: var(--space-6);
-  padding-bottom: var(--space-6);
-}
-.rt-Section:where(.rt-r-size-2) {
-  padding-top: var(--space-8);
-  padding-bottom: var(--space-8);
-}
-.rt-Section:where(.rt-r-size-3) {
-  padding-top: var(--space-10);
-  padding-bottom: var(--space-10);
-}
-.rt-Section:where(.rt-r-size-4) {
-  padding-top: calc(80px * var(--scale));
-  padding-bottom: calc(80px * var(--scale));
-}
-@media (min-width: 520px) {
-  .rt-Section:where(.xs\:rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-  }
-  .rt-Section:where(.xs\:rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-  }
-  .rt-Section:where(.xs\:rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-  }
-  .rt-Section:where(.xs\:rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-  }
-}
-@media (min-width: 768px) {
-  .rt-Section:where(.sm\:rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-  }
-  .rt-Section:where(.sm\:rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-  }
-  .rt-Section:where(.sm\:rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-  }
-  .rt-Section:where(.sm\:rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-  }
-}
-@media (min-width: 1024px) {
-  .rt-Section:where(.md\:rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-  }
-  .rt-Section:where(.md\:rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-  }
-  .rt-Section:where(.md\:rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-  }
-  .rt-Section:where(.md\:rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-  }
-}
-@media (min-width: 1280px) {
-  .rt-Section:where(.lg\:rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-  }
-  .rt-Section:where(.lg\:rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-  }
-  .rt-Section:where(.lg\:rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-  }
-  .rt-Section:where(.lg\:rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-  }
-}
-@media (min-width: 1640px) {
-  .rt-Section:where(.xl\:rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-  }
-  .rt-Section:where(.xl\:rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-  }
-  .rt-Section:where(.xl\:rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-  }
-  .rt-Section:where(.xl\:rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-  }
-}
-.rt-Container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  min-width: 0;
-}
-.rt-ContainerInner {
-  width: 100%;
-}
-:where(.rt-Container.rt-r-size-1) .rt-ContainerInner {
-  max-width: var(--container-1);
-}
-:where(.rt-Container.rt-r-size-2) .rt-ContainerInner {
-  max-width: var(--container-2);
-}
-:where(.rt-Container.rt-r-size-3) .rt-ContainerInner {
-  max-width: var(--container-3);
-}
-:where(.rt-Container.rt-r-size-4) .rt-ContainerInner {
-  max-width: var(--container-4);
-}
-@media (min-width: 520px) {
-  :where(.rt-Container.xs\:rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-  }
-  :where(.rt-Container.xs\:rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-  }
-  :where(.rt-Container.xs\:rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-  }
-  :where(.rt-Container.xs\:rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-  }
-}
-@media (min-width: 768px) {
-  :where(.rt-Container.sm\:rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-  }
-  :where(.rt-Container.sm\:rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-  }
-  :where(.rt-Container.sm\:rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-  }
-  :where(.rt-Container.sm\:rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-  }
-}
-@media (min-width: 1024px) {
-  :where(.rt-Container.md\:rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-  }
-  :where(.rt-Container.md\:rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-  }
-  :where(.rt-Container.md\:rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-  }
-  :where(.rt-Container.md\:rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-  }
-}
-@media (min-width: 1280px) {
-  :where(.rt-Container.lg\:rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-  }
-  :where(.rt-Container.lg\:rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-  }
-  :where(.rt-Container.lg\:rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-  }
-  :where(.rt-Container.lg\:rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-  }
-}
-@media (min-width: 1640px) {
-  :where(.rt-Container.xl\:rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-  }
-  :where(.rt-Container.xl\:rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-  }
-  :where(.rt-Container.xl\:rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-  }
-  :where(.rt-Container.xl\:rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-  }
-}
-.rt-Skeleton {
-  --skeleton-radius: var(--skeleton-radius-override);
-  --skeleton-height: var(--skeleton-height-override);
-  border-radius: var(--radius-1);
-  animation: rt-skeleton-pulse 1000ms infinite alternate-reverse !important;
-  background-image: none !important;
-  background-clip: border-box !important;
-  border: none !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
-  -webkit-box-decoration-break: clone !important;
-          box-decoration-break: clone !important;
-  color: transparent !important;
-  outline: none !important;
-  pointer-events: none !important;
-  -webkit-user-select: none !important;
-     -moz-user-select: none !important;
-      -ms-user-select: none !important;
-          user-select: none !important;
-  cursor: default !important;
-}
-.rt-Skeleton:where([data-inline-skeleton]) {
-  line-height: 0;
-  font-family: Arial, sans-serif !important;
-}
-:where(.rt-Skeleton:empty) {
-  display: block;
-  height: var(--space-4);
-}
-.rt-Skeleton > *,
-.rt-Skeleton::after,
-.rt-Skeleton::before {
-  visibility: hidden !important;
-}
-@-webkit-keyframes rt-skeleton-pulse {
-  from {
-    background-color: var(--gray-a3);
-  }
-  to {
-    background-color: var(--gray-a4);
-  }
-}
-@keyframes rt-skeleton-pulse {
-  from {
-    background-color: var(--gray-a3);
-  }
-  to {
-    background-color: var(--gray-a4);
-  }
-}
 .rt-Text {
   font-family: var(--default-font-family);
   line-height: var(--line-height, var(--default-line-height));
@@ -6056,28 +5785,6 @@
 :where(.rt-AccordionRoot:where(.rt-variant-ghost)) {
   background-color: transparent;
 }
-:where(.rt-AccordionRoot:where(.rt-variant-ghost)[data-flush='true']) {
-  --margin-top: 0px;
-  --margin-right: 0px;
-  --margin-bottom: 0px;
-  --margin-left: 0px;
-  --accordion-padding-x: calc(var(--space-5) * var(--padding-ratio-horizontal) / 4);
-  --accordion-padding-y: calc(var(--space-4) / 8);
-  --margin-top-override: calc(var(--margin-top) - var(--accordion-padding-y));
-  --margin-right-override: calc(var(--margin-right) - var(--accordion-padding-x));
-  --margin-bottom-override: calc(var(--margin-bottom) - var(--accordion-padding-y));
-  --margin-left-override: calc(var(--margin-left) - var(--accordion-padding-x));
-  margin-top: var(--margin-top-override);
-  margin-right: var(--margin-right-override);
-  margin-bottom: var(--margin-bottom-override);
-  margin-left: var(--margin-left-override);
-}
-:where(:where(.rt-AccordionRoot:where(.rt-variant-ghost)[data-flush='true'])) > * {
-  --margin-top-override: initial;
-  --margin-right-override: initial;
-  --margin-bottom-override: initial;
-  --margin-left-override: initial;
-}
 .rt-AccordionItem {
   overflow: hidden;
 }
@@ -6510,15 +6217,6 @@
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
 }
 .rt-AlertDialogContent {
   max-width: var(--overlay-w);
@@ -7364,7 +7062,7 @@
   min-width: var(--avatar-badge-min-size);
   min-height: var(--avatar-badge-min-size);
 }
-.rt-Badge {
+.rt-Chip {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -7386,13 +7084,13 @@
   isolation: isolate;
 }
 @media (forced-colors: active) {
-  .rt-Badge {
+  .rt-Chip {
     border: 1px solid CanvasText;
     color: CanvasText;
     background-color: Canvas;
   }
 }
-.rt-Badge:where(.rt-r-size-1) {
+.rt-Chip:where(.rt-r-size-1) {
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
@@ -7400,7 +7098,7 @@
   gap: var(--space-2);
   border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
 }
-.rt-Badge:where(.rt-r-size-2) {
+.rt-Chip:where(.rt-r-size-2) {
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
@@ -7408,10 +7106,10 @@
   gap: var(--space-2);
   border-radius: var(--radius-control-1);
 }
-.rt-Badge:where(.rt-r-size-2):where(.rt-variant-ghost) {
+.rt-Chip:where(.rt-r-size-2):where(.rt-variant-ghost) {
   padding: var(--space-1) var(--space-2);
 }
-.rt-Badge:where(.rt-r-size-3) {
+.rt-Chip:where(.rt-r-size-3) {
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
@@ -7419,11 +7117,11 @@
   gap: var(--space-3);
   border-radius: var(--radius-control-2);
 }
-.rt-Badge:where(.rt-r-size-3):where(.rt-variant-ghost) {
+.rt-Chip:where(.rt-r-size-3):where(.rt-variant-ghost) {
   padding: var(--space-1) var(--space-3);
   gap: var(--space-2);
 }
-.rt-Badge:where(.rt-r-size-4) {
+.rt-Chip:where(.rt-r-size-4) {
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
   letter-spacing: var(--letter-spacing-3);
@@ -7431,11 +7129,11 @@
   gap: var(--space-3);
   border-radius: var(--radius-control-3);
 }
-.rt-Badge:where(.rt-r-size-4):where(.rt-variant-ghost) {
+.rt-Chip:where(.rt-r-size-4):where(.rt-variant-ghost) {
   padding: var(--space-2) var(--space-3);
 }
 @media (min-width: 520px) {
-  .rt-Badge:where(.xs\:rt-r-size-1) {
+  .rt-Chip:where(.xs\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7443,7 +7141,7 @@
     gap: var(--space-2);
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
-  .rt-Badge:where(.xs\:rt-r-size-2) {
+  .rt-Chip:where(.xs\:rt-r-size-2) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7451,10 +7149,10 @@
     gap: var(--space-2);
     border-radius: var(--radius-control-1);
   }
-  .rt-Badge:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
+  .rt-Chip:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-2);
   }
-  .rt-Badge:where(.xs\:rt-r-size-3) {
+  .rt-Chip:where(.xs\:rt-r-size-3) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7462,11 +7160,11 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-2);
   }
-  .rt-Badge:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
+  .rt-Chip:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-3);
     gap: var(--space-2);
   }
-  .rt-Badge:where(.xs\:rt-r-size-4) {
+  .rt-Chip:where(.xs\:rt-r-size-4) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7474,12 +7172,12 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-3);
   }
-  .rt-Badge:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
+  .rt-Chip:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
     padding: var(--space-2) var(--space-3);
   }
 }
 @media (min-width: 768px) {
-  .rt-Badge:where(.sm\:rt-r-size-1) {
+  .rt-Chip:where(.sm\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7487,7 +7185,7 @@
     gap: var(--space-2);
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
-  .rt-Badge:where(.sm\:rt-r-size-2) {
+  .rt-Chip:where(.sm\:rt-r-size-2) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7495,10 +7193,10 @@
     gap: var(--space-2);
     border-radius: var(--radius-control-1);
   }
-  .rt-Badge:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
+  .rt-Chip:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-2);
   }
-  .rt-Badge:where(.sm\:rt-r-size-3) {
+  .rt-Chip:where(.sm\:rt-r-size-3) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7506,11 +7204,11 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-2);
   }
-  .rt-Badge:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
+  .rt-Chip:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-3);
     gap: var(--space-2);
   }
-  .rt-Badge:where(.sm\:rt-r-size-4) {
+  .rt-Chip:where(.sm\:rt-r-size-4) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7518,12 +7216,12 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-3);
   }
-  .rt-Badge:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
+  .rt-Chip:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
     padding: var(--space-2) var(--space-3);
   }
 }
 @media (min-width: 1024px) {
-  .rt-Badge:where(.md\:rt-r-size-1) {
+  .rt-Chip:where(.md\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7531,7 +7229,7 @@
     gap: var(--space-2);
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
-  .rt-Badge:where(.md\:rt-r-size-2) {
+  .rt-Chip:where(.md\:rt-r-size-2) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7539,10 +7237,10 @@
     gap: var(--space-2);
     border-radius: var(--radius-control-1);
   }
-  .rt-Badge:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
+  .rt-Chip:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-2);
   }
-  .rt-Badge:where(.md\:rt-r-size-3) {
+  .rt-Chip:where(.md\:rt-r-size-3) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7550,11 +7248,11 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-2);
   }
-  .rt-Badge:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
+  .rt-Chip:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-3);
     gap: var(--space-2);
   }
-  .rt-Badge:where(.md\:rt-r-size-4) {
+  .rt-Chip:where(.md\:rt-r-size-4) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7562,12 +7260,12 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-3);
   }
-  .rt-Badge:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
+  .rt-Chip:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
     padding: var(--space-2) var(--space-3);
   }
 }
 @media (min-width: 1280px) {
-  .rt-Badge:where(.lg\:rt-r-size-1) {
+  .rt-Chip:where(.lg\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7575,7 +7273,7 @@
     gap: var(--space-2);
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
-  .rt-Badge:where(.lg\:rt-r-size-2) {
+  .rt-Chip:where(.lg\:rt-r-size-2) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7583,10 +7281,10 @@
     gap: var(--space-2);
     border-radius: var(--radius-control-1);
   }
-  .rt-Badge:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
+  .rt-Chip:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-2);
   }
-  .rt-Badge:where(.lg\:rt-r-size-3) {
+  .rt-Chip:where(.lg\:rt-r-size-3) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7594,11 +7292,11 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-2);
   }
-  .rt-Badge:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
+  .rt-Chip:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-3);
     gap: var(--space-2);
   }
-  .rt-Badge:where(.lg\:rt-r-size-4) {
+  .rt-Chip:where(.lg\:rt-r-size-4) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7606,12 +7304,12 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-3);
   }
-  .rt-Badge:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
+  .rt-Chip:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
     padding: var(--space-2) var(--space-3);
   }
 }
 @media (min-width: 1640px) {
-  .rt-Badge:where(.xl\:rt-r-size-1) {
+  .rt-Chip:where(.xl\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7619,7 +7317,7 @@
     gap: var(--space-2);
     border-radius: max(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--radius-full));
   }
-  .rt-Badge:where(.xl\:rt-r-size-2) {
+  .rt-Chip:where(.xl\:rt-r-size-2) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7627,10 +7325,10 @@
     gap: var(--space-2);
     border-radius: var(--radius-control-1);
   }
-  .rt-Badge:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
+  .rt-Chip:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-2);
   }
-  .rt-Badge:where(.xl\:rt-r-size-3) {
+  .rt-Chip:where(.xl\:rt-r-size-3) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7638,11 +7336,11 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-2);
   }
-  .rt-Badge:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
+  .rt-Chip:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-3);
     gap: var(--space-2);
   }
-  .rt-Badge:where(.xl\:rt-r-size-4) {
+  .rt-Chip:where(.xl\:rt-r-size-4) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7650,15 +7348,15 @@
     gap: var(--space-3);
     border-radius: var(--radius-control-3);
   }
-  .rt-Badge:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
+  .rt-Chip:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
     padding: var(--space-2) var(--space-3);
   }
 }
-.rt-Badge:where(.rt-variant-solid) {
+.rt-Chip:where(.rt-variant-solid) {
   background-color: var(--accent-solid);
   color: var(--accent-solid-contrast);
 }
-.rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
+.rt-Chip:where(.rt-variant-solid):where([data-disabled]) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
   outline: none;
@@ -7666,38 +7364,38 @@
           filter: none;
   cursor: default;
 }
-.rt-Badge:where(.rt-variant-surface) {
+.rt-Chip:where(.rt-variant-surface) {
   background-color: var(--accent-2);
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
   color: var(--accent-ink);
 }
-.rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
+.rt-Chip:where(.rt-variant-soft, .rt-variant-ghost) {
   color: var(--accent-ink);
 }
-.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
+.rt-Chip:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
   cursor: default;
 }
-.rt-Badge:where(.rt-variant-soft) {
+.rt-Chip:where(.rt-variant-soft) {
   background-color: var(--accent-3);
 }
-.rt-Badge:where(.rt-variant-soft):where([data-disabled]) {
+.rt-Chip:where(.rt-variant-soft):where([data-disabled]) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
   cursor: default;
 }
-.rt-Badge:where(.rt-variant-outline) {
+.rt-Chip:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
   color: var(--accent-ink);
 }
-.rt-Badge:where(.rt-variant-ghost) {
+.rt-Chip:where(.rt-variant-ghost) {
   background-color: transparent;
   color: var(--accent-ink);
 }
-.rt-Badge:where(.rt-variant-raised) {
+.rt-Chip:where(.rt-variant-raised) {
   position: relative;
   top: var(--raised-elevation-offset);
   color: var(--accent-ink);
@@ -7802,7 +7500,7 @@
   -webkit-padding-end: var(--base-button-px);
           padding-inline-end: var(--base-button-px);
 }
-.rt-BaseButton:where(.rt-IconButton) {
+.rt-BaseButton:where([data-icon-only]) {
   padding-inline: 0;
   aspect-ratio: 1;
 }
@@ -8130,32 +7828,6 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--v-border-disabled);
           box-shadow: inset 0 0 0 1px var(--v-border-disabled);
 }
-.rt-BaseButton:where(.rt-variant-ghost[data-flush='true']) {
-  --margin-top: 0px;
-  --margin-right: 0px;
-  --margin-bottom: 0px;
-  --margin-left: 0px;
-  --button-padding-x: var(--base-button-px);
-  --button-padding-y: calc((var(--base-button-height) - 1lh) / 2);
-  --margin-top-override: calc(var(--margin-top) - var(--button-padding-y));
-  --margin-right-override: calc(var(--margin-right) - var(--button-padding-x));
-  --margin-bottom-override: calc(var(--margin-bottom) - var(--button-padding-y));
-  --margin-left-override: calc(var(--margin-left) - var(--button-padding-x));
-  margin-top: var(--margin-top-override);
-  margin-right: var(--margin-right-override);
-  margin-bottom: var(--margin-bottom-override);
-  margin-left: var(--margin-left-override);
-}
-:where(.rt-BaseButton:where(.rt-variant-ghost[data-flush='true'])) > * {
-  --margin-top-override: initial;
-  --margin-right-override: initial;
-  --margin-bottom-override: initial;
-  --margin-left-override: initial;
-}
-.rt-BaseButton:where(.rt-IconButton.rt-variant-ghost[data-flush='true']) {
-  --button-padding-x: calc((var(--base-button-height) - var(--base-button-icon-size)) / 2);
-  --button-padding-y: var(--button-padding-x);
-}
 .rt-BaseButton:where(.rt-variant-raised) {
   position: relative;
   color: var(--accent-ink);
@@ -8244,134 +7916,134 @@
 .rt-BaseButton:where([data-disabled][aria-pressed],[aria-disabled='true'][aria-pressed]):where(.rt-variant-raised) {
   top: 0;
 }
-.rt-Button {
+.rt-Button:where(:not([data-icon-only])) {
   font-weight: var(--font-weight-medium);
 }
-.rt-Button:where(.rt-r-size-1) {
+.rt-Button:where(:not([data-icon-only])):where(.rt-r-size-1) {
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
 }
-.rt-Button:where(.rt-r-size-2) {
+.rt-Button:where(:not([data-icon-only])):where(.rt-r-size-2) {
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
 }
-.rt-Button:where(.rt-r-size-3) {
+.rt-Button:where(:not([data-icon-only])):where(.rt-r-size-3) {
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
   letter-spacing: var(--letter-spacing-3);
 }
-.rt-Button:where(.rt-r-size-4) {
+.rt-Button:where(:not([data-icon-only])):where(.rt-r-size-4) {
   font-size: var(--font-size-4);
   line-height: var(--line-height-4);
   letter-spacing: var(--letter-spacing-4);
 }
 @media (min-width: 520px) {
-  .rt-Button:where(.xs\:rt-r-size-1) {
+  .rt-Button:where(:not([data-icon-only])):where(.xs\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
   }
-  .rt-Button:where(.xs\:rt-r-size-2) {
+  .rt-Button:where(:not([data-icon-only])):where(.xs\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
   }
-  .rt-Button:where(.xs\:rt-r-size-3) {
+  .rt-Button:where(:not([data-icon-only])):where(.xs\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
-  .rt-Button:where(.xs\:rt-r-size-4) {
+  .rt-Button:where(:not([data-icon-only])):where(.xs\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
   }
 }
 @media (min-width: 768px) {
-  .rt-Button:where(.sm\:rt-r-size-1) {
+  .rt-Button:where(:not([data-icon-only])):where(.sm\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
   }
-  .rt-Button:where(.sm\:rt-r-size-2) {
+  .rt-Button:where(:not([data-icon-only])):where(.sm\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
   }
-  .rt-Button:where(.sm\:rt-r-size-3) {
+  .rt-Button:where(:not([data-icon-only])):where(.sm\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
-  .rt-Button:where(.sm\:rt-r-size-4) {
+  .rt-Button:where(:not([data-icon-only])):where(.sm\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
   }
 }
 @media (min-width: 1024px) {
-  .rt-Button:where(.md\:rt-r-size-1) {
+  .rt-Button:where(:not([data-icon-only])):where(.md\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
   }
-  .rt-Button:where(.md\:rt-r-size-2) {
+  .rt-Button:where(:not([data-icon-only])):where(.md\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
   }
-  .rt-Button:where(.md\:rt-r-size-3) {
+  .rt-Button:where(:not([data-icon-only])):where(.md\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
-  .rt-Button:where(.md\:rt-r-size-4) {
+  .rt-Button:where(:not([data-icon-only])):where(.md\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
   }
 }
 @media (min-width: 1280px) {
-  .rt-Button:where(.lg\:rt-r-size-1) {
+  .rt-Button:where(:not([data-icon-only])):where(.lg\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
   }
-  .rt-Button:where(.lg\:rt-r-size-2) {
+  .rt-Button:where(:not([data-icon-only])):where(.lg\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
   }
-  .rt-Button:where(.lg\:rt-r-size-3) {
+  .rt-Button:where(:not([data-icon-only])):where(.lg\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
-  .rt-Button:where(.lg\:rt-r-size-4) {
+  .rt-Button:where(:not([data-icon-only])):where(.lg\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
   }
 }
 @media (min-width: 1640px) {
-  .rt-Button:where(.xl\:rt-r-size-1) {
+  .rt-Button:where(:not([data-icon-only])):where(.xl\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
   }
-  .rt-Button:where(.xl\:rt-r-size-2) {
+  .rt-Button:where(:not([data-icon-only])):where(.xl\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
   }
-  .rt-Button:where(.xl\:rt-r-size-3) {
+  .rt-Button:where(:not([data-icon-only])):where(.xl\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
   }
-  .rt-Button:where(.xl\:rt-r-size-4) {
+  .rt-Button:where(:not([data-icon-only])):where(.xl\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
@@ -8878,6 +8550,35 @@
 .rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
   background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
 }
+.rt-CheckboxGroupRoot {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--space-2);
+}
+.rt-CheckboxGroupItem {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 0.5em;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.rt-CheckboxGroupItemCheckbox:where(:focus-visible)::before {
+  outline: var(--focus-ring-width, 2px) solid var(--focus-8);
+  outline-offset: var(--focus-ring-offset, 2px);
+}
+.rt-CheckboxGroupItemCheckbox:where(:disabled)::before {
+  background-color: var(--gray-a3);
+}
+.rt-CheckboxGroupItemInner {
+  min-width: 0;
+}
 .rt-BaseCheckboxRoot {
   position: relative;
   display: -webkit-inline-box;
@@ -8893,10 +8594,7 @@
   -ms-flex-negative: 0;
       flex-shrink: 0;
   cursor: var(--cursor-checkbox);
-  height: var(--skeleton-height, var(--line-height, var(--checkbox-size)));
-  --skeleton-height-override: var(--checkbox-size);
-  border-radius: var(--skeleton-radius);
-  --skeleton-radius-override: var(--checkbox-border-radius);
+  height: var(--line-height, var(--checkbox-size));
   --checkbox-radius-ratio-max: 0.4;
   --checkbox-radius-max: calc(var(--checkbox-size) * var(--checkbox-radius-ratio-max));
   isolation: isolate;
@@ -9205,280 +8903,42 @@
 .rt-BaseCheckboxRoot:where(:disabled,[data-disabled]) {
   cursor: default;
 }
-.rt-CheckboxCardsRoot {
-  line-height: var(--line-height);
-  letter-spacing: var(--letter-spacing);
-  cursor: default;
-}
-.rt-CheckboxCardsItem {
-  --base-card-border-width: var(--border-width-standard);
-  --base-card-padding-right: calc(var(--base-card-padding-left) * 2 + var(--checkbox-cards-item-checkbox-size));
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  gap: var(--space-3);
-  cursor: var(--cursor-button);
-  -webkit-tap-highlight-color: transparent;
-}
-.rt-CheckboxCardsItem:where(:has(:focus-visible)) {
-  outline: var(--focus-outline-width) solid var(--focus-8);
-  outline-offset: var(--focus-outline-offset-inset);
+.rt-CheckboxRoot:where(:focus-visible)::before {
+  outline: var(--focus-ring-width, 2px) solid var(--focus-8);
+  outline-offset: var(--focus-ring-offset, 2px);
 }
-.rt-CheckboxCardsItem:where(:has(:focus-visible))::after {
-  outline: inherit;
+.rt-CheckboxRoot:where(:disabled)::before {
+  background-color: var(--gray-a3);
 }
-.rt-CheckboxCardsItem > * {
-  pointer-events: none;
+.rt-Code {
+  font-family: var(--code-font-family);
+  font-size: calc(var(--mono-scale) * 1em);
+  font-style: var(--code-font-style);
+  font-weight: var(--code-font-weight);
+  line-height: 1.25;
+  letter-spacing: calc(var(--code-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
+  border-radius: calc((0.5px + 0.2em) * var(--radius-factor));
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding-top: var(--code-padding-top);
+  padding-left: var(--code-padding-left);
+  padding-bottom: var(--code-padding-bottom);
+  padding-right: var(--code-padding-right);
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
 }
-.rt-CheckboxCardsItem > :where(svg) {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+.rt-Code :where(.rt-Code) {
+  font-size: inherit;
 }
-.rt-CheckboxCardCheckbox {
-  position: absolute;
-  top: var(--base-card-padding-top);
-  right: var(--base-card-padding-left);
+.rt-Code:where(.rt-r-size-1) {
+  font-size: calc(var(--font-size-1) * var(--mono-scale));
+  line-height: var(--line-height-1);
+  --letter-spacing: var(--letter-spacing-1);
 }
-.rt-CheckboxCardsRoot:where(.rt-r-size-1) {
-  font-size: var(--font-size-2);
-  --line-height: var(--line-height-2);
-  --letter-spacing: var(--letter-spacing-2);
-  --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
-}
-.rt-CheckboxCardsRoot:where(.rt-r-size-2) {
-  font-size: var(--font-size-2);
-  --line-height: var(--line-height-2);
-  --letter-spacing: var(--letter-spacing-2);
-  --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
-}
-.rt-CheckboxCardsRoot:where(.rt-r-size-3) {
-  font-size: var(--font-size-3);
-  --line-height: var(--line-height-3);
-  --letter-spacing: var(--letter-spacing-3);
-  --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
-}
-.rt-CheckboxCardsRoot:where(.rt-r-size-4) {
-  font-size: var(--font-size-3);
-  --line-height: var(--line-height-3);
-  --letter-spacing: var(--letter-spacing-3);
-  --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
-}
-@media (min-width: 520px) {
-  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
-  }
-}
-@media (min-width: 768px) {
-  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
-  }
-}
-@media (min-width: 1024px) {
-  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.md\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
-  }
-}
-@media (min-width: 1280px) {
-  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
-  }
-}
-@media (min-width: 1640px) {
-  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
-  }
-  .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
-  }
-}
-@media (pointer: coarse) {
-  .rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
-    background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
-  }
-}
-.rt-CheckboxCardsItem:where(:has(:disabled)) {
-  cursor: var(--cursor-disabled);
-  color: var(--gray-a9);
-}
-.rt-CheckboxCardsItem:where(:has(:disabled))::before {
-  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-}
-.rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
-  background-color: var(--gray-a5);
-}
-.rt-CheckboxCardsItem:where(:has(:disabled))::selection {
-  background-color: var(--gray-a5);
-}
-.rt-CheckboxGroupRoot {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: var(--space-2);
-}
-.rt-CheckboxGroupItem {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 0.5em;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.rt-CheckboxGroupItemCheckbox:where(:focus-visible)::before {
-  outline: var(--focus-ring-width, 2px) solid var(--focus-8);
-  outline-offset: var(--focus-ring-offset, 2px);
-}
-.rt-CheckboxGroupItemCheckbox:where(:disabled)::before {
-  background-color: var(--gray-a3);
-}
-.rt-CheckboxGroupItemInner {
-  min-width: 0;
-}
-.rt-CheckboxRoot:where(:focus-visible)::before {
-  outline: var(--focus-ring-width, 2px) solid var(--focus-8);
-  outline-offset: var(--focus-ring-offset, 2px);
-}
-.rt-CheckboxRoot:where(:disabled)::before {
-  background-color: var(--gray-a3);
-}
-.rt-Code {
-  font-family: var(--code-font-family);
-  font-size: calc(var(--mono-scale) * 1em);
-  font-style: var(--code-font-style);
-  font-weight: var(--code-font-weight);
-  line-height: 1.25;
-  letter-spacing: calc(var(--code-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
-  border-radius: calc((0.5px + 0.2em) * var(--radius-factor));
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding-top: var(--code-padding-top);
-  padding-left: var(--code-padding-left);
-  padding-bottom: var(--code-padding-bottom);
-  padding-right: var(--code-padding-right);
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-}
-.rt-Code :where(.rt-Code) {
-  font-size: inherit;
-}
-.rt-Code:where(.rt-r-size-1) {
-  font-size: calc(var(--font-size-1) * var(--mono-scale));
-  line-height: var(--line-height-1);
-  --letter-spacing: var(--letter-spacing-1);
-}
-.rt-Code:where(.rt-r-size-2) {
-  font-size: calc(var(--font-size-2) * var(--mono-scale));
-  line-height: var(--line-height-2);
+.rt-Code:where(.rt-r-size-2) {
+  font-size: calc(var(--font-size-2) * var(--mono-scale));
+  line-height: var(--line-height-2);
   --letter-spacing: var(--letter-spacing-2);
 }
 .rt-Code:where(.rt-r-size-3) {
@@ -9966,13 +9426,16 @@
   height: var(--base-menu-indicator-icon-size);
 }
 .rt-BaseMenuSeparator {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   height: 1px;
-  margin-top: var(--base-menu-content-padding);
-  margin-bottom: var(--base-menu-content-padding);
-  -webkit-margin-start: var(--base-menu-item-padding-left);
-          margin-inline-start: var(--base-menu-item-padding-left);
-  -webkit-margin-end: var(--base-menu-item-padding-right);
-          margin-inline-end: var(--base-menu-item-padding-right);
+  padding-top: var(--base-menu-content-padding);
+  padding-bottom: var(--base-menu-content-padding);
+  -webkit-padding-start: var(--base-menu-item-padding-left);
+          padding-inline-start: var(--base-menu-item-padding-left);
+  -webkit-padding-end: var(--base-menu-item-padding-right);
+          padding-inline-end: var(--base-menu-item-padding-right);
+  background-clip: content-box;
   background-color: var(--gray-a6);
 }
 .rt-BaseMenuLabel {
@@ -10002,7 +9465,8 @@
   cursor: default;
 }
 :where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
-  margin-top: var(--space-3);
+  min-height: calc(var(--base-menu-item-height) + var(--space-3));
+  padding-top: calc(var(--base-menu-item-padding-y) + var(--space-3));
 }
 .rt-BaseMenuContent:where([dir='rtl']) :where(.rt-BaseMenuSubTriggerIcon) {
   -webkit-transform: scaleX(-1);
@@ -10408,7 +9872,7 @@
   :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
     color: inherit !important;
   }
-  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
+  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Chip)) {
     color: inherit !important;
   }
 }
@@ -10429,838 +9893,122 @@
   -webkit-transform-origin: var(--radix-context-menu-content-transform-origin);
           transform-origin: var(--radix-context-menu-content-transform-origin);
 }
-.rt-DataListRoot {
-  overflow-wrap: anywhere;
-  font-family: var(--default-font-family);
-  font-weight: var(--font-weight-normal);
-  font-style: normal;
-  text-align: start;
-  --data-list-leading-trim-start: calc(var(--default-leading-trim-start) - var(--line-height) / 2);
-  --data-list-leading-trim-end: calc(var(--default-leading-trim-end) - var(--line-height) / 2);
-}
-.rt-DataListLabel {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  color: var(--gray-ink-muted);
-}
-.rt-DataListLabel:where(.rt-emphasis-loud) {
-  color: var(--gray-ink);
-}
-.rt-DataListLabel:where(.rt-emphasis-quiet) {
-  color: var(--gray-ink-faint);
+.rt-DialogContent {
+  max-width: var(--overlay-w);
 }
-.rt-DataListLabel:where([data-accent-color]) {
-  color: var(--accent-ink);
+.rt-DropdownMenuContent {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+  -webkit-transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+          transform-origin: var(--radix-dropdown-menu-content-transform-origin);
 }
-.rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
-  color: var(--accent-ink-muted);
+.rt-DropdownMenuTriggerIcon {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: var(--trigger-icon-size-default);
+  height: var(--trigger-icon-size-default);
 }
-.rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
-  color: var(--accent-ink-faint);
+.rt-Button:where(:not([data-icon-only]).rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+  width: var(--trigger-icon-size-1);
+  height: var(--trigger-icon-size-1);
 }
-.rt-DataListValue {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: 0;
-  min-width: 0px;
-  margin-top: var(--data-list-value-margin-top);
-  margin-bottom: var(--data-list-value-margin-bottom);
-}
-.rt-DataListItem {
-  --data-list-value-margin-top: 0px;
-  --data-list-value-margin-bottom: 0px;
-  --data-list-first-item-value-margin-top: 0px;
-  --data-list-last-item-value-margin-bottom: 0px;
-  --data-list-value-trim-start: -0.25em;
-  --data-list-value-trim-end: -0.25em;
-  --data-list-first-item-value-trim-start: 0px;
-  --data-list-last-item-value-trim-end: 0px;
-}
-:where(.rt-DataListItem:first-child) .rt-DataListValue {
-  margin-top: var(--data-list-first-item-value-margin-top);
-}
-:where(.rt-DataListItem:last-child) .rt-DataListValue {
-  margin-bottom: var(--data-list-last-item-value-margin-bottom);
-}
-.rt-DataListRoot:where(.rt-r-size-1) {
-  gap: var(--space-4);
+.rt-Button:where(:not([data-icon-only]).rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
+  width: var(--trigger-icon-size-2);
+  height: var(--trigger-icon-size-2);
 }
-.rt-DataListRoot:where(.rt-r-size-2) {
-  gap: var(--space-5);
+.rt-Button:where(:not([data-icon-only]).rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
+  width: var(--trigger-icon-size-3);
+  height: var(--trigger-icon-size-3);
 }
-.rt-DataListRoot:where(.rt-r-size-3) {
-  gap: calc(var(--space-5) * 1.25);
+.rt-Button:where(:not([data-icon-only]).rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
+  width: var(--trigger-icon-size-4);
+  height: var(--trigger-icon-size-4);
 }
 @media (min-width: 520px) {
-  .rt-DataListRoot:where(.xs\:rt-r-size-1) {
-    gap: var(--space-4);
+  .rt-Button:where(:not([data-icon-only]).xs\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-1);
+    height: var(--trigger-icon-size-1);
   }
-  .rt-DataListRoot:where(.xs\:rt-r-size-2) {
-    gap: var(--space-5);
+  .rt-Button:where(:not([data-icon-only]).xs\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-2);
+    height: var(--trigger-icon-size-2);
+  }
+  .rt-Button:where(:not([data-icon-only]).xs\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-3);
+    height: var(--trigger-icon-size-3);
   }
-  .rt-DataListRoot:where(.xs\:rt-r-size-3) {
-    gap: calc(var(--space-5) * 1.25);
+  .rt-Button:where(:not([data-icon-only]).xs\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
   }
 }
 @media (min-width: 768px) {
-  .rt-DataListRoot:where(.sm\:rt-r-size-1) {
-    gap: var(--space-4);
+  .rt-Button:where(:not([data-icon-only]).sm\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-1);
+    height: var(--trigger-icon-size-1);
   }
-  .rt-DataListRoot:where(.sm\:rt-r-size-2) {
-    gap: var(--space-5);
+  .rt-Button:where(:not([data-icon-only]).sm\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-2);
+    height: var(--trigger-icon-size-2);
+  }
+  .rt-Button:where(:not([data-icon-only]).sm\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-3);
+    height: var(--trigger-icon-size-3);
   }
-  .rt-DataListRoot:where(.sm\:rt-r-size-3) {
-    gap: calc(var(--space-5) * 1.25);
+  .rt-Button:where(:not([data-icon-only]).sm\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-4);
+    height: var(--trigger-icon-size-4);
   }
 }
 @media (min-width: 1024px) {
-  .rt-DataListRoot:where(.md\:rt-r-size-1) {
-    gap: var(--space-4);
-  }
-  .rt-DataListRoot:where(.md\:rt-r-size-2) {
-    gap: var(--space-5);
+  .rt-Button:where(:not([data-icon-only]).md\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+    width: var(--trigger-icon-size-1);
+    height: var(--trigger-icon-size-1);
   }
-  .rt-DataListRoot:where(.md\:rt-r-size-3) {
-    gap: calc(var(--space-5) * 1.25);
-  }
-}
-@media (min-width: 1280px) {
-  .rt-DataListRoot:where(.lg\:rt-r-size-1) {
-    gap: var(--space-4);
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-size-2) {
-    gap: var(--space-5);
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-size-3) {
-    gap: calc(var(--space-5) * 1.25);
-  }
-}
-@media (min-width: 1640px) {
-  .rt-DataListRoot:where(.xl\:rt-r-size-1) {
-    gap: var(--space-4);
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-size-2) {
-    gap: var(--space-5);
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-size-3) {
-    gap: calc(var(--space-5) * 1.25);
-  }
-}
-.rt-DataListRoot:where(.rt-r-orientation-vertical) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.rt-DataListRoot:where(.rt-r-orientation-vertical) :where(.rt-DataListItem) {
-  --data-list-value-margin-top: 0px;
-  --data-list-value-margin-bottom: 0px;
-  --data-list-first-item-value-margin-top: 0px;
-  --data-list-last-item-value-margin-bottom: 0px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: var(--space-2);
-}
-.rt-DataListRoot:where(.rt-r-orientation-vertical) :where(.rt-DataListLabel) {
-  min-width: 0px;
-}
-.rt-DataListRoot:where(.rt-r-orientation-horizontal) {
-  display: grid;
-  grid-template-columns: auto 1fr;
-}
-.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListItem) {
-  --data-list-value-margin-top: var(--data-list-value-trim-start);
-  --data-list-value-margin-bottom: var(--data-list-value-trim-end);
-  --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
-  --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
-  display: grid;
-  grid-template-columns: inherit;
-  grid-template-columns: subgrid;
-  gap: inherit;
-  grid-column: span 2;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-}
-.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
-  min-width: 120px;
-}
-@media (min-width: 520px) {
-  .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: 0px;
-    --data-list-value-margin-bottom: 0px;
-    --data-list-first-item-value-margin-top: 0px;
-    --data-list-last-item-value-margin-bottom: 0px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    gap: var(--space-2);
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
-    min-width: 0px;
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) {
-    display: grid;
-    grid-template-columns: auto 1fr;
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: var(--data-list-value-trim-start);
-    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
-    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
-    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
-    display: grid;
-    grid-template-columns: inherit;
-    grid-template-columns: subgrid;
-    gap: inherit;
-    grid-column: span 2;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
-    min-width: 120px;
-  }
-}
-@media (min-width: 768px) {
-  .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: 0px;
-    --data-list-value-margin-bottom: 0px;
-    --data-list-first-item-value-margin-top: 0px;
-    --data-list-last-item-value-margin-bottom: 0px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    gap: var(--space-2);
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
-    min-width: 0px;
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) {
-    display: grid;
-    grid-template-columns: auto 1fr;
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: var(--data-list-value-trim-start);
-    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
-    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
-    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
-    display: grid;
-    grid-template-columns: inherit;
-    grid-template-columns: subgrid;
-    gap: inherit;
-    grid-column: span 2;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
-    min-width: 120px;
-  }
-}
-@media (min-width: 1024px) {
-  .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-  .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: 0px;
-    --data-list-value-margin-bottom: 0px;
-    --data-list-first-item-value-margin-top: 0px;
-    --data-list-last-item-value-margin-bottom: 0px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    gap: var(--space-2);
-  }
-  .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
-    min-width: 0px;
-  }
-  .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) {
-    display: grid;
-    grid-template-columns: auto 1fr;
-  }
-  .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: var(--data-list-value-trim-start);
-    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
-    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
-    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
-    display: grid;
-    grid-template-columns: inherit;
-    grid-template-columns: subgrid;
-    gap: inherit;
-    grid-column: span 2;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-  }
-  .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
-    min-width: 120px;
-  }
-}
-@media (min-width: 1280px) {
-  .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: 0px;
-    --data-list-value-margin-bottom: 0px;
-    --data-list-first-item-value-margin-top: 0px;
-    --data-list-last-item-value-margin-bottom: 0px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    gap: var(--space-2);
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
-    min-width: 0px;
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) {
-    display: grid;
-    grid-template-columns: auto 1fr;
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: var(--data-list-value-trim-start);
-    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
-    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
-    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
-    display: grid;
-    grid-template-columns: inherit;
-    grid-template-columns: subgrid;
-    gap: inherit;
-    grid-column: span 2;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
-    min-width: 120px;
-  }
-}
-@media (min-width: 1640px) {
-  .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: 0px;
-    --data-list-value-margin-bottom: 0px;
-    --data-list-first-item-value-margin-top: 0px;
-    --data-list-last-item-value-margin-bottom: 0px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    gap: var(--space-2);
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
-    min-width: 0px;
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) {
-    display: grid;
-    grid-template-columns: auto 1fr;
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
-    --data-list-value-margin-top: var(--data-list-value-trim-start);
-    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
-    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
-    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
-    display: grid;
-    grid-template-columns: inherit;
-    grid-template-columns: subgrid;
-    gap: inherit;
-    grid-column: span 2;
-    -webkit-box-align: baseline;
-        -ms-flex-align: baseline;
-            align-items: baseline;
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
-    min-width: 120px;
-  }
-}
-:is(.rt-DataListLabel,.rt-DataListValue)::before {
-  content: '‍';
-}
-.rt-DataListItem:where(.rt-r-ai-baseline) {
-  --data-list-value-trim-start: -0.25em;
-  --data-list-value-trim-end: -0.25em;
-  --data-list-first-item-value-trim-start: 0px;
-  --data-list-last-item-value-trim-end: 0px;
-}
-.rt-DataListItem:where(.rt-r-ai-start) {
-  --data-list-value-trim-start: 0px;
-  --data-list-value-trim-end: -0.25em;
-  --data-list-first-item-value-trim-start: 0px;
-  --data-list-last-item-value-trim-end: 0px;
-}
-.rt-DataListItem:where(.rt-r-ai-center) {
-  --data-list-value-trim-start: -0.25em;
-  --data-list-value-trim-end: -0.25em;
-  --data-list-first-item-value-trim-start: -0.25em;
-  --data-list-last-item-value-trim-end: -0.25em;
-}
-.rt-DataListItem:where(.rt-r-ai-end) {
-  --data-list-value-trim-start: -0.25em;
-  --data-list-value-trim-end: 0px;
-  --data-list-first-item-value-trim-start: 0px;
-  --data-list-last-item-value-trim-end: 0px;
-}
-.rt-DataListItem:where(.rt-r-ai-stretch) {
-  --data-list-value-trim-start: 0px;
-  --data-list-value-trim-end: 0px;
-  --data-list-first-item-value-trim-start: 0px;
-  --data-list-last-item-value-trim-end: 0px;
-}
-@media (min-width: 520px) {
-  .rt-DataListItem:where(.xs\:rt-r-ai-baseline) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.xs\:rt-r-ai-start) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.xs\:rt-r-ai-center) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: -0.25em;
-    --data-list-last-item-value-trim-end: -0.25em;
-  }
-  .rt-DataListItem:where(.xs\:rt-r-ai-end) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.xs\:rt-r-ai-stretch) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-}
-@media (min-width: 768px) {
-  .rt-DataListItem:where(.sm\:rt-r-ai-baseline) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.sm\:rt-r-ai-start) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.sm\:rt-r-ai-center) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: -0.25em;
-    --data-list-last-item-value-trim-end: -0.25em;
-  }
-  .rt-DataListItem:where(.sm\:rt-r-ai-end) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.sm\:rt-r-ai-stretch) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-}
-@media (min-width: 1024px) {
-  .rt-DataListItem:where(.md\:rt-r-ai-baseline) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.md\:rt-r-ai-start) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.md\:rt-r-ai-center) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: -0.25em;
-    --data-list-last-item-value-trim-end: -0.25em;
-  }
-  .rt-DataListItem:where(.md\:rt-r-ai-end) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.md\:rt-r-ai-stretch) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-}
-@media (min-width: 1280px) {
-  .rt-DataListItem:where(.lg\:rt-r-ai-baseline) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.lg\:rt-r-ai-start) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.lg\:rt-r-ai-center) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: -0.25em;
-    --data-list-last-item-value-trim-end: -0.25em;
-  }
-  .rt-DataListItem:where(.lg\:rt-r-ai-end) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.lg\:rt-r-ai-stretch) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-}
-@media (min-width: 1640px) {
-  .rt-DataListItem:where(.xl\:rt-r-ai-baseline) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.xl\:rt-r-ai-start) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.xl\:rt-r-ai-center) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: -0.25em;
-    --data-list-first-item-value-trim-start: -0.25em;
-    --data-list-last-item-value-trim-end: -0.25em;
-  }
-  .rt-DataListItem:where(.xl\:rt-r-ai-end) {
-    --data-list-value-trim-start: -0.25em;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-  .rt-DataListItem:where(.xl\:rt-r-ai-stretch) {
-    --data-list-value-trim-start: 0px;
-    --data-list-value-trim-end: 0px;
-    --data-list-first-item-value-trim-start: 0px;
-    --data-list-last-item-value-trim-end: 0px;
-  }
-}
-.rt-DataListItem:where(:first-child) {
-  margin-top: var(--leading-trim-start);
-}
-.rt-DataListItem:where(:last-child) {
-  margin-bottom: var(--leading-trim-end);
-}
-.rt-DataListRoot:where(.rt-r-trim-normal) {
-  --leading-trim-start: initial;
-  --leading-trim-end: initial;
-}
-.rt-DataListRoot:where(.rt-r-trim-start) {
-  --leading-trim-start: var(--data-list-leading-trim-start);
-  --leading-trim-end: initial;
-}
-.rt-DataListRoot:where(.rt-r-trim-end) {
-  --leading-trim-start: initial;
-  --leading-trim-end: var(--data-list-leading-trim-end);
-}
-.rt-DataListRoot:where(.rt-r-trim-both) {
-  --leading-trim-start: var(--data-list-leading-trim-start);
-  --leading-trim-end: var(--data-list-leading-trim-end);
-}
-@media (min-width: 520px) {
-  .rt-DataListRoot:where(.xs\:rt-r-trim-normal) {
-    --leading-trim-start: initial;
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-trim-start) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-trim-end) {
-    --leading-trim-start: initial;
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-  .rt-DataListRoot:where(.xs\:rt-r-trim-both) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-}
-@media (min-width: 768px) {
-  .rt-DataListRoot:where(.sm\:rt-r-trim-normal) {
-    --leading-trim-start: initial;
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-trim-start) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-trim-end) {
-    --leading-trim-start: initial;
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-  .rt-DataListRoot:where(.sm\:rt-r-trim-both) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-}
-@media (min-width: 1024px) {
-  .rt-DataListRoot:where(.md\:rt-r-trim-normal) {
-    --leading-trim-start: initial;
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.md\:rt-r-trim-start) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.md\:rt-r-trim-end) {
-    --leading-trim-start: initial;
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-  .rt-DataListRoot:where(.md\:rt-r-trim-both) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-}
-@media (min-width: 1280px) {
-  .rt-DataListRoot:where(.lg\:rt-r-trim-normal) {
-    --leading-trim-start: initial;
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-trim-start) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-trim-end) {
-    --leading-trim-start: initial;
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-  .rt-DataListRoot:where(.lg\:rt-r-trim-both) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-}
-@media (min-width: 1640px) {
-  .rt-DataListRoot:where(.xl\:rt-r-trim-normal) {
-    --leading-trim-start: initial;
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-trim-start) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: initial;
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-trim-end) {
-    --leading-trim-start: initial;
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-  .rt-DataListRoot:where(.xl\:rt-r-trim-both) {
-    --leading-trim-start: var(--data-list-leading-trim-start);
-    --leading-trim-end: var(--data-list-leading-trim-end);
-  }
-}
-.rt-DialogContent {
-  max-width: var(--overlay-w);
-}
-.rt-DropdownMenuContent {
-  max-height: var(--radix-dropdown-menu-content-available-height);
-  -webkit-transform-origin: var(--radix-dropdown-menu-content-transform-origin);
-          transform-origin: var(--radix-dropdown-menu-content-transform-origin);
-}
-.rt-DropdownMenuTriggerIcon {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  width: var(--trigger-icon-size-default);
-  height: var(--trigger-icon-size-default);
-}
-.rt-Button:where(.rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
-  width: var(--trigger-icon-size-1);
-  height: var(--trigger-icon-size-1);
-}
-.rt-Button:where(.rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
-  width: var(--trigger-icon-size-2);
-  height: var(--trigger-icon-size-2);
-}
-.rt-Button:where(.rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
-  width: var(--trigger-icon-size-3);
-  height: var(--trigger-icon-size-3);
-}
-.rt-Button:where(.rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
-  width: var(--trigger-icon-size-4);
-  height: var(--trigger-icon-size-4);
-}
-@media (min-width: 520px) {
-  .rt-Button:where(.xs\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-1);
-    height: var(--trigger-icon-size-1);
-  }
-  .rt-Button:where(.xs\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-2);
-    height: var(--trigger-icon-size-2);
-  }
-  .rt-Button:where(.xs\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-3);
-    height: var(--trigger-icon-size-3);
-  }
-  .rt-Button:where(.xs\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-4);
-    height: var(--trigger-icon-size-4);
-  }
-}
-@media (min-width: 768px) {
-  .rt-Button:where(.sm\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-1);
-    height: var(--trigger-icon-size-1);
-  }
-  .rt-Button:where(.sm\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).md\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-2);
     height: var(--trigger-icon-size-2);
   }
-  .rt-Button:where(.sm\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).md\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
-  .rt-Button:where(.sm\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-4);
-    height: var(--trigger-icon-size-4);
-  }
-}
-@media (min-width: 1024px) {
-  .rt-Button:where(.md\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-1);
-    height: var(--trigger-icon-size-1);
-  }
-  .rt-Button:where(.md\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-2);
-    height: var(--trigger-icon-size-2);
-  }
-  .rt-Button:where(.md\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
-    width: var(--trigger-icon-size-3);
-    height: var(--trigger-icon-size-3);
-  }
-  .rt-Button:where(.md\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).md\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-4);
     height: var(--trigger-icon-size-4);
   }
 }
 @media (min-width: 1280px) {
-  .rt-Button:where(.lg\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).lg\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-1);
     height: var(--trigger-icon-size-1);
   }
-  .rt-Button:where(.lg\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).lg\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-2);
     height: var(--trigger-icon-size-2);
   }
-  .rt-Button:where(.lg\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).lg\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
-  .rt-Button:where(.lg\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).lg\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-4);
     height: var(--trigger-icon-size-4);
   }
 }
 @media (min-width: 1640px) {
-  .rt-Button:where(.xl\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).xl\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-1);
     height: var(--trigger-icon-size-1);
   }
-  .rt-Button:where(.xl\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).xl\:rt-r-size-2) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-2);
     height: var(--trigger-icon-size-2);
   }
-  .rt-Button:where(.xl\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).xl\:rt-r-size-3) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-3);
     height: var(--trigger-icon-size-3);
   }
-  .rt-Button:where(.xl\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
+  .rt-Button:where(:not([data-icon-only]).xl\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-4);
     height: var(--trigger-icon-size-4);
   }
@@ -12285,7 +11033,7 @@
   color: var(--red-11);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
-  margin-top: var(--space-2);
+  padding-top: var(--space-2);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -12417,24 +11165,10 @@
     background-color: var(--accent-solid);
     color: var(--accent-solid-contrast);
   }
-  :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
+  :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Chip)) {
     color: inherit;
   }
 }
-.rt-Em {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  font-family: var(--em-font-family);
-  font-size: calc(var(--em-font-size-adjust) * 1em);
-  font-style: var(--em-font-style);
-  font-weight: var(--em-font-weight);
-  line-height: 1.25;
-  letter-spacing: calc(var(--em-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
-  color: inherit;
-}
-.rt-Em :where(.rt-Em) {
-  font-size: inherit;
-}
 .rt-Heading {
   --leading-trim-start: var(--heading-leading-trim-start);
   --leading-trim-end: var(--heading-leading-trim-end);
@@ -12732,253 +11466,27 @@
     --line-height: var(--line-height-5);
     letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
   }
-  .rt-Heading:where(.xl\:rt-r-size-6) {
-    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
-    --line-height: var(--line-height-6);
-    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
-  }
-  .rt-Heading:where(.xl\:rt-r-size-7) {
-    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
-    --line-height: var(--line-height-7);
-    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
-  }
-  .rt-Heading:where(.xl\:rt-r-size-8) {
-    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
-    --line-height: var(--line-height-8);
-    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
-  }
-  .rt-Heading:where(.xl\:rt-r-size-9) {
-    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
-    --line-height: var(--line-height-9);
-    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
-  }
-}
-.rt-HoverCardContent {
-  background-color: var(--color-panel-solid);
-  -webkit-box-shadow: var(--shadow-4);
-          box-shadow: var(--shadow-4);
-  overflow: auto;
-  position: relative;
-  z-index: 200;
-  padding: var(--hover-card-content-padding);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -webkit-transform-origin: var(--radix-hover-card-content-transform-origin);
-          transform-origin: var(--radix-hover-card-content-transform-origin);
-}
-.rt-HoverCardContent:where(.rt-r-size-1) {
-  --hover-card-content-padding: var(--surface-p-1);
-  border-radius: var(--radius-surface-1);
-}
-.rt-HoverCardContent:where(.rt-r-size-2) {
-  --hover-card-content-padding: var(--surface-p-2);
-  border-radius: var(--radius-surface-2);
-}
-.rt-HoverCardContent:where(.rt-r-size-3) {
-  --hover-card-content-padding: var(--surface-p-3);
-  border-radius: var(--radius-surface-3);
-}
-.rt-HoverCardContent:where(.rt-r-size-4) {
-  --hover-card-content-padding: var(--surface-p-4);
-  border-radius: var(--radius-surface-4);
-}
-@media (min-width: 520px) {
-  .rt-HoverCardContent:where(.xs\:rt-r-size-1) {
-    --hover-card-content-padding: var(--surface-p-1);
-    border-radius: var(--radius-surface-1);
-  }
-  .rt-HoverCardContent:where(.xs\:rt-r-size-2) {
-    --hover-card-content-padding: var(--surface-p-2);
-    border-radius: var(--radius-surface-2);
-  }
-  .rt-HoverCardContent:where(.xs\:rt-r-size-3) {
-    --hover-card-content-padding: var(--surface-p-3);
-    border-radius: var(--radius-surface-3);
-  }
-  .rt-HoverCardContent:where(.xs\:rt-r-size-4) {
-    --hover-card-content-padding: var(--surface-p-4);
-    border-radius: var(--radius-surface-4);
-  }
-}
-@media (min-width: 768px) {
-  .rt-HoverCardContent:where(.sm\:rt-r-size-1) {
-    --hover-card-content-padding: var(--surface-p-1);
-    border-radius: var(--radius-surface-1);
-  }
-  .rt-HoverCardContent:where(.sm\:rt-r-size-2) {
-    --hover-card-content-padding: var(--surface-p-2);
-    border-radius: var(--radius-surface-2);
-  }
-  .rt-HoverCardContent:where(.sm\:rt-r-size-3) {
-    --hover-card-content-padding: var(--surface-p-3);
-    border-radius: var(--radius-surface-3);
-  }
-  .rt-HoverCardContent:where(.sm\:rt-r-size-4) {
-    --hover-card-content-padding: var(--surface-p-4);
-    border-radius: var(--radius-surface-4);
-  }
-}
-@media (min-width: 1024px) {
-  .rt-HoverCardContent:where(.md\:rt-r-size-1) {
-    --hover-card-content-padding: var(--surface-p-1);
-    border-radius: var(--radius-surface-1);
-  }
-  .rt-HoverCardContent:where(.md\:rt-r-size-2) {
-    --hover-card-content-padding: var(--surface-p-2);
-    border-radius: var(--radius-surface-2);
-  }
-  .rt-HoverCardContent:where(.md\:rt-r-size-3) {
-    --hover-card-content-padding: var(--surface-p-3);
-    border-radius: var(--radius-surface-3);
-  }
-  .rt-HoverCardContent:where(.md\:rt-r-size-4) {
-    --hover-card-content-padding: var(--surface-p-4);
-    border-radius: var(--radius-surface-4);
-  }
-}
-@media (min-width: 1280px) {
-  .rt-HoverCardContent:where(.lg\:rt-r-size-1) {
-    --hover-card-content-padding: var(--surface-p-1);
-    border-radius: var(--radius-surface-1);
-  }
-  .rt-HoverCardContent:where(.lg\:rt-r-size-2) {
-    --hover-card-content-padding: var(--surface-p-2);
-    border-radius: var(--radius-surface-2);
-  }
-  .rt-HoverCardContent:where(.lg\:rt-r-size-3) {
-    --hover-card-content-padding: var(--surface-p-3);
-    border-radius: var(--radius-surface-3);
-  }
-  .rt-HoverCardContent:where(.lg\:rt-r-size-4) {
-    --hover-card-content-padding: var(--surface-p-4);
-    border-radius: var(--radius-surface-4);
-  }
-}
-@media (min-width: 1640px) {
-  .rt-HoverCardContent:where(.xl\:rt-r-size-1) {
-    --hover-card-content-padding: var(--surface-p-1);
-    border-radius: var(--radius-surface-1);
-  }
-  .rt-HoverCardContent:where(.xl\:rt-r-size-2) {
-    --hover-card-content-padding: var(--surface-p-2);
-    border-radius: var(--radius-surface-2);
-  }
-  .rt-HoverCardContent:where(.xl\:rt-r-size-3) {
-    --hover-card-content-padding: var(--surface-p-3);
-    border-radius: var(--radius-surface-3);
-  }
-  .rt-HoverCardContent:where(.xl\:rt-r-size-4) {
-    --hover-card-content-padding: var(--surface-p-4);
-    border-radius: var(--radius-surface-4);
-  }
-}
-.rt-Image {
-  display: block;
-  -o-object-fit: var(--object-fit);
-     object-fit: var(--object-fit);
-  border-radius: var(--radius-2);
-}
-@media (forced-colors: active) {
-  .rt-Image {
-    border: 1px solid CanvasText;
-  }
-  .rt-Image:where(:focus-visible) {
-    outline: 2px solid Highlight;
-    outline-offset: 2px;
-  }
-}
-.rt-Image:where(:-moz-any-link, button, label) {
-  cursor: pointer;
-}
-.rt-Image:where(:any-link, button, label) {
-  cursor: pointer;
-}
-@media (hover: hover) {
-  .rt-Image:where(:-moz-any-link,button,label):where(:hover) {
-    box-shadow: var(--shadow-3);
-    filter: brightness(1.08) contrast(1.02);
+  .rt-Heading:where(.xl\:rt-r-size-6) {
+    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
+    --line-height: var(--line-height-6);
+    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
   }
-  .rt-Image:where(:any-link,button,label):where(:hover) {
-    -webkit-box-shadow: var(--shadow-3);
-            box-shadow: var(--shadow-3);
-    -webkit-filter: brightness(1.08) contrast(1.02);
-            filter: brightness(1.08) contrast(1.02);
+  .rt-Heading:where(.xl\:rt-r-size-7) {
+    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
+    --line-height: var(--line-height-7);
+    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
   }
-}
-.rt-Image:where(:-moz-any-link,button,label):where(:active) {
-  filter: brightness(0.98) contrast(1.02);
-}
-.rt-Image:where(:any-link,button,label):where(:active) {
-  -webkit-filter: brightness(0.98) contrast(1.02);
-          filter: brightness(0.98) contrast(1.02);
-}
-.rt-Image:where(:-moz-any-link,button,label):where(:focus-visible) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: -2px;
-}
-.rt-Image:where(:any-link,button,label):where(:focus-visible) {
-  outline: 2px solid var(--focus-8);
-  outline-offset: -2px;
-}
-:where(:-moz-any-link, button, label) {
-  cursor: pointer;
-}
-:where(:any-link, button, label) {
-  cursor: pointer;
-}
-@media (hover: hover) {
-  :where(:-moz-any-link,button,label):where(:hover) {
-    filter: brightness(1.08) contrast(1.02);
+  .rt-Heading:where(.xl\:rt-r-size-8) {
+    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
+    --line-height: var(--line-height-8);
+    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
   }
-  :where(:any-link,button,label):where(:hover) {
-    -webkit-filter: brightness(1.08) contrast(1.02);
-            filter: brightness(1.08) contrast(1.02);
+  .rt-Heading:where(.xl\:rt-r-size-9) {
+    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
+    --line-height: var(--line-height-9);
+    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
   }
 }
-:where(:-moz-any-link,button,label):where(:active) {
-  filter: brightness(0.98) contrast(1.02);
-}
-:where(:any-link,button,label):where(:active) {
-  -webkit-filter: brightness(0.98) contrast(1.02);
-          filter: brightness(0.98) contrast(1.02);
-}
-:where(:-moz-any-link, button, label):where(:focus-visible) .rt-Image {
-  outline: 2px solid var(--focus-8);
-  outline-offset: -2px;
-}
-:where(:any-link, button, label):where(:focus-visible) .rt-Image {
-  outline: 2px solid var(--focus-8);
-  outline-offset: -2px;
-}
-.rt-r-fit-cover {
-  --object-fit: cover;
-}
-.rt-r-fit-contain {
-  --object-fit: contain;
-}
-.rt-r-fit-fill {
-  --object-fit: fill;
-}
-.rt-r-fit-scale-down {
-  --object-fit: scale-down;
-}
-.rt-r-fit-none {
-  --object-fit: none;
-}
-.rt-Image--placeholder {
-  z-index: 0;
-}
-.rt-Image-caption {
-  font-size: var(--font-size-1);
-  font-weight: var(--font-weight-regular);
-  color: var(--gray-11);
-  margin-top: var(--space-3);
-  text-align: center;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  -ms-hyphens: auto;
-      hyphens: auto;
-}
 .rt-Kbd {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -13931,19 +12439,27 @@
 .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
   background-color: var(--accent-solid);
 }
-.rt-Quote {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  font-family: var(--quote-font-family);
-  font-size: calc(var(--quote-font-size-adjust) * 1em);
-  font-style: var(--quote-font-style);
-  font-weight: var(--quote-font-weight);
-  line-height: 1.25;
-  letter-spacing: calc(var(--quote-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
-  color: inherit;
+.rt-RadioGroupRoot {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--space-2);
 }
-.rt-Quote :where(.rt-Quote) {
-  font-size: inherit;
+.rt-RadioGroupItem {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 0.5em;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.rt-RadioGroupItemInner {
+  min-width: 0;
 }
 .rt-BaseRadioRoot {
   position: relative;
@@ -13960,10 +12476,7 @@
   -ms-flex-negative: 0;
       flex-shrink: 0;
   cursor: var(--cursor-radio);
-  height: var(--skeleton-height, var(--line-height, var(--radio-size)));
-  --skeleton-height-override: var(--radio-size);
-  border-radius: var(--skeleton-radius);
-  --skeleton-radius-override: 100%;
+  height: var(--line-height, var(--radio-size));
   isolation: isolate;
   --radio-unchecked-hover: var(--accent-a2);
   --radio-unchecked-active: var(--accent-a3);
@@ -14176,264 +12689,59 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
 }
-.rt-BaseRadioRoot:where(.rt-variant-surface):where(:checked,[data-state='checked'])::before {
-  background-color: var(--accent-3);
-  -webkit-box-shadow: inset 0 0 0 1px var(--accent-8);
-          box-shadow: inset 0 0 0 1px var(--accent-8);
-}
-.rt-BaseRadioRoot:where(.rt-variant-surface)::after {
-  background-color: var(--accent-ink);
-}
-.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
-  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
-          box-shadow: inset 0 0 0 1px var(--gray-a6);
-  background-color: var(--gray-a2);
-}
-.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::after {
-  background-color: var(--gray-a8);
-}
-.rt-BaseRadioRoot:where(.rt-variant-solid) {
-  --radio-checked-hover: var(--accent-solid-hover);
-  --radio-checked-active: var(--accent-solid-active);
-}
-.rt-BaseRadioRoot:where(.rt-variant-soft) {
-  --radio-unchecked-hover: var(--accent-4);
-  --radio-unchecked-active: var(--accent-5);
-}
-.rt-BaseRadioRoot:where(.rt-variant-outline) {
-  --radio-checked-hover: var(--accent-3);
-  --radio-checked-active: var(--accent-4);
-}
-.rt-BaseRadioRoot:where(.rt-variant-surface) {
-  --radio-unchecked-hover: var(--accent-3);
-  --radio-unchecked-active: var(--accent-4);
-}
-@media (hover: hover) {
-  .rt-BaseRadioRoot:where(:hover:not(:disabled,[data-disabled]))::before {
-    background-color: var(--radio-unchecked-hover);
-  }
-  .rt-BaseRadioRoot:where(:hover:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
-    background-color: var(--radio-checked-hover);
-  }
-  .rt-BaseRadioRoot:where(.rt-variant-solid:hover:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
-    -webkit-box-shadow: inset 0 0 0 1px var(--radio-checked-hover);
-            box-shadow: inset 0 0 0 1px var(--radio-checked-hover);
-  }
-}
-.rt-BaseRadioRoot:where(:active:not(:disabled,[data-disabled]))::before {
-  background-color: var(--radio-unchecked-active);
-}
-.rt-BaseRadioRoot:where(:active:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
-  background-color: var(--radio-checked-active);
-}
-.rt-BaseRadioRoot:where(.rt-variant-solid:active:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
-  -webkit-box-shadow: inset 0 0 0 1px var(--radio-checked-active);
-          box-shadow: inset 0 0 0 1px var(--radio-checked-active);
-}
-.rt-RadioCardsRoot {
-  line-height: var(--line-height);
-  letter-spacing: var(--letter-spacing);
-  cursor: default;
-}
-.rt-RadioCardsItem {
-  --base-card-border-width: var(--border-width-standard);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  gap: var(--space-3);
-}
-.rt-RadioCardsItem > * {
-  pointer-events: none;
-}
-.rt-RadioCardsItem > :where(svg) {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-.rt-RadioCardsRoot:where(.rt-r-size-1) {
-  font-size: var(--font-size-2);
-  --line-height: var(--line-height-2);
-  --letter-spacing: var(--letter-spacing-2);
-}
-.rt-RadioCardsRoot:where(.rt-r-size-2) {
-  font-size: var(--font-size-2);
-  --line-height: var(--line-height-2);
-  --letter-spacing: var(--letter-spacing-2);
-}
-.rt-RadioCardsRoot:where(.rt-r-size-3) {
-  font-size: var(--font-size-3);
-  --line-height: var(--line-height-3);
-  --letter-spacing: var(--letter-spacing-3);
-}
-.rt-RadioCardsRoot:where(.rt-r-size-4) {
-  font-size: var(--font-size-3);
-  --line-height: var(--line-height-3);
-  --letter-spacing: var(--letter-spacing-3);
-}
-@media (min-width: 520px) {
-  .rt-RadioCardsRoot:where(.xs\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.xs\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.xs\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-  .rt-RadioCardsRoot:where(.xs\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-}
-@media (min-width: 768px) {
-  .rt-RadioCardsRoot:where(.sm\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.sm\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.sm\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-  .rt-RadioCardsRoot:where(.sm\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-}
-@media (min-width: 1024px) {
-  .rt-RadioCardsRoot:where(.md\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.md\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.md\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-  .rt-RadioCardsRoot:where(.md\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-}
-@media (min-width: 1280px) {
-  .rt-RadioCardsRoot:where(.lg\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.lg\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.lg\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-  .rt-RadioCardsRoot:where(.lg\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-}
-@media (min-width: 1640px) {
-  .rt-RadioCardsRoot:where(.xl\:rt-r-size-1) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.xl\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    --line-height: var(--line-height-2);
-    --letter-spacing: var(--letter-spacing-2);
-  }
-  .rt-RadioCardsRoot:where(.xl\:rt-r-size-3) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
-  .rt-RadioCardsRoot:where(.xl\:rt-r-size-4) {
-    font-size: var(--font-size-3);
-    --line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-  }
+.rt-BaseRadioRoot:where(.rt-variant-surface):where(:checked,[data-state='checked'])::before {
+  background-color: var(--accent-3);
+  -webkit-box-shadow: inset 0 0 0 1px var(--accent-8);
+          box-shadow: inset 0 0 0 1px var(--accent-8);
 }
-.rt-RadioCardsItem:where([data-state='checked']) {
-  outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
-  outline-offset: -1px;
+.rt-BaseRadioRoot:where(.rt-variant-surface)::after {
+  background-color: var(--accent-ink);
 }
-.rt-RadioCardsItem:where(:focus-visible) {
-  outline: var(--focus-outline-width) solid var(--focus-8);
-  outline-offset: -1px;
+.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
+  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
+          box-shadow: inset 0 0 0 1px var(--gray-a6);
+  background-color: var(--gray-a2);
 }
-.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
-  background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
+.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::after {
+  background-color: var(--gray-a8);
 }
-.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
-  outline-color: var(--focus-10);
+.rt-BaseRadioRoot:where(.rt-variant-solid) {
+  --radio-checked-hover: var(--accent-solid-hover);
+  --radio-checked-active: var(--accent-solid-active);
 }
-.rt-RadioCardsItem:where(:disabled)::-moz-selection {
-  background-color: var(--gray-a5);
+.rt-BaseRadioRoot:where(.rt-variant-soft) {
+  --radio-unchecked-hover: var(--accent-4);
+  --radio-unchecked-active: var(--accent-5);
 }
-.rt-RadioCardsItem:where(:disabled)::selection {
-  background-color: var(--gray-a5);
+.rt-BaseRadioRoot:where(.rt-variant-outline) {
+  --radio-checked-hover: var(--accent-3);
+  --radio-checked-active: var(--accent-4);
 }
-.rt-RadioCardsItem:where(:disabled)::before {
-  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
+.rt-BaseRadioRoot:where(.rt-variant-surface) {
+  --radio-unchecked-hover: var(--accent-3);
+  --radio-unchecked-active: var(--accent-4);
 }
-.rt-RadioCardsItem:where(:disabled) {
-  outline-color: var(--gray-8);
-  cursor: var(--cursor-disabled);
-  color: var(--gray-a9);
+@media (hover: hover) {
+  .rt-BaseRadioRoot:where(:hover:not(:disabled,[data-disabled]))::before {
+    background-color: var(--radio-unchecked-hover);
+  }
+  .rt-BaseRadioRoot:where(:hover:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
+    background-color: var(--radio-checked-hover);
+  }
+  .rt-BaseRadioRoot:where(.rt-variant-solid:hover:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
+    -webkit-box-shadow: inset 0 0 0 1px var(--radio-checked-hover);
+            box-shadow: inset 0 0 0 1px var(--radio-checked-hover);
+  }
 }
-.rt-RadioGroupRoot {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: var(--space-2);
+.rt-BaseRadioRoot:where(:active:not(:disabled,[data-disabled]))::before {
+  background-color: var(--radio-unchecked-active);
 }
-.rt-RadioGroupItem {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 0.5em;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
+.rt-BaseRadioRoot:where(:active:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
+  background-color: var(--radio-checked-active);
 }
-.rt-RadioGroupItemInner {
-  min-width: 0;
+.rt-BaseRadioRoot:where(.rt-variant-solid:active:not(:disabled,[data-disabled])):where(:checked,[data-state='checked'])::before {
+  -webkit-box-shadow: inset 0 0 0 1px var(--radio-checked-active);
+          box-shadow: inset 0 0 0 1px var(--radio-checked-active);
 }
 :where(.rt-SheetContent) {
   position: fixed !important;
@@ -14718,19 +13026,21 @@
 }
 .rt-SegmentedControlItemSeparator {
   z-index: -1;
-  margin-top: calc(var(--space-2) * 0.75);
-  margin-bottom: calc(var(--space-2) * 0.75);
+  padding-block: calc(var(--space-2) * 0.75);
   margin-left: calc(-1 * var(--border-width-standard) * 0.5);
   margin-right: calc(-1 * var(--border-width-standard) * 0.5);
   width: var(--border-width-standard);
   background-color: var(--gray-a4);
+  background-clip: content-box;
 }
 :where(.rt-SegmentedControlItem:first-child) .rt-SegmentedControlItemSeparator,:where(.rt-SegmentedControlItem:where([data-state='on'],:focus-visible)) .rt-SegmentedControlItemSeparator,:where(.rt-SegmentedControlItem:where([data-state='on'],:focus-visible)) + * .rt-SegmentedControlItemSeparator {
   opacity: 0;
 }
 :where(.rt-r-orientation-vertical) .rt-SegmentedControlItemSeparator {
-  margin-left: calc(var(--space-2) * 0.75);
-  margin-right: calc(var(--space-2) * 0.75);
+  padding-block: 0;
+  padding-inline: calc(var(--space-2) * 0.75);
+  margin-left: 0;
+  margin-right: 0;
   margin-top: calc(-1 * var(--border-width-standard) * 0.5);
   margin-bottom: calc(-1 * var(--border-width-standard) * 0.5);
   width: auto;
@@ -16605,7 +14915,8 @@
   cursor: default;
 }
 :where(.rt-SidebarMenuItem) + .rt-SidebarGroupLabel {
-  margin-top: var(--space-3);
+  min-height: calc(var(--base-menu-item-height) + var(--space-3));
+  padding-top: calc(var(--base-menu-item-padding-y) + var(--space-3));
 }
 .rt-SidebarMenuShortcut {
   display: -webkit-box;
@@ -16915,7 +15226,7 @@
 }
 :where(.rt-ShellRailContent .rt-SidebarMenuBadge),
 :where(.rt-ShellRailContent .rt-SidebarMenuShortcut),
-:where(.rt-ShellRailContent .rt-Badge),
+:where(.rt-ShellRailContent .rt-Chip),
 :where(.rt-ShellRailContent .rt-Kbd) {
   display: none !important;
 }
@@ -17679,10 +15990,10 @@
   :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Text) {
     color: inherit !important;
   }
-  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Chip)) {
     color: inherit !important;
   }
-  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Badge) {
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Chip) {
     color: var(--accent-solid-badge-contrast) !important;
     background-color: var(--accent-solid-badge) !important;
   }
@@ -17694,10 +16005,10 @@
   :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
     color: inherit !important;
   }
-  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Chip)) {
     color: inherit !important;
   }
-  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
+  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Chip) {
     color: var(--accent-solid-badge-contrast) !important;
     background-color: var(--accent-solid-badge) !important;
   }
@@ -17715,10 +16026,10 @@
   :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Text) {
     color: inherit !important;
   }
-  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Chip)) {
     color: inherit !important;
   }
-  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Badge) {
+  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Chip) {
     color: var(--accent-solid-badge-contrast) !important;
     background-color: var(--accent-solid-badge) !important;
   }
@@ -19080,10 +17391,9 @@
 }
 .rt-SliderTicks {
   position: absolute;
-  top: 100%;
+  top: calc(100% + var(--space-3));
   left: 0;
   right: 0;
-  margin-top: var(--space-3);
   pointer-events: auto;
   height: 44px;
 }
@@ -19230,16 +17540,6 @@
             animation-duration: calc(var(--spinner-animation-duration) * 3);
   }
 }
-.rt-Strong {
-  font-family: var(--strong-font-family);
-  font-size: calc(var(--strong-font-size-adjust) * 1em);
-  font-style: var(--strong-font-style);
-  font-weight: var(--strong-font-weight);
-  letter-spacing: calc(var(--strong-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
-}
-.rt-Strong :where(.rt-Strong) {
-  font-size: inherit;
-}
 .rt-SwitchRoot {
   position: relative;
   display: -webkit-inline-box;
@@ -19459,875 +17759,869 @@
 .rt-SwitchRoot:where([data-disabled][data-state='checked'])::before {
   background-color: var(--accent-a3) !important;
 }
-.rt-BaseTabList::-webkit-scrollbar {
-  display: none;
-}
-.rt-BaseTabListTrigger {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  scroll-behavior: smooth;
+.rt-TableRootTable {
+  --table-row-background-color: transparent;
+  --table-row-box-shadow: inset 0 -1px var(--gray-a5);
+  width: 100%;
+  text-align: left;
+  vertical-align: top;
+  border-collapse: collapse;
+  border-radius: calc(var(--table-border-radius) - 1px);
+  border-spacing: 0;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  height: var(--tab-height);
-  padding-inline: var(--tab-padding-x);
-  color: var(--gray-a11);
+  height: 0;
 }
-.rt-BaseTabListTriggerInner,
-.rt-BaseTabListTriggerInnerHidden {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+.rt-TableHeader {
+  vertical-align: inherit;
+}
+.rt-TableBody {
+  vertical-align: inherit;
+}
+.rt-TableRow {
+  vertical-align: inherit;
+  color: var(--gray-12);
+}
+.rt-TableCell {
+  background-color: var(--table-row-background-color);
+  -webkit-box-shadow: var(--table-row-box-shadow);
+          box-shadow: var(--table-row-box-shadow);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  padding: var(--tab-inner-padding-y) var(--tab-inner-padding-x);
-  border-radius: var(--tab-inner-border-radius);
-}
-.rt-BaseTabListTriggerInner {
-  position: absolute;
+  vertical-align: inherit;
+  padding: var(--table-cell-py) var(--table-cell-px);
 }
-:where(.rt-BaseTabListTrigger[data-state='inactive'],.rt-TabNavLink:not([data-active])) .rt-BaseTabListTriggerInner {
-  letter-spacing: var(--tab-inactive-letter-spacing);
-  word-spacing: var(--tab-inactive-word-spacing);
+.rt-TableColumnHeaderCell {
+  font-weight: 600;
 }
-:where(.rt-BaseTabListTrigger[data-state='active'],.rt-TabNavLink[data-active]) .rt-BaseTabListTriggerInner {
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--tab-active-letter-spacing);
-  word-spacing: var(--tab-active-word-spacing);
+.rt-TableRowHeaderCell {
+  font-weight: normal;
 }
-.rt-BaseTabListTriggerInnerHidden {
-  visibility: hidden;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--tab-active-letter-spacing);
-  word-spacing: var(--tab-active-word-spacing);
+.rt-TableRoot:where(.rt-r-size-1) {
+  --table-border-radius: var(--radius-surface-1);
+  --table-cell-py: var(--layout-space-2);
+  --table-cell-px: var(--layout-space-3);
 }
-.rt-BaseTabList:where(.rt-r-size-1) {
+.rt-TableRoot:where(.rt-r-size-1) :where(.rt-TableRootTable) {
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
-  --tab-height: var(--control-height-1);
-  --tab-padding-x: calc(var(--control-gap-1) / 2);
-  --tab-inner-padding-x: var(--control-px-1);
-  --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
-  --tab-inner-border-radius: var(--radius-1);
-}
-.rt-BaseTabList:where(.rt-r-size-1) :where(svg) {
-  width: var(--icon-size-1);
-  height: var(--icon-size-1);
 }
-.rt-BaseTabList:where(.rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-  gap: var(--control-gap-1);
+.rt-TableRoot:where(.rt-r-size-2) {
+  --table-border-radius: var(--radius-surface-2);
+  --table-cell-py: var(--layout-space-3);
+  --table-cell-px: var(--layout-space-4);
 }
-.rt-BaseTabList:where(.rt-r-size-2) {
+.rt-TableRoot:where(.rt-r-size-2) :where(.rt-TableRootTable) {
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
-  --tab-height: var(--control-height-2);
-  --tab-padding-x: calc(var(--control-gap-2) / 2);
-  --tab-inner-padding-x: var(--control-px-2);
-  --tab-inner-padding-y: var(--space-2);
-  --tab-inner-border-radius: var(--radius-2);
-}
-.rt-BaseTabList:where(.rt-r-size-2) :where(svg) {
-  width: var(--icon-size-2);
-  height: var(--icon-size-2);
 }
-.rt-BaseTabList:where(.rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-  gap: var(--control-gap-2);
+.rt-TableRoot:where(.rt-r-size-3) {
+  --table-border-radius: var(--radius-surface-3);
+  --table-cell-py: var(--layout-space-4);
+  --table-cell-px: var(--layout-space-5);
 }
-.rt-BaseTabList:where(.rt-r-size-3) {
+.rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable) {
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
   letter-spacing: var(--letter-spacing-3);
-  --tab-height: var(--control-height-3);
-  --tab-padding-x: calc(var(--control-gap-3) / 2);
-  --tab-inner-padding-x: var(--control-px-3);
-  --tab-inner-padding-y: var(--space-3);
-  --tab-inner-border-radius: var(--radius-3);
 }
-.rt-BaseTabList:where(.rt-r-size-3) :where(svg) {
-  width: var(--icon-size-3);
-  height: var(--icon-size-3);
-}
-.rt-BaseTabList:where(.rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-  gap: var(--control-gap-3);
+.rt-TableRoot:where(.rt-r-size-4) {
+  --table-border-radius: var(--radius-surface-4);
+  --table-cell-py: var(--layout-space-5);
+  --table-cell-px: var(--layout-space-6);
 }
-.rt-BaseTabList:where(.rt-r-size-4) {
+.rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable) {
   font-size: var(--font-size-4);
   line-height: var(--line-height-4);
   letter-spacing: var(--letter-spacing-4);
-  --tab-height: var(--control-height-4);
-  --tab-padding-x: calc(var(--control-gap-4) / 2);
-  --tab-inner-padding-x: var(--control-px-4);
-  --tab-inner-padding-y: var(--space-3);
-  --tab-inner-border-radius: var(--radius-4);
-}
-.rt-BaseTabList:where(.rt-r-size-4) :where(svg) {
-  width: var(--icon-size-4);
-  height: var(--icon-size-4);
-}
-.rt-BaseTabList:where(.rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-  gap: var(--control-gap-4);
 }
 @media (min-width: 520px) {
-  .rt-BaseTabList:where(.xs\:rt-r-size-1) {
+  .rt-TableRoot:where(.xs\:rt-r-size-1) {
+    --table-border-radius: var(--radius-surface-1);
+    --table-cell-py: var(--layout-space-2);
+    --table-cell-px: var(--layout-space-3);
+  }
+  .rt-TableRoot:where(.xs\:rt-r-size-1) :where(.rt-TableRootTable) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--control-height-1);
-    --tab-padding-x: calc(var(--control-gap-1) / 2);
-    --tab-inner-padding-x: var(--control-px-1);
-    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
-    --tab-inner-border-radius: var(--radius-1);
-  }
-  .rt-BaseTabList:where(.xs\:rt-r-size-1) :where(svg) {
-    width: var(--icon-size-1);
-    height: var(--icon-size-1);
   }
-  .rt-BaseTabList:where(.xs\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-1);
-  }
-  .rt-BaseTabList:where(.xs\:rt-r-size-2) {
-    font-size: var(--font-size-2);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--control-height-2);
-    --tab-padding-x: calc(var(--control-gap-2) / 2);
-    --tab-inner-padding-x: var(--control-px-2);
-    --tab-inner-padding-y: var(--space-2);
-    --tab-inner-border-radius: var(--radius-2);
+  .rt-TableRoot:where(.xs\:rt-r-size-2) {
+    --table-border-radius: var(--radius-surface-2);
+    --table-cell-py: var(--layout-space-3);
+    --table-cell-px: var(--layout-space-4);
   }
-  .rt-BaseTabList:where(.xs\:rt-r-size-2) :where(svg) {
-    width: var(--icon-size-2);
-    height: var(--icon-size-2);
+  .rt-TableRoot:where(.xs\:rt-r-size-2) :where(.rt-TableRootTable) {
+    font-size: var(--font-size-2);
+    line-height: var(--line-height-2);
+    letter-spacing: var(--letter-spacing-2);
   }
-  .rt-BaseTabList:where(.xs\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-2);
+  .rt-TableRoot:where(.xs\:rt-r-size-3) {
+    --table-border-radius: var(--radius-surface-3);
+    --table-cell-py: var(--layout-space-4);
+    --table-cell-px: var(--layout-space-5);
   }
-  .rt-BaseTabList:where(.xs\:rt-r-size-3) {
+  .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
-    --tab-height: var(--control-height-3);
-    --tab-padding-x: calc(var(--control-gap-3) / 2);
-    --tab-inner-padding-x: var(--control-px-3);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-3);
-  }
-  .rt-BaseTabList:where(.xs\:rt-r-size-3) :where(svg) {
-    width: var(--icon-size-3);
-    height: var(--icon-size-3);
   }
-  .rt-BaseTabList:where(.xs\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-3);
+  .rt-TableRoot:where(.xs\:rt-r-size-4) {
+    --table-border-radius: var(--radius-surface-4);
+    --table-cell-py: var(--layout-space-5);
+    --table-cell-px: var(--layout-space-6);
   }
-  .rt-BaseTabList:where(.xs\:rt-r-size-4) {
+  .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
-    --tab-height: var(--control-height-4);
-    --tab-padding-x: calc(var(--control-gap-4) / 2);
-    --tab-inner-padding-x: var(--control-px-4);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-4);
-  }
-  .rt-BaseTabList:where(.xs\:rt-r-size-4) :where(svg) {
-    width: var(--icon-size-4);
-    height: var(--icon-size-4);
-  }
-  .rt-BaseTabList:where(.xs\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-4);
   }
 }
 @media (min-width: 768px) {
-  .rt-BaseTabList:where(.sm\:rt-r-size-1) {
+  .rt-TableRoot:where(.sm\:rt-r-size-1) {
+    --table-border-radius: var(--radius-surface-1);
+    --table-cell-py: var(--layout-space-2);
+    --table-cell-px: var(--layout-space-3);
+  }
+  .rt-TableRoot:where(.sm\:rt-r-size-1) :where(.rt-TableRootTable) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--control-height-1);
-    --tab-padding-x: calc(var(--control-gap-1) / 2);
-    --tab-inner-padding-x: var(--control-px-1);
-    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
-    --tab-inner-border-radius: var(--radius-1);
   }
-  .rt-BaseTabList:where(.sm\:rt-r-size-1) :where(svg) {
-    width: var(--icon-size-1);
-    height: var(--icon-size-1);
-  }
-  .rt-BaseTabList:where(.sm\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-1);
+  .rt-TableRoot:where(.sm\:rt-r-size-2) {
+    --table-border-radius: var(--radius-surface-2);
+    --table-cell-py: var(--layout-space-3);
+    --table-cell-px: var(--layout-space-4);
   }
-  .rt-BaseTabList:where(.sm\:rt-r-size-2) {
+  .rt-TableRoot:where(.sm\:rt-r-size-2) :where(.rt-TableRootTable) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--control-height-2);
-    --tab-padding-x: calc(var(--control-gap-2) / 2);
-    --tab-inner-padding-x: var(--control-px-2);
-    --tab-inner-padding-y: var(--space-2);
-    --tab-inner-border-radius: var(--radius-2);
-  }
-  .rt-BaseTabList:where(.sm\:rt-r-size-2) :where(svg) {
-    width: var(--icon-size-2);
-    height: var(--icon-size-2);
   }
-  .rt-BaseTabList:where(.sm\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-2);
+  .rt-TableRoot:where(.sm\:rt-r-size-3) {
+    --table-border-radius: var(--radius-surface-3);
+    --table-cell-py: var(--layout-space-4);
+    --table-cell-px: var(--layout-space-5);
   }
-  .rt-BaseTabList:where(.sm\:rt-r-size-3) {
+  .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
-    --tab-height: var(--control-height-3);
-    --tab-padding-x: calc(var(--control-gap-3) / 2);
-    --tab-inner-padding-x: var(--control-px-3);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-3);
-  }
-  .rt-BaseTabList:where(.sm\:rt-r-size-3) :where(svg) {
-    width: var(--icon-size-3);
-    height: var(--icon-size-3);
   }
-  .rt-BaseTabList:where(.sm\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-3);
+  .rt-TableRoot:where(.sm\:rt-r-size-4) {
+    --table-border-radius: var(--radius-surface-4);
+    --table-cell-py: var(--layout-space-5);
+    --table-cell-px: var(--layout-space-6);
   }
-  .rt-BaseTabList:where(.sm\:rt-r-size-4) {
+  .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
-    --tab-height: var(--control-height-4);
-    --tab-padding-x: calc(var(--control-gap-4) / 2);
-    --tab-inner-padding-x: var(--control-px-4);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-4);
-  }
-  .rt-BaseTabList:where(.sm\:rt-r-size-4) :where(svg) {
-    width: var(--icon-size-4);
-    height: var(--icon-size-4);
-  }
-  .rt-BaseTabList:where(.sm\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-4);
   }
 }
 @media (min-width: 1024px) {
-  .rt-BaseTabList:where(.md\:rt-r-size-1) {
+  .rt-TableRoot:where(.md\:rt-r-size-1) {
+    --table-border-radius: var(--radius-surface-1);
+    --table-cell-py: var(--layout-space-2);
+    --table-cell-px: var(--layout-space-3);
+  }
+  .rt-TableRoot:where(.md\:rt-r-size-1) :where(.rt-TableRootTable) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--control-height-1);
-    --tab-padding-x: calc(var(--control-gap-1) / 2);
-    --tab-inner-padding-x: var(--control-px-1);
-    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
-    --tab-inner-border-radius: var(--radius-1);
-  }
-  .rt-BaseTabList:where(.md\:rt-r-size-1) :where(svg) {
-    width: var(--icon-size-1);
-    height: var(--icon-size-1);
   }
-  .rt-BaseTabList:where(.md\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-1);
+  .rt-TableRoot:where(.md\:rt-r-size-2) {
+    --table-border-radius: var(--radius-surface-2);
+    --table-cell-py: var(--layout-space-3);
+    --table-cell-px: var(--layout-space-4);
   }
-  .rt-BaseTabList:where(.md\:rt-r-size-2) {
+  .rt-TableRoot:where(.md\:rt-r-size-2) :where(.rt-TableRootTable) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--control-height-2);
-    --tab-padding-x: calc(var(--control-gap-2) / 2);
-    --tab-inner-padding-x: var(--control-px-2);
-    --tab-inner-padding-y: var(--space-2);
-    --tab-inner-border-radius: var(--radius-2);
-  }
-  .rt-BaseTabList:where(.md\:rt-r-size-2) :where(svg) {
-    width: var(--icon-size-2);
-    height: var(--icon-size-2);
   }
-  .rt-BaseTabList:where(.md\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-2);
+  .rt-TableRoot:where(.md\:rt-r-size-3) {
+    --table-border-radius: var(--radius-surface-3);
+    --table-cell-py: var(--layout-space-4);
+    --table-cell-px: var(--layout-space-5);
   }
-  .rt-BaseTabList:where(.md\:rt-r-size-3) {
+  .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
-    --tab-height: var(--control-height-3);
-    --tab-padding-x: calc(var(--control-gap-3) / 2);
-    --tab-inner-padding-x: var(--control-px-3);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-BaseTabList:where(.md\:rt-r-size-3) :where(svg) {
-    width: var(--icon-size-3);
-    height: var(--icon-size-3);
-  }
-  .rt-BaseTabList:where(.md\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-3);
+  .rt-TableRoot:where(.md\:rt-r-size-4) {
+    --table-border-radius: var(--radius-surface-4);
+    --table-cell-py: var(--layout-space-5);
+    --table-cell-px: var(--layout-space-6);
   }
-  .rt-BaseTabList:where(.md\:rt-r-size-4) {
+  .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
-    --tab-height: var(--control-height-4);
-    --tab-padding-x: calc(var(--control-gap-4) / 2);
-    --tab-inner-padding-x: var(--control-px-4);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-4);
-  }
-  .rt-BaseTabList:where(.md\:rt-r-size-4) :where(svg) {
-    width: var(--icon-size-4);
-    height: var(--icon-size-4);
-  }
-  .rt-BaseTabList:where(.md\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-4);
   }
 }
 @media (min-width: 1280px) {
-  .rt-BaseTabList:where(.lg\:rt-r-size-1) {
+  .rt-TableRoot:where(.lg\:rt-r-size-1) {
+    --table-border-radius: var(--radius-surface-1);
+    --table-cell-py: var(--layout-space-2);
+    --table-cell-px: var(--layout-space-3);
+  }
+  .rt-TableRoot:where(.lg\:rt-r-size-1) :where(.rt-TableRootTable) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--control-height-1);
-    --tab-padding-x: calc(var(--control-gap-1) / 2);
-    --tab-inner-padding-x: var(--control-px-1);
-    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
-    --tab-inner-border-radius: var(--radius-1);
-  }
-  .rt-BaseTabList:where(.lg\:rt-r-size-1) :where(svg) {
-    width: var(--icon-size-1);
-    height: var(--icon-size-1);
   }
-  .rt-BaseTabList:where(.lg\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-1);
+  .rt-TableRoot:where(.lg\:rt-r-size-2) {
+    --table-border-radius: var(--radius-surface-2);
+    --table-cell-py: var(--layout-space-3);
+    --table-cell-px: var(--layout-space-4);
   }
-  .rt-BaseTabList:where(.lg\:rt-r-size-2) {
+  .rt-TableRoot:where(.lg\:rt-r-size-2) :where(.rt-TableRootTable) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--control-height-2);
-    --tab-padding-x: calc(var(--control-gap-2) / 2);
-    --tab-inner-padding-x: var(--control-px-2);
-    --tab-inner-padding-y: var(--space-2);
-    --tab-inner-border-radius: var(--radius-2);
-  }
-  .rt-BaseTabList:where(.lg\:rt-r-size-2) :where(svg) {
-    width: var(--icon-size-2);
-    height: var(--icon-size-2);
   }
-  .rt-BaseTabList:where(.lg\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-2);
+  .rt-TableRoot:where(.lg\:rt-r-size-3) {
+    --table-border-radius: var(--radius-surface-3);
+    --table-cell-py: var(--layout-space-4);
+    --table-cell-px: var(--layout-space-5);
   }
-  .rt-BaseTabList:where(.lg\:rt-r-size-3) {
+  .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
-    --tab-height: var(--control-height-3);
-    --tab-padding-x: calc(var(--control-gap-3) / 2);
-    --tab-inner-padding-x: var(--control-px-3);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-3);
-  }
-  .rt-BaseTabList:where(.lg\:rt-r-size-3) :where(svg) {
-    width: var(--icon-size-3);
-    height: var(--icon-size-3);
   }
-  .rt-BaseTabList:where(.lg\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-3);
+  .rt-TableRoot:where(.lg\:rt-r-size-4) {
+    --table-border-radius: var(--radius-surface-4);
+    --table-cell-py: var(--layout-space-5);
+    --table-cell-px: var(--layout-space-6);
   }
-  .rt-BaseTabList:where(.lg\:rt-r-size-4) {
+  .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable) {
     font-size: var(--font-size-4);
-    line-height: var(--line-height-4);
-    letter-spacing: var(--letter-spacing-4);
-    --tab-height: var(--control-height-4);
-    --tab-padding-x: calc(var(--control-gap-4) / 2);
-    --tab-inner-padding-x: var(--control-px-4);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-4);
-  }
-  .rt-BaseTabList:where(.lg\:rt-r-size-4) :where(svg) {
-    width: var(--icon-size-4);
-    height: var(--icon-size-4);
-  }
-  .rt-BaseTabList:where(.lg\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-4);
+    line-height: var(--line-height-4);
+    letter-spacing: var(--letter-spacing-4);
   }
 }
 @media (min-width: 1640px) {
-  .rt-BaseTabList:where(.xl\:rt-r-size-1) {
+  .rt-TableRoot:where(.xl\:rt-r-size-1) {
+    --table-border-radius: var(--radius-surface-1);
+    --table-cell-py: var(--layout-space-2);
+    --table-cell-px: var(--layout-space-3);
+  }
+  .rt-TableRoot:where(.xl\:rt-r-size-1) :where(.rt-TableRootTable) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    --tab-height: var(--control-height-1);
-    --tab-padding-x: calc(var(--control-gap-1) / 2);
-    --tab-inner-padding-x: var(--control-px-1);
-    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
-    --tab-inner-border-radius: var(--radius-1);
-  }
-  .rt-BaseTabList:where(.xl\:rt-r-size-1) :where(svg) {
-    width: var(--icon-size-1);
-    height: var(--icon-size-1);
   }
-  .rt-BaseTabList:where(.xl\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-1);
+  .rt-TableRoot:where(.xl\:rt-r-size-2) {
+    --table-border-radius: var(--radius-surface-2);
+    --table-cell-py: var(--layout-space-3);
+    --table-cell-px: var(--layout-space-4);
   }
-  .rt-BaseTabList:where(.xl\:rt-r-size-2) {
+  .rt-TableRoot:where(.xl\:rt-r-size-2) :where(.rt-TableRootTable) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    --tab-height: var(--control-height-2);
-    --tab-padding-x: calc(var(--control-gap-2) / 2);
-    --tab-inner-padding-x: var(--control-px-2);
-    --tab-inner-padding-y: var(--space-2);
-    --tab-inner-border-radius: var(--radius-2);
-  }
-  .rt-BaseTabList:where(.xl\:rt-r-size-2) :where(svg) {
-    width: var(--icon-size-2);
-    height: var(--icon-size-2);
   }
-  .rt-BaseTabList:where(.xl\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-2);
+  .rt-TableRoot:where(.xl\:rt-r-size-3) {
+    --table-border-radius: var(--radius-surface-3);
+    --table-cell-py: var(--layout-space-4);
+    --table-cell-px: var(--layout-space-5);
   }
-  .rt-BaseTabList:where(.xl\:rt-r-size-3) {
+  .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
-    --tab-height: var(--control-height-3);
-    --tab-padding-x: calc(var(--control-gap-3) / 2);
-    --tab-inner-padding-x: var(--control-px-3);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-BaseTabList:where(.xl\:rt-r-size-3) :where(svg) {
-    width: var(--icon-size-3);
-    height: var(--icon-size-3);
-  }
-  .rt-BaseTabList:where(.xl\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-3);
+  .rt-TableRoot:where(.xl\:rt-r-size-4) {
+    --table-border-radius: var(--radius-surface-4);
+    --table-cell-py: var(--layout-space-5);
+    --table-cell-px: var(--layout-space-6);
   }
-  .rt-BaseTabList:where(.xl\:rt-r-size-4) {
+  .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
-    --tab-height: var(--control-height-4);
-    --tab-padding-x: calc(var(--control-gap-4) / 2);
-    --tab-inner-padding-x: var(--control-px-4);
-    --tab-inner-padding-y: var(--space-3);
-    --tab-inner-border-radius: var(--radius-4);
-  }
-  .rt-BaseTabList:where(.xl\:rt-r-size-4) :where(svg) {
-    width: var(--icon-size-4);
-    height: var(--icon-size-4);
-  }
-  .rt-BaseTabList:where(.xl\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
-    gap: var(--control-gap-4);
   }
 }
-.rt-BaseTabList {
-  -webkit-box-shadow: inset 0 calc(-1 * var(--border-width-standard)) 0 0 var(--gray-a5);
-          box-shadow: inset 0 calc(-1 * var(--border-width-standard)) 0 0 var(--gray-a5);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  overflow-x: auto;
-  white-space: nowrap;
-  min-width: 0;
-  font-family: var(--default-font-family);
-  font-style: normal;
-  scrollbar-width: none;
+.rt-TableRoot:where(.rt-variant-surface) {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border: 1px solid var(--gray-a5);
+  border-radius: var(--table-border-radius);
+  background-color: var(--color-panel-solid);
+  background-clip: padding-box;
+  position: relative;
 }
-@media (hover: hover) {
-  .rt-BaseTabListTrigger:where(:hover) {
-    color: var(--gray-12);
-  }
-  .rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner) {
-    background-color: var(--gray-a3);
-  }
-  .rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner) {
-    background-color: var(--accent-a3);
+@supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
+  .rt-TableRoot:where(.rt-variant-surface) {
+    border-color: color-mix(in oklab, var(--gray-a5), var(--gray-6));
   }
 }
-.rt-BaseTabListTrigger:where(:active:not([data-disabled])) :where(.rt-BaseTabListTriggerInner) {
-  background-color: var(--gray-a4);
-}
-.rt-BaseTabListTrigger:where([data-state='active'],[data-active]) {
-  color: var(--gray-12);
+.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) {
+  overflow: hidden;
 }
-.rt-BaseTabListTrigger:where(:focus-visible) :where(.rt-BaseTabListTriggerInner) {
-  outline: var(--focus-ring-width, 2px) solid var(--focus-8);
-  outline-offset: var(--focus-outline-offset-inset);
-  scroll-margin: var(--space-3);
+:is(.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable)) :where(.rt-TableHeader) {
+  --table-row-background-color: var(--gray-a2);
 }
-.rt-BaseTabListTrigger:where([data-state='active'],[data-active])::before {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  content: '';
-  height: var(--focus-ring-width, 2px);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: var(--accent-solid-indicator);
-  -webkit-transform-origin: center;
-          transform-origin: center;
+:is(.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable)) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
+  --table-row-box-shadow: none;
 }
-@media (forced-colors: active) {
-  .rt-BaseTabListTrigger:where([data-state='active'])::before,
-  .rt-TabNavLink:where([data-active])::before {
-    background-color: Highlight;
-  }
-  .rt-BaseTabListTrigger:where(:focus-visible) :where(.rt-BaseTabListTriggerInner) {
-    outline: 2px solid Highlight;
-    outline-offset: 2px;
-  }
+.rt-TableRoot:where(.rt-variant-ghost) {
+  --scrollarea-scrollbar-horizontal-margin-left: 0;
+  --scrollarea-scrollbar-horizontal-margin-right: 0;
 }
-.rt-BaseTabListTrigger:where([data-disabled]) {
-  color: var(--gray-a8);
-  cursor: default;
+.rt-TableRoot:where(.rt-variant-ghost) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
+  --table-row-box-shadow: none;
 }
-.rt-BaseTabListTrigger:where([data-disabled]) :where(.rt-BaseTabListTriggerInner) {
-  background-color: transparent;
+.rt-BaseTabList::-webkit-scrollbar {
+  display: none;
 }
-.rt-TabNavItem {
+.rt-BaseTabListTrigger {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-}
-.rt-TableRootTable {
-  --table-row-background-color: transparent;
-  --table-row-box-shadow: inset 0 -1px var(--gray-a5);
-  width: 100%;
-  text-align: left;
-  vertical-align: top;
-  border-collapse: collapse;
-  border-radius: calc(var(--table-border-radius) - 1px);
-  border-spacing: 0;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  scroll-behavior: smooth;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  height: 0;
-}
-.rt-TableHeader {
-  vertical-align: inherit;
-}
-.rt-TableBody {
-  vertical-align: inherit;
-}
-.rt-TableRow {
-  vertical-align: inherit;
-  color: var(--gray-12);
+  height: var(--tab-height);
+  padding-inline: var(--tab-padding-x);
+  color: var(--gray-a11);
 }
-.rt-TableCell {
-  background-color: var(--table-row-background-color);
-  -webkit-box-shadow: var(--table-row-box-shadow);
-          box-shadow: var(--table-row-box-shadow);
+.rt-BaseTabListTriggerInner,
+.rt-BaseTabListTriggerInnerHidden {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  vertical-align: inherit;
-  padding: var(--table-cell-py) var(--table-cell-px);
+  padding: var(--tab-inner-padding-y) var(--tab-inner-padding-x);
+  border-radius: var(--tab-inner-border-radius);
 }
-.rt-TableColumnHeaderCell {
-  font-weight: 600;
+.rt-BaseTabListTriggerInner {
+  position: absolute;
 }
-.rt-TableRowHeaderCell {
-  font-weight: normal;
+:where(.rt-BaseTabListTrigger[data-state='inactive']) .rt-BaseTabListTriggerInner {
+  letter-spacing: var(--tab-inactive-letter-spacing);
+  word-spacing: var(--tab-inactive-word-spacing);
 }
-.rt-TableRoot:where(.rt-r-size-1) {
-  --table-border-radius: var(--radius-surface-1);
-  --table-cell-py: var(--layout-space-2);
-  --table-cell-px: var(--layout-space-3);
+:where(.rt-BaseTabListTrigger[data-state='active']) .rt-BaseTabListTriggerInner {
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--tab-active-letter-spacing);
+  word-spacing: var(--tab-active-word-spacing);
 }
-.rt-TableRoot:where(.rt-r-size-1) :where(.rt-TableRootTable) {
+.rt-BaseTabListTriggerInnerHidden {
+  visibility: hidden;
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--tab-active-letter-spacing);
+  word-spacing: var(--tab-active-word-spacing);
+}
+.rt-BaseTabList:where(.rt-r-size-1) {
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
+  --tab-height: var(--control-height-1);
+  --tab-padding-x: calc(var(--control-gap-1) / 2);
+  --tab-inner-padding-x: var(--control-px-1);
+  --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
+  --tab-inner-border-radius: var(--radius-1);
 }
-.rt-TableRoot:where(.rt-r-size-2) {
-  --table-border-radius: var(--radius-surface-2);
-  --table-cell-py: var(--layout-space-3);
-  --table-cell-px: var(--layout-space-4);
+.rt-BaseTabList:where(.rt-r-size-1) :where(svg) {
+  width: var(--icon-size-1);
+  height: var(--icon-size-1);
 }
-.rt-TableRoot:where(.rt-r-size-2) :where(.rt-TableRootTable) {
+.rt-BaseTabList:where(.rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+  gap: var(--control-gap-1);
+}
+.rt-BaseTabList:where(.rt-r-size-2) {
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
+  --tab-height: var(--control-height-2);
+  --tab-padding-x: calc(var(--control-gap-2) / 2);
+  --tab-inner-padding-x: var(--control-px-2);
+  --tab-inner-padding-y: var(--space-2);
+  --tab-inner-border-radius: var(--radius-2);
 }
-.rt-TableRoot:where(.rt-r-size-3) {
-  --table-border-radius: var(--radius-surface-3);
-  --table-cell-py: var(--layout-space-4);
-  --table-cell-px: var(--layout-space-5);
+.rt-BaseTabList:where(.rt-r-size-2) :where(svg) {
+  width: var(--icon-size-2);
+  height: var(--icon-size-2);
 }
-.rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable) {
+.rt-BaseTabList:where(.rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+  gap: var(--control-gap-2);
+}
+.rt-BaseTabList:where(.rt-r-size-3) {
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
   letter-spacing: var(--letter-spacing-3);
+  --tab-height: var(--control-height-3);
+  --tab-padding-x: calc(var(--control-gap-3) / 2);
+  --tab-inner-padding-x: var(--control-px-3);
+  --tab-inner-padding-y: var(--space-3);
+  --tab-inner-border-radius: var(--radius-3);
 }
-.rt-TableRoot:where(.rt-r-size-4) {
-  --table-border-radius: var(--radius-surface-4);
-  --table-cell-py: var(--layout-space-5);
-  --table-cell-px: var(--layout-space-6);
+.rt-BaseTabList:where(.rt-r-size-3) :where(svg) {
+  width: var(--icon-size-3);
+  height: var(--icon-size-3);
 }
-.rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable) {
+.rt-BaseTabList:where(.rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+  gap: var(--control-gap-3);
+}
+.rt-BaseTabList:where(.rt-r-size-4) {
   font-size: var(--font-size-4);
   line-height: var(--line-height-4);
   letter-spacing: var(--letter-spacing-4);
+  --tab-height: var(--control-height-4);
+  --tab-padding-x: calc(var(--control-gap-4) / 2);
+  --tab-inner-padding-x: var(--control-px-4);
+  --tab-inner-padding-y: var(--space-3);
+  --tab-inner-border-radius: var(--radius-4);
+}
+.rt-BaseTabList:where(.rt-r-size-4) :where(svg) {
+  width: var(--icon-size-4);
+  height: var(--icon-size-4);
+}
+.rt-BaseTabList:where(.rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+  gap: var(--control-gap-4);
 }
 @media (min-width: 520px) {
-  .rt-TableRoot:where(.xs\:rt-r-size-1) {
-    --table-border-radius: var(--radius-surface-1);
-    --table-cell-py: var(--layout-space-2);
-    --table-cell-px: var(--layout-space-3);
-  }
-  .rt-TableRoot:where(.xs\:rt-r-size-1) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xs\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    --tab-height: var(--control-height-1);
+    --tab-padding-x: calc(var(--control-gap-1) / 2);
+    --tab-inner-padding-x: var(--control-px-1);
+    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
+    --tab-inner-border-radius: var(--radius-1);
   }
-  .rt-TableRoot:where(.xs\:rt-r-size-2) {
-    --table-border-radius: var(--radius-surface-2);
-    --table-cell-py: var(--layout-space-3);
-    --table-cell-px: var(--layout-space-4);
+  .rt-BaseTabList:where(.xs\:rt-r-size-1) :where(svg) {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
   }
-  .rt-TableRoot:where(.xs\:rt-r-size-2) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xs\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-1);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    --tab-height: var(--control-height-2);
+    --tab-padding-x: calc(var(--control-gap-2) / 2);
+    --tab-inner-padding-x: var(--control-px-2);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-2);
   }
-  .rt-TableRoot:where(.xs\:rt-r-size-3) {
-    --table-border-radius: var(--radius-surface-3);
-    --table-cell-py: var(--layout-space-4);
-    --table-cell-px: var(--layout-space-5);
+  .rt-BaseTabList:where(.xs\:rt-r-size-2) :where(svg) {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
   }
-  .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xs\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-2);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: calc(var(--control-gap-3) / 2);
+    --tab-inner-padding-x: var(--control-px-3);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-TableRoot:where(.xs\:rt-r-size-4) {
-    --table-border-radius: var(--radius-surface-4);
-    --table-cell-py: var(--layout-space-5);
-    --table-cell-px: var(--layout-space-6);
+  .rt-BaseTabList:where(.xs\:rt-r-size-3) :where(svg) {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
   }
-  .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xs\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-3);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: calc(var(--control-gap-4) / 2);
+    --tab-inner-padding-x: var(--control-px-4);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-4) :where(svg) {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+  .rt-BaseTabList:where(.xs\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-4);
   }
 }
 @media (min-width: 768px) {
-  .rt-TableRoot:where(.sm\:rt-r-size-1) {
-    --table-border-radius: var(--radius-surface-1);
-    --table-cell-py: var(--layout-space-2);
-    --table-cell-px: var(--layout-space-3);
-  }
-  .rt-TableRoot:where(.sm\:rt-r-size-1) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.sm\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    --tab-height: var(--control-height-1);
+    --tab-padding-x: calc(var(--control-gap-1) / 2);
+    --tab-inner-padding-x: var(--control-px-1);
+    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
+    --tab-inner-border-radius: var(--radius-1);
   }
-  .rt-TableRoot:where(.sm\:rt-r-size-2) {
-    --table-border-radius: var(--radius-surface-2);
-    --table-cell-py: var(--layout-space-3);
-    --table-cell-px: var(--layout-space-4);
+  .rt-BaseTabList:where(.sm\:rt-r-size-1) :where(svg) {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
   }
-  .rt-TableRoot:where(.sm\:rt-r-size-2) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.sm\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-1);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    --tab-height: var(--control-height-2);
+    --tab-padding-x: calc(var(--control-gap-2) / 2);
+    --tab-inner-padding-x: var(--control-px-2);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-2);
   }
-  .rt-TableRoot:where(.sm\:rt-r-size-3) {
-    --table-border-radius: var(--radius-surface-3);
-    --table-cell-py: var(--layout-space-4);
-    --table-cell-px: var(--layout-space-5);
+  .rt-BaseTabList:where(.sm\:rt-r-size-2) :where(svg) {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
   }
-  .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.sm\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-2);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: calc(var(--control-gap-3) / 2);
+    --tab-inner-padding-x: var(--control-px-3);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-TableRoot:where(.sm\:rt-r-size-4) {
-    --table-border-radius: var(--radius-surface-4);
-    --table-cell-py: var(--layout-space-5);
-    --table-cell-px: var(--layout-space-6);
+  .rt-BaseTabList:where(.sm\:rt-r-size-3) :where(svg) {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
   }
-  .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.sm\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-3);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: calc(var(--control-gap-4) / 2);
+    --tab-inner-padding-x: var(--control-px-4);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-4) :where(svg) {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+  .rt-BaseTabList:where(.sm\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-4);
   }
 }
 @media (min-width: 1024px) {
-  .rt-TableRoot:where(.md\:rt-r-size-1) {
-    --table-border-radius: var(--radius-surface-1);
-    --table-cell-py: var(--layout-space-2);
-    --table-cell-px: var(--layout-space-3);
-  }
-  .rt-TableRoot:where(.md\:rt-r-size-1) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.md\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    --tab-height: var(--control-height-1);
+    --tab-padding-x: calc(var(--control-gap-1) / 2);
+    --tab-inner-padding-x: var(--control-px-1);
+    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
+    --tab-inner-border-radius: var(--radius-1);
   }
-  .rt-TableRoot:where(.md\:rt-r-size-2) {
-    --table-border-radius: var(--radius-surface-2);
-    --table-cell-py: var(--layout-space-3);
-    --table-cell-px: var(--layout-space-4);
+  .rt-BaseTabList:where(.md\:rt-r-size-1) :where(svg) {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
   }
-  .rt-TableRoot:where(.md\:rt-r-size-2) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.md\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-1);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    --tab-height: var(--control-height-2);
+    --tab-padding-x: calc(var(--control-gap-2) / 2);
+    --tab-inner-padding-x: var(--control-px-2);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-2);
   }
-  .rt-TableRoot:where(.md\:rt-r-size-3) {
-    --table-border-radius: var(--radius-surface-3);
-    --table-cell-py: var(--layout-space-4);
-    --table-cell-px: var(--layout-space-5);
+  .rt-BaseTabList:where(.md\:rt-r-size-2) :where(svg) {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
   }
-  .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.md\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-2);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: calc(var(--control-gap-3) / 2);
+    --tab-inner-padding-x: var(--control-px-3);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-TableRoot:where(.md\:rt-r-size-4) {
-    --table-border-radius: var(--radius-surface-4);
-    --table-cell-py: var(--layout-space-5);
-    --table-cell-px: var(--layout-space-6);
+  .rt-BaseTabList:where(.md\:rt-r-size-3) :where(svg) {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
   }
-  .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.md\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-3);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: calc(var(--control-gap-4) / 2);
+    --tab-inner-padding-x: var(--control-px-4);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-4);
   }
-}
-@media (min-width: 1280px) {
-  .rt-TableRoot:where(.lg\:rt-r-size-1) {
-    --table-border-radius: var(--radius-surface-1);
-    --table-cell-py: var(--layout-space-2);
-    --table-cell-px: var(--layout-space-3);
+  .rt-BaseTabList:where(.md\:rt-r-size-4) :where(svg) {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+  .rt-BaseTabList:where(.md\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-4);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-1) :where(.rt-TableRootTable) {
+}
+@media (min-width: 1280px) {
+  .rt-BaseTabList:where(.lg\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    --tab-height: var(--control-height-1);
+    --tab-padding-x: calc(var(--control-gap-1) / 2);
+    --tab-inner-padding-x: var(--control-px-1);
+    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
+    --tab-inner-border-radius: var(--radius-1);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-2) {
-    --table-border-radius: var(--radius-surface-2);
-    --table-cell-py: var(--layout-space-3);
-    --table-cell-px: var(--layout-space-4);
+  .rt-BaseTabList:where(.lg\:rt-r-size-1) :where(svg) {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-2) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.lg\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-1);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    --tab-height: var(--control-height-2);
+    --tab-padding-x: calc(var(--control-gap-2) / 2);
+    --tab-inner-padding-x: var(--control-px-2);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-2);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-3) {
-    --table-border-radius: var(--radius-surface-3);
-    --table-cell-py: var(--layout-space-4);
-    --table-cell-px: var(--layout-space-5);
+  .rt-BaseTabList:where(.lg\:rt-r-size-2) :where(svg) {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.lg\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-2);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: calc(var(--control-gap-3) / 2);
+    --tab-inner-padding-x: var(--control-px-3);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-4) {
-    --table-border-radius: var(--radius-surface-4);
-    --table-cell-py: var(--layout-space-5);
-    --table-cell-px: var(--layout-space-6);
+  .rt-BaseTabList:where(.lg\:rt-r-size-3) :where(svg) {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
   }
-  .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.lg\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-3);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: calc(var(--control-gap-4) / 2);
+    --tab-inner-padding-x: var(--control-px-4);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-4) :where(svg) {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+  .rt-BaseTabList:where(.lg\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-4);
   }
 }
 @media (min-width: 1640px) {
-  .rt-TableRoot:where(.xl\:rt-r-size-1) {
-    --table-border-radius: var(--radius-surface-1);
-    --table-cell-py: var(--layout-space-2);
-    --table-cell-px: var(--layout-space-3);
-  }
-  .rt-TableRoot:where(.xl\:rt-r-size-1) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xl\:rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    --tab-height: var(--control-height-1);
+    --tab-padding-x: calc(var(--control-gap-1) / 2);
+    --tab-inner-padding-x: var(--control-px-1);
+    --tab-inner-padding-y: calc(var(--space-2) * var(--spacing-multiplier-small));
+    --tab-inner-border-radius: var(--radius-1);
   }
-  .rt-TableRoot:where(.xl\:rt-r-size-2) {
-    --table-border-radius: var(--radius-surface-2);
-    --table-cell-py: var(--layout-space-3);
-    --table-cell-px: var(--layout-space-4);
+  .rt-BaseTabList:where(.xl\:rt-r-size-1) :where(svg) {
+    width: var(--icon-size-1);
+    height: var(--icon-size-1);
   }
-  .rt-TableRoot:where(.xl\:rt-r-size-2) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xl\:rt-r-size-1) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-1);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    --tab-height: var(--control-height-2);
+    --tab-padding-x: calc(var(--control-gap-2) / 2);
+    --tab-inner-padding-x: var(--control-px-2);
+    --tab-inner-padding-y: var(--space-2);
+    --tab-inner-border-radius: var(--radius-2);
   }
-  .rt-TableRoot:where(.xl\:rt-r-size-3) {
-    --table-border-radius: var(--radius-surface-3);
-    --table-cell-py: var(--layout-space-4);
-    --table-cell-px: var(--layout-space-5);
+  .rt-BaseTabList:where(.xl\:rt-r-size-2) :where(svg) {
+    width: var(--icon-size-2);
+    height: var(--icon-size-2);
   }
-  .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xl\:rt-r-size-2) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-2);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
+    --tab-height: var(--control-height-3);
+    --tab-padding-x: calc(var(--control-gap-3) / 2);
+    --tab-inner-padding-x: var(--control-px-3);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-3);
   }
-  .rt-TableRoot:where(.xl\:rt-r-size-4) {
-    --table-border-radius: var(--radius-surface-4);
-    --table-cell-py: var(--layout-space-5);
-    --table-cell-px: var(--layout-space-6);
+  .rt-BaseTabList:where(.xl\:rt-r-size-3) :where(svg) {
+    width: var(--icon-size-3);
+    height: var(--icon-size-3);
   }
-  .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable) {
+  .rt-BaseTabList:where(.xl\:rt-r-size-3) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-3);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
+    --tab-height: var(--control-height-4);
+    --tab-padding-x: calc(var(--control-gap-4) / 2);
+    --tab-inner-padding-x: var(--control-px-4);
+    --tab-inner-padding-y: var(--space-3);
+    --tab-inner-border-radius: var(--radius-4);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-4) :where(svg) {
+    width: var(--icon-size-4);
+    height: var(--icon-size-4);
+  }
+  .rt-BaseTabList:where(.xl\:rt-r-size-4) :where(.rt-BaseTabListTriggerInner,.rt-BaseTabListTriggerInnerHidden) {
+    gap: var(--control-gap-4);
   }
 }
-.rt-TableRoot:where(.rt-variant-surface) {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  border: 1px solid var(--gray-a5);
-  border-radius: var(--table-border-radius);
-  background-color: var(--color-panel-solid);
-  background-clip: padding-box;
-  position: relative;
+.rt-BaseTabList {
+  -webkit-box-shadow: inset 0 calc(-1 * var(--border-width-standard)) 0 0 var(--gray-a5);
+          box-shadow: inset 0 calc(-1 * var(--border-width-standard)) 0 0 var(--gray-a5);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  overflow-x: auto;
+  white-space: nowrap;
+  min-width: 0;
+  font-family: var(--default-font-family);
+  font-style: normal;
+  scrollbar-width: none;
 }
-@supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
-  .rt-TableRoot:where(.rt-variant-surface) {
-    border-color: color-mix(in oklab, var(--gray-a5), var(--gray-6));
+@media (hover: hover) {
+  .rt-BaseTabListTrigger:where(:hover) {
+    color: var(--gray-12);
+  }
+  .rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner) {
+    background-color: var(--gray-a3);
+  }
+  .rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner) {
+    background-color: var(--accent-a3);
   }
 }
-.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) {
-  overflow: hidden;
+.rt-BaseTabListTrigger:where(:active:not([data-disabled])) :where(.rt-BaseTabListTriggerInner) {
+  background-color: var(--gray-a4);
 }
-:is(.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable)) :where(.rt-TableHeader) {
-  --table-row-background-color: var(--gray-a2);
+.rt-BaseTabListTrigger:where([data-state='active'],[data-active]) {
+  color: var(--gray-12);
 }
-:is(.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable)) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
-  --table-row-box-shadow: none;
+.rt-BaseTabListTrigger:where(:focus-visible) :where(.rt-BaseTabListTriggerInner) {
+  outline: var(--focus-ring-width, 2px) solid var(--focus-8);
+  outline-offset: var(--focus-outline-offset-inset);
+  scroll-margin: var(--space-3);
 }
-.rt-TableRoot:where(.rt-variant-ghost) {
-  --scrollarea-scrollbar-horizontal-margin-left: 0;
-  --scrollarea-scrollbar-horizontal-margin-right: 0;
+.rt-BaseTabListTrigger:where([data-state='active'],[data-active])::before {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  content: '';
+  height: var(--focus-ring-width, 2px);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--accent-solid-indicator);
+  -webkit-transform-origin: center;
+          transform-origin: center;
 }
-.rt-TableRoot:where(.rt-variant-ghost) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
-  --table-row-box-shadow: none;
+@media (forced-colors: active) {
+  .rt-BaseTabListTrigger:where([data-state='active'])::before {
+    background-color: Highlight;
+  }
+  .rt-BaseTabListTrigger:where(:focus-visible) :where(.rt-BaseTabListTriggerInner) {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}
+.rt-BaseTabListTrigger:where([data-disabled]) {
+  color: var(--gray-a8);
+  cursor: default;
+}
+.rt-BaseTabListTrigger:where([data-disabled]) :where(.rt-BaseTabListTriggerInner) {
+  background-color: transparent;
 }
 .rt-TabsContent {
   position: relative;
@@ -20389,6 +18683,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
+  gap: var(--space-2);
   box-sizing: border-box;
   font-family: var(--default-font-family);
   font-weight: var(--font-weight-regular);
@@ -20966,7 +19261,6 @@
   color: var(--red-11);
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
-  margin-top: var(--space-2);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -20981,67 +19275,6 @@
   font-size: var(--font-size-1);
   line-height: 1;
 }
-.rt-ThemePanelShortcut:where(:focus-visible) {
-  outline-style: solid;
-  outline-width: 2px;
-  outline-offset: 2px;
-  outline-color: var(--accent-9);
-}
-.rt-ThemePanelSwatch,
-.rt-ThemePanelRadioCard {
-  position: relative;
-}
-.rt-ThemePanelSwatchInput,
-.rt-ThemePanelRadioCardInput {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  margin: 0;
-  outline: none;
-  outline-width: 2px;
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-}
-.rt-ThemePanelSwatch {
-  width: var(--space-5);
-  height: var(--space-5);
-  border-radius: 100%;
-}
-@media (min-width: 768px) {
-  .rt-ThemePanelSwatch {
-    width: var(--space-6);
-    height: var(--space-6);
-  }
-}
-.rt-ThemePanelSwatchInput {
-  outline-offset: 2px;
-}
-.rt-ThemePanelSwatchInput:where(:checked) {
-  outline-style: solid;
-  outline-color: var(--gray-12);
-}
-.rt-ThemePanelSwatchInput:where(:focus-visible) {
-  outline-style: solid;
-  outline-color: var(--accent-9);
-}
-.rt-ThemePanelRadioCard {
-  border-radius: var(--radius-1);
-  -webkit-box-shadow: 0 0 0 1px var(--gray-7);
-          box-shadow: 0 0 0 1px var(--gray-7);
-}
-.rt-ThemePanelRadioCardInput {
-  outline-offset: -1px;
-}
-.rt-ThemePanelRadioCardInput:where(:checked) {
-  outline-style: solid;
-  outline-color: var(--gray-12);
-}
-.rt-ThemePanelRadioCardInput:where(:focus-visible) {
-  background-color: var(--accent-a3);
-  outline-style: solid;
-  outline-color: var(--accent-9);
-}
 .rt-Toolbar {
   --toolbar-group-inset: calc(var(--space-2) / 2);
   display: -webkit-box;
@@ -21217,6 +19450,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
+  gap: var(--space-3);
 }
 .rt-ChatbarInput {
   display: block;
@@ -22038,10 +20272,9 @@
       -ms-flex-direction: column;
           flex-direction: column;
   gap: var(--space-3);
-  margin-bottom: var(--space-3);
 }
 .rt-ChatbarContext {
-  padding: var(--space-3) var(--space-4) 0;
+  padding: 0 var(--space-4);
   min-width: 0;
   overflow-wrap: anywhere;
 }