@womp/kookie-ui 0.20.0 → 0.21.0

package/components.css

@@ -213,291 +213,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));
-    }
-}
-.radix-themes {
-    --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);
-    --scrollarea-scrollbar-horizontal-margin-right: var(--space-2);
-    --scrollarea-scrollbar-vertical-margin-top: var(--space-2);
-    --scrollarea-scrollbar-vertical-margin-bottom: var(--space-2);
-    --scrollarea-scrollbar-vertical-margin-left: var(--space-2);
-    --scrollarea-scrollbar-vertical-margin-right: var(--space-2);
-    --scrollarea-scrollbar-size: var(--space-2);
-    --scrollarea-scrollbar-border-radius: var(--radius-control-1);
-    --spinner-animation-duration: 800ms;
-    --spinner-opacity: 0.65;
-}
-.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));
@@ -929,28 +644,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;
 }
@@ -1383,15 +1076,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);
@@ -2247,7 +1931,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;
@@ -2269,13 +1953,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);
@@ -2283,7 +1967,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);
@@ -2291,10 +1975,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);
@@ -2302,11 +1986,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);
@@ -2314,11 +1998,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);
@@ -2326,7 +2010,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);
@@ -2334,10 +2018,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);
@@ -2345,11 +2029,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);
@@ -2357,12 +2041,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);
@@ -2370,7 +2054,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);
@@ -2378,10 +2062,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);
@@ -2389,11 +2073,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);
@@ -2401,12 +2085,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);
@@ -2414,7 +2098,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);
@@ -2422,10 +2106,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);
@@ -2433,11 +2117,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);
@@ -2445,12 +2129,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);
@@ -2458,7 +2142,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);
@@ -2466,10 +2150,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);
@@ -2477,11 +2161,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);
@@ -2489,12 +2173,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);
@@ -2502,7 +2186,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);
@@ -2510,10 +2194,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);
@@ -2521,11 +2205,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);
@@ -2533,15 +2217,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;
@@ -2549,38 +2233,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);
@@ -2685,7 +2369,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;
 }
@@ -3013,32 +2697,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);
@@ -3127,134 +2785,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);
@@ -3761,6 +3419,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;
@@ -3776,10 +3463,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;
@@ -4088,306 +3772,68 @@
 .rt-BaseCheckboxRoot:where(:disabled,[data-disabled]) {
     cursor: default;
 }
-.rt-CheckboxCardsRoot {
-    line-height: var(--line-height);
-    letter-spacing: var(--letter-spacing);
-    cursor: default;
+.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 {
-    --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-CheckboxRoot:where(:disabled)::before {
+    background-color: var(--gray-a3);
 }
-.rt-CheckboxCardsItem:where(:has(:focus-visible)) {
-    outline: var(--focus-outline-width) solid var(--focus-8);
-    outline-offset: var(--focus-outline-offset-inset);
+.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(:has(:focus-visible))::after {
-    outline: inherit;
+.rt-Code :where(.rt-Code) {
+    font-size: inherit;
 }
-.rt-CheckboxCardsItem > * {
-    pointer-events: none;
+.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-CheckboxCardsItem > :where(svg) {
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
+.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-CheckboxCardCheckbox {
-    position: absolute;
-    top: var(--base-card-padding-top);
-    right: var(--base-card-padding-left);
+.rt-Code:where(.rt-r-size-3) {
+    font-size: calc(var(--font-size-3) * var(--mono-scale));
+    line-height: var(--line-height-3);
+    --letter-spacing: var(--letter-spacing-3);
 }
-.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-Code:where(.rt-r-size-4) {
+    font-size: calc(var(--font-size-4) * var(--mono-scale));
+    line-height: var(--line-height-4);
+    --letter-spacing: var(--letter-spacing-4);
 }
-.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-Code:where(.rt-r-size-5) {
+    font-size: calc(var(--font-size-5) * var(--mono-scale));
+    line-height: var(--line-height-5);
+    --letter-spacing: var(--letter-spacing-5);
 }
-.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-Code:where(.rt-r-size-6) {
+    font-size: calc(var(--font-size-6) * var(--mono-scale));
+    line-height: var(--line-height-6);
+    --letter-spacing: var(--letter-spacing-6);
 }
-.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);
-    --letter-spacing: var(--letter-spacing-2);
-}
-.rt-Code:where(.rt-r-size-3) {
-    font-size: calc(var(--font-size-3) * var(--mono-scale));
-    line-height: var(--line-height-3);
-    --letter-spacing: var(--letter-spacing-3);
-}
-.rt-Code:where(.rt-r-size-4) {
-    font-size: calc(var(--font-size-4) * var(--mono-scale));
-    line-height: var(--line-height-4);
-    --letter-spacing: var(--letter-spacing-4);
-}
-.rt-Code:where(.rt-r-size-5) {
-    font-size: calc(var(--font-size-5) * var(--mono-scale));
-    line-height: var(--line-height-5);
-    --letter-spacing: var(--letter-spacing-5);
-}
-.rt-Code:where(.rt-r-size-6) {
-    font-size: calc(var(--font-size-6) * var(--mono-scale));
-    line-height: var(--line-height-6);
-    --letter-spacing: var(--letter-spacing-6);
-}
-.rt-Code:where(.rt-r-size-7) {
-    font-size: calc(var(--font-size-7) * var(--mono-scale));
-    line-height: var(--line-height-7);
-    --letter-spacing: var(--letter-spacing-7);
+.rt-Code:where(.rt-r-size-7) {
+    font-size: calc(var(--font-size-7) * var(--mono-scale));
+    line-height: var(--line-height-7);
+    --letter-spacing: var(--letter-spacing-7);
 }
 .rt-Code:where(.rt-r-size-8) {
     font-size: calc(var(--font-size-8) * var(--mono-scale));
@@ -4849,13 +4295,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 {
@@ -4885,7 +4334,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);
@@ -5291,7 +4741,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;
     }
 }
@@ -5312,838 +4762,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-DataListRoot:where(.sm\:rt-r-size-3) {
-        gap: calc(var(--space-5) * 1.25);
-    }
-}
-@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-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) {
-        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]).sm\: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) {
+    .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-Button:where(.md\:rt-r-size-1) :where(.rt-DropdownMenuTriggerIcon) {
+    .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-Button:where(.md\: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(.md\: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(.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);
     }
@@ -7168,7 +5902,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;
@@ -7300,24 +6034,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);
@@ -7636,276 +6356,50 @@
         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;
+.rt-Kbd {
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-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;
+    font-family: var(--default-font-family);
+    font-weight: normal;
+    vertical-align: middle;
+    white-space: nowrap;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     position: relative;
-    z-index: 200;
-    padding: var(--hover-card-content-padding);
+    top: var(--raised-elevation-offset);
+    min-width: 1.75em;
     -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);
+    word-spacing: var(--raised-word-spacing);
+    border-radius: var(--radius-control-2);
+    font-size: var(--font-size-1);
+    line-height: var(--line-height-1);
+    letter-spacing: var(--letter-spacing-1);
+    padding: var(--space-2) var(--space-3);
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
+    height: fit-content;
+    color: var(--gray-12);
 }
-.rt-HoverCardContent:where(.rt-r-size-2) {
-    --hover-card-content-padding: var(--surface-p-2);
-    border-radius: var(--radius-surface-2);
+.rt-Kbd:where(.rt-variant-raised) {
+    background-color: var(--gray-1);
+    -webkit-box-shadow: inset 0 var(--raised-border-width) var(--white-a12), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a6), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
+            box-shadow: inset 0 var(--raised-border-width) var(--white-a12), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a6), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
 }
-.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-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-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);
-    }
-    :where(:any-link,button,label):where(:hover) {
-        -webkit-filter: brightness(1.08) contrast(1.02);
-                filter: brightness(1.08) contrast(1.02);
-    }
-}
-: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;
-    display: inline-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;
-    font-family: var(--default-font-family);
-    font-weight: normal;
-    vertical-align: middle;
-    white-space: nowrap;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    position: relative;
-    top: var(--raised-elevation-offset);
-    min-width: 1.75em;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    word-spacing: var(--raised-word-spacing);
-    border-radius: var(--radius-control-2);
-    font-size: var(--font-size-1);
-    line-height: var(--line-height-1);
-    letter-spacing: var(--letter-spacing-1);
-    padding: var(--space-2) var(--space-3);
-    height: -webkit-fit-content;
-    height: -moz-fit-content;
-    height: fit-content;
-    color: var(--gray-12);
-}
-.rt-Kbd:where(.rt-variant-raised) {
-    background-color: var(--gray-1);
-    -webkit-box-shadow: inset 0 var(--raised-border-width) var(--white-a12), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a6), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
-            box-shadow: inset 0 var(--raised-border-width) var(--white-a12), inset 0 calc(-1 * var(--raised-border-width)) var(--gray-a6), 0 0 0 var(--raised-border-width) var(--gray-a5), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--gray-a7);
-}
-:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised) {
-    -webkit-box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), inset 0 calc(-1 * var(--raised-border-width)) var(--black-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
-            box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), inset 0 calc(-1 * var(--raised-border-width)) var(--black-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
+:where(.dark,.dark-theme) .rt-Kbd:where(.rt-variant-raised),:where(.dark,.dark-theme) :where(.radix-themes:not(.light,.light-theme)) .rt-Kbd:where(.rt-variant-raised) {
+    -webkit-box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), inset 0 calc(-1 * var(--raised-border-width)) var(--black-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
+            box-shadow: inset 0 var(--raised-border-width) var(--gray-a11), inset 0 calc(-1 * var(--raised-border-width)) var(--black-a11), 0 0 0 var(--raised-border-width-thick) var(--gray-a7), 0 var(--raised-shadow-offset-y) var(--raised-shadow-blur-small) var(--black-a12);
 }
 @media (hover: hover) {
     .rt-Kbd:where(.rt-variant-raised):where(:-moz-any-link,button):where(:hover) {
@@ -8814,19 +7308,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;
@@ -8843,10 +7345,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);
@@ -9113,262 +7612,71 @@
     -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;
+:where(.rt-SheetContent) {
+    position: fixed !important;
+    width: var(--width, 90vw);
+    max-width: min(var(--overlay-w), 100vw);
+    height: 100vh;
+    max-height: 100vh;
+    margin: 0 !important;
+    border-radius: 0 !important;
+    will-change: transform;
 }
-.rt-RadioCardsItem > :where(svg) {
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
+@supports (height: 100dvh) {
+    :where(.rt-SheetContent) {
+        height: 100dvh;
+        max-height: 100dvh;
+    }
 }
-.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);
+:where(.rt-SheetContent[data-side='start']) {
+    inset-block: 0 !important;
+    inset-inline-start: 0 !important;
+    margin: 0 !important;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
 }
-.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);
+:where(.rt-SheetContent[data-side='end']) {
+    inset-block: 0 !important;
+    inset-inline-end: 0 !important;
+    margin: 0 !important;
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
 }
-.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);
+:where(.rt-SheetContent[data-side='top']) {
+    inset-block-start: 0 !important;
+    inset-inline: 0 !important;
+    width: auto;
+    max-width: none;
+    height: var(--height, 75vh);
+    margin: 0 !important;
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
 }
-.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);
+:where(.rt-SheetContent[data-side='bottom']) {
+    inset-block-end: 0 !important;
+    inset-inline: 0 !important;
+    width: auto;
+    max-width: none;
+    height: var(--height, 75vh);
+    margin: 0 !important;
+    border-end-start-radius: 0;
+    border-end-end-radius: 0;
 }
-@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-RadioCardsItem:where([data-state='checked']) {
-    outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
-    outline-offset: -1px;
-}
-.rt-RadioCardsItem:where(:focus-visible) {
-    outline: var(--focus-outline-width) solid var(--focus-8);
-    outline-offset: -1px;
-}
-.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
-    background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
-}
-.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
-    outline-color: var(--focus-10);
-}
-.rt-RadioCardsItem:where(:disabled)::-moz-selection {
-    background-color: var(--gray-a5);
-}
-.rt-RadioCardsItem:where(:disabled)::selection {
-    background-color: var(--gray-a5);
-}
-.rt-RadioCardsItem:where(:disabled)::before {
-    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-}
-.rt-RadioCardsItem:where(:disabled) {
-    outline-color: var(--gray-8);
-    cursor: var(--cursor-disabled);
-    color: var(--gray-a9);
-}
-.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-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;
-}
-:where(.rt-SheetContent) {
-    position: fixed !important;
-    width: var(--width, 90vw);
-    max-width: min(var(--overlay-w), 100vw);
-    height: 100vh;
-    max-height: 100vh;
-    margin: 0 !important;
-    border-radius: 0 !important;
-    will-change: transform;
-}
-@supports (height: 100dvh) {
-    :where(.rt-SheetContent) {
-        height: 100dvh;
-        max-height: 100dvh;
-    }
-}
-:where(.rt-SheetContent[data-side='start']) {
-    inset-block: 0 !important;
-    inset-inline-start: 0 !important;
-    margin: 0 !important;
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-    padding-bottom: env(safe-area-inset-bottom, 0px);
-}
-:where(.rt-SheetContent[data-side='end']) {
-    inset-block: 0 !important;
-    inset-inline-end: 0 !important;
-    margin: 0 !important;
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-    padding-bottom: env(safe-area-inset-bottom, 0px);
-}
-:where(.rt-SheetContent[data-side='top']) {
-    inset-block-start: 0 !important;
-    inset-inline: 0 !important;
-    width: auto;
-    max-width: none;
-    height: var(--height, 75vh);
-    margin: 0 !important;
-    border-start-start-radius: 0;
-    border-start-end-radius: 0;
-}
-:where(.rt-SheetContent[data-side='bottom']) {
-    inset-block-end: 0 !important;
-    inset-inline: 0 !important;
-    width: auto;
-    max-width: none;
-    height: var(--height, 75vh);
-    margin: 0 !important;
-    border-end-start-radius: 0;
-    border-end-end-radius: 0;
+.radix-themes {
+    --scrollarea-scrollbar-horizontal-margin-top: var(--space-2);
+    --scrollarea-scrollbar-horizontal-margin-bottom: var(--space-2);
+    --scrollarea-scrollbar-horizontal-margin-left: var(--space-2);
+    --scrollarea-scrollbar-horizontal-margin-right: var(--space-2);
+    --scrollarea-scrollbar-vertical-margin-top: var(--space-2);
+    --scrollarea-scrollbar-vertical-margin-bottom: var(--space-2);
+    --scrollarea-scrollbar-vertical-margin-left: var(--space-2);
+    --scrollarea-scrollbar-vertical-margin-right: var(--space-2);
+    --scrollarea-scrollbar-size: var(--space-2);
+    --scrollarea-scrollbar-border-radius: var(--radius-control-1);
+    --spinner-animation-duration: 800ms;
+    --spinner-opacity: 0.65;
 }
 .rt-ScrollAreaRoot {
     display: -webkit-box;
@@ -9601,19 +7909,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;
@@ -11488,7 +9798,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;
@@ -11798,7 +10109,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;
 }
@@ -12562,10 +10873,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;
     }
@@ -12577,10 +10888,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;
     }
@@ -12598,10 +10909,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;
     }
@@ -13963,10 +12274,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;
 }
@@ -14113,16 +12423,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;
@@ -14342,875 +12642,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;
-    -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-TableHeader {
+    vertical-align: inherit;
 }
-.rt-BaseTabListTriggerInner {
-    position: absolute;
+.rt-TableBody {
+    vertical-align: inherit;
 }
-: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-TableRow {
+    vertical-align: inherit;
+    color: var(--gray-12);
 }
-: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-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;
+    vertical-align: inherit;
+    padding: var(--table-cell-py) var(--table-cell-px);
 }
-.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-TableColumnHeaderCell {
+    font-weight: 600;
 }
-.rt-BaseTabList:where(.rt-r-size-1) {
+.rt-TableRowHeaderCell {
+    font-weight: normal;
+}
+.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-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-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) {
+    .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);
-        --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(.xs\:rt-r-size-2) :where(svg) {
-        width: var(--icon-size-2);
-        height: var(--icon-size-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);
     }
 }
 @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;
@@ -15272,6 +13566,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);
@@ -15849,7 +14144,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;
@@ -15864,67 +14158,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 (--sm) {
-    .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;
@@ -16100,6 +14333,7 @@
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
+    gap: var(--space-3);
 }
 .rt-ChatbarInput {
     display: block;
@@ -16921,10 +15155,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;
 }