@kushagradhawan/kookie-ui 0.1.37 → 0.1.39

package/styles.css

@@ -85,6 +85,9 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
+  --space-10: calc(80px * var(--scaling));
+  --space-11: calc(96px * var(--scaling));
+  --space-12: calc(112px * var(--scaling));
   --duration-1: 50ms;
   --duration-2: 75ms;
   --duration-3: 100ms;
@@ -131,7 +134,7 @@
   --spring-smooth-stiffness: 200;
   --spring-smooth-damping: 30;
   --spring-smooth-initial-velocity: 0;
-  --transition-button: background var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), backdrop-filter var(--motion-duration-small) var(--motion-ease-standard), transform var(--motion-duration-micro) var(--motion-spring-snappy), padding var(--motion-duration-micro) var(--motion-ease-standard);
+  --transition-button: background var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), filter var(--motion-duration-small) var(--motion-ease-standard), backdrop-filter var(--motion-duration-small) var(--motion-ease-standard), transform var(--motion-duration-micro) var(--motion-spring-snappy), padding var(--motion-duration-micro) var(--motion-ease-standard);
   --transition-text-field: background var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
   --transition-select: background var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
   --transition-badge: background var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), padding var(--motion-duration-micro) var(--motion-ease-standard);
@@ -3615,9 +3618,9 @@
   --spacing-multiplier-medium: 0.75;
   --spacing-multiplier-large: 1.25;
   --component-gap-1: var(--space-1);
-  --component-gap-2: var(--space-2);
-  --component-gap-3: var(--space-3);
-  --component-gap-4: var(--space-3);
+  --component-gap-2: var(--space-1);
+  --component-gap-3: var(--space-2);
+  --component-gap-4: var(--space-2);
   --component-gap-ghost-1: var(--space-1);
   --component-gap-ghost-2: calc(var(--space-1) * 1.5);
   --component-gap-ghost-3: var(--space-2);
@@ -3635,12 +3638,12 @@
   --color-dialog-solid: white;
   --color-dialog-translucent: rgba(255, 255, 255, var(--dialog-opacity));
   --color-transparent: rgb(0 0 0 / 0);
-  --shadow-1: inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px 0 var(--gray-a2), inset 0 1px 1px 0 var(--black-a2);
-  --shadow-2: 0 0 0 0.5px var(--gray-a2), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 4px 0 var(--black-a1);
-  --shadow-3: 0 0 0 0.5px var(--gray-a2), 0 2px 3px -2px var(--gray-a3), 0 3px 12px -4px var(--black-a2), 0 4px 16px -8px var(--black-a2);
-  --shadow-4: 0 0 0 0.5px var(--gray-a2), 0 8px 40px var(--black-a1), 0 12px 32px -16px var(--gray-a3);
-  --shadow-5: 0 0 0 0.5px var(--gray-a2), 0 12px 60px var(--black-a3), 0 12px 32px -16px var(--gray-a5);
-  --shadow-6: 0 0 0 0.5px var(--gray-a2), 0 12px 60px var(--black-a3), 0 16px 64px var(--gray-a2), 0 16px 36px -20px var(--gray-a7);
+  --shadow-1: 0 0 0 0.25px var(--gray-a6), inset 0 1px 1px 0 var(--black-a2);
+  --shadow-2: 0 0 0 0.25px var(--gray-a6), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
+  --shadow-3: 0 0 0 0.25px var(--gray-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
+  --shadow-4: 0 0 0 0.5px var(--gray-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
+  --shadow-5: 0 0 0 0.5px var(--gray-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
+  --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
   --blur-factor: 1;
   --blur-1: calc(2px * var(--scaling) * var(--blur-factor));
   --blur-2: calc(4px * var(--scaling) * var(--blur-factor));
@@ -3651,6 +3654,9 @@
   --blur-7: calc(28px * var(--scaling) * var(--blur-factor));
   --blur-8: calc(36px * var(--scaling) * var(--blur-factor));
   --blur-9: calc(44px * var(--scaling) * var(--blur-factor));
+  --blur-10: calc(52px * var(--scaling) * var(--blur-factor));
+  --blur-11: calc(60px * var(--scaling) * var(--blur-factor));
+  --blur-12: calc(68px * var(--scaling) * var(--blur-factor));
   --opacity-factor: 1;
   --opacity-1: calc(0.1 * var(--opacity-factor));
   --opacity-2: calc(0.2 * var(--opacity-factor));
@@ -3664,6 +3670,10 @@
   --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
   --avatar-image-active-filter: brightness(0.9) saturate(1.1);
   --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
+  --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
+  --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
+  --base-button-solid-high-contrast-active-filter: brightness(0.92);
+  --base-button-solid-high-contrast-open-filter: brightness(0.96);
   --segmented-control-indicator-background-color: var(--color-background);
   --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
 }
@@ -3707,15 +3717,19 @@
   --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
   --color-dialog-solid: var(--gray-2);
   --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
-  --shadow-1: inset 0 -1px 0.5px 0 var(--gray-a3), inset 0 0 0 1px var(--gray-a3), inset 0 2px 2px 0 var(--black-a5), inset 0 0 0 1px var(--gray-a5);
-  --shadow-2: 0 0 0 0.5px var(--gray-a5), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 4px 0 var(--black-a5);
-  --shadow-3: 0 0 0 0.5px var(--gray-a5), 0 2px 3px -2px var(--black-a3), 0 3px 8px -2px var(--black-a6), 0 4px 12px -4px var(--black-a7);
-  --shadow-4: 0 0 0 0.5px var(--gray-a5), 0 8px 40px var(--black-a3), 0 12px 32px -16px var(--black-a5);
-  --shadow-5: 0 0 0 0.5px var(--gray-a5), 0 12px 60px var(--black-a5), 0 12px 32px -16px var(--black-a7);
-  --shadow-6: 0 0 0 0.5px var(--gray-a5), 0 12px 60px var(--black-a5), 0 16px 64px var(--black-a6), 0 16px 36px -20px var(--black-a11);
+  --shadow-1: inset 0 0 0 0.5px var(--gray-a6), inset 0 1px 1px 0 var(--black-a3);
+  --shadow-2: 0 0 0 0.5px var(--gray-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
+  --shadow-3: 0 0 0 0.5px var(--gray-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
+  --shadow-4: 0 0 0 0.5px var(--gray-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
+  --shadow-5: 0 0 0 0.5px var(--gray-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
+  --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
   --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
   --avatar-image-active-filter: brightness(1.1) saturate(1.1);
   --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
+  --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
+  --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
+  --base-button-solid-high-contrast-active-filter: brightness(0.9);
+  --base-button-solid-high-contrast-open-filter: brightness(0.95);
   --slider-range-high-contrast-background-image: none;
 }
 @supports (color: color(display-p3 1 1 1)) {
@@ -4737,6 +4751,9 @@
   --radius-7: calc(24px * var(--scaling) * var(--radius-factor));
   --radius-8: calc(28px * var(--scaling) * var(--radius-factor));
   --radius-9: calc(32px * var(--scaling) * var(--radius-factor));
+  --radius-10: calc(40px * var(--scaling) * var(--radius-factor));
+  --radius-11: calc(48px * var(--scaling) * var(--radius-factor));
+  --radius-12: calc(56px * var(--scaling) * var(--radius-factor));
 }
 [data-radius='none']{
   --radius-factor: 0;
@@ -4760,23 +4777,23 @@
 }
 @supports (color: color-mix(in oklab, white, black)) {
   :where(.radix-themes){
-    --shadow-1: inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px 0 var(--gray-a2), inset 0 1px 1px 0 var(--black-a2);
-    --shadow-2: 0 0 0 0.5px var(--gray-a2), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 4px 0 var(--black-a1);
-    --shadow-3: 0 0 0 0.5px var(--gray-a2), 0 2px 3px -2px var(--gray-a3), 0 3px 12px -4px var(--black-a2), 0 4px 16px -8px var(--black-a2);
-    --shadow-4: 0 0 0 0.5px var(--gray-a2), 0 8px 40px var(--black-a1), 0 12px 32px -16px var(--gray-a3);
-    --shadow-5: 0 0 0 0.5px var(--gray-a2), 0 12px 60px var(--black-a3), 0 12px 32px -16px var(--gray-a5);
-    --shadow-6: 0 0 0 0.5px var(--gray-a2), 0 12px 60px var(--black-a3), 0 16px 64px var(--gray-a2), 0 16px 36px -20px var(--gray-a7);
+    --shadow-1: 0 0 0 0.25px var(--gray-a6), inset 0 1px 1px 0 var(--black-a2);
+    --shadow-2: 0 0 0 0.25px var(--gray-a6), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
+    --shadow-3: 0 0 0 0.25px var(--gray-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
+    --shadow-4: 0 0 0 0.5px var(--gray-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
+    --shadow-5: 0 0 0 0.5px var(--gray-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
+    --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
   }
 }
 @supports (color: color-mix(in oklab, white, black)) {
   :is(.dark, .dark-theme),
   :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)){
-    --shadow-1: inset 0 -1px 0.5px 0 var(--gray-a3), inset 0 0 0 1px var(--gray-a3), inset 0 2px 2px 0 var(--black-a5), inset 0 0 0 1px var(--gray-a5);
-    --shadow-2: 0 0 0 0.5px var(--gray-a5), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 4px 0 var(--black-a5);
-    --shadow-3: 0 0 0 0.5px var(--gray-a5), 0 2px 3px -2px var(--black-a3), 0 3px 8px -2px var(--black-a6), 0 4px 12px -4px var(--black-a7);
-    --shadow-4: 0 0 0 0.5px var(--gray-a5), 0 8px 40px var(--black-a3), 0 12px 32px -16px var(--black-a5);
-    --shadow-5: 0 0 0 0.5px var(--gray-a5), 0 12px 60px var(--black-a5), 0 12px 32px -16px var(--black-a7);
-    --shadow-6: 0 0 0 0.5px var(--gray-a5), 0 12px 60px var(--black-a5), 0 16px 64px var(--black-a6), 0 16px 36px -20px var(--black-a11);
+    --shadow-1: inset 0 0 0 0.5px var(--gray-a6), inset 0 1px 1px 0 var(--black-a3);
+    --shadow-2: 0 0 0 0.5px var(--gray-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
+    --shadow-3: 0 0 0 0.5px var(--gray-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
+    --shadow-4: 0 0 0 0.5px var(--gray-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
+    --shadow-5: 0 0 0 0.5px var(--gray-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
+    --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
   }
 }
 @media (prefers-reduced-motion: reduce) {
@@ -8209,7 +8226,7 @@
   isolation: isolate;
   height: var(--base-button-height);
 }
-:where([dir="rtl"]) .rt-BaseButton{
+:where([dir='rtl']) .rt-BaseButton{
   flex-direction: row-reverse;
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton{
@@ -8263,138 +8280,113 @@
   width: 100%;
 }
 .rt-BaseButton:where(.rt-r-size-1){
-  --base-button-classic-active-padding-top: 1px;
   --base-button-height: var(--space-5);
   border-radius: max(var(--radius-1), var(--radius-full));
 }
 .rt-BaseButton:where(.rt-r-size-2){
-  --base-button-classic-active-padding-top: 2px;
   --base-button-height: var(--space-6);
   border-radius: max(var(--radius-2), var(--radius-full));
 }
 .rt-BaseButton:where(.rt-r-size-3){
-  --base-button-classic-active-padding-top: 2px;
   --base-button-height: var(--space-7);
   border-radius: max(var(--radius-3), var(--radius-full));
 }
 .rt-BaseButton:where(.rt-r-size-4){
-  --base-button-classic-active-padding-top: 2px;
   --base-button-height: var(--space-8);
   border-radius: max(var(--radius-4), var(--radius-full));
 }
 @media (min-width: 520px){
   .rt-BaseButton:where(.xs\:rt-r-size-1){
-    --base-button-classic-active-padding-top: 1px;
     --base-button-height: var(--space-5);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.xs\:rt-r-size-2){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-6);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.xs\:rt-r-size-3){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-7);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.xs\:rt-r-size-4){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-8);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 768px){
   .rt-BaseButton:where(.sm\:rt-r-size-1){
-    --base-button-classic-active-padding-top: 1px;
     --base-button-height: var(--space-5);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.sm\:rt-r-size-2){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-6);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.sm\:rt-r-size-3){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-7);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.sm\:rt-r-size-4){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-8);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 1024px){
   .rt-BaseButton:where(.md\:rt-r-size-1){
-    --base-button-classic-active-padding-top: 1px;
     --base-button-height: var(--space-5);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.md\:rt-r-size-2){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-6);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.md\:rt-r-size-3){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-7);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.md\:rt-r-size-4){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-8);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 1280px){
   .rt-BaseButton:where(.lg\:rt-r-size-1){
-    --base-button-classic-active-padding-top: 1px;
     --base-button-height: var(--space-5);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.lg\:rt-r-size-2){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-6);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.lg\:rt-r-size-3){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-7);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.lg\:rt-r-size-4){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-8);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 @media (min-width: 1640px){
   .rt-BaseButton:where(.xl\:rt-r-size-1){
-    --base-button-classic-active-padding-top: 1px;
     --base-button-height: var(--space-5);
     border-radius: max(var(--radius-1), var(--radius-full));
   }
   .rt-BaseButton:where(.xl\:rt-r-size-2){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-6);
     border-radius: max(var(--radius-2), var(--radius-full));
   }
   .rt-BaseButton:where(.xl\:rt-r-size-3){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-7);
     border-radius: max(var(--radius-3), var(--radius-full));
   }
   .rt-BaseButton:where(.xl\:rt-r-size-4){
-    --base-button-classic-active-padding-top: 2px;
     --base-button-height: var(--space-8);
     border-radius: max(var(--radius-4), var(--radius-full));
   }
 }
 .rt-BaseButton:where(.rt-variant-classic){
   position: relative;
-  top: var(--classic-elevation-offset);
   color: var(--accent-a11);
   background-color: var(--color-surface-solid);
   box-shadow: var(--shadow-2);
@@ -8454,17 +8446,29 @@
 .rt-BaseButton:where(.rt-variant-classic):where([data-state='open']):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
-.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]), [data-state='on']:not([data-disabled])){
+.rt-BaseButton:where(.rt-variant-classic):where(
+      :active:not([data-state='open'], [data-disabled]),
+      [data-state='on']:not([data-disabled])
+    ){
   background-color: var(--gray-3);
   box-shadow: var(--shadow-1);
 }
-:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]), [data-state='on']:not([data-disabled])){
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-classic):where(
+      :active:not([data-state='open'], [data-disabled]),
+      [data-state='on']:not([data-disabled])
+    ){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
-.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]), [data-state='on']:not([data-disabled])):where([data-panel-background='solid'], [data-material='solid']){
+.rt-BaseButton:where(.rt-variant-classic):where(
+      :active:not([data-state='open'], [data-disabled]),
+      [data-state='on']:not([data-disabled])
+    ):where([data-panel-background='solid'], [data-material='solid']){
   background-color: var(--gray-3);
 }
-.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]), [data-state='on']:not([data-disabled])):where([data-panel-background='translucent'], [data-material='translucent']){
+.rt-BaseButton:where(.rt-variant-classic):where(
+      :active:not([data-state='open'], [data-disabled]),
+      [data-state='on']:not([data-disabled])
+    ):where([data-panel-background='translucent'], [data-material='translucent']){
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 @media (pointer: coarse) {
@@ -8482,6 +8486,62 @@
   pointer-events: none;
   top: 0;
 }
+.rt-BaseButton:where(.rt-variant-override){
+  color: var(--button-override-color, inherit);
+  background: var(--button-override-background, transparent);
+  background-color: var(--button-override-background-color, initial);
+  box-shadow: var(--button-override-box-shadow, none);
+  filter: var(--button-override-filter, none);
+  outline: var(--button-override-outline, none);
+}
+@media (hover: hover) {
+  .rt-BaseButton:where(.rt-variant-override):where(:hover){
+    color: var(--button-override-hover-color, var(--button-override-color, inherit));
+    background: var(--button-override-hover-background, var(--button-override-background, transparent));
+    background-color: var(--button-override-hover-background-color, var(--button-override-background-color, initial));
+    box-shadow: var(--button-override-hover-box-shadow, var(--button-override-box-shadow, none));
+    filter: var(--button-override-hover-filter, var(--button-override-filter, none));
+    outline: var(--button-override-hover-outline, var(--button-override-outline, none));
+  }
+}
+.rt-BaseButton:where(.rt-variant-override):where([data-state='open']){
+  color: var(--button-override-open-color, var(--button-override-color, inherit));
+  background: var(--button-override-open-background, var(--button-override-background, transparent));
+  background-color: var(--button-override-open-background-color, var(--button-override-background-color, initial));
+  box-shadow: var(--button-override-open-box-shadow, var(--button-override-box-shadow, none));
+  filter: var(--button-override-open-filter, var(--button-override-filter, none));
+  outline: var(--button-override-open-outline, var(--button-override-outline, none));
+}
+.rt-BaseButton:where(.rt-variant-override):where(:active:not([data-state='open'])){
+  color: var(--button-override-active-color, var(--button-override-color, inherit));
+  background: var(--button-override-active-background, var(--button-override-background, transparent));
+  background-color: var(--button-override-active-background-color, var(--button-override-background-color, initial));
+  box-shadow: var(--button-override-active-box-shadow, var(--button-override-box-shadow, none));
+  filter: var(--button-override-active-filter, var(--button-override-filter, none));
+  outline: var(--button-override-active-outline, var(--button-override-outline, none));
+}
+.rt-BaseButton:where(.rt-variant-override):where(:focus-visible){
+  outline: var(--button-override-focus-outline, var(--focus-ring, 2px solid var(--focus-8)));
+  outline-offset: var(--button-override-focus-outline-offset, 2px);
+}
+.rt-BaseButton:where(.rt-variant-override):where([data-state='on']){
+  color: var(--button-override-pressed-color, var(--button-override-active-color, var(--button-override-color, inherit)));
+  background: var(--button-override-pressed-background, var(--button-override-active-background, var(--button-override-background, transparent)));
+  background-color: var(--button-override-pressed-background-color, var(--button-override-active-background-color, var(--button-override-background-color, initial)));
+  box-shadow: var(--button-override-pressed-box-shadow, var(--button-override-active-box-shadow, var(--button-override-box-shadow, none)));
+  filter: var(--button-override-pressed-filter, var(--button-override-active-filter, var(--button-override-filter, none)));
+  outline: var(--button-override-pressed-outline, var(--button-override-active-outline, var(--button-override-outline, none)));
+}
+.rt-BaseButton:where(.rt-variant-override):where([data-disabled]){
+  color: var(--button-override-disabled-color, var(--gray-a8));
+  background: var(--button-override-disabled-background, var(--gray-a3));
+  background-color: var(--button-override-disabled-background-color, var(--gray-a3));
+  box-shadow: var(--button-override-disabled-box-shadow, none);
+  filter: var(--button-override-disabled-filter, none);
+  outline: var(--button-override-disabled-outline, none);
+  cursor: not-allowed;
+  pointer-events: none;
+}
 .rt-BaseButton:where(.rt-variant-solid){
   background-color: var(--accent-9);
   color: var(--accent-contrast);
@@ -8498,6 +8558,7 @@
 @media (hover: hover) {
   .rt-BaseButton:where(.rt-variant-solid):where(:hover){
     background-color: var(--accent-10);
+    box-shadow: var(--shadow-2);
   }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-solid):where(:hover){
     background-color: color-mix(in srgb, var(--accent-a10), var(--accent-10) 10%);
@@ -8511,6 +8572,8 @@
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']){
   background-color: var(--accent-10);
+  filter: var(--base-button-solid-open-filter);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']){
   background-color: color-mix(in srgb, var(--accent-a10), var(--accent-10) 10%);
@@ -8522,16 +8585,8 @@
   background-color: color-mix(in srgb, var(--accent-a10), var(--accent-10) 10%);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])){
-  background-color: var(--accent-11);
-}
-:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])){
-  background-color: color-mix(in srgb, var(--accent-a11), var(--accent-11) 10%);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])):where([data-panel-background='solid'], [data-material='solid']){
-  background-color: var(--accent-11);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])):where([data-panel-background='translucent'], [data-material='translucent']){
-  background-color: color-mix(in srgb, var(--accent-a11), var(--accent-11) 10%);
+  filter: var(--base-button-solid-active-filter);
+  box-shadow: var(--shadow-1);
 }
 @media (pointer: coarse) {
   .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])){
@@ -8560,6 +8615,7 @@
   .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover){
     background-color: var(--accent-12);
     filter: var(--base-button-solid-high-contrast-hover-filter);
+    box-shadow: var(--shadow-2);
   }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover){
     background-color: color-mix(in srgb, var(--accent-a12), var(--accent-12) 10%);
@@ -8573,7 +8629,8 @@
 }
 .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']){
   background-color: var(--accent-12);
-  filter: var(--base-button-solid-high-contrast-hover-filter);
+  filter: var(--base-button-solid-high-contrast-open-filter);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']){
   background-color: color-mix(in srgb, var(--accent-a12), var(--accent-12) 10%);
@@ -8585,17 +8642,8 @@
   background-color: color-mix(in srgb, var(--accent-a12), var(--accent-12) 10%);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])){
-  background-color: var(--accent-11);
   filter: var(--base-button-solid-high-contrast-active-filter);
-}
-:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])){
-  background-color: color-mix(in srgb, var(--accent-a11), var(--accent-11) 10%);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])):where([data-panel-background='solid'], [data-material='solid']){
-  background-color: var(--accent-11);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])):where([data-panel-background='translucent'], [data-material='translucent']){
-  background-color: color-mix(in srgb, var(--accent-a11), var(--accent-11) 10%);
+  box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]){
   color: var(--gray-a8);
@@ -8636,6 +8684,7 @@
 @media (hover: hover) {
   .rt-BaseButton:where(.rt-variant-soft):where(:hover){
     background-color: var(--accent-4);
+    box-shadow: var(--shadow-2);
   }
   :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-soft):where(:hover){
     background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
@@ -8649,6 +8698,7 @@
 }
 .rt-BaseButton:where(.rt-variant-soft):where([data-state='open']){
   background-color: var(--accent-4);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-soft):where([data-state='open']){
   background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
@@ -8661,6 +8711,7 @@
 }
 .rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state='open'])){
   background-color: var(--accent-5);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state='open'])){
   background-color: color-mix(in srgb, var(--accent-a5), var(--accent-5) 60%);
@@ -8719,6 +8770,7 @@
 }
 .rt-BaseButton:where(.rt-variant-ghost):where([data-state='open']){
   background-color: var(--accent-3);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-ghost):where([data-state='open']){
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -8733,6 +8785,7 @@
 }
 .rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state='open'])){
   background-color: var(--accent-4);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state='open'])){
   background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
@@ -8786,7 +8839,7 @@
 }
 .rt-BaseButton:where(.rt-variant-outline):where([data-state='open']){
   background-color: var(--accent-2);
-  box-shadow: inset 0 0 0 1px var(--accent-7);
+  box-shadow: inset 0 0 0 1px var(--accent-7), var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-outline):where([data-state='open']){
   background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -8802,7 +8855,7 @@
 }
 .rt-BaseButton:where(.rt-variant-outline):where(:active:not([data-state='open'])){
   background-color: var(--accent-3);
-  box-shadow: inset 0 0 0 1px var(--accent-8);
+  box-shadow: inset 0 0 0 1px var(--accent-8), var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-outline):where(:active:not([data-state='open'])){
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -8869,7 +8922,7 @@
 }
 .rt-BaseButton:where(.rt-variant-surface):where([data-state='open']){
   background-color: var(--accent-3);
-  box-shadow: inset 0 0 0 1px var(--accent-8);
+  box-shadow: inset 0 0 0 1px var(--accent-8), var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-surface):where([data-state='open']){
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -8885,7 +8938,7 @@
 }
 .rt-BaseButton:where(.rt-variant-surface):where(:active:not([data-state='open'])){
   background-color: var(--accent-4);
-  box-shadow: inset 0 0 0 1px var(--accent-8);
+  box-shadow: inset 0 0 0 1px var(--accent-8), var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where(.rt-variant-surface):where(:active:not([data-state='open'])){
   background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
@@ -8929,7 +8982,7 @@
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid){
   background-color: var(--accent-10);
   opacity: 0.9;
-  transform: translateY(1px);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid){
   background-color: color-mix(in srgb, var(--accent-a10), var(--accent-10) 10%);
@@ -8943,10 +8996,10 @@
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid):where(.rt-high-contrast){
   background-color: var(--accent-12);
   opacity: 0.85;
-  transform: translateY(1px);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-soft){
   background-color: var(--accent-5);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where([data-state='on']):where(.rt-variant-soft){
   background-color: color-mix(in srgb, var(--accent-a5), var(--accent-5) 60%);
@@ -8959,6 +9012,7 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-ghost){
   background-color: var(--accent-4);
+  box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where([data-state='on']):where(.rt-variant-ghost){
   background-color: var(--accent-a4);
@@ -8971,7 +9025,7 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-outline){
   background-color: var(--accent-3);
-  box-shadow: inset 0 0 0 1px var(--accent-8);
+  box-shadow: inset 0 0 0 1px var(--accent-8), var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where([data-state='on']):where(.rt-variant-outline){
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -8987,7 +9041,7 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-surface){
   background-color: var(--accent-4);
-  box-shadow: inset 0 0 0 1px var(--accent-8);
+  box-shadow: inset 0 0 0 1px var(--accent-8), var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseButton:where([data-state='on']):where(.rt-variant-surface){
   background-color: color-mix(in srgb, var(--accent-a4), var(--accent-4) 60%);
@@ -9044,9 +9098,6 @@
   background-color: var(--gray-a3);
   box-shadow: none;
 }
-.rt-Button:where(:not(.rt-variant-ghost)) :where(svg){
-  opacity: 0.9;
-}
 .rt-Button:where(.rt-variant-ghost){
   padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
 }
@@ -9118,8 +9169,8 @@
   height: var(--content-icon-size-4);
 }
 .rt-Button:where(.rt-r-size-4):where(:not(.rt-variant-ghost)){
-  padding-left: var(--space-5);
-  padding-right: var(--space-5);
+  padding-left: calc(var(--space-4) + (4px * var(--scaling)));
+  padding-right: calc(var(--space-4) + (4px * var(--scaling)));
 }
 .rt-Button:where(.rt-r-size-4):where(.rt-variant-ghost){
   gap: var(--component-gap-ghost-4);
@@ -9195,8 +9246,8 @@
     height: var(--content-icon-size-4);
   }
   .rt-Button:where(.xs\:rt-r-size-4):where(:not(.rt-variant-ghost)){
-    padding-left: var(--space-5);
-    padding-right: var(--space-5);
+    padding-left: calc(var(--space-4) + (4px * var(--scaling)));
+    padding-right: calc(var(--space-4) + (4px * var(--scaling)));
   }
   .rt-Button:where(.xs\:rt-r-size-4):where(.rt-variant-ghost){
     gap: var(--component-gap-ghost-4);
@@ -9273,8 +9324,8 @@
     height: var(--content-icon-size-4);
   }
   .rt-Button:where(.sm\:rt-r-size-4):where(:not(.rt-variant-ghost)){
-    padding-left: var(--space-5);
-    padding-right: var(--space-5);
+    padding-left: calc(var(--space-4) + (4px * var(--scaling)));
+    padding-right: calc(var(--space-4) + (4px * var(--scaling)));
   }
   .rt-Button:where(.sm\:rt-r-size-4):where(.rt-variant-ghost){
     gap: var(--component-gap-ghost-4);
@@ -9351,8 +9402,8 @@
     height: var(--content-icon-size-4);
   }
   .rt-Button:where(.md\:rt-r-size-4):where(:not(.rt-variant-ghost)){
-    padding-left: var(--space-5);
-    padding-right: var(--space-5);
+    padding-left: calc(var(--space-4) + (4px * var(--scaling)));
+    padding-right: calc(var(--space-4) + (4px * var(--scaling)));
   }
   .rt-Button:where(.md\:rt-r-size-4):where(.rt-variant-ghost){
     gap: var(--component-gap-ghost-4);
@@ -9429,8 +9480,8 @@
     height: var(--content-icon-size-4);
   }
   .rt-Button:where(.lg\:rt-r-size-4):where(:not(.rt-variant-ghost)){
-    padding-left: var(--space-5);
-    padding-right: var(--space-5);
+    padding-left: calc(var(--space-4) + (4px * var(--scaling)));
+    padding-right: calc(var(--space-4) + (4px * var(--scaling)));
   }
   .rt-Button:where(.lg\:rt-r-size-4):where(.rt-variant-ghost){
     gap: var(--component-gap-ghost-4);
@@ -9507,8 +9558,8 @@
     height: var(--content-icon-size-4);
   }
   .rt-Button:where(.xl\:rt-r-size-4):where(:not(.rt-variant-ghost)){
-    padding-left: var(--space-5);
-    padding-right: var(--space-5);
+    padding-left: calc(var(--space-4) + (4px * var(--scaling)));
+    padding-right: calc(var(--space-4) + (4px * var(--scaling)));
   }
   .rt-Button:where(.xl\:rt-r-size-4):where(.rt-variant-ghost){
     gap: var(--component-gap-ghost-4);
@@ -17275,6 +17326,13 @@
           user-select: none;
   cursor: var(--cursor-menu-item);
 }
+.rt-SelectItem:where(.rt-SelectItemRich){
+  height: auto;
+  min-height: var(--select-item-height);
+  align-items: flex-start;
+  padding-top: var(--space-2);
+  padding-bottom: var(--space-2);
+}
 .rt-SelectItemIndicator{
   position: absolute;
   left: 0;
@@ -18901,10 +18959,12 @@
   margin-top: calc(var(--space-1) / 2);
   margin-bottom: calc(var(--space-1) / 2);
 }
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarContent),
 .rt-ShellSidebarRail :where(.rt-SidebarContent),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarContent){
   padding: var(--space-2);
 }
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuButton),
 .rt-ShellSidebarRail :where(.rt-SidebarMenuButton),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuButton){
   justify-content: center;
@@ -18913,12 +18973,15 @@
   gap: var(--space-1);
   padding: var(--space-2) var(--space-1);
 }
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuBadge),
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuShortcut),
 .rt-ShellSidebarRail :where(.rt-SidebarMenuBadge),
 .rt-ShellSidebarRail :where(.rt-SidebarMenuShortcut),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuBadge),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuShortcut){
   display: none;
 }
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarGroupLabel),
 .rt-ShellSidebarRail :where(.rt-SidebarGroupLabel),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarGroupLabel){
   display: block;
@@ -18928,10 +18991,12 @@
   color: var(--gray-a9);
   font-weight: var(--font-weight-medium);
 }
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuSubTriggerIcon),
 .rt-ShellSidebarRail :where(.rt-SidebarMenuSubTriggerIcon),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuSubTriggerIcon){
   display: none;
 }
+:where(.rt-SidebarContainer.rt-layout-rail .rt-SidebarMenuSubList),
 .rt-ShellSidebarRail :where(.rt-SidebarMenuSubList),
 :where(.rt-ShellSidebar[data-state='rail'] .rt-SidebarMenuSubList){
   padding-left: 0;
@@ -23942,6 +24007,15 @@
 .rt-r-gap-9{
   gap: var(--space-9);
 }
+.rt-r-gap-10{
+  gap: var(--space-10);
+}
+.rt-r-gap-11{
+  gap: var(--space-11);
+}
+.rt-r-gap-12{
+  gap: var(--space-12);
+}
 .rt-r-cg{
   column-gap: var(--column-gap)
 }
@@ -23975,6 +24049,15 @@
 .rt-r-cg-9{
   column-gap: var(--space-9);
 }
+.rt-r-cg-10{
+  column-gap: var(--space-10);
+}
+.rt-r-cg-11{
+  column-gap: var(--space-11);
+}
+.rt-r-cg-12{
+  column-gap: var(--space-12);
+}
 .rt-r-rg{
   row-gap: var(--row-gap)
 }
@@ -24008,6 +24091,15 @@
 .rt-r-rg-9{
   row-gap: var(--space-9);
 }
+.rt-r-rg-10{
+  row-gap: var(--space-10);
+}
+.rt-r-rg-11{
+  row-gap: var(--space-11);
+}
+.rt-r-rg-12{
+  row-gap: var(--space-12);
+}
 @media (min-width: 520px){
   .xs\:rt-r-gap{
     gap: var(--gap-xs)
@@ -24042,6 +24134,15 @@
   .xs\:rt-r-gap-9{
     gap: var(--space-9);
   }
+  .xs\:rt-r-gap-10{
+    gap: var(--space-10);
+  }
+  .xs\:rt-r-gap-11{
+    gap: var(--space-11);
+  }
+  .xs\:rt-r-gap-12{
+    gap: var(--space-12);
+  }
   .xs\:rt-r-cg{
     column-gap: var(--column-gap-xs)
   }
@@ -24075,6 +24176,15 @@
   .xs\:rt-r-cg-9{
     column-gap: var(--space-9);
   }
+  .xs\:rt-r-cg-10{
+    column-gap: var(--space-10);
+  }
+  .xs\:rt-r-cg-11{
+    column-gap: var(--space-11);
+  }
+  .xs\:rt-r-cg-12{
+    column-gap: var(--space-12);
+  }
   .xs\:rt-r-rg{
     row-gap: var(--row-gap-xs)
   }
@@ -24108,6 +24218,15 @@
   .xs\:rt-r-rg-9{
     row-gap: var(--space-9);
   }
+  .xs\:rt-r-rg-10{
+    row-gap: var(--space-10);
+  }
+  .xs\:rt-r-rg-11{
+    row-gap: var(--space-11);
+  }
+  .xs\:rt-r-rg-12{
+    row-gap: var(--space-12);
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-gap{
@@ -24143,6 +24262,15 @@
   .sm\:rt-r-gap-9{
     gap: var(--space-9);
   }
+  .sm\:rt-r-gap-10{
+    gap: var(--space-10);
+  }
+  .sm\:rt-r-gap-11{
+    gap: var(--space-11);
+  }
+  .sm\:rt-r-gap-12{
+    gap: var(--space-12);
+  }
   .sm\:rt-r-cg{
     column-gap: var(--column-gap-sm)
   }
@@ -24176,6 +24304,15 @@
   .sm\:rt-r-cg-9{
     column-gap: var(--space-9);
   }
+  .sm\:rt-r-cg-10{
+    column-gap: var(--space-10);
+  }
+  .sm\:rt-r-cg-11{
+    column-gap: var(--space-11);
+  }
+  .sm\:rt-r-cg-12{
+    column-gap: var(--space-12);
+  }
   .sm\:rt-r-rg{
     row-gap: var(--row-gap-sm)
   }
@@ -24209,6 +24346,15 @@
   .sm\:rt-r-rg-9{
     row-gap: var(--space-9);
   }
+  .sm\:rt-r-rg-10{
+    row-gap: var(--space-10);
+  }
+  .sm\:rt-r-rg-11{
+    row-gap: var(--space-11);
+  }
+  .sm\:rt-r-rg-12{
+    row-gap: var(--space-12);
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-gap{
@@ -24244,6 +24390,15 @@
   .md\:rt-r-gap-9{
     gap: var(--space-9);
   }
+  .md\:rt-r-gap-10{
+    gap: var(--space-10);
+  }
+  .md\:rt-r-gap-11{
+    gap: var(--space-11);
+  }
+  .md\:rt-r-gap-12{
+    gap: var(--space-12);
+  }
   .md\:rt-r-cg{
     column-gap: var(--column-gap-md)
   }
@@ -24277,6 +24432,15 @@
   .md\:rt-r-cg-9{
     column-gap: var(--space-9);
   }
+  .md\:rt-r-cg-10{
+    column-gap: var(--space-10);
+  }
+  .md\:rt-r-cg-11{
+    column-gap: var(--space-11);
+  }
+  .md\:rt-r-cg-12{
+    column-gap: var(--space-12);
+  }
   .md\:rt-r-rg{
     row-gap: var(--row-gap-md)
   }
@@ -24310,6 +24474,15 @@
   .md\:rt-r-rg-9{
     row-gap: var(--space-9);
   }
+  .md\:rt-r-rg-10{
+    row-gap: var(--space-10);
+  }
+  .md\:rt-r-rg-11{
+    row-gap: var(--space-11);
+  }
+  .md\:rt-r-rg-12{
+    row-gap: var(--space-12);
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-gap{
@@ -24345,6 +24518,15 @@
   .lg\:rt-r-gap-9{
     gap: var(--space-9);
   }
+  .lg\:rt-r-gap-10{
+    gap: var(--space-10);
+  }
+  .lg\:rt-r-gap-11{
+    gap: var(--space-11);
+  }
+  .lg\:rt-r-gap-12{
+    gap: var(--space-12);
+  }
   .lg\:rt-r-cg{
     column-gap: var(--column-gap-lg)
   }
@@ -24378,6 +24560,15 @@
   .lg\:rt-r-cg-9{
     column-gap: var(--space-9);
   }
+  .lg\:rt-r-cg-10{
+    column-gap: var(--space-10);
+  }
+  .lg\:rt-r-cg-11{
+    column-gap: var(--space-11);
+  }
+  .lg\:rt-r-cg-12{
+    column-gap: var(--space-12);
+  }
   .lg\:rt-r-rg{
     row-gap: var(--row-gap-lg)
   }
@@ -24411,6 +24602,15 @@
   .lg\:rt-r-rg-9{
     row-gap: var(--space-9);
   }
+  .lg\:rt-r-rg-10{
+    row-gap: var(--space-10);
+  }
+  .lg\:rt-r-rg-11{
+    row-gap: var(--space-11);
+  }
+  .lg\:rt-r-rg-12{
+    row-gap: var(--space-12);
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-gap{
@@ -24446,6 +24646,15 @@
   .xl\:rt-r-gap-9{
     gap: var(--space-9);
   }
+  .xl\:rt-r-gap-10{
+    gap: var(--space-10);
+  }
+  .xl\:rt-r-gap-11{
+    gap: var(--space-11);
+  }
+  .xl\:rt-r-gap-12{
+    gap: var(--space-12);
+  }
   .xl\:rt-r-cg{
     column-gap: var(--column-gap-xl)
   }
@@ -24479,6 +24688,15 @@
   .xl\:rt-r-cg-9{
     column-gap: var(--space-9);
   }
+  .xl\:rt-r-cg-10{
+    column-gap: var(--space-10);
+  }
+  .xl\:rt-r-cg-11{
+    column-gap: var(--space-11);
+  }
+  .xl\:rt-r-cg-12{
+    column-gap: var(--space-12);
+  }
   .xl\:rt-r-rg{
     row-gap: var(--row-gap-xl)
   }
@@ -24512,6 +24730,15 @@
   .xl\:rt-r-rg-9{
     row-gap: var(--space-9);
   }
+  .xl\:rt-r-rg-10{
+    row-gap: var(--space-10);
+  }
+  .xl\:rt-r-rg-11{
+    row-gap: var(--space-11);
+  }
+  .xl\:rt-r-rg-12{
+    row-gap: var(--space-12);
+  }
 }
 .rt-r-ga{
   grid-area: var(--grid-area);
@@ -27606,6 +27833,9 @@
 .rt-r-m-7,
 .rt-r-m-8,
 .rt-r-m-9,
+.rt-r-m-10,
+.rt-r-m-11,
+.rt-r-m-12,
 .-rt-r-m-1,
 .-rt-r-m-2,
 .-rt-r-m-3,
@@ -27614,7 +27844,10 @@
 .-rt-r-m-6,
 .-rt-r-m-7,
 .-rt-r-m-8,
-.-rt-r-m-9{
+.-rt-r-m-9,
+.-rt-r-m-10,
+.-rt-r-m-11,
+.-rt-r-m-12{
   margin-top: var(--margin-top-override, var(--margin-top));
   margin-right: var(--margin-right-override, var(--margin-right));
   margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -27686,6 +27919,24 @@
   --margin-bottom: var(--space-9);
   --margin-left: var(--space-9);
 }
+.rt-r-m-10{
+  --margin-top: var(--space-10);
+  --margin-right: var(--space-10);
+  --margin-bottom: var(--space-10);
+  --margin-left: var(--space-10);
+}
+.rt-r-m-11{
+  --margin-top: var(--space-11);
+  --margin-right: var(--space-11);
+  --margin-bottom: var(--space-11);
+  --margin-left: var(--space-11);
+}
+.rt-r-m-12{
+  --margin-top: var(--space-12);
+  --margin-right: var(--space-12);
+  --margin-bottom: var(--space-12);
+  --margin-left: var(--space-12);
+}
 .-rt-r-m-1{
   --margin-top: calc(-1 * var(--space-1));
   --margin-right: calc(-1 * var(--space-1));
@@ -27740,6 +27991,24 @@
   --margin-bottom: calc(-1 * var(--space-9));
   --margin-left: calc(-1 * var(--space-9));
 }
+.-rt-r-m-10{
+  --margin-top: calc(-1 * var(--space-10));
+  --margin-right: calc(-1 * var(--space-10));
+  --margin-bottom: calc(-1 * var(--space-10));
+  --margin-left: calc(-1 * var(--space-10));
+}
+.-rt-r-m-11{
+  --margin-top: calc(-1 * var(--space-11));
+  --margin-right: calc(-1 * var(--space-11));
+  --margin-bottom: calc(-1 * var(--space-11));
+  --margin-left: calc(-1 * var(--space-11));
+}
+.-rt-r-m-12{
+  --margin-top: calc(-1 * var(--space-12));
+  --margin-right: calc(-1 * var(--space-12));
+  --margin-bottom: calc(-1 * var(--space-12));
+  --margin-left: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-m,
   .xs\:rt-r-m-0,
@@ -27752,6 +28021,9 @@
   .xs\:rt-r-m-7,
   .xs\:rt-r-m-8,
   .xs\:rt-r-m-9,
+  .xs\:rt-r-m-10,
+  .xs\:rt-r-m-11,
+  .xs\:rt-r-m-12,
   .xs\:-rt-r-m-1,
   .xs\:-rt-r-m-2,
   .xs\:-rt-r-m-3,
@@ -27760,7 +28032,10 @@
   .xs\:-rt-r-m-6,
   .xs\:-rt-r-m-7,
   .xs\:-rt-r-m-8,
-  .xs\:-rt-r-m-9{
+  .xs\:-rt-r-m-9,
+  .xs\:-rt-r-m-10,
+  .xs\:-rt-r-m-11,
+  .xs\:-rt-r-m-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-right: var(--margin-right-override, var(--margin-right));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -27832,6 +28107,24 @@
     --margin-bottom: var(--space-9);
     --margin-left: var(--space-9);
   }
+  .xs\:rt-r-m-10{
+    --margin-top: var(--space-10);
+    --margin-right: var(--space-10);
+    --margin-bottom: var(--space-10);
+    --margin-left: var(--space-10);
+  }
+  .xs\:rt-r-m-11{
+    --margin-top: var(--space-11);
+    --margin-right: var(--space-11);
+    --margin-bottom: var(--space-11);
+    --margin-left: var(--space-11);
+  }
+  .xs\:rt-r-m-12{
+    --margin-top: var(--space-12);
+    --margin-right: var(--space-12);
+    --margin-bottom: var(--space-12);
+    --margin-left: var(--space-12);
+  }
   .xs\:-rt-r-m-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -27886,6 +28179,24 @@
     --margin-bottom: calc(-1 * var(--space-9));
     --margin-left: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-m-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-m-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-m-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-m,
@@ -27899,6 +28210,9 @@
   .sm\:rt-r-m-7,
   .sm\:rt-r-m-8,
   .sm\:rt-r-m-9,
+  .sm\:rt-r-m-10,
+  .sm\:rt-r-m-11,
+  .sm\:rt-r-m-12,
   .sm\:-rt-r-m-1,
   .sm\:-rt-r-m-2,
   .sm\:-rt-r-m-3,
@@ -27907,7 +28221,10 @@
   .sm\:-rt-r-m-6,
   .sm\:-rt-r-m-7,
   .sm\:-rt-r-m-8,
-  .sm\:-rt-r-m-9{
+  .sm\:-rt-r-m-9,
+  .sm\:-rt-r-m-10,
+  .sm\:-rt-r-m-11,
+  .sm\:-rt-r-m-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-right: var(--margin-right-override, var(--margin-right));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -27979,6 +28296,24 @@
     --margin-bottom: var(--space-9);
     --margin-left: var(--space-9);
   }
+  .sm\:rt-r-m-10{
+    --margin-top: var(--space-10);
+    --margin-right: var(--space-10);
+    --margin-bottom: var(--space-10);
+    --margin-left: var(--space-10);
+  }
+  .sm\:rt-r-m-11{
+    --margin-top: var(--space-11);
+    --margin-right: var(--space-11);
+    --margin-bottom: var(--space-11);
+    --margin-left: var(--space-11);
+  }
+  .sm\:rt-r-m-12{
+    --margin-top: var(--space-12);
+    --margin-right: var(--space-12);
+    --margin-bottom: var(--space-12);
+    --margin-left: var(--space-12);
+  }
   .sm\:-rt-r-m-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28033,6 +28368,24 @@
     --margin-bottom: calc(-1 * var(--space-9));
     --margin-left: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-m-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-m-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-m-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-m,
@@ -28046,6 +28399,9 @@
   .md\:rt-r-m-7,
   .md\:rt-r-m-8,
   .md\:rt-r-m-9,
+  .md\:rt-r-m-10,
+  .md\:rt-r-m-11,
+  .md\:rt-r-m-12,
   .md\:-rt-r-m-1,
   .md\:-rt-r-m-2,
   .md\:-rt-r-m-3,
@@ -28054,7 +28410,10 @@
   .md\:-rt-r-m-6,
   .md\:-rt-r-m-7,
   .md\:-rt-r-m-8,
-  .md\:-rt-r-m-9{
+  .md\:-rt-r-m-9,
+  .md\:-rt-r-m-10,
+  .md\:-rt-r-m-11,
+  .md\:-rt-r-m-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-right: var(--margin-right-override, var(--margin-right));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -28126,6 +28485,24 @@
     --margin-bottom: var(--space-9);
     --margin-left: var(--space-9);
   }
+  .md\:rt-r-m-10{
+    --margin-top: var(--space-10);
+    --margin-right: var(--space-10);
+    --margin-bottom: var(--space-10);
+    --margin-left: var(--space-10);
+  }
+  .md\:rt-r-m-11{
+    --margin-top: var(--space-11);
+    --margin-right: var(--space-11);
+    --margin-bottom: var(--space-11);
+    --margin-left: var(--space-11);
+  }
+  .md\:rt-r-m-12{
+    --margin-top: var(--space-12);
+    --margin-right: var(--space-12);
+    --margin-bottom: var(--space-12);
+    --margin-left: var(--space-12);
+  }
   .md\:-rt-r-m-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28180,6 +28557,24 @@
     --margin-bottom: calc(-1 * var(--space-9));
     --margin-left: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-m-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-m-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-m-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-m,
@@ -28193,6 +28588,9 @@
   .lg\:rt-r-m-7,
   .lg\:rt-r-m-8,
   .lg\:rt-r-m-9,
+  .lg\:rt-r-m-10,
+  .lg\:rt-r-m-11,
+  .lg\:rt-r-m-12,
   .lg\:-rt-r-m-1,
   .lg\:-rt-r-m-2,
   .lg\:-rt-r-m-3,
@@ -28201,7 +28599,10 @@
   .lg\:-rt-r-m-6,
   .lg\:-rt-r-m-7,
   .lg\:-rt-r-m-8,
-  .lg\:-rt-r-m-9{
+  .lg\:-rt-r-m-9,
+  .lg\:-rt-r-m-10,
+  .lg\:-rt-r-m-11,
+  .lg\:-rt-r-m-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-right: var(--margin-right-override, var(--margin-right));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -28273,6 +28674,24 @@
     --margin-bottom: var(--space-9);
     --margin-left: var(--space-9);
   }
+  .lg\:rt-r-m-10{
+    --margin-top: var(--space-10);
+    --margin-right: var(--space-10);
+    --margin-bottom: var(--space-10);
+    --margin-left: var(--space-10);
+  }
+  .lg\:rt-r-m-11{
+    --margin-top: var(--space-11);
+    --margin-right: var(--space-11);
+    --margin-bottom: var(--space-11);
+    --margin-left: var(--space-11);
+  }
+  .lg\:rt-r-m-12{
+    --margin-top: var(--space-12);
+    --margin-right: var(--space-12);
+    --margin-bottom: var(--space-12);
+    --margin-left: var(--space-12);
+  }
   .lg\:-rt-r-m-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28327,6 +28746,24 @@
     --margin-bottom: calc(-1 * var(--space-9));
     --margin-left: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-m-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-m-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-m-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-m,
@@ -28340,6 +28777,9 @@
   .xl\:rt-r-m-7,
   .xl\:rt-r-m-8,
   .xl\:rt-r-m-9,
+  .xl\:rt-r-m-10,
+  .xl\:rt-r-m-11,
+  .xl\:rt-r-m-12,
   .xl\:-rt-r-m-1,
   .xl\:-rt-r-m-2,
   .xl\:-rt-r-m-3,
@@ -28348,7 +28788,10 @@
   .xl\:-rt-r-m-6,
   .xl\:-rt-r-m-7,
   .xl\:-rt-r-m-8,
-  .xl\:-rt-r-m-9{
+  .xl\:-rt-r-m-9,
+  .xl\:-rt-r-m-10,
+  .xl\:-rt-r-m-11,
+  .xl\:-rt-r-m-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-right: var(--margin-right-override, var(--margin-right));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -28420,6 +28863,24 @@
     --margin-bottom: var(--space-9);
     --margin-left: var(--space-9);
   }
+  .xl\:rt-r-m-10{
+    --margin-top: var(--space-10);
+    --margin-right: var(--space-10);
+    --margin-bottom: var(--space-10);
+    --margin-left: var(--space-10);
+  }
+  .xl\:rt-r-m-11{
+    --margin-top: var(--space-11);
+    --margin-right: var(--space-11);
+    --margin-bottom: var(--space-11);
+    --margin-left: var(--space-11);
+  }
+  .xl\:rt-r-m-12{
+    --margin-top: var(--space-12);
+    --margin-right: var(--space-12);
+    --margin-bottom: var(--space-12);
+    --margin-left: var(--space-12);
+  }
   .xl\:-rt-r-m-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28474,6 +28935,24 @@
     --margin-bottom: calc(-1 * var(--space-9));
     --margin-left: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-m-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-m-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-m-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-mx,
 .rt-r-mx-0,
@@ -28486,6 +28965,9 @@
 .rt-r-mx-7,
 .rt-r-mx-8,
 .rt-r-mx-9,
+.rt-r-mx-10,
+.rt-r-mx-11,
+.rt-r-mx-12,
 .-rt-r-mx-1,
 .-rt-r-mx-2,
 .-rt-r-mx-3,
@@ -28494,7 +28976,10 @@
 .-rt-r-mx-6,
 .-rt-r-mx-7,
 .-rt-r-mx-8,
-.-rt-r-mx-9{
+.-rt-r-mx-9,
+.-rt-r-mx-10,
+.-rt-r-mx-11,
+.-rt-r-mx-12{
   margin-left: var(--margin-left-override, var(--margin-left));
   margin-right: var(--margin-right-override, var(--margin-right));
 }
@@ -28542,6 +29027,18 @@
   --margin-left: var(--space-9);
   --margin-right: var(--space-9);
 }
+.rt-r-mx-10{
+  --margin-left: var(--space-10);
+  --margin-right: var(--space-10);
+}
+.rt-r-mx-11{
+  --margin-left: var(--space-11);
+  --margin-right: var(--space-11);
+}
+.rt-r-mx-12{
+  --margin-left: var(--space-12);
+  --margin-right: var(--space-12);
+}
 .-rt-r-mx-1{
   --margin-left: calc(-1 * var(--space-1));
   --margin-right: calc(-1 * var(--space-1));
@@ -28578,6 +29075,18 @@
   --margin-left: calc(-1 * var(--space-9));
   --margin-right: calc(-1 * var(--space-9));
 }
+.-rt-r-mx-10{
+  --margin-left: calc(-1 * var(--space-10));
+  --margin-right: calc(-1 * var(--space-10));
+}
+.-rt-r-mx-11{
+  --margin-left: calc(-1 * var(--space-11));
+  --margin-right: calc(-1 * var(--space-11));
+}
+.-rt-r-mx-12{
+  --margin-left: calc(-1 * var(--space-12));
+  --margin-right: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-mx,
   .xs\:rt-r-mx-0,
@@ -28590,6 +29099,9 @@
   .xs\:rt-r-mx-7,
   .xs\:rt-r-mx-8,
   .xs\:rt-r-mx-9,
+  .xs\:rt-r-mx-10,
+  .xs\:rt-r-mx-11,
+  .xs\:rt-r-mx-12,
   .xs\:-rt-r-mx-1,
   .xs\:-rt-r-mx-2,
   .xs\:-rt-r-mx-3,
@@ -28598,7 +29110,10 @@
   .xs\:-rt-r-mx-6,
   .xs\:-rt-r-mx-7,
   .xs\:-rt-r-mx-8,
-  .xs\:-rt-r-mx-9{
+  .xs\:-rt-r-mx-9,
+  .xs\:-rt-r-mx-10,
+  .xs\:-rt-r-mx-11,
+  .xs\:-rt-r-mx-12{
     margin-left: var(--margin-left-override, var(--margin-left));
     margin-right: var(--margin-right-override, var(--margin-right));
   }
@@ -28646,6 +29161,18 @@
     --margin-left: var(--space-9);
     --margin-right: var(--space-9);
   }
+  .xs\:rt-r-mx-10{
+    --margin-left: var(--space-10);
+    --margin-right: var(--space-10);
+  }
+  .xs\:rt-r-mx-11{
+    --margin-left: var(--space-11);
+    --margin-right: var(--space-11);
+  }
+  .xs\:rt-r-mx-12{
+    --margin-left: var(--space-12);
+    --margin-right: var(--space-12);
+  }
   .xs\:-rt-r-mx-1{
     --margin-left: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28682,6 +29209,18 @@
     --margin-left: calc(-1 * var(--space-9));
     --margin-right: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-mx-10{
+    --margin-left: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-mx-11{
+    --margin-left: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-mx-12{
+    --margin-left: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-mx,
@@ -28695,6 +29234,9 @@
   .sm\:rt-r-mx-7,
   .sm\:rt-r-mx-8,
   .sm\:rt-r-mx-9,
+  .sm\:rt-r-mx-10,
+  .sm\:rt-r-mx-11,
+  .sm\:rt-r-mx-12,
   .sm\:-rt-r-mx-1,
   .sm\:-rt-r-mx-2,
   .sm\:-rt-r-mx-3,
@@ -28703,7 +29245,10 @@
   .sm\:-rt-r-mx-6,
   .sm\:-rt-r-mx-7,
   .sm\:-rt-r-mx-8,
-  .sm\:-rt-r-mx-9{
+  .sm\:-rt-r-mx-9,
+  .sm\:-rt-r-mx-10,
+  .sm\:-rt-r-mx-11,
+  .sm\:-rt-r-mx-12{
     margin-left: var(--margin-left-override, var(--margin-left));
     margin-right: var(--margin-right-override, var(--margin-right));
   }
@@ -28751,6 +29296,18 @@
     --margin-left: var(--space-9);
     --margin-right: var(--space-9);
   }
+  .sm\:rt-r-mx-10{
+    --margin-left: var(--space-10);
+    --margin-right: var(--space-10);
+  }
+  .sm\:rt-r-mx-11{
+    --margin-left: var(--space-11);
+    --margin-right: var(--space-11);
+  }
+  .sm\:rt-r-mx-12{
+    --margin-left: var(--space-12);
+    --margin-right: var(--space-12);
+  }
   .sm\:-rt-r-mx-1{
     --margin-left: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28787,6 +29344,18 @@
     --margin-left: calc(-1 * var(--space-9));
     --margin-right: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-mx-10{
+    --margin-left: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-mx-11{
+    --margin-left: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-mx-12{
+    --margin-left: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-mx,
@@ -28800,6 +29369,9 @@
   .md\:rt-r-mx-7,
   .md\:rt-r-mx-8,
   .md\:rt-r-mx-9,
+  .md\:rt-r-mx-10,
+  .md\:rt-r-mx-11,
+  .md\:rt-r-mx-12,
   .md\:-rt-r-mx-1,
   .md\:-rt-r-mx-2,
   .md\:-rt-r-mx-3,
@@ -28808,7 +29380,10 @@
   .md\:-rt-r-mx-6,
   .md\:-rt-r-mx-7,
   .md\:-rt-r-mx-8,
-  .md\:-rt-r-mx-9{
+  .md\:-rt-r-mx-9,
+  .md\:-rt-r-mx-10,
+  .md\:-rt-r-mx-11,
+  .md\:-rt-r-mx-12{
     margin-left: var(--margin-left-override, var(--margin-left));
     margin-right: var(--margin-right-override, var(--margin-right));
   }
@@ -28856,6 +29431,18 @@
     --margin-left: var(--space-9);
     --margin-right: var(--space-9);
   }
+  .md\:rt-r-mx-10{
+    --margin-left: var(--space-10);
+    --margin-right: var(--space-10);
+  }
+  .md\:rt-r-mx-11{
+    --margin-left: var(--space-11);
+    --margin-right: var(--space-11);
+  }
+  .md\:rt-r-mx-12{
+    --margin-left: var(--space-12);
+    --margin-right: var(--space-12);
+  }
   .md\:-rt-r-mx-1{
     --margin-left: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28892,6 +29479,18 @@
     --margin-left: calc(-1 * var(--space-9));
     --margin-right: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-mx-10{
+    --margin-left: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-mx-11{
+    --margin-left: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-mx-12{
+    --margin-left: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-mx,
@@ -28905,6 +29504,9 @@
   .lg\:rt-r-mx-7,
   .lg\:rt-r-mx-8,
   .lg\:rt-r-mx-9,
+  .lg\:rt-r-mx-10,
+  .lg\:rt-r-mx-11,
+  .lg\:rt-r-mx-12,
   .lg\:-rt-r-mx-1,
   .lg\:-rt-r-mx-2,
   .lg\:-rt-r-mx-3,
@@ -28913,7 +29515,10 @@
   .lg\:-rt-r-mx-6,
   .lg\:-rt-r-mx-7,
   .lg\:-rt-r-mx-8,
-  .lg\:-rt-r-mx-9{
+  .lg\:-rt-r-mx-9,
+  .lg\:-rt-r-mx-10,
+  .lg\:-rt-r-mx-11,
+  .lg\:-rt-r-mx-12{
     margin-left: var(--margin-left-override, var(--margin-left));
     margin-right: var(--margin-right-override, var(--margin-right));
   }
@@ -28961,6 +29566,18 @@
     --margin-left: var(--space-9);
     --margin-right: var(--space-9);
   }
+  .lg\:rt-r-mx-10{
+    --margin-left: var(--space-10);
+    --margin-right: var(--space-10);
+  }
+  .lg\:rt-r-mx-11{
+    --margin-left: var(--space-11);
+    --margin-right: var(--space-11);
+  }
+  .lg\:rt-r-mx-12{
+    --margin-left: var(--space-12);
+    --margin-right: var(--space-12);
+  }
   .lg\:-rt-r-mx-1{
     --margin-left: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -28997,6 +29614,18 @@
     --margin-left: calc(-1 * var(--space-9));
     --margin-right: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-mx-10{
+    --margin-left: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-mx-11{
+    --margin-left: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-mx-12{
+    --margin-left: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-mx,
@@ -29010,6 +29639,9 @@
   .xl\:rt-r-mx-7,
   .xl\:rt-r-mx-8,
   .xl\:rt-r-mx-9,
+  .xl\:rt-r-mx-10,
+  .xl\:rt-r-mx-11,
+  .xl\:rt-r-mx-12,
   .xl\:-rt-r-mx-1,
   .xl\:-rt-r-mx-2,
   .xl\:-rt-r-mx-3,
@@ -29018,7 +29650,10 @@
   .xl\:-rt-r-mx-6,
   .xl\:-rt-r-mx-7,
   .xl\:-rt-r-mx-8,
-  .xl\:-rt-r-mx-9{
+  .xl\:-rt-r-mx-9,
+  .xl\:-rt-r-mx-10,
+  .xl\:-rt-r-mx-11,
+  .xl\:-rt-r-mx-12{
     margin-left: var(--margin-left-override, var(--margin-left));
     margin-right: var(--margin-right-override, var(--margin-right));
   }
@@ -29066,6 +29701,18 @@
     --margin-left: var(--space-9);
     --margin-right: var(--space-9);
   }
+  .xl\:rt-r-mx-10{
+    --margin-left: var(--space-10);
+    --margin-right: var(--space-10);
+  }
+  .xl\:rt-r-mx-11{
+    --margin-left: var(--space-11);
+    --margin-right: var(--space-11);
+  }
+  .xl\:rt-r-mx-12{
+    --margin-left: var(--space-12);
+    --margin-right: var(--space-12);
+  }
   .xl\:-rt-r-mx-1{
     --margin-left: calc(-1 * var(--space-1));
     --margin-right: calc(-1 * var(--space-1));
@@ -29102,6 +29749,18 @@
     --margin-left: calc(-1 * var(--space-9));
     --margin-right: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-mx-10{
+    --margin-left: calc(-1 * var(--space-10));
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-mx-11{
+    --margin-left: calc(-1 * var(--space-11));
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-mx-12{
+    --margin-left: calc(-1 * var(--space-12));
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-my,
 .rt-r-my-0,
@@ -29114,6 +29773,9 @@
 .rt-r-my-7,
 .rt-r-my-8,
 .rt-r-my-9,
+.rt-r-my-10,
+.rt-r-my-11,
+.rt-r-my-12,
 .-rt-r-my-1,
 .-rt-r-my-2,
 .-rt-r-my-3,
@@ -29122,7 +29784,10 @@
 .-rt-r-my-6,
 .-rt-r-my-7,
 .-rt-r-my-8,
-.-rt-r-my-9{
+.-rt-r-my-9,
+.-rt-r-my-10,
+.-rt-r-my-11,
+.-rt-r-my-12{
   margin-top: var(--margin-top-override, var(--margin-top));
   margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
 }
@@ -29170,6 +29835,18 @@
   --margin-top: var(--space-9);
   --margin-bottom: var(--space-9);
 }
+.rt-r-my-10{
+  --margin-top: var(--space-10);
+  --margin-bottom: var(--space-10);
+}
+.rt-r-my-11{
+  --margin-top: var(--space-11);
+  --margin-bottom: var(--space-11);
+}
+.rt-r-my-12{
+  --margin-top: var(--space-12);
+  --margin-bottom: var(--space-12);
+}
 .-rt-r-my-1{
   --margin-top: calc(-1 * var(--space-1));
   --margin-bottom: calc(-1 * var(--space-1));
@@ -29206,6 +29883,18 @@
   --margin-top: calc(-1 * var(--space-9));
   --margin-bottom: calc(-1 * var(--space-9));
 }
+.-rt-r-my-10{
+  --margin-top: calc(-1 * var(--space-10));
+  --margin-bottom: calc(-1 * var(--space-10));
+}
+.-rt-r-my-11{
+  --margin-top: calc(-1 * var(--space-11));
+  --margin-bottom: calc(-1 * var(--space-11));
+}
+.-rt-r-my-12{
+  --margin-top: calc(-1 * var(--space-12));
+  --margin-bottom: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-my,
   .xs\:rt-r-my-0,
@@ -29218,6 +29907,9 @@
   .xs\:rt-r-my-7,
   .xs\:rt-r-my-8,
   .xs\:rt-r-my-9,
+  .xs\:rt-r-my-10,
+  .xs\:rt-r-my-11,
+  .xs\:rt-r-my-12,
   .xs\:-rt-r-my-1,
   .xs\:-rt-r-my-2,
   .xs\:-rt-r-my-3,
@@ -29226,7 +29918,10 @@
   .xs\:-rt-r-my-6,
   .xs\:-rt-r-my-7,
   .xs\:-rt-r-my-8,
-  .xs\:-rt-r-my-9{
+  .xs\:-rt-r-my-9,
+  .xs\:-rt-r-my-10,
+  .xs\:-rt-r-my-11,
+  .xs\:-rt-r-my-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
@@ -29274,6 +29969,18 @@
     --margin-top: var(--space-9);
     --margin-bottom: var(--space-9);
   }
+  .xs\:rt-r-my-10{
+    --margin-top: var(--space-10);
+    --margin-bottom: var(--space-10);
+  }
+  .xs\:rt-r-my-11{
+    --margin-top: var(--space-11);
+    --margin-bottom: var(--space-11);
+  }
+  .xs\:rt-r-my-12{
+    --margin-top: var(--space-12);
+    --margin-bottom: var(--space-12);
+  }
   .xs\:-rt-r-my-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-bottom: calc(-1 * var(--space-1));
@@ -29310,6 +30017,18 @@
     --margin-top: calc(-1 * var(--space-9));
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-my-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-my-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-my-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-my,
@@ -29323,6 +30042,9 @@
   .sm\:rt-r-my-7,
   .sm\:rt-r-my-8,
   .sm\:rt-r-my-9,
+  .sm\:rt-r-my-10,
+  .sm\:rt-r-my-11,
+  .sm\:rt-r-my-12,
   .sm\:-rt-r-my-1,
   .sm\:-rt-r-my-2,
   .sm\:-rt-r-my-3,
@@ -29331,7 +30053,10 @@
   .sm\:-rt-r-my-6,
   .sm\:-rt-r-my-7,
   .sm\:-rt-r-my-8,
-  .sm\:-rt-r-my-9{
+  .sm\:-rt-r-my-9,
+  .sm\:-rt-r-my-10,
+  .sm\:-rt-r-my-11,
+  .sm\:-rt-r-my-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
@@ -29379,6 +30104,18 @@
     --margin-top: var(--space-9);
     --margin-bottom: var(--space-9);
   }
+  .sm\:rt-r-my-10{
+    --margin-top: var(--space-10);
+    --margin-bottom: var(--space-10);
+  }
+  .sm\:rt-r-my-11{
+    --margin-top: var(--space-11);
+    --margin-bottom: var(--space-11);
+  }
+  .sm\:rt-r-my-12{
+    --margin-top: var(--space-12);
+    --margin-bottom: var(--space-12);
+  }
   .sm\:-rt-r-my-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-bottom: calc(-1 * var(--space-1));
@@ -29415,6 +30152,18 @@
     --margin-top: calc(-1 * var(--space-9));
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-my-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-my-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-my-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-my,
@@ -29428,6 +30177,9 @@
   .md\:rt-r-my-7,
   .md\:rt-r-my-8,
   .md\:rt-r-my-9,
+  .md\:rt-r-my-10,
+  .md\:rt-r-my-11,
+  .md\:rt-r-my-12,
   .md\:-rt-r-my-1,
   .md\:-rt-r-my-2,
   .md\:-rt-r-my-3,
@@ -29436,7 +30188,10 @@
   .md\:-rt-r-my-6,
   .md\:-rt-r-my-7,
   .md\:-rt-r-my-8,
-  .md\:-rt-r-my-9{
+  .md\:-rt-r-my-9,
+  .md\:-rt-r-my-10,
+  .md\:-rt-r-my-11,
+  .md\:-rt-r-my-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
@@ -29484,6 +30239,18 @@
     --margin-top: var(--space-9);
     --margin-bottom: var(--space-9);
   }
+  .md\:rt-r-my-10{
+    --margin-top: var(--space-10);
+    --margin-bottom: var(--space-10);
+  }
+  .md\:rt-r-my-11{
+    --margin-top: var(--space-11);
+    --margin-bottom: var(--space-11);
+  }
+  .md\:rt-r-my-12{
+    --margin-top: var(--space-12);
+    --margin-bottom: var(--space-12);
+  }
   .md\:-rt-r-my-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-bottom: calc(-1 * var(--space-1));
@@ -29520,6 +30287,18 @@
     --margin-top: calc(-1 * var(--space-9));
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-my-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-my-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-my-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-my,
@@ -29533,6 +30312,9 @@
   .lg\:rt-r-my-7,
   .lg\:rt-r-my-8,
   .lg\:rt-r-my-9,
+  .lg\:rt-r-my-10,
+  .lg\:rt-r-my-11,
+  .lg\:rt-r-my-12,
   .lg\:-rt-r-my-1,
   .lg\:-rt-r-my-2,
   .lg\:-rt-r-my-3,
@@ -29541,7 +30323,10 @@
   .lg\:-rt-r-my-6,
   .lg\:-rt-r-my-7,
   .lg\:-rt-r-my-8,
-  .lg\:-rt-r-my-9{
+  .lg\:-rt-r-my-9,
+  .lg\:-rt-r-my-10,
+  .lg\:-rt-r-my-11,
+  .lg\:-rt-r-my-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
@@ -29589,6 +30374,18 @@
     --margin-top: var(--space-9);
     --margin-bottom: var(--space-9);
   }
+  .lg\:rt-r-my-10{
+    --margin-top: var(--space-10);
+    --margin-bottom: var(--space-10);
+  }
+  .lg\:rt-r-my-11{
+    --margin-top: var(--space-11);
+    --margin-bottom: var(--space-11);
+  }
+  .lg\:rt-r-my-12{
+    --margin-top: var(--space-12);
+    --margin-bottom: var(--space-12);
+  }
   .lg\:-rt-r-my-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-bottom: calc(-1 * var(--space-1));
@@ -29625,6 +30422,18 @@
     --margin-top: calc(-1 * var(--space-9));
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-my-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-my-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-my-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-my,
@@ -29638,6 +30447,9 @@
   .xl\:rt-r-my-7,
   .xl\:rt-r-my-8,
   .xl\:rt-r-my-9,
+  .xl\:rt-r-my-10,
+  .xl\:rt-r-my-11,
+  .xl\:rt-r-my-12,
   .xl\:-rt-r-my-1,
   .xl\:-rt-r-my-2,
   .xl\:-rt-r-my-3,
@@ -29646,7 +30458,10 @@
   .xl\:-rt-r-my-6,
   .xl\:-rt-r-my-7,
   .xl\:-rt-r-my-8,
-  .xl\:-rt-r-my-9{
+  .xl\:-rt-r-my-9,
+  .xl\:-rt-r-my-10,
+  .xl\:-rt-r-my-11,
+  .xl\:-rt-r-my-12{
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
@@ -29694,6 +30509,18 @@
     --margin-top: var(--space-9);
     --margin-bottom: var(--space-9);
   }
+  .xl\:rt-r-my-10{
+    --margin-top: var(--space-10);
+    --margin-bottom: var(--space-10);
+  }
+  .xl\:rt-r-my-11{
+    --margin-top: var(--space-11);
+    --margin-bottom: var(--space-11);
+  }
+  .xl\:rt-r-my-12{
+    --margin-top: var(--space-12);
+    --margin-bottom: var(--space-12);
+  }
   .xl\:-rt-r-my-1{
     --margin-top: calc(-1 * var(--space-1));
     --margin-bottom: calc(-1 * var(--space-1));
@@ -29730,6 +30557,18 @@
     --margin-top: calc(-1 * var(--space-9));
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-my-10{
+    --margin-top: calc(-1 * var(--space-10));
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-my-11{
+    --margin-top: calc(-1 * var(--space-11));
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-my-12{
+    --margin-top: calc(-1 * var(--space-12));
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-mt,
 .rt-r-mt-0,
@@ -29742,6 +30581,9 @@
 .rt-r-mt-7,
 .rt-r-mt-8,
 .rt-r-mt-9,
+.rt-r-mt-10,
+.rt-r-mt-11,
+.rt-r-mt-12,
 .-rt-r-mt-1,
 .-rt-r-mt-2,
 .-rt-r-mt-3,
@@ -29750,7 +30592,10 @@
 .-rt-r-mt-6,
 .-rt-r-mt-7,
 .-rt-r-mt-8,
-.-rt-r-mt-9{
+.-rt-r-mt-9,
+.-rt-r-mt-10,
+.-rt-r-mt-11,
+.-rt-r-mt-12{
   margin-top: var(--margin-top-override, var(--margin-top));
 }
 .rt-r-mt{
@@ -29786,6 +30631,15 @@
 .rt-r-mt-9{
   --margin-top: var(--space-9);
 }
+.rt-r-mt-10{
+  --margin-top: var(--space-10);
+}
+.rt-r-mt-11{
+  --margin-top: var(--space-11);
+}
+.rt-r-mt-12{
+  --margin-top: var(--space-12);
+}
 .-rt-r-mt-1{
   --margin-top: calc(-1 * var(--space-1));
 }
@@ -29813,6 +30667,15 @@
 .-rt-r-mt-9{
   --margin-top: calc(-1 * var(--space-9));
 }
+.-rt-r-mt-10{
+  --margin-top: calc(-1 * var(--space-10));
+}
+.-rt-r-mt-11{
+  --margin-top: calc(-1 * var(--space-11));
+}
+.-rt-r-mt-12{
+  --margin-top: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-mt,
   .xs\:rt-r-mt-0,
@@ -29825,6 +30688,9 @@
   .xs\:rt-r-mt-7,
   .xs\:rt-r-mt-8,
   .xs\:rt-r-mt-9,
+  .xs\:rt-r-mt-10,
+  .xs\:rt-r-mt-11,
+  .xs\:rt-r-mt-12,
   .xs\:-rt-r-mt-1,
   .xs\:-rt-r-mt-2,
   .xs\:-rt-r-mt-3,
@@ -29833,7 +30699,10 @@
   .xs\:-rt-r-mt-6,
   .xs\:-rt-r-mt-7,
   .xs\:-rt-r-mt-8,
-  .xs\:-rt-r-mt-9{
+  .xs\:-rt-r-mt-9,
+  .xs\:-rt-r-mt-10,
+  .xs\:-rt-r-mt-11,
+  .xs\:-rt-r-mt-12{
     margin-top: var(--margin-top-override, var(--margin-top));
   }
   .xs\:rt-r-mt{
@@ -29869,6 +30738,15 @@
   .xs\:rt-r-mt-9{
     --margin-top: var(--space-9);
   }
+  .xs\:rt-r-mt-10{
+    --margin-top: var(--space-10);
+  }
+  .xs\:rt-r-mt-11{
+    --margin-top: var(--space-11);
+  }
+  .xs\:rt-r-mt-12{
+    --margin-top: var(--space-12);
+  }
   .xs\:-rt-r-mt-1{
     --margin-top: calc(-1 * var(--space-1));
   }
@@ -29896,6 +30774,15 @@
   .xs\:-rt-r-mt-9{
     --margin-top: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-mt-10{
+    --margin-top: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-mt-11{
+    --margin-top: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-mt-12{
+    --margin-top: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-mt,
@@ -29909,6 +30796,9 @@
   .sm\:rt-r-mt-7,
   .sm\:rt-r-mt-8,
   .sm\:rt-r-mt-9,
+  .sm\:rt-r-mt-10,
+  .sm\:rt-r-mt-11,
+  .sm\:rt-r-mt-12,
   .sm\:-rt-r-mt-1,
   .sm\:-rt-r-mt-2,
   .sm\:-rt-r-mt-3,
@@ -29917,7 +30807,10 @@
   .sm\:-rt-r-mt-6,
   .sm\:-rt-r-mt-7,
   .sm\:-rt-r-mt-8,
-  .sm\:-rt-r-mt-9{
+  .sm\:-rt-r-mt-9,
+  .sm\:-rt-r-mt-10,
+  .sm\:-rt-r-mt-11,
+  .sm\:-rt-r-mt-12{
     margin-top: var(--margin-top-override, var(--margin-top));
   }
   .sm\:rt-r-mt{
@@ -29953,6 +30846,15 @@
   .sm\:rt-r-mt-9{
     --margin-top: var(--space-9);
   }
+  .sm\:rt-r-mt-10{
+    --margin-top: var(--space-10);
+  }
+  .sm\:rt-r-mt-11{
+    --margin-top: var(--space-11);
+  }
+  .sm\:rt-r-mt-12{
+    --margin-top: var(--space-12);
+  }
   .sm\:-rt-r-mt-1{
     --margin-top: calc(-1 * var(--space-1));
   }
@@ -29980,6 +30882,15 @@
   .sm\:-rt-r-mt-9{
     --margin-top: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-mt-10{
+    --margin-top: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-mt-11{
+    --margin-top: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-mt-12{
+    --margin-top: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-mt,
@@ -29993,6 +30904,9 @@
   .md\:rt-r-mt-7,
   .md\:rt-r-mt-8,
   .md\:rt-r-mt-9,
+  .md\:rt-r-mt-10,
+  .md\:rt-r-mt-11,
+  .md\:rt-r-mt-12,
   .md\:-rt-r-mt-1,
   .md\:-rt-r-mt-2,
   .md\:-rt-r-mt-3,
@@ -30001,7 +30915,10 @@
   .md\:-rt-r-mt-6,
   .md\:-rt-r-mt-7,
   .md\:-rt-r-mt-8,
-  .md\:-rt-r-mt-9{
+  .md\:-rt-r-mt-9,
+  .md\:-rt-r-mt-10,
+  .md\:-rt-r-mt-11,
+  .md\:-rt-r-mt-12{
     margin-top: var(--margin-top-override, var(--margin-top));
   }
   .md\:rt-r-mt{
@@ -30037,6 +30954,15 @@
   .md\:rt-r-mt-9{
     --margin-top: var(--space-9);
   }
+  .md\:rt-r-mt-10{
+    --margin-top: var(--space-10);
+  }
+  .md\:rt-r-mt-11{
+    --margin-top: var(--space-11);
+  }
+  .md\:rt-r-mt-12{
+    --margin-top: var(--space-12);
+  }
   .md\:-rt-r-mt-1{
     --margin-top: calc(-1 * var(--space-1));
   }
@@ -30064,6 +30990,15 @@
   .md\:-rt-r-mt-9{
     --margin-top: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-mt-10{
+    --margin-top: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-mt-11{
+    --margin-top: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-mt-12{
+    --margin-top: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-mt,
@@ -30077,6 +31012,9 @@
   .lg\:rt-r-mt-7,
   .lg\:rt-r-mt-8,
   .lg\:rt-r-mt-9,
+  .lg\:rt-r-mt-10,
+  .lg\:rt-r-mt-11,
+  .lg\:rt-r-mt-12,
   .lg\:-rt-r-mt-1,
   .lg\:-rt-r-mt-2,
   .lg\:-rt-r-mt-3,
@@ -30085,7 +31023,10 @@
   .lg\:-rt-r-mt-6,
   .lg\:-rt-r-mt-7,
   .lg\:-rt-r-mt-8,
-  .lg\:-rt-r-mt-9{
+  .lg\:-rt-r-mt-9,
+  .lg\:-rt-r-mt-10,
+  .lg\:-rt-r-mt-11,
+  .lg\:-rt-r-mt-12{
     margin-top: var(--margin-top-override, var(--margin-top));
   }
   .lg\:rt-r-mt{
@@ -30121,6 +31062,15 @@
   .lg\:rt-r-mt-9{
     --margin-top: var(--space-9);
   }
+  .lg\:rt-r-mt-10{
+    --margin-top: var(--space-10);
+  }
+  .lg\:rt-r-mt-11{
+    --margin-top: var(--space-11);
+  }
+  .lg\:rt-r-mt-12{
+    --margin-top: var(--space-12);
+  }
   .lg\:-rt-r-mt-1{
     --margin-top: calc(-1 * var(--space-1));
   }
@@ -30148,6 +31098,15 @@
   .lg\:-rt-r-mt-9{
     --margin-top: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-mt-10{
+    --margin-top: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-mt-11{
+    --margin-top: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-mt-12{
+    --margin-top: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-mt,
@@ -30161,6 +31120,9 @@
   .xl\:rt-r-mt-7,
   .xl\:rt-r-mt-8,
   .xl\:rt-r-mt-9,
+  .xl\:rt-r-mt-10,
+  .xl\:rt-r-mt-11,
+  .xl\:rt-r-mt-12,
   .xl\:-rt-r-mt-1,
   .xl\:-rt-r-mt-2,
   .xl\:-rt-r-mt-3,
@@ -30169,7 +31131,10 @@
   .xl\:-rt-r-mt-6,
   .xl\:-rt-r-mt-7,
   .xl\:-rt-r-mt-8,
-  .xl\:-rt-r-mt-9{
+  .xl\:-rt-r-mt-9,
+  .xl\:-rt-r-mt-10,
+  .xl\:-rt-r-mt-11,
+  .xl\:-rt-r-mt-12{
     margin-top: var(--margin-top-override, var(--margin-top));
   }
   .xl\:rt-r-mt{
@@ -30205,6 +31170,15 @@
   .xl\:rt-r-mt-9{
     --margin-top: var(--space-9);
   }
+  .xl\:rt-r-mt-10{
+    --margin-top: var(--space-10);
+  }
+  .xl\:rt-r-mt-11{
+    --margin-top: var(--space-11);
+  }
+  .xl\:rt-r-mt-12{
+    --margin-top: var(--space-12);
+  }
   .xl\:-rt-r-mt-1{
     --margin-top: calc(-1 * var(--space-1));
   }
@@ -30232,6 +31206,15 @@
   .xl\:-rt-r-mt-9{
     --margin-top: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-mt-10{
+    --margin-top: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-mt-11{
+    --margin-top: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-mt-12{
+    --margin-top: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-mr,
 .rt-r-mr-0,
@@ -30244,6 +31227,9 @@
 .rt-r-mr-7,
 .rt-r-mr-8,
 .rt-r-mr-9,
+.rt-r-mr-10,
+.rt-r-mr-11,
+.rt-r-mr-12,
 .-rt-r-mr-1,
 .-rt-r-mr-2,
 .-rt-r-mr-3,
@@ -30252,7 +31238,10 @@
 .-rt-r-mr-6,
 .-rt-r-mr-7,
 .-rt-r-mr-8,
-.-rt-r-mr-9{
+.-rt-r-mr-9,
+.-rt-r-mr-10,
+.-rt-r-mr-11,
+.-rt-r-mr-12{
   margin-right: var(--margin-right-override, var(--margin-right));
 }
 .rt-r-mr{
@@ -30288,6 +31277,15 @@
 .rt-r-mr-9{
   --margin-right: var(--space-9);
 }
+.rt-r-mr-10{
+  --margin-right: var(--space-10);
+}
+.rt-r-mr-11{
+  --margin-right: var(--space-11);
+}
+.rt-r-mr-12{
+  --margin-right: var(--space-12);
+}
 .-rt-r-mr-1{
   --margin-right: calc(-1 * var(--space-1));
 }
@@ -30315,6 +31313,15 @@
 .-rt-r-mr-9{
   --margin-right: calc(-1 * var(--space-9));
 }
+.-rt-r-mr-10{
+  --margin-right: calc(-1 * var(--space-10));
+}
+.-rt-r-mr-11{
+  --margin-right: calc(-1 * var(--space-11));
+}
+.-rt-r-mr-12{
+  --margin-right: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-mr,
   .xs\:rt-r-mr-0,
@@ -30327,6 +31334,9 @@
   .xs\:rt-r-mr-7,
   .xs\:rt-r-mr-8,
   .xs\:rt-r-mr-9,
+  .xs\:rt-r-mr-10,
+  .xs\:rt-r-mr-11,
+  .xs\:rt-r-mr-12,
   .xs\:-rt-r-mr-1,
   .xs\:-rt-r-mr-2,
   .xs\:-rt-r-mr-3,
@@ -30335,7 +31345,10 @@
   .xs\:-rt-r-mr-6,
   .xs\:-rt-r-mr-7,
   .xs\:-rt-r-mr-8,
-  .xs\:-rt-r-mr-9{
+  .xs\:-rt-r-mr-9,
+  .xs\:-rt-r-mr-10,
+  .xs\:-rt-r-mr-11,
+  .xs\:-rt-r-mr-12{
     margin-right: var(--margin-right-override, var(--margin-right));
   }
   .xs\:rt-r-mr{
@@ -30371,6 +31384,15 @@
   .xs\:rt-r-mr-9{
     --margin-right: var(--space-9);
   }
+  .xs\:rt-r-mr-10{
+    --margin-right: var(--space-10);
+  }
+  .xs\:rt-r-mr-11{
+    --margin-right: var(--space-11);
+  }
+  .xs\:rt-r-mr-12{
+    --margin-right: var(--space-12);
+  }
   .xs\:-rt-r-mr-1{
     --margin-right: calc(-1 * var(--space-1));
   }
@@ -30398,6 +31420,15 @@
   .xs\:-rt-r-mr-9{
     --margin-right: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-mr-10{
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-mr-11{
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-mr-12{
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-mr,
@@ -30411,6 +31442,9 @@
   .sm\:rt-r-mr-7,
   .sm\:rt-r-mr-8,
   .sm\:rt-r-mr-9,
+  .sm\:rt-r-mr-10,
+  .sm\:rt-r-mr-11,
+  .sm\:rt-r-mr-12,
   .sm\:-rt-r-mr-1,
   .sm\:-rt-r-mr-2,
   .sm\:-rt-r-mr-3,
@@ -30419,7 +31453,10 @@
   .sm\:-rt-r-mr-6,
   .sm\:-rt-r-mr-7,
   .sm\:-rt-r-mr-8,
-  .sm\:-rt-r-mr-9{
+  .sm\:-rt-r-mr-9,
+  .sm\:-rt-r-mr-10,
+  .sm\:-rt-r-mr-11,
+  .sm\:-rt-r-mr-12{
     margin-right: var(--margin-right-override, var(--margin-right));
   }
   .sm\:rt-r-mr{
@@ -30455,6 +31492,15 @@
   .sm\:rt-r-mr-9{
     --margin-right: var(--space-9);
   }
+  .sm\:rt-r-mr-10{
+    --margin-right: var(--space-10);
+  }
+  .sm\:rt-r-mr-11{
+    --margin-right: var(--space-11);
+  }
+  .sm\:rt-r-mr-12{
+    --margin-right: var(--space-12);
+  }
   .sm\:-rt-r-mr-1{
     --margin-right: calc(-1 * var(--space-1));
   }
@@ -30482,6 +31528,15 @@
   .sm\:-rt-r-mr-9{
     --margin-right: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-mr-10{
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-mr-11{
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-mr-12{
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-mr,
@@ -30495,6 +31550,9 @@
   .md\:rt-r-mr-7,
   .md\:rt-r-mr-8,
   .md\:rt-r-mr-9,
+  .md\:rt-r-mr-10,
+  .md\:rt-r-mr-11,
+  .md\:rt-r-mr-12,
   .md\:-rt-r-mr-1,
   .md\:-rt-r-mr-2,
   .md\:-rt-r-mr-3,
@@ -30503,7 +31561,10 @@
   .md\:-rt-r-mr-6,
   .md\:-rt-r-mr-7,
   .md\:-rt-r-mr-8,
-  .md\:-rt-r-mr-9{
+  .md\:-rt-r-mr-9,
+  .md\:-rt-r-mr-10,
+  .md\:-rt-r-mr-11,
+  .md\:-rt-r-mr-12{
     margin-right: var(--margin-right-override, var(--margin-right));
   }
   .md\:rt-r-mr{
@@ -30539,6 +31600,15 @@
   .md\:rt-r-mr-9{
     --margin-right: var(--space-9);
   }
+  .md\:rt-r-mr-10{
+    --margin-right: var(--space-10);
+  }
+  .md\:rt-r-mr-11{
+    --margin-right: var(--space-11);
+  }
+  .md\:rt-r-mr-12{
+    --margin-right: var(--space-12);
+  }
   .md\:-rt-r-mr-1{
     --margin-right: calc(-1 * var(--space-1));
   }
@@ -30566,6 +31636,15 @@
   .md\:-rt-r-mr-9{
     --margin-right: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-mr-10{
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-mr-11{
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-mr-12{
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-mr,
@@ -30579,6 +31658,9 @@
   .lg\:rt-r-mr-7,
   .lg\:rt-r-mr-8,
   .lg\:rt-r-mr-9,
+  .lg\:rt-r-mr-10,
+  .lg\:rt-r-mr-11,
+  .lg\:rt-r-mr-12,
   .lg\:-rt-r-mr-1,
   .lg\:-rt-r-mr-2,
   .lg\:-rt-r-mr-3,
@@ -30587,7 +31669,10 @@
   .lg\:-rt-r-mr-6,
   .lg\:-rt-r-mr-7,
   .lg\:-rt-r-mr-8,
-  .lg\:-rt-r-mr-9{
+  .lg\:-rt-r-mr-9,
+  .lg\:-rt-r-mr-10,
+  .lg\:-rt-r-mr-11,
+  .lg\:-rt-r-mr-12{
     margin-right: var(--margin-right-override, var(--margin-right));
   }
   .lg\:rt-r-mr{
@@ -30623,6 +31708,15 @@
   .lg\:rt-r-mr-9{
     --margin-right: var(--space-9);
   }
+  .lg\:rt-r-mr-10{
+    --margin-right: var(--space-10);
+  }
+  .lg\:rt-r-mr-11{
+    --margin-right: var(--space-11);
+  }
+  .lg\:rt-r-mr-12{
+    --margin-right: var(--space-12);
+  }
   .lg\:-rt-r-mr-1{
     --margin-right: calc(-1 * var(--space-1));
   }
@@ -30650,6 +31744,15 @@
   .lg\:-rt-r-mr-9{
     --margin-right: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-mr-10{
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-mr-11{
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-mr-12{
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-mr,
@@ -30663,6 +31766,9 @@
   .xl\:rt-r-mr-7,
   .xl\:rt-r-mr-8,
   .xl\:rt-r-mr-9,
+  .xl\:rt-r-mr-10,
+  .xl\:rt-r-mr-11,
+  .xl\:rt-r-mr-12,
   .xl\:-rt-r-mr-1,
   .xl\:-rt-r-mr-2,
   .xl\:-rt-r-mr-3,
@@ -30671,7 +31777,10 @@
   .xl\:-rt-r-mr-6,
   .xl\:-rt-r-mr-7,
   .xl\:-rt-r-mr-8,
-  .xl\:-rt-r-mr-9{
+  .xl\:-rt-r-mr-9,
+  .xl\:-rt-r-mr-10,
+  .xl\:-rt-r-mr-11,
+  .xl\:-rt-r-mr-12{
     margin-right: var(--margin-right-override, var(--margin-right));
   }
   .xl\:rt-r-mr{
@@ -30707,6 +31816,15 @@
   .xl\:rt-r-mr-9{
     --margin-right: var(--space-9);
   }
+  .xl\:rt-r-mr-10{
+    --margin-right: var(--space-10);
+  }
+  .xl\:rt-r-mr-11{
+    --margin-right: var(--space-11);
+  }
+  .xl\:rt-r-mr-12{
+    --margin-right: var(--space-12);
+  }
   .xl\:-rt-r-mr-1{
     --margin-right: calc(-1 * var(--space-1));
   }
@@ -30734,6 +31852,15 @@
   .xl\:-rt-r-mr-9{
     --margin-right: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-mr-10{
+    --margin-right: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-mr-11{
+    --margin-right: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-mr-12{
+    --margin-right: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-mb,
 .rt-r-mb-0,
@@ -30746,6 +31873,9 @@
 .rt-r-mb-7,
 .rt-r-mb-8,
 .rt-r-mb-9,
+.rt-r-mb-10,
+.rt-r-mb-11,
+.rt-r-mb-12,
 .-rt-r-mb-1,
 .-rt-r-mb-2,
 .-rt-r-mb-3,
@@ -30754,7 +31884,10 @@
 .-rt-r-mb-6,
 .-rt-r-mb-7,
 .-rt-r-mb-8,
-.-rt-r-mb-9{
+.-rt-r-mb-9,
+.-rt-r-mb-10,
+.-rt-r-mb-11,
+.-rt-r-mb-12{
   margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
 }
 .rt-r-mb{
@@ -30790,6 +31923,15 @@
 .rt-r-mb-9{
   --margin-bottom: var(--space-9);
 }
+.rt-r-mb-10{
+  --margin-bottom: var(--space-10);
+}
+.rt-r-mb-11{
+  --margin-bottom: var(--space-11);
+}
+.rt-r-mb-12{
+  --margin-bottom: var(--space-12);
+}
 .-rt-r-mb-1{
   --margin-bottom: calc(-1 * var(--space-1));
 }
@@ -30817,6 +31959,15 @@
 .-rt-r-mb-9{
   --margin-bottom: calc(-1 * var(--space-9));
 }
+.-rt-r-mb-10{
+  --margin-bottom: calc(-1 * var(--space-10));
+}
+.-rt-r-mb-11{
+  --margin-bottom: calc(-1 * var(--space-11));
+}
+.-rt-r-mb-12{
+  --margin-bottom: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-mb,
   .xs\:rt-r-mb-0,
@@ -30829,6 +31980,9 @@
   .xs\:rt-r-mb-7,
   .xs\:rt-r-mb-8,
   .xs\:rt-r-mb-9,
+  .xs\:rt-r-mb-10,
+  .xs\:rt-r-mb-11,
+  .xs\:rt-r-mb-12,
   .xs\:-rt-r-mb-1,
   .xs\:-rt-r-mb-2,
   .xs\:-rt-r-mb-3,
@@ -30837,7 +31991,10 @@
   .xs\:-rt-r-mb-6,
   .xs\:-rt-r-mb-7,
   .xs\:-rt-r-mb-8,
-  .xs\:-rt-r-mb-9{
+  .xs\:-rt-r-mb-9,
+  .xs\:-rt-r-mb-10,
+  .xs\:-rt-r-mb-11,
+  .xs\:-rt-r-mb-12{
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
   .xs\:rt-r-mb{
@@ -30873,6 +32030,15 @@
   .xs\:rt-r-mb-9{
     --margin-bottom: var(--space-9);
   }
+  .xs\:rt-r-mb-10{
+    --margin-bottom: var(--space-10);
+  }
+  .xs\:rt-r-mb-11{
+    --margin-bottom: var(--space-11);
+  }
+  .xs\:rt-r-mb-12{
+    --margin-bottom: var(--space-12);
+  }
   .xs\:-rt-r-mb-1{
     --margin-bottom: calc(-1 * var(--space-1));
   }
@@ -30900,6 +32066,15 @@
   .xs\:-rt-r-mb-9{
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-mb-10{
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-mb-11{
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-mb-12{
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-mb,
@@ -30913,6 +32088,9 @@
   .sm\:rt-r-mb-7,
   .sm\:rt-r-mb-8,
   .sm\:rt-r-mb-9,
+  .sm\:rt-r-mb-10,
+  .sm\:rt-r-mb-11,
+  .sm\:rt-r-mb-12,
   .sm\:-rt-r-mb-1,
   .sm\:-rt-r-mb-2,
   .sm\:-rt-r-mb-3,
@@ -30921,7 +32099,10 @@
   .sm\:-rt-r-mb-6,
   .sm\:-rt-r-mb-7,
   .sm\:-rt-r-mb-8,
-  .sm\:-rt-r-mb-9{
+  .sm\:-rt-r-mb-9,
+  .sm\:-rt-r-mb-10,
+  .sm\:-rt-r-mb-11,
+  .sm\:-rt-r-mb-12{
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
   .sm\:rt-r-mb{
@@ -30957,6 +32138,15 @@
   .sm\:rt-r-mb-9{
     --margin-bottom: var(--space-9);
   }
+  .sm\:rt-r-mb-10{
+    --margin-bottom: var(--space-10);
+  }
+  .sm\:rt-r-mb-11{
+    --margin-bottom: var(--space-11);
+  }
+  .sm\:rt-r-mb-12{
+    --margin-bottom: var(--space-12);
+  }
   .sm\:-rt-r-mb-1{
     --margin-bottom: calc(-1 * var(--space-1));
   }
@@ -30984,6 +32174,15 @@
   .sm\:-rt-r-mb-9{
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-mb-10{
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-mb-11{
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-mb-12{
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-mb,
@@ -30997,6 +32196,9 @@
   .md\:rt-r-mb-7,
   .md\:rt-r-mb-8,
   .md\:rt-r-mb-9,
+  .md\:rt-r-mb-10,
+  .md\:rt-r-mb-11,
+  .md\:rt-r-mb-12,
   .md\:-rt-r-mb-1,
   .md\:-rt-r-mb-2,
   .md\:-rt-r-mb-3,
@@ -31005,7 +32207,10 @@
   .md\:-rt-r-mb-6,
   .md\:-rt-r-mb-7,
   .md\:-rt-r-mb-8,
-  .md\:-rt-r-mb-9{
+  .md\:-rt-r-mb-9,
+  .md\:-rt-r-mb-10,
+  .md\:-rt-r-mb-11,
+  .md\:-rt-r-mb-12{
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
   .md\:rt-r-mb{
@@ -31041,6 +32246,15 @@
   .md\:rt-r-mb-9{
     --margin-bottom: var(--space-9);
   }
+  .md\:rt-r-mb-10{
+    --margin-bottom: var(--space-10);
+  }
+  .md\:rt-r-mb-11{
+    --margin-bottom: var(--space-11);
+  }
+  .md\:rt-r-mb-12{
+    --margin-bottom: var(--space-12);
+  }
   .md\:-rt-r-mb-1{
     --margin-bottom: calc(-1 * var(--space-1));
   }
@@ -31068,6 +32282,15 @@
   .md\:-rt-r-mb-9{
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-mb-10{
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-mb-11{
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-mb-12{
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-mb,
@@ -31081,6 +32304,9 @@
   .lg\:rt-r-mb-7,
   .lg\:rt-r-mb-8,
   .lg\:rt-r-mb-9,
+  .lg\:rt-r-mb-10,
+  .lg\:rt-r-mb-11,
+  .lg\:rt-r-mb-12,
   .lg\:-rt-r-mb-1,
   .lg\:-rt-r-mb-2,
   .lg\:-rt-r-mb-3,
@@ -31089,7 +32315,10 @@
   .lg\:-rt-r-mb-6,
   .lg\:-rt-r-mb-7,
   .lg\:-rt-r-mb-8,
-  .lg\:-rt-r-mb-9{
+  .lg\:-rt-r-mb-9,
+  .lg\:-rt-r-mb-10,
+  .lg\:-rt-r-mb-11,
+  .lg\:-rt-r-mb-12{
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
   .lg\:rt-r-mb{
@@ -31125,6 +32354,15 @@
   .lg\:rt-r-mb-9{
     --margin-bottom: var(--space-9);
   }
+  .lg\:rt-r-mb-10{
+    --margin-bottom: var(--space-10);
+  }
+  .lg\:rt-r-mb-11{
+    --margin-bottom: var(--space-11);
+  }
+  .lg\:rt-r-mb-12{
+    --margin-bottom: var(--space-12);
+  }
   .lg\:-rt-r-mb-1{
     --margin-bottom: calc(-1 * var(--space-1));
   }
@@ -31152,6 +32390,15 @@
   .lg\:-rt-r-mb-9{
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-mb-10{
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-mb-11{
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-mb-12{
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-mb,
@@ -31165,6 +32412,9 @@
   .xl\:rt-r-mb-7,
   .xl\:rt-r-mb-8,
   .xl\:rt-r-mb-9,
+  .xl\:rt-r-mb-10,
+  .xl\:rt-r-mb-11,
+  .xl\:rt-r-mb-12,
   .xl\:-rt-r-mb-1,
   .xl\:-rt-r-mb-2,
   .xl\:-rt-r-mb-3,
@@ -31173,7 +32423,10 @@
   .xl\:-rt-r-mb-6,
   .xl\:-rt-r-mb-7,
   .xl\:-rt-r-mb-8,
-  .xl\:-rt-r-mb-9{
+  .xl\:-rt-r-mb-9,
+  .xl\:-rt-r-mb-10,
+  .xl\:-rt-r-mb-11,
+  .xl\:-rt-r-mb-12{
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
   }
   .xl\:rt-r-mb{
@@ -31209,6 +32462,15 @@
   .xl\:rt-r-mb-9{
     --margin-bottom: var(--space-9);
   }
+  .xl\:rt-r-mb-10{
+    --margin-bottom: var(--space-10);
+  }
+  .xl\:rt-r-mb-11{
+    --margin-bottom: var(--space-11);
+  }
+  .xl\:rt-r-mb-12{
+    --margin-bottom: var(--space-12);
+  }
   .xl\:-rt-r-mb-1{
     --margin-bottom: calc(-1 * var(--space-1));
   }
@@ -31236,6 +32498,15 @@
   .xl\:-rt-r-mb-9{
     --margin-bottom: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-mb-10{
+    --margin-bottom: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-mb-11{
+    --margin-bottom: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-mb-12{
+    --margin-bottom: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-ml,
 .rt-r-ml-0,
@@ -31248,6 +32519,9 @@
 .rt-r-ml-7,
 .rt-r-ml-8,
 .rt-r-ml-9,
+.rt-r-ml-10,
+.rt-r-ml-11,
+.rt-r-ml-12,
 .-rt-r-ml-1,
 .-rt-r-ml-2,
 .-rt-r-ml-3,
@@ -31256,7 +32530,10 @@
 .-rt-r-ml-6,
 .-rt-r-ml-7,
 .-rt-r-ml-8,
-.-rt-r-ml-9{
+.-rt-r-ml-9,
+.-rt-r-ml-10,
+.-rt-r-ml-11,
+.-rt-r-ml-12{
   margin-left: var(--margin-left-override, var(--margin-left));
 }
 .rt-r-ml{
@@ -31292,6 +32569,15 @@
 .rt-r-ml-9{
   --margin-left: var(--space-9);
 }
+.rt-r-ml-10{
+  --margin-left: var(--space-10);
+}
+.rt-r-ml-11{
+  --margin-left: var(--space-11);
+}
+.rt-r-ml-12{
+  --margin-left: var(--space-12);
+}
 .-rt-r-ml-1{
   --margin-left: calc(-1 * var(--space-1));
 }
@@ -31319,6 +32605,15 @@
 .-rt-r-ml-9{
   --margin-left: calc(-1 * var(--space-9));
 }
+.-rt-r-ml-10{
+  --margin-left: calc(-1 * var(--space-10));
+}
+.-rt-r-ml-11{
+  --margin-left: calc(-1 * var(--space-11));
+}
+.-rt-r-ml-12{
+  --margin-left: calc(-1 * var(--space-12));
+}
 @media (min-width: 520px){
   .xs\:rt-r-ml,
   .xs\:rt-r-ml-0,
@@ -31331,6 +32626,9 @@
   .xs\:rt-r-ml-7,
   .xs\:rt-r-ml-8,
   .xs\:rt-r-ml-9,
+  .xs\:rt-r-ml-10,
+  .xs\:rt-r-ml-11,
+  .xs\:rt-r-ml-12,
   .xs\:-rt-r-ml-1,
   .xs\:-rt-r-ml-2,
   .xs\:-rt-r-ml-3,
@@ -31339,7 +32637,10 @@
   .xs\:-rt-r-ml-6,
   .xs\:-rt-r-ml-7,
   .xs\:-rt-r-ml-8,
-  .xs\:-rt-r-ml-9{
+  .xs\:-rt-r-ml-9,
+  .xs\:-rt-r-ml-10,
+  .xs\:-rt-r-ml-11,
+  .xs\:-rt-r-ml-12{
     margin-left: var(--margin-left-override, var(--margin-left));
   }
   .xs\:rt-r-ml{
@@ -31375,6 +32676,15 @@
   .xs\:rt-r-ml-9{
     --margin-left: var(--space-9);
   }
+  .xs\:rt-r-ml-10{
+    --margin-left: var(--space-10);
+  }
+  .xs\:rt-r-ml-11{
+    --margin-left: var(--space-11);
+  }
+  .xs\:rt-r-ml-12{
+    --margin-left: var(--space-12);
+  }
   .xs\:-rt-r-ml-1{
     --margin-left: calc(-1 * var(--space-1));
   }
@@ -31402,6 +32712,15 @@
   .xs\:-rt-r-ml-9{
     --margin-left: calc(-1 * var(--space-9));
   }
+  .xs\:-rt-r-ml-10{
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .xs\:-rt-r-ml-11{
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .xs\:-rt-r-ml-12{
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 768px){
   .sm\:rt-r-ml,
@@ -31415,6 +32734,9 @@
   .sm\:rt-r-ml-7,
   .sm\:rt-r-ml-8,
   .sm\:rt-r-ml-9,
+  .sm\:rt-r-ml-10,
+  .sm\:rt-r-ml-11,
+  .sm\:rt-r-ml-12,
   .sm\:-rt-r-ml-1,
   .sm\:-rt-r-ml-2,
   .sm\:-rt-r-ml-3,
@@ -31423,7 +32745,10 @@
   .sm\:-rt-r-ml-6,
   .sm\:-rt-r-ml-7,
   .sm\:-rt-r-ml-8,
-  .sm\:-rt-r-ml-9{
+  .sm\:-rt-r-ml-9,
+  .sm\:-rt-r-ml-10,
+  .sm\:-rt-r-ml-11,
+  .sm\:-rt-r-ml-12{
     margin-left: var(--margin-left-override, var(--margin-left));
   }
   .sm\:rt-r-ml{
@@ -31459,6 +32784,15 @@
   .sm\:rt-r-ml-9{
     --margin-left: var(--space-9);
   }
+  .sm\:rt-r-ml-10{
+    --margin-left: var(--space-10);
+  }
+  .sm\:rt-r-ml-11{
+    --margin-left: var(--space-11);
+  }
+  .sm\:rt-r-ml-12{
+    --margin-left: var(--space-12);
+  }
   .sm\:-rt-r-ml-1{
     --margin-left: calc(-1 * var(--space-1));
   }
@@ -31486,6 +32820,15 @@
   .sm\:-rt-r-ml-9{
     --margin-left: calc(-1 * var(--space-9));
   }
+  .sm\:-rt-r-ml-10{
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .sm\:-rt-r-ml-11{
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .sm\:-rt-r-ml-12{
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1024px){
   .md\:rt-r-ml,
@@ -31499,6 +32842,9 @@
   .md\:rt-r-ml-7,
   .md\:rt-r-ml-8,
   .md\:rt-r-ml-9,
+  .md\:rt-r-ml-10,
+  .md\:rt-r-ml-11,
+  .md\:rt-r-ml-12,
   .md\:-rt-r-ml-1,
   .md\:-rt-r-ml-2,
   .md\:-rt-r-ml-3,
@@ -31507,7 +32853,10 @@
   .md\:-rt-r-ml-6,
   .md\:-rt-r-ml-7,
   .md\:-rt-r-ml-8,
-  .md\:-rt-r-ml-9{
+  .md\:-rt-r-ml-9,
+  .md\:-rt-r-ml-10,
+  .md\:-rt-r-ml-11,
+  .md\:-rt-r-ml-12{
     margin-left: var(--margin-left-override, var(--margin-left));
   }
   .md\:rt-r-ml{
@@ -31543,6 +32892,15 @@
   .md\:rt-r-ml-9{
     --margin-left: var(--space-9);
   }
+  .md\:rt-r-ml-10{
+    --margin-left: var(--space-10);
+  }
+  .md\:rt-r-ml-11{
+    --margin-left: var(--space-11);
+  }
+  .md\:rt-r-ml-12{
+    --margin-left: var(--space-12);
+  }
   .md\:-rt-r-ml-1{
     --margin-left: calc(-1 * var(--space-1));
   }
@@ -31570,6 +32928,15 @@
   .md\:-rt-r-ml-9{
     --margin-left: calc(-1 * var(--space-9));
   }
+  .md\:-rt-r-ml-10{
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .md\:-rt-r-ml-11{
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .md\:-rt-r-ml-12{
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1280px){
   .lg\:rt-r-ml,
@@ -31583,6 +32950,9 @@
   .lg\:rt-r-ml-7,
   .lg\:rt-r-ml-8,
   .lg\:rt-r-ml-9,
+  .lg\:rt-r-ml-10,
+  .lg\:rt-r-ml-11,
+  .lg\:rt-r-ml-12,
   .lg\:-rt-r-ml-1,
   .lg\:-rt-r-ml-2,
   .lg\:-rt-r-ml-3,
@@ -31591,7 +32961,10 @@
   .lg\:-rt-r-ml-6,
   .lg\:-rt-r-ml-7,
   .lg\:-rt-r-ml-8,
-  .lg\:-rt-r-ml-9{
+  .lg\:-rt-r-ml-9,
+  .lg\:-rt-r-ml-10,
+  .lg\:-rt-r-ml-11,
+  .lg\:-rt-r-ml-12{
     margin-left: var(--margin-left-override, var(--margin-left));
   }
   .lg\:rt-r-ml{
@@ -31627,6 +33000,15 @@
   .lg\:rt-r-ml-9{
     --margin-left: var(--space-9);
   }
+  .lg\:rt-r-ml-10{
+    --margin-left: var(--space-10);
+  }
+  .lg\:rt-r-ml-11{
+    --margin-left: var(--space-11);
+  }
+  .lg\:rt-r-ml-12{
+    --margin-left: var(--space-12);
+  }
   .lg\:-rt-r-ml-1{
     --margin-left: calc(-1 * var(--space-1));
   }
@@ -31654,6 +33036,15 @@
   .lg\:-rt-r-ml-9{
     --margin-left: calc(-1 * var(--space-9));
   }
+  .lg\:-rt-r-ml-10{
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .lg\:-rt-r-ml-11{
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .lg\:-rt-r-ml-12{
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 @media (min-width: 1640px){
   .xl\:rt-r-ml,
@@ -31667,6 +33058,9 @@
   .xl\:rt-r-ml-7,
   .xl\:rt-r-ml-8,
   .xl\:rt-r-ml-9,
+  .xl\:rt-r-ml-10,
+  .xl\:rt-r-ml-11,
+  .xl\:rt-r-ml-12,
   .xl\:-rt-r-ml-1,
   .xl\:-rt-r-ml-2,
   .xl\:-rt-r-ml-3,
@@ -31675,7 +33069,10 @@
   .xl\:-rt-r-ml-6,
   .xl\:-rt-r-ml-7,
   .xl\:-rt-r-ml-8,
-  .xl\:-rt-r-ml-9{
+  .xl\:-rt-r-ml-9,
+  .xl\:-rt-r-ml-10,
+  .xl\:-rt-r-ml-11,
+  .xl\:-rt-r-ml-12{
     margin-left: var(--margin-left-override, var(--margin-left));
   }
   .xl\:rt-r-ml{
@@ -31711,6 +33108,15 @@
   .xl\:rt-r-ml-9{
     --margin-left: var(--space-9);
   }
+  .xl\:rt-r-ml-10{
+    --margin-left: var(--space-10);
+  }
+  .xl\:rt-r-ml-11{
+    --margin-left: var(--space-11);
+  }
+  .xl\:rt-r-ml-12{
+    --margin-left: var(--space-12);
+  }
   .xl\:-rt-r-ml-1{
     --margin-left: calc(-1 * var(--space-1));
   }
@@ -31738,6 +33144,15 @@
   .xl\:-rt-r-ml-9{
     --margin-left: calc(-1 * var(--space-9));
   }
+  .xl\:-rt-r-ml-10{
+    --margin-left: calc(-1 * var(--space-10));
+  }
+  .xl\:-rt-r-ml-11{
+    --margin-left: calc(-1 * var(--space-11));
+  }
+  .xl\:-rt-r-ml-12{
+    --margin-left: calc(-1 * var(--space-12));
+  }
 }
 .rt-r-overflow-visible{
   overflow: visible;
@@ -32052,6 +33467,15 @@
 .rt-r-p-9{
   padding: var(--space-9);
 }
+.rt-r-p-10{
+  padding: var(--space-10);
+}
+.rt-r-p-11{
+  padding: var(--space-11);
+}
+.rt-r-p-12{
+  padding: var(--space-12);
+}
 .rt-r-p-inset{
   padding-top: var(--inset-padding-top);
   padding-right: var(--inset-padding-right);
@@ -32092,6 +33516,15 @@
   .xs\:rt-r-p-9{
     padding: var(--space-9);
   }
+  .xs\:rt-r-p-10{
+    padding: var(--space-10);
+  }
+  .xs\:rt-r-p-11{
+    padding: var(--space-11);
+  }
+  .xs\:rt-r-p-12{
+    padding: var(--space-12);
+  }
   .xs\:rt-r-p-inset{
     padding-top: var(--inset-padding-top);
     padding-right: var(--inset-padding-right);
@@ -32133,6 +33566,15 @@
   .sm\:rt-r-p-9{
     padding: var(--space-9);
   }
+  .sm\:rt-r-p-10{
+    padding: var(--space-10);
+  }
+  .sm\:rt-r-p-11{
+    padding: var(--space-11);
+  }
+  .sm\:rt-r-p-12{
+    padding: var(--space-12);
+  }
   .sm\:rt-r-p-inset{
     padding-top: var(--inset-padding-top);
     padding-right: var(--inset-padding-right);
@@ -32174,6 +33616,15 @@
   .md\:rt-r-p-9{
     padding: var(--space-9);
   }
+  .md\:rt-r-p-10{
+    padding: var(--space-10);
+  }
+  .md\:rt-r-p-11{
+    padding: var(--space-11);
+  }
+  .md\:rt-r-p-12{
+    padding: var(--space-12);
+  }
   .md\:rt-r-p-inset{
     padding-top: var(--inset-padding-top);
     padding-right: var(--inset-padding-right);
@@ -32215,6 +33666,15 @@
   .lg\:rt-r-p-9{
     padding: var(--space-9);
   }
+  .lg\:rt-r-p-10{
+    padding: var(--space-10);
+  }
+  .lg\:rt-r-p-11{
+    padding: var(--space-11);
+  }
+  .lg\:rt-r-p-12{
+    padding: var(--space-12);
+  }
   .lg\:rt-r-p-inset{
     padding-top: var(--inset-padding-top);
     padding-right: var(--inset-padding-right);
@@ -32256,6 +33716,15 @@
   .xl\:rt-r-p-9{
     padding: var(--space-9);
   }
+  .xl\:rt-r-p-10{
+    padding: var(--space-10);
+  }
+  .xl\:rt-r-p-11{
+    padding: var(--space-11);
+  }
+  .xl\:rt-r-p-12{
+    padding: var(--space-12);
+  }
   .xl\:rt-r-p-inset{
     padding-top: var(--inset-padding-top);
     padding-right: var(--inset-padding-right);
@@ -32307,6 +33776,18 @@
   padding-left: var(--space-9);
   padding-right: var(--space-9);
 }
+.rt-r-px-10{
+  padding-left: var(--space-10);
+  padding-right: var(--space-10);
+}
+.rt-r-px-11{
+  padding-left: var(--space-11);
+  padding-right: var(--space-11);
+}
+.rt-r-px-12{
+  padding-left: var(--space-12);
+  padding-right: var(--space-12);
+}
 .rt-r-px-inset{
   padding-left: var(--inset-padding-left);
   padding-right: var(--inset-padding-right);
@@ -32356,6 +33837,18 @@
     padding-left: var(--space-9);
     padding-right: var(--space-9);
   }
+  .xs\:rt-r-px-10{
+    padding-left: var(--space-10);
+    padding-right: var(--space-10);
+  }
+  .xs\:rt-r-px-11{
+    padding-left: var(--space-11);
+    padding-right: var(--space-11);
+  }
+  .xs\:rt-r-px-12{
+    padding-left: var(--space-12);
+    padding-right: var(--space-12);
+  }
   .xs\:rt-r-px-inset{
     padding-left: var(--inset-padding-left);
     padding-right: var(--inset-padding-right);
@@ -32406,6 +33899,18 @@
     padding-left: var(--space-9);
     padding-right: var(--space-9);
   }
+  .sm\:rt-r-px-10{
+    padding-left: var(--space-10);
+    padding-right: var(--space-10);
+  }
+  .sm\:rt-r-px-11{
+    padding-left: var(--space-11);
+    padding-right: var(--space-11);
+  }
+  .sm\:rt-r-px-12{
+    padding-left: var(--space-12);
+    padding-right: var(--space-12);
+  }
   .sm\:rt-r-px-inset{
     padding-left: var(--inset-padding-left);
     padding-right: var(--inset-padding-right);
@@ -32456,6 +33961,18 @@
     padding-left: var(--space-9);
     padding-right: var(--space-9);
   }
+  .md\:rt-r-px-10{
+    padding-left: var(--space-10);
+    padding-right: var(--space-10);
+  }
+  .md\:rt-r-px-11{
+    padding-left: var(--space-11);
+    padding-right: var(--space-11);
+  }
+  .md\:rt-r-px-12{
+    padding-left: var(--space-12);
+    padding-right: var(--space-12);
+  }
   .md\:rt-r-px-inset{
     padding-left: var(--inset-padding-left);
     padding-right: var(--inset-padding-right);
@@ -32506,6 +34023,18 @@
     padding-left: var(--space-9);
     padding-right: var(--space-9);
   }
+  .lg\:rt-r-px-10{
+    padding-left: var(--space-10);
+    padding-right: var(--space-10);
+  }
+  .lg\:rt-r-px-11{
+    padding-left: var(--space-11);
+    padding-right: var(--space-11);
+  }
+  .lg\:rt-r-px-12{
+    padding-left: var(--space-12);
+    padding-right: var(--space-12);
+  }
   .lg\:rt-r-px-inset{
     padding-left: var(--inset-padding-left);
     padding-right: var(--inset-padding-right);
@@ -32556,6 +34085,18 @@
     padding-left: var(--space-9);
     padding-right: var(--space-9);
   }
+  .xl\:rt-r-px-10{
+    padding-left: var(--space-10);
+    padding-right: var(--space-10);
+  }
+  .xl\:rt-r-px-11{
+    padding-left: var(--space-11);
+    padding-right: var(--space-11);
+  }
+  .xl\:rt-r-px-12{
+    padding-left: var(--space-12);
+    padding-right: var(--space-12);
+  }
   .xl\:rt-r-px-inset{
     padding-left: var(--inset-padding-left);
     padding-right: var(--inset-padding-right);
@@ -32605,6 +34146,18 @@
   padding-top: var(--space-9);
   padding-bottom: var(--space-9);
 }
+.rt-r-py-10{
+  padding-top: var(--space-10);
+  padding-bottom: var(--space-10);
+}
+.rt-r-py-11{
+  padding-top: var(--space-11);
+  padding-bottom: var(--space-11);
+}
+.rt-r-py-12{
+  padding-top: var(--space-12);
+  padding-bottom: var(--space-12);
+}
 .rt-r-py-inset{
   padding-top: var(--inset-padding-top);
   padding-bottom: var(--inset-padding-bottom);
@@ -32654,6 +34207,18 @@
     padding-top: var(--space-9);
     padding-bottom: var(--space-9);
   }
+  .xs\:rt-r-py-10{
+    padding-top: var(--space-10);
+    padding-bottom: var(--space-10);
+  }
+  .xs\:rt-r-py-11{
+    padding-top: var(--space-11);
+    padding-bottom: var(--space-11);
+  }
+  .xs\:rt-r-py-12{
+    padding-top: var(--space-12);
+    padding-bottom: var(--space-12);
+  }
   .xs\:rt-r-py-inset{
     padding-top: var(--inset-padding-top);
     padding-bottom: var(--inset-padding-bottom);
@@ -32704,6 +34269,18 @@
     padding-top: var(--space-9);
     padding-bottom: var(--space-9);
   }
+  .sm\:rt-r-py-10{
+    padding-top: var(--space-10);
+    padding-bottom: var(--space-10);
+  }
+  .sm\:rt-r-py-11{
+    padding-top: var(--space-11);
+    padding-bottom: var(--space-11);
+  }
+  .sm\:rt-r-py-12{
+    padding-top: var(--space-12);
+    padding-bottom: var(--space-12);
+  }
   .sm\:rt-r-py-inset{
     padding-top: var(--inset-padding-top);
     padding-bottom: var(--inset-padding-bottom);
@@ -32754,6 +34331,18 @@
     padding-top: var(--space-9);
     padding-bottom: var(--space-9);
   }
+  .md\:rt-r-py-10{
+    padding-top: var(--space-10);
+    padding-bottom: var(--space-10);
+  }
+  .md\:rt-r-py-11{
+    padding-top: var(--space-11);
+    padding-bottom: var(--space-11);
+  }
+  .md\:rt-r-py-12{
+    padding-top: var(--space-12);
+    padding-bottom: var(--space-12);
+  }
   .md\:rt-r-py-inset{
     padding-top: var(--inset-padding-top);
     padding-bottom: var(--inset-padding-bottom);
@@ -32804,6 +34393,18 @@
     padding-top: var(--space-9);
     padding-bottom: var(--space-9);
   }
+  .lg\:rt-r-py-10{
+    padding-top: var(--space-10);
+    padding-bottom: var(--space-10);
+  }
+  .lg\:rt-r-py-11{
+    padding-top: var(--space-11);
+    padding-bottom: var(--space-11);
+  }
+  .lg\:rt-r-py-12{
+    padding-top: var(--space-12);
+    padding-bottom: var(--space-12);
+  }
   .lg\:rt-r-py-inset{
     padding-top: var(--inset-padding-top);
     padding-bottom: var(--inset-padding-bottom);
@@ -32854,6 +34455,18 @@
     padding-top: var(--space-9);
     padding-bottom: var(--space-9);
   }
+  .xl\:rt-r-py-10{
+    padding-top: var(--space-10);
+    padding-bottom: var(--space-10);
+  }
+  .xl\:rt-r-py-11{
+    padding-top: var(--space-11);
+    padding-bottom: var(--space-11);
+  }
+  .xl\:rt-r-py-12{
+    padding-top: var(--space-12);
+    padding-bottom: var(--space-12);
+  }
   .xl\:rt-r-py-inset{
     padding-top: var(--inset-padding-top);
     padding-bottom: var(--inset-padding-bottom);
@@ -32892,6 +34505,15 @@
 .rt-r-pt-9{
   padding-top: var(--space-9);
 }
+.rt-r-pt-10{
+  padding-top: var(--space-10);
+}
+.rt-r-pt-11{
+  padding-top: var(--space-11);
+}
+.rt-r-pt-12{
+  padding-top: var(--space-12);
+}
 .rt-r-pt-inset{
   padding-top: var(--inset-padding-top);
 }
@@ -32929,6 +34551,15 @@
   .xs\:rt-r-pt-9{
     padding-top: var(--space-9);
   }
+  .xs\:rt-r-pt-10{
+    padding-top: var(--space-10);
+  }
+  .xs\:rt-r-pt-11{
+    padding-top: var(--space-11);
+  }
+  .xs\:rt-r-pt-12{
+    padding-top: var(--space-12);
+  }
   .xs\:rt-r-pt-inset{
     padding-top: var(--inset-padding-top);
   }
@@ -32967,6 +34598,15 @@
   .sm\:rt-r-pt-9{
     padding-top: var(--space-9);
   }
+  .sm\:rt-r-pt-10{
+    padding-top: var(--space-10);
+  }
+  .sm\:rt-r-pt-11{
+    padding-top: var(--space-11);
+  }
+  .sm\:rt-r-pt-12{
+    padding-top: var(--space-12);
+  }
   .sm\:rt-r-pt-inset{
     padding-top: var(--inset-padding-top);
   }
@@ -33005,6 +34645,15 @@
   .md\:rt-r-pt-9{
     padding-top: var(--space-9);
   }
+  .md\:rt-r-pt-10{
+    padding-top: var(--space-10);
+  }
+  .md\:rt-r-pt-11{
+    padding-top: var(--space-11);
+  }
+  .md\:rt-r-pt-12{
+    padding-top: var(--space-12);
+  }
   .md\:rt-r-pt-inset{
     padding-top: var(--inset-padding-top);
   }
@@ -33043,6 +34692,15 @@
   .lg\:rt-r-pt-9{
     padding-top: var(--space-9);
   }
+  .lg\:rt-r-pt-10{
+    padding-top: var(--space-10);
+  }
+  .lg\:rt-r-pt-11{
+    padding-top: var(--space-11);
+  }
+  .lg\:rt-r-pt-12{
+    padding-top: var(--space-12);
+  }
   .lg\:rt-r-pt-inset{
     padding-top: var(--inset-padding-top);
   }
@@ -33081,6 +34739,15 @@
   .xl\:rt-r-pt-9{
     padding-top: var(--space-9);
   }
+  .xl\:rt-r-pt-10{
+    padding-top: var(--space-10);
+  }
+  .xl\:rt-r-pt-11{
+    padding-top: var(--space-11);
+  }
+  .xl\:rt-r-pt-12{
+    padding-top: var(--space-12);
+  }
   .xl\:rt-r-pt-inset{
     padding-top: var(--inset-padding-top);
   }
@@ -33118,6 +34785,15 @@
 .rt-r-pr-9{
   padding-right: var(--space-9);
 }
+.rt-r-pr-10{
+  padding-right: var(--space-10);
+}
+.rt-r-pr-11{
+  padding-right: var(--space-11);
+}
+.rt-r-pr-12{
+  padding-right: var(--space-12);
+}
 .rt-r-pr-inset{
   padding-right: var(--inset-padding-right);
 }
@@ -33155,6 +34831,15 @@
   .xs\:rt-r-pr-9{
     padding-right: var(--space-9);
   }
+  .xs\:rt-r-pr-10{
+    padding-right: var(--space-10);
+  }
+  .xs\:rt-r-pr-11{
+    padding-right: var(--space-11);
+  }
+  .xs\:rt-r-pr-12{
+    padding-right: var(--space-12);
+  }
   .xs\:rt-r-pr-inset{
     padding-right: var(--inset-padding-right);
   }
@@ -33193,6 +34878,15 @@
   .sm\:rt-r-pr-9{
     padding-right: var(--space-9);
   }
+  .sm\:rt-r-pr-10{
+    padding-right: var(--space-10);
+  }
+  .sm\:rt-r-pr-11{
+    padding-right: var(--space-11);
+  }
+  .sm\:rt-r-pr-12{
+    padding-right: var(--space-12);
+  }
   .sm\:rt-r-pr-inset{
     padding-right: var(--inset-padding-right);
   }
@@ -33231,6 +34925,15 @@
   .md\:rt-r-pr-9{
     padding-right: var(--space-9);
   }
+  .md\:rt-r-pr-10{
+    padding-right: var(--space-10);
+  }
+  .md\:rt-r-pr-11{
+    padding-right: var(--space-11);
+  }
+  .md\:rt-r-pr-12{
+    padding-right: var(--space-12);
+  }
   .md\:rt-r-pr-inset{
     padding-right: var(--inset-padding-right);
   }
@@ -33269,6 +34972,15 @@
   .lg\:rt-r-pr-9{
     padding-right: var(--space-9);
   }
+  .lg\:rt-r-pr-10{
+    padding-right: var(--space-10);
+  }
+  .lg\:rt-r-pr-11{
+    padding-right: var(--space-11);
+  }
+  .lg\:rt-r-pr-12{
+    padding-right: var(--space-12);
+  }
   .lg\:rt-r-pr-inset{
     padding-right: var(--inset-padding-right);
   }
@@ -33307,6 +35019,15 @@
   .xl\:rt-r-pr-9{
     padding-right: var(--space-9);
   }
+  .xl\:rt-r-pr-10{
+    padding-right: var(--space-10);
+  }
+  .xl\:rt-r-pr-11{
+    padding-right: var(--space-11);
+  }
+  .xl\:rt-r-pr-12{
+    padding-right: var(--space-12);
+  }
   .xl\:rt-r-pr-inset{
     padding-right: var(--inset-padding-right);
   }
@@ -33344,6 +35065,15 @@
 .rt-r-pb-9{
   padding-bottom: var(--space-9);
 }
+.rt-r-pb-10{
+  padding-bottom: var(--space-10);
+}
+.rt-r-pb-11{
+  padding-bottom: var(--space-11);
+}
+.rt-r-pb-12{
+  padding-bottom: var(--space-12);
+}
 .rt-r-pb-inset{
   padding-bottom: var(--inset-padding-bottom);
 }
@@ -33381,6 +35111,15 @@
   .xs\:rt-r-pb-9{
     padding-bottom: var(--space-9);
   }
+  .xs\:rt-r-pb-10{
+    padding-bottom: var(--space-10);
+  }
+  .xs\:rt-r-pb-11{
+    padding-bottom: var(--space-11);
+  }
+  .xs\:rt-r-pb-12{
+    padding-bottom: var(--space-12);
+  }
   .xs\:rt-r-pb-inset{
     padding-bottom: var(--inset-padding-bottom);
   }
@@ -33419,6 +35158,15 @@
   .sm\:rt-r-pb-9{
     padding-bottom: var(--space-9);
   }
+  .sm\:rt-r-pb-10{
+    padding-bottom: var(--space-10);
+  }
+  .sm\:rt-r-pb-11{
+    padding-bottom: var(--space-11);
+  }
+  .sm\:rt-r-pb-12{
+    padding-bottom: var(--space-12);
+  }
   .sm\:rt-r-pb-inset{
     padding-bottom: var(--inset-padding-bottom);
   }
@@ -33457,6 +35205,15 @@
   .md\:rt-r-pb-9{
     padding-bottom: var(--space-9);
   }
+  .md\:rt-r-pb-10{
+    padding-bottom: var(--space-10);
+  }
+  .md\:rt-r-pb-11{
+    padding-bottom: var(--space-11);
+  }
+  .md\:rt-r-pb-12{
+    padding-bottom: var(--space-12);
+  }
   .md\:rt-r-pb-inset{
     padding-bottom: var(--inset-padding-bottom);
   }
@@ -33495,6 +35252,15 @@
   .lg\:rt-r-pb-9{
     padding-bottom: var(--space-9);
   }
+  .lg\:rt-r-pb-10{
+    padding-bottom: var(--space-10);
+  }
+  .lg\:rt-r-pb-11{
+    padding-bottom: var(--space-11);
+  }
+  .lg\:rt-r-pb-12{
+    padding-bottom: var(--space-12);
+  }
   .lg\:rt-r-pb-inset{
     padding-bottom: var(--inset-padding-bottom);
   }
@@ -33533,6 +35299,15 @@
   .xl\:rt-r-pb-9{
     padding-bottom: var(--space-9);
   }
+  .xl\:rt-r-pb-10{
+    padding-bottom: var(--space-10);
+  }
+  .xl\:rt-r-pb-11{
+    padding-bottom: var(--space-11);
+  }
+  .xl\:rt-r-pb-12{
+    padding-bottom: var(--space-12);
+  }
   .xl\:rt-r-pb-inset{
     padding-bottom: var(--inset-padding-bottom);
   }
@@ -33570,6 +35345,15 @@
 .rt-r-pl-9{
   padding-left: var(--space-9);
 }
+.rt-r-pl-10{
+  padding-left: var(--space-10);
+}
+.rt-r-pl-11{
+  padding-left: var(--space-11);
+}
+.rt-r-pl-12{
+  padding-left: var(--space-12);
+}
 .rt-r-pl-inset{
   padding-left: var(--inset-padding-left);
 }
@@ -33607,6 +35391,15 @@
   .xs\:rt-r-pl-9{
     padding-left: var(--space-9);
   }
+  .xs\:rt-r-pl-10{
+    padding-left: var(--space-10);
+  }
+  .xs\:rt-r-pl-11{
+    padding-left: var(--space-11);
+  }
+  .xs\:rt-r-pl-12{
+    padding-left: var(--space-12);
+  }
   .xs\:rt-r-pl-inset{
     padding-left: var(--inset-padding-left);
   }
@@ -33645,6 +35438,15 @@
   .sm\:rt-r-pl-9{
     padding-left: var(--space-9);
   }
+  .sm\:rt-r-pl-10{
+    padding-left: var(--space-10);
+  }
+  .sm\:rt-r-pl-11{
+    padding-left: var(--space-11);
+  }
+  .sm\:rt-r-pl-12{
+    padding-left: var(--space-12);
+  }
   .sm\:rt-r-pl-inset{
     padding-left: var(--inset-padding-left);
   }
@@ -33683,6 +35485,15 @@
   .md\:rt-r-pl-9{
     padding-left: var(--space-9);
   }
+  .md\:rt-r-pl-10{
+    padding-left: var(--space-10);
+  }
+  .md\:rt-r-pl-11{
+    padding-left: var(--space-11);
+  }
+  .md\:rt-r-pl-12{
+    padding-left: var(--space-12);
+  }
   .md\:rt-r-pl-inset{
     padding-left: var(--inset-padding-left);
   }
@@ -33721,6 +35532,15 @@
   .lg\:rt-r-pl-9{
     padding-left: var(--space-9);
   }
+  .lg\:rt-r-pl-10{
+    padding-left: var(--space-10);
+  }
+  .lg\:rt-r-pl-11{
+    padding-left: var(--space-11);
+  }
+  .lg\:rt-r-pl-12{
+    padding-left: var(--space-12);
+  }
   .lg\:rt-r-pl-inset{
     padding-left: var(--inset-padding-left);
   }
@@ -33759,6 +35579,15 @@
   .xl\:rt-r-pl-9{
     padding-left: var(--space-9);
   }
+  .xl\:rt-r-pl-10{
+    padding-left: var(--space-10);
+  }
+  .xl\:rt-r-pl-11{
+    padding-left: var(--space-11);
+  }
+  .xl\:rt-r-pl-12{
+    padding-left: var(--space-12);
+  }
   .xl\:rt-r-pl-inset{
     padding-left: var(--inset-padding-left);
   }