@kushagradhawan/kookie-ui 0.1.53 → 0.1.55

package/styles.css

@@ -9607,6 +9607,7 @@
   text-align: left;
   color: var(--accent-a11);
   transition: var(--transition-card);
+  border-radius: var(--callout-border-radius);
   isolation: isolate;
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-CalloutRoot{
@@ -9660,7 +9661,7 @@
   -moz-column-gap: var(--space-2);
        column-gap: var(--space-2);
   padding: var(--space-3);
-  border-radius: var(--radius-1);
+  --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
   --callout-icon-height: var(--line-height-1);
   --callout-icon-size: var(--content-icon-size-1);
 }
@@ -9669,7 +9670,7 @@
   -moz-column-gap: var(--space-3);
        column-gap: var(--space-3);
   padding: var(--space-4);
-  border-radius: var(--radius-2);
+  --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
   --callout-icon-height: var(--line-height-2);
   --callout-icon-size: var(--content-icon-size-2);
 }
@@ -9678,17 +9679,35 @@
   -moz-column-gap: var(--space-4);
        column-gap: var(--space-4);
   padding: var(--space-5);
-  border-radius: var(--radius-3);
+  --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
   --callout-icon-height: var(--line-height-3);
   --callout-icon-size: var(--content-icon-size-3);
 }
+.rt-CalloutRoot:where(.rt-r-size-4){
+  row-gap: var(--space-3);
+  -moz-column-gap: var(--space-5);
+       column-gap: var(--space-5);
+  padding: var(--space-6);
+  --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  --callout-icon-height: var(--line-height-4);
+  --callout-icon-size: var(--content-icon-size-4);
+}
+.rt-CalloutRoot:where(.rt-r-size-5){
+  row-gap: var(--space-4);
+  -moz-column-gap: var(--space-6);
+       column-gap: var(--space-6);
+  padding: var(--space-7);
+  --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  --callout-icon-height: var(--line-height-5);
+  --callout-icon-size: var(--content-icon-size-5);
+}
 @media (min-width: 520px){
   .rt-CalloutRoot:where(.xs\:rt-r-size-1){
     row-gap: var(--space-2);
     -moz-column-gap: var(--space-2);
          column-gap: var(--space-2);
     padding: var(--space-3);
-    border-radius: var(--radius-1);
+    --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -9697,7 +9716,7 @@
     -moz-column-gap: var(--space-3);
          column-gap: var(--space-3);
     padding: var(--space-4);
-    border-radius: var(--radius-2);
+    --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -9706,10 +9725,28 @@
     -moz-column-gap: var(--space-4);
          column-gap: var(--space-4);
     padding: var(--space-5);
-    border-radius: var(--radius-3);
+    --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
+  .rt-CalloutRoot:where(.xs\:rt-r-size-4){
+    row-gap: var(--space-3);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
+    padding: var(--space-6);
+    --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --callout-icon-height: var(--line-height-4);
+    --callout-icon-size: var(--content-icon-size-4);
+  }
+  .rt-CalloutRoot:where(.xs\:rt-r-size-5){
+    row-gap: var(--space-4);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
+    padding: var(--space-7);
+    --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --callout-icon-height: var(--line-height-5);
+    --callout-icon-size: var(--content-icon-size-5);
+  }
 }
 @media (min-width: 768px){
   .rt-CalloutRoot:where(.sm\:rt-r-size-1){
@@ -9717,7 +9754,7 @@
     -moz-column-gap: var(--space-2);
          column-gap: var(--space-2);
     padding: var(--space-3);
-    border-radius: var(--radius-1);
+    --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -9726,7 +9763,7 @@
     -moz-column-gap: var(--space-3);
          column-gap: var(--space-3);
     padding: var(--space-4);
-    border-radius: var(--radius-2);
+    --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -9735,10 +9772,28 @@
     -moz-column-gap: var(--space-4);
          column-gap: var(--space-4);
     padding: var(--space-5);
-    border-radius: var(--radius-3);
+    --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
+  .rt-CalloutRoot:where(.sm\:rt-r-size-4){
+    row-gap: var(--space-3);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
+    padding: var(--space-6);
+    --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --callout-icon-height: var(--line-height-4);
+    --callout-icon-size: var(--content-icon-size-4);
+  }
+  .rt-CalloutRoot:where(.sm\:rt-r-size-5){
+    row-gap: var(--space-4);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
+    padding: var(--space-7);
+    --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --callout-icon-height: var(--line-height-5);
+    --callout-icon-size: var(--content-icon-size-5);
+  }
 }
 @media (min-width: 1024px){
   .rt-CalloutRoot:where(.md\:rt-r-size-1){
@@ -9746,7 +9801,7 @@
     -moz-column-gap: var(--space-2);
          column-gap: var(--space-2);
     padding: var(--space-3);
-    border-radius: var(--radius-1);
+    --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -9755,7 +9810,7 @@
     -moz-column-gap: var(--space-3);
          column-gap: var(--space-3);
     padding: var(--space-4);
-    border-radius: var(--radius-2);
+    --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -9764,10 +9819,28 @@
     -moz-column-gap: var(--space-4);
          column-gap: var(--space-4);
     padding: var(--space-5);
-    border-radius: var(--radius-3);
+    --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
+  .rt-CalloutRoot:where(.md\:rt-r-size-4){
+    row-gap: var(--space-3);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
+    padding: var(--space-6);
+    --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --callout-icon-height: var(--line-height-4);
+    --callout-icon-size: var(--content-icon-size-4);
+  }
+  .rt-CalloutRoot:where(.md\:rt-r-size-5){
+    row-gap: var(--space-4);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
+    padding: var(--space-7);
+    --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --callout-icon-height: var(--line-height-5);
+    --callout-icon-size: var(--content-icon-size-5);
+  }
 }
 @media (min-width: 1280px){
   .rt-CalloutRoot:where(.lg\:rt-r-size-1){
@@ -9775,7 +9848,7 @@
     -moz-column-gap: var(--space-2);
          column-gap: var(--space-2);
     padding: var(--space-3);
-    border-radius: var(--radius-1);
+    --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -9784,7 +9857,7 @@
     -moz-column-gap: var(--space-3);
          column-gap: var(--space-3);
     padding: var(--space-4);
-    border-radius: var(--radius-2);
+    --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -9793,10 +9866,28 @@
     -moz-column-gap: var(--space-4);
          column-gap: var(--space-4);
     padding: var(--space-5);
-    border-radius: var(--radius-3);
+    --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
+  .rt-CalloutRoot:where(.lg\:rt-r-size-4){
+    row-gap: var(--space-3);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
+    padding: var(--space-6);
+    --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --callout-icon-height: var(--line-height-4);
+    --callout-icon-size: var(--content-icon-size-4);
+  }
+  .rt-CalloutRoot:where(.lg\:rt-r-size-5){
+    row-gap: var(--space-4);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
+    padding: var(--space-7);
+    --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --callout-icon-height: var(--line-height-5);
+    --callout-icon-size: var(--content-icon-size-5);
+  }
 }
 @media (min-width: 1640px){
   .rt-CalloutRoot:where(.xl\:rt-r-size-1){
@@ -9804,7 +9895,7 @@
     -moz-column-gap: var(--space-2);
          column-gap: var(--space-2);
     padding: var(--space-3);
-    border-radius: var(--radius-1);
+    --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -9813,7 +9904,7 @@
     -moz-column-gap: var(--space-3);
          column-gap: var(--space-3);
     padding: var(--space-4);
-    border-radius: var(--radius-2);
+    --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -9822,10 +9913,28 @@
     -moz-column-gap: var(--space-4);
          column-gap: var(--space-4);
     padding: var(--space-5);
-    border-radius: var(--radius-3);
+    --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
+  .rt-CalloutRoot:where(.xl\:rt-r-size-4){
+    row-gap: var(--space-3);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
+    padding: var(--space-6);
+    --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --callout-icon-height: var(--line-height-4);
+    --callout-icon-size: var(--content-icon-size-4);
+  }
+  .rt-CalloutRoot:where(.xl\:rt-r-size-5){
+    row-gap: var(--space-4);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
+    padding: var(--space-7);
+    --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --callout-icon-height: var(--line-height-5);
+    --callout-icon-size: var(--content-icon-size-5);
+  }
 }
 .rt-CalloutRoot:where(.rt-variant-soft){
   background-color: var(--accent-2);
@@ -9948,9 +10057,10 @@
 .rt-BaseCard::before{
   z-index: -1;
 }
-:where([data-panel-background='translucent']) .rt-BaseCard::before{
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 :where(.rt-BaseCard[data-panel-background='solid']) .rt-BaseCard::before{
   -webkit-backdrop-filter: none;
@@ -9962,21 +10072,6 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-        .rt-PopoverContent,
-        .rt-BaseDialogContent,
-        .rt-BaseMenuContent,
-        .rt-DropdownMenuContent,
-        .rt-ContextMenuContent,
-        .rt-AlertDialogContent,
-        .rt-HoverCardContent,
-        .rt-TooltipContent,
-        .rt-Card
-      )
-      .rt-BaseCard::before{
-  -webkit-backdrop-filter: none !important;
-          backdrop-filter: none !important;
-}
 .rt-BaseCard:where(.rt-r-size-1){
   --base-card-padding-top: var(--space-2);
   --base-card-padding-right: var(--space-2);
@@ -10392,17 +10487,14 @@
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic)::before{
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-        .rt-BaseCard[data-panel-background='translucent'],
-        .rt-BaseCard[data-material='translucent']
-      )
-      .rt-BaseCard:where(.rt-variant-classic)::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10438,33 +10530,23 @@
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
-            .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
     backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
-            .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(
-              .rt-BaseCard[data-panel-background='translucent'],
-              .rt-BaseCard[data-material='translucent']
-            )
-            .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
-  :where(
-              .rt-BaseCard[data-panel-background='translucent'],
-              .rt-BaseCard[data-material='translucent']
-            )
-            .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -10511,20 +10593,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -10568,20 +10642,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -10878,17 +10944,14 @@
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft)::before{
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-        .rt-BaseCard[data-panel-background='translucent'],
-        .rt-BaseCard[data-material='translucent']
-      )
-      .rt-BaseCard:where(.rt-variant-soft)::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10918,33 +10981,23 @@
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
-            .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
     background-color: var(--gray-3);
     backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
-            .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-3);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(
-              .rt-BaseCard[data-panel-background='translucent'],
-              .rt-BaseCard[data-material='translucent']
-            )
-            .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
-  :where(
-              .rt-BaseCard[data-panel-background='translucent'],
-              .rt-BaseCard[data-material='translucent']
-            )
-            .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -11006,20 +11059,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -11080,20 +11125,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -11126,17 +11163,14 @@
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface)::before{
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-        .rt-BaseCard[data-panel-background='translucent'],
-        .rt-BaseCard[data-material='translucent']
-      )
-      .rt-BaseCard:where(.rt-variant-surface)::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -11173,33 +11207,23 @@
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
-            .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
     backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
-            .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(
-              .rt-BaseCard[data-panel-background='translucent'],
-              .rt-BaseCard[data-material='translucent']
-            )
-            .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
-  :where(
-              .rt-BaseCard[data-panel-background='translucent'],
-              .rt-BaseCard[data-material='translucent']
-            )
-            .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -11244,20 +11268,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
   backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -11301,20 +11317,12 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(
-            .rt-BaseCard[data-panel-background='translucent'],
-            .rt-BaseCard[data-material='translucent']
-          )
-          .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -19482,12 +19490,6 @@
     --separator-size: 100%;
   }
 }
-.rt-SidebarProvider:where([data-side='left']){
-  order: -1;
-}
-.rt-SidebarProvider:where([data-side='right']){
-  order: 999;
-}
 .rt-SidebarRoot{
   --sidebar-base-border-radius: 0;
   width: 100%;
@@ -19577,11 +19579,6 @@
   width: 100%;
   margin: var(--space-2) 0;
 }
-@media (max-width: 768px) {
-  .rt-SidebarRoot:not(:where(.rt-SheetContent .rt-SidebarRoot)){
-    display: none;
-  }
-}
 .rt-SidebarMenu{
   flex: 1;
   display: flex;
@@ -22222,13 +22219,13 @@
   padding-right: var(--inset-padding-right, var(--table-cell-padding));
 }
 .rt-TableColumnHeaderCell{
-  font-weight: bold;
+  font-weight: 600;
 }
 .rt-TableRowHeaderCell{
   font-weight: normal;
 }
 .rt-TableRoot:where(.rt-r-size-1){
-  --table-border-radius: var(--radius-3);
+  --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
   --table-cell-padding: var(--space-2);
   --table-cell-min-height: calc(36px * var(--scaling));
 }
@@ -22237,7 +22234,7 @@
   line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-2){
-  --table-border-radius: var(--radius-4);
+  --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
   --table-cell-padding: var(--space-3);
   --table-cell-min-height: calc(44px * var(--scaling));
 }
@@ -22246,17 +22243,35 @@
   line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-3){
-  --table-border-radius: var(--radius-4);
-  --table-cell-padding: var(--space-3) var(--space-4);
+  --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  --table-cell-padding: var(--space-4);
   --table-cell-min-height: var(--space-8);
 }
 .rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable){
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
 }
+.rt-TableRoot:where(.rt-r-size-4){
+  --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  --table-cell-padding: var(--space-5);
+  --table-cell-min-height: var(--space-9);
+}
+.rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable){
+  font-size: var(--font-size-3);
+  line-height: var(--line-height-3);
+}
+.rt-TableRoot:where(.rt-r-size-5){
+  --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  --table-cell-padding: var(--space-6);
+  --table-cell-min-height: var(--space-10);
+}
+.rt-TableRoot:where(.rt-r-size-5) :where(.rt-TableRootTable){
+  font-size: var(--font-size-4);
+  line-height: var(--line-height-4);
+}
 @media (min-width: 520px){
   .rt-TableRoot:where(.xs\:rt-r-size-1){
-    --table-border-radius: var(--radius-3);
+    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -22265,7 +22280,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-2){
-    --table-border-radius: var(--radius-4);
+    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -22274,18 +22289,36 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-3){
-    --table-border-radius: var(--radius-4);
-    --table-cell-padding: var(--space-3) var(--space-4);
+    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable){
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
   }
+  .rt-TableRoot:where(.xs\:rt-r-size-4){
+    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-cell-padding: var(--space-5);
+    --table-cell-min-height: var(--space-9);
+  }
+  .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable){
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+  }
+  .rt-TableRoot:where(.xs\:rt-r-size-5){
+    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-cell-padding: var(--space-6);
+    --table-cell-min-height: var(--space-10);
+  }
+  .rt-TableRoot:where(.xs\:rt-r-size-5) :where(.rt-TableRootTable){
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+  }
 }
 @media (min-width: 768px){
   .rt-TableRoot:where(.sm\:rt-r-size-1){
-    --table-border-radius: var(--radius-3);
+    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -22294,7 +22327,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-2){
-    --table-border-radius: var(--radius-4);
+    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -22303,18 +22336,36 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-3){
-    --table-border-radius: var(--radius-4);
-    --table-cell-padding: var(--space-3) var(--space-4);
+    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable){
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
   }
+  .rt-TableRoot:where(.sm\:rt-r-size-4){
+    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-cell-padding: var(--space-5);
+    --table-cell-min-height: var(--space-9);
+  }
+  .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable){
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+  }
+  .rt-TableRoot:where(.sm\:rt-r-size-5){
+    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-cell-padding: var(--space-6);
+    --table-cell-min-height: var(--space-10);
+  }
+  .rt-TableRoot:where(.sm\:rt-r-size-5) :where(.rt-TableRootTable){
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+  }
 }
 @media (min-width: 1024px){
   .rt-TableRoot:where(.md\:rt-r-size-1){
-    --table-border-radius: var(--radius-3);
+    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -22323,7 +22374,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.md\:rt-r-size-2){
-    --table-border-radius: var(--radius-4);
+    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -22332,18 +22383,36 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.md\:rt-r-size-3){
-    --table-border-radius: var(--radius-4);
-    --table-cell-padding: var(--space-3) var(--space-4);
+    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
   .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable){
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
   }
+  .rt-TableRoot:where(.md\:rt-r-size-4){
+    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-cell-padding: var(--space-5);
+    --table-cell-min-height: var(--space-9);
+  }
+  .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable){
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+  }
+  .rt-TableRoot:where(.md\:rt-r-size-5){
+    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-cell-padding: var(--space-6);
+    --table-cell-min-height: var(--space-10);
+  }
+  .rt-TableRoot:where(.md\:rt-r-size-5) :where(.rt-TableRootTable){
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+  }
 }
 @media (min-width: 1280px){
   .rt-TableRoot:where(.lg\:rt-r-size-1){
-    --table-border-radius: var(--radius-3);
+    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -22352,7 +22421,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-2){
-    --table-border-radius: var(--radius-4);
+    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -22361,18 +22430,36 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-3){
-    --table-border-radius: var(--radius-4);
-    --table-cell-padding: var(--space-3) var(--space-4);
+    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable){
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
   }
+  .rt-TableRoot:where(.lg\:rt-r-size-4){
+    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-cell-padding: var(--space-5);
+    --table-cell-min-height: var(--space-9);
+  }
+  .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable){
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+  }
+  .rt-TableRoot:where(.lg\:rt-r-size-5){
+    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-cell-padding: var(--space-6);
+    --table-cell-min-height: var(--space-10);
+  }
+  .rt-TableRoot:where(.lg\:rt-r-size-5) :where(.rt-TableRootTable){
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+  }
 }
 @media (min-width: 1640px){
   .rt-TableRoot:where(.xl\:rt-r-size-1){
-    --table-border-radius: var(--radius-3);
+    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -22381,7 +22468,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-2){
-    --table-border-radius: var(--radius-4);
+    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -22390,14 +22477,32 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-3){
-    --table-border-radius: var(--radius-4);
-    --table-cell-padding: var(--space-3) var(--space-4);
+    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable){
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
   }
+  .rt-TableRoot:where(.xl\:rt-r-size-4){
+    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-cell-padding: var(--space-5);
+    --table-cell-min-height: var(--space-9);
+  }
+  .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable){
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+  }
+  .rt-TableRoot:where(.xl\:rt-r-size-5){
+    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-cell-padding: var(--space-6);
+    --table-cell-min-height: var(--space-10);
+  }
+  .rt-TableRoot:where(.xl\:rt-r-size-5) :where(.rt-TableRootTable){
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+  }
 }
 .rt-TableRoot:where(.rt-variant-surface){
   box-sizing: border-box;