@womp/kookie-ui 0.34.1 → 0.34.2

package/styles.css

@@ -13688,6 +13688,17 @@
 :where(.kui-SegmentedControlItem[data-state='on']) .kui-SegmentedControlItemLabelActive {
   opacity: 1;
 }
+.kui-SegmentedControlItemLabelActive:where([data-single]) {
+  opacity: 1;
+  font-weight: var(--font-weight-regular);
+  letter-spacing: var(--tab-inactive-letter-spacing);
+  word-spacing: var(--tab-inactive-word-spacing);
+}
+:where(.kui-SegmentedControlItem[data-state='on']) .kui-SegmentedControlItemLabelActive:where([data-single]) {
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--tab-active-letter-spacing);
+  word-spacing: var(--tab-active-word-spacing);
+}
 .kui-SegmentedControlItemSeparator {
   z-index: -1;
   padding-block: calc(var(--space-2) * 0.75);
@@ -20770,7 +20781,7 @@
   min-block-size: var(--control-height-3);
   padding-inline: var(--layout-space-3);
   border-radius: var(--radius-control-3);
-  color: var(--gray-12);
+  color: var(--neutral-12);
   font-size: var(--font-size-3);
   line-height: var(--line-height-3);
   text-align: start;
@@ -20792,15 +20803,15 @@
 .kui-NavigatorLinkGlyph {
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  color: var(--gray-a10);
+  color: var(--neutral-a10);
 }
 @media (hover: hover) {
   .kui-NavigatorLink:where(:hover) {
-    background-color: var(--gray-a3);
+    background-color: var(--neutral-a3);
   }
 }
 .kui-NavigatorLink:where(:active) {
-  background-color: var(--gray-a4);
+  background-color: var(--neutral-a4);
 }
 .kui-NavigatorLink:where(:focus-visible) {
   outline: 2px solid var(--focus-8);
@@ -25854,6 +25865,33 @@
 .kui-r-inset-12 {
   inset: var(--space-12);
 }
+.-kui-r-inset-1 {
+  inset: calc(-1 * var(--space-1));
+}
+.-kui-r-inset-2 {
+  inset: calc(-1 * var(--space-2));
+}
+.-kui-r-inset-3 {
+  inset: calc(-1 * var(--space-3));
+}
+.-kui-r-inset-4 {
+  inset: calc(-1 * var(--space-4));
+}
+.-kui-r-inset-5 {
+  inset: calc(-1 * var(--space-5));
+}
+.-kui-r-inset-6 {
+  inset: calc(-1 * var(--space-6));
+}
+.-kui-r-inset-7 {
+  inset: calc(-1 * var(--space-7));
+}
+.-kui-r-inset-8 {
+  inset: calc(-1 * var(--space-8));
+}
+.-kui-r-inset-9 {
+  inset: calc(-1 * var(--space-9));
+}
 @media (min-width: 520px) {
   .xs\:kui-r-inset {
     inset: var(--inset-xs)
@@ -25897,6 +25935,33 @@
   .xs\:kui-r-inset-12 {
     inset: var(--space-12);
   }
+  .xs\:-kui-r-inset-1 {
+    inset: calc(-1 * var(--space-1));
+  }
+  .xs\:-kui-r-inset-2 {
+    inset: calc(-1 * var(--space-2));
+  }
+  .xs\:-kui-r-inset-3 {
+    inset: calc(-1 * var(--space-3));
+  }
+  .xs\:-kui-r-inset-4 {
+    inset: calc(-1 * var(--space-4));
+  }
+  .xs\:-kui-r-inset-5 {
+    inset: calc(-1 * var(--space-5));
+  }
+  .xs\:-kui-r-inset-6 {
+    inset: calc(-1 * var(--space-6));
+  }
+  .xs\:-kui-r-inset-7 {
+    inset: calc(-1 * var(--space-7));
+  }
+  .xs\:-kui-r-inset-8 {
+    inset: calc(-1 * var(--space-8));
+  }
+  .xs\:-kui-r-inset-9 {
+    inset: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 768px) {
   .sm\:kui-r-inset {
@@ -25941,6 +26006,33 @@
   .sm\:kui-r-inset-12 {
     inset: var(--space-12);
   }
+  .sm\:-kui-r-inset-1 {
+    inset: calc(-1 * var(--space-1));
+  }
+  .sm\:-kui-r-inset-2 {
+    inset: calc(-1 * var(--space-2));
+  }
+  .sm\:-kui-r-inset-3 {
+    inset: calc(-1 * var(--space-3));
+  }
+  .sm\:-kui-r-inset-4 {
+    inset: calc(-1 * var(--space-4));
+  }
+  .sm\:-kui-r-inset-5 {
+    inset: calc(-1 * var(--space-5));
+  }
+  .sm\:-kui-r-inset-6 {
+    inset: calc(-1 * var(--space-6));
+  }
+  .sm\:-kui-r-inset-7 {
+    inset: calc(-1 * var(--space-7));
+  }
+  .sm\:-kui-r-inset-8 {
+    inset: calc(-1 * var(--space-8));
+  }
+  .sm\:-kui-r-inset-9 {
+    inset: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1024px) {
   .md\:kui-r-inset {
@@ -25985,6 +26077,33 @@
   .md\:kui-r-inset-12 {
     inset: var(--space-12);
   }
+  .md\:-kui-r-inset-1 {
+    inset: calc(-1 * var(--space-1));
+  }
+  .md\:-kui-r-inset-2 {
+    inset: calc(-1 * var(--space-2));
+  }
+  .md\:-kui-r-inset-3 {
+    inset: calc(-1 * var(--space-3));
+  }
+  .md\:-kui-r-inset-4 {
+    inset: calc(-1 * var(--space-4));
+  }
+  .md\:-kui-r-inset-5 {
+    inset: calc(-1 * var(--space-5));
+  }
+  .md\:-kui-r-inset-6 {
+    inset: calc(-1 * var(--space-6));
+  }
+  .md\:-kui-r-inset-7 {
+    inset: calc(-1 * var(--space-7));
+  }
+  .md\:-kui-r-inset-8 {
+    inset: calc(-1 * var(--space-8));
+  }
+  .md\:-kui-r-inset-9 {
+    inset: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1280px) {
   .lg\:kui-r-inset {
@@ -26029,6 +26148,33 @@
   .lg\:kui-r-inset-12 {
     inset: var(--space-12);
   }
+  .lg\:-kui-r-inset-1 {
+    inset: calc(-1 * var(--space-1));
+  }
+  .lg\:-kui-r-inset-2 {
+    inset: calc(-1 * var(--space-2));
+  }
+  .lg\:-kui-r-inset-3 {
+    inset: calc(-1 * var(--space-3));
+  }
+  .lg\:-kui-r-inset-4 {
+    inset: calc(-1 * var(--space-4));
+  }
+  .lg\:-kui-r-inset-5 {
+    inset: calc(-1 * var(--space-5));
+  }
+  .lg\:-kui-r-inset-6 {
+    inset: calc(-1 * var(--space-6));
+  }
+  .lg\:-kui-r-inset-7 {
+    inset: calc(-1 * var(--space-7));
+  }
+  .lg\:-kui-r-inset-8 {
+    inset: calc(-1 * var(--space-8));
+  }
+  .lg\:-kui-r-inset-9 {
+    inset: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1640px) {
   .xl\:kui-r-inset {
@@ -26073,6 +26219,33 @@
   .xl\:kui-r-inset-12 {
     inset: var(--space-12);
   }
+  .xl\:-kui-r-inset-1 {
+    inset: calc(-1 * var(--space-1));
+  }
+  .xl\:-kui-r-inset-2 {
+    inset: calc(-1 * var(--space-2));
+  }
+  .xl\:-kui-r-inset-3 {
+    inset: calc(-1 * var(--space-3));
+  }
+  .xl\:-kui-r-inset-4 {
+    inset: calc(-1 * var(--space-4));
+  }
+  .xl\:-kui-r-inset-5 {
+    inset: calc(-1 * var(--space-5));
+  }
+  .xl\:-kui-r-inset-6 {
+    inset: calc(-1 * var(--space-6));
+  }
+  .xl\:-kui-r-inset-7 {
+    inset: calc(-1 * var(--space-7));
+  }
+  .xl\:-kui-r-inset-8 {
+    inset: calc(-1 * var(--space-8));
+  }
+  .xl\:-kui-r-inset-9 {
+    inset: calc(-1 * var(--space-9));
+  }
 }
 .kui-r-top {
   top: var(--top)
@@ -26116,6 +26289,33 @@
 .kui-r-top-12 {
   top: var(--space-12);
 }
+.-kui-r-top-1 {
+  top: calc(-1 * var(--space-1));
+}
+.-kui-r-top-2 {
+  top: calc(-1 * var(--space-2));
+}
+.-kui-r-top-3 {
+  top: calc(-1 * var(--space-3));
+}
+.-kui-r-top-4 {
+  top: calc(-1 * var(--space-4));
+}
+.-kui-r-top-5 {
+  top: calc(-1 * var(--space-5));
+}
+.-kui-r-top-6 {
+  top: calc(-1 * var(--space-6));
+}
+.-kui-r-top-7 {
+  top: calc(-1 * var(--space-7));
+}
+.-kui-r-top-8 {
+  top: calc(-1 * var(--space-8));
+}
+.-kui-r-top-9 {
+  top: calc(-1 * var(--space-9));
+}
 @media (min-width: 520px) {
   .xs\:kui-r-top {
     top: var(--top-xs)
@@ -26159,6 +26359,33 @@
   .xs\:kui-r-top-12 {
     top: var(--space-12);
   }
+  .xs\:-kui-r-top-1 {
+    top: calc(-1 * var(--space-1));
+  }
+  .xs\:-kui-r-top-2 {
+    top: calc(-1 * var(--space-2));
+  }
+  .xs\:-kui-r-top-3 {
+    top: calc(-1 * var(--space-3));
+  }
+  .xs\:-kui-r-top-4 {
+    top: calc(-1 * var(--space-4));
+  }
+  .xs\:-kui-r-top-5 {
+    top: calc(-1 * var(--space-5));
+  }
+  .xs\:-kui-r-top-6 {
+    top: calc(-1 * var(--space-6));
+  }
+  .xs\:-kui-r-top-7 {
+    top: calc(-1 * var(--space-7));
+  }
+  .xs\:-kui-r-top-8 {
+    top: calc(-1 * var(--space-8));
+  }
+  .xs\:-kui-r-top-9 {
+    top: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 768px) {
   .sm\:kui-r-top {
@@ -26203,6 +26430,33 @@
   .sm\:kui-r-top-12 {
     top: var(--space-12);
   }
+  .sm\:-kui-r-top-1 {
+    top: calc(-1 * var(--space-1));
+  }
+  .sm\:-kui-r-top-2 {
+    top: calc(-1 * var(--space-2));
+  }
+  .sm\:-kui-r-top-3 {
+    top: calc(-1 * var(--space-3));
+  }
+  .sm\:-kui-r-top-4 {
+    top: calc(-1 * var(--space-4));
+  }
+  .sm\:-kui-r-top-5 {
+    top: calc(-1 * var(--space-5));
+  }
+  .sm\:-kui-r-top-6 {
+    top: calc(-1 * var(--space-6));
+  }
+  .sm\:-kui-r-top-7 {
+    top: calc(-1 * var(--space-7));
+  }
+  .sm\:-kui-r-top-8 {
+    top: calc(-1 * var(--space-8));
+  }
+  .sm\:-kui-r-top-9 {
+    top: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1024px) {
   .md\:kui-r-top {
@@ -26247,6 +26501,33 @@
   .md\:kui-r-top-12 {
     top: var(--space-12);
   }
+  .md\:-kui-r-top-1 {
+    top: calc(-1 * var(--space-1));
+  }
+  .md\:-kui-r-top-2 {
+    top: calc(-1 * var(--space-2));
+  }
+  .md\:-kui-r-top-3 {
+    top: calc(-1 * var(--space-3));
+  }
+  .md\:-kui-r-top-4 {
+    top: calc(-1 * var(--space-4));
+  }
+  .md\:-kui-r-top-5 {
+    top: calc(-1 * var(--space-5));
+  }
+  .md\:-kui-r-top-6 {
+    top: calc(-1 * var(--space-6));
+  }
+  .md\:-kui-r-top-7 {
+    top: calc(-1 * var(--space-7));
+  }
+  .md\:-kui-r-top-8 {
+    top: calc(-1 * var(--space-8));
+  }
+  .md\:-kui-r-top-9 {
+    top: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1280px) {
   .lg\:kui-r-top {
@@ -26291,6 +26572,33 @@
   .lg\:kui-r-top-12 {
     top: var(--space-12);
   }
+  .lg\:-kui-r-top-1 {
+    top: calc(-1 * var(--space-1));
+  }
+  .lg\:-kui-r-top-2 {
+    top: calc(-1 * var(--space-2));
+  }
+  .lg\:-kui-r-top-3 {
+    top: calc(-1 * var(--space-3));
+  }
+  .lg\:-kui-r-top-4 {
+    top: calc(-1 * var(--space-4));
+  }
+  .lg\:-kui-r-top-5 {
+    top: calc(-1 * var(--space-5));
+  }
+  .lg\:-kui-r-top-6 {
+    top: calc(-1 * var(--space-6));
+  }
+  .lg\:-kui-r-top-7 {
+    top: calc(-1 * var(--space-7));
+  }
+  .lg\:-kui-r-top-8 {
+    top: calc(-1 * var(--space-8));
+  }
+  .lg\:-kui-r-top-9 {
+    top: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1640px) {
   .xl\:kui-r-top {
@@ -26335,6 +26643,33 @@
   .xl\:kui-r-top-12 {
     top: var(--space-12);
   }
+  .xl\:-kui-r-top-1 {
+    top: calc(-1 * var(--space-1));
+  }
+  .xl\:-kui-r-top-2 {
+    top: calc(-1 * var(--space-2));
+  }
+  .xl\:-kui-r-top-3 {
+    top: calc(-1 * var(--space-3));
+  }
+  .xl\:-kui-r-top-4 {
+    top: calc(-1 * var(--space-4));
+  }
+  .xl\:-kui-r-top-5 {
+    top: calc(-1 * var(--space-5));
+  }
+  .xl\:-kui-r-top-6 {
+    top: calc(-1 * var(--space-6));
+  }
+  .xl\:-kui-r-top-7 {
+    top: calc(-1 * var(--space-7));
+  }
+  .xl\:-kui-r-top-8 {
+    top: calc(-1 * var(--space-8));
+  }
+  .xl\:-kui-r-top-9 {
+    top: calc(-1 * var(--space-9));
+  }
 }
 .kui-r-right {
   right: var(--right)
@@ -26378,6 +26713,33 @@
 .kui-r-right-12 {
   right: var(--space-12);
 }
+.-kui-r-right-1 {
+  right: calc(-1 * var(--space-1));
+}
+.-kui-r-right-2 {
+  right: calc(-1 * var(--space-2));
+}
+.-kui-r-right-3 {
+  right: calc(-1 * var(--space-3));
+}
+.-kui-r-right-4 {
+  right: calc(-1 * var(--space-4));
+}
+.-kui-r-right-5 {
+  right: calc(-1 * var(--space-5));
+}
+.-kui-r-right-6 {
+  right: calc(-1 * var(--space-6));
+}
+.-kui-r-right-7 {
+  right: calc(-1 * var(--space-7));
+}
+.-kui-r-right-8 {
+  right: calc(-1 * var(--space-8));
+}
+.-kui-r-right-9 {
+  right: calc(-1 * var(--space-9));
+}
 @media (min-width: 520px) {
   .xs\:kui-r-right {
     right: var(--right-xs)
@@ -26421,6 +26783,33 @@
   .xs\:kui-r-right-12 {
     right: var(--space-12);
   }
+  .xs\:-kui-r-right-1 {
+    right: calc(-1 * var(--space-1));
+  }
+  .xs\:-kui-r-right-2 {
+    right: calc(-1 * var(--space-2));
+  }
+  .xs\:-kui-r-right-3 {
+    right: calc(-1 * var(--space-3));
+  }
+  .xs\:-kui-r-right-4 {
+    right: calc(-1 * var(--space-4));
+  }
+  .xs\:-kui-r-right-5 {
+    right: calc(-1 * var(--space-5));
+  }
+  .xs\:-kui-r-right-6 {
+    right: calc(-1 * var(--space-6));
+  }
+  .xs\:-kui-r-right-7 {
+    right: calc(-1 * var(--space-7));
+  }
+  .xs\:-kui-r-right-8 {
+    right: calc(-1 * var(--space-8));
+  }
+  .xs\:-kui-r-right-9 {
+    right: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 768px) {
   .sm\:kui-r-right {
@@ -26465,6 +26854,33 @@
   .sm\:kui-r-right-12 {
     right: var(--space-12);
   }
+  .sm\:-kui-r-right-1 {
+    right: calc(-1 * var(--space-1));
+  }
+  .sm\:-kui-r-right-2 {
+    right: calc(-1 * var(--space-2));
+  }
+  .sm\:-kui-r-right-3 {
+    right: calc(-1 * var(--space-3));
+  }
+  .sm\:-kui-r-right-4 {
+    right: calc(-1 * var(--space-4));
+  }
+  .sm\:-kui-r-right-5 {
+    right: calc(-1 * var(--space-5));
+  }
+  .sm\:-kui-r-right-6 {
+    right: calc(-1 * var(--space-6));
+  }
+  .sm\:-kui-r-right-7 {
+    right: calc(-1 * var(--space-7));
+  }
+  .sm\:-kui-r-right-8 {
+    right: calc(-1 * var(--space-8));
+  }
+  .sm\:-kui-r-right-9 {
+    right: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1024px) {
   .md\:kui-r-right {
@@ -26509,6 +26925,33 @@
   .md\:kui-r-right-12 {
     right: var(--space-12);
   }
+  .md\:-kui-r-right-1 {
+    right: calc(-1 * var(--space-1));
+  }
+  .md\:-kui-r-right-2 {
+    right: calc(-1 * var(--space-2));
+  }
+  .md\:-kui-r-right-3 {
+    right: calc(-1 * var(--space-3));
+  }
+  .md\:-kui-r-right-4 {
+    right: calc(-1 * var(--space-4));
+  }
+  .md\:-kui-r-right-5 {
+    right: calc(-1 * var(--space-5));
+  }
+  .md\:-kui-r-right-6 {
+    right: calc(-1 * var(--space-6));
+  }
+  .md\:-kui-r-right-7 {
+    right: calc(-1 * var(--space-7));
+  }
+  .md\:-kui-r-right-8 {
+    right: calc(-1 * var(--space-8));
+  }
+  .md\:-kui-r-right-9 {
+    right: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1280px) {
   .lg\:kui-r-right {
@@ -26553,6 +26996,33 @@
   .lg\:kui-r-right-12 {
     right: var(--space-12);
   }
+  .lg\:-kui-r-right-1 {
+    right: calc(-1 * var(--space-1));
+  }
+  .lg\:-kui-r-right-2 {
+    right: calc(-1 * var(--space-2));
+  }
+  .lg\:-kui-r-right-3 {
+    right: calc(-1 * var(--space-3));
+  }
+  .lg\:-kui-r-right-4 {
+    right: calc(-1 * var(--space-4));
+  }
+  .lg\:-kui-r-right-5 {
+    right: calc(-1 * var(--space-5));
+  }
+  .lg\:-kui-r-right-6 {
+    right: calc(-1 * var(--space-6));
+  }
+  .lg\:-kui-r-right-7 {
+    right: calc(-1 * var(--space-7));
+  }
+  .lg\:-kui-r-right-8 {
+    right: calc(-1 * var(--space-8));
+  }
+  .lg\:-kui-r-right-9 {
+    right: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1640px) {
   .xl\:kui-r-right {
@@ -26597,6 +27067,33 @@
   .xl\:kui-r-right-12 {
     right: var(--space-12);
   }
+  .xl\:-kui-r-right-1 {
+    right: calc(-1 * var(--space-1));
+  }
+  .xl\:-kui-r-right-2 {
+    right: calc(-1 * var(--space-2));
+  }
+  .xl\:-kui-r-right-3 {
+    right: calc(-1 * var(--space-3));
+  }
+  .xl\:-kui-r-right-4 {
+    right: calc(-1 * var(--space-4));
+  }
+  .xl\:-kui-r-right-5 {
+    right: calc(-1 * var(--space-5));
+  }
+  .xl\:-kui-r-right-6 {
+    right: calc(-1 * var(--space-6));
+  }
+  .xl\:-kui-r-right-7 {
+    right: calc(-1 * var(--space-7));
+  }
+  .xl\:-kui-r-right-8 {
+    right: calc(-1 * var(--space-8));
+  }
+  .xl\:-kui-r-right-9 {
+    right: calc(-1 * var(--space-9));
+  }
 }
 .kui-r-bottom {
   bottom: var(--bottom)
@@ -26640,6 +27137,33 @@
 .kui-r-bottom-12 {
   bottom: var(--space-12);
 }
+.-kui-r-bottom-1 {
+  bottom: calc(-1 * var(--space-1));
+}
+.-kui-r-bottom-2 {
+  bottom: calc(-1 * var(--space-2));
+}
+.-kui-r-bottom-3 {
+  bottom: calc(-1 * var(--space-3));
+}
+.-kui-r-bottom-4 {
+  bottom: calc(-1 * var(--space-4));
+}
+.-kui-r-bottom-5 {
+  bottom: calc(-1 * var(--space-5));
+}
+.-kui-r-bottom-6 {
+  bottom: calc(-1 * var(--space-6));
+}
+.-kui-r-bottom-7 {
+  bottom: calc(-1 * var(--space-7));
+}
+.-kui-r-bottom-8 {
+  bottom: calc(-1 * var(--space-8));
+}
+.-kui-r-bottom-9 {
+  bottom: calc(-1 * var(--space-9));
+}
 @media (min-width: 520px) {
   .xs\:kui-r-bottom {
     bottom: var(--bottom-xs)
@@ -26683,6 +27207,33 @@
   .xs\:kui-r-bottom-12 {
     bottom: var(--space-12);
   }
+  .xs\:-kui-r-bottom-1 {
+    bottom: calc(-1 * var(--space-1));
+  }
+  .xs\:-kui-r-bottom-2 {
+    bottom: calc(-1 * var(--space-2));
+  }
+  .xs\:-kui-r-bottom-3 {
+    bottom: calc(-1 * var(--space-3));
+  }
+  .xs\:-kui-r-bottom-4 {
+    bottom: calc(-1 * var(--space-4));
+  }
+  .xs\:-kui-r-bottom-5 {
+    bottom: calc(-1 * var(--space-5));
+  }
+  .xs\:-kui-r-bottom-6 {
+    bottom: calc(-1 * var(--space-6));
+  }
+  .xs\:-kui-r-bottom-7 {
+    bottom: calc(-1 * var(--space-7));
+  }
+  .xs\:-kui-r-bottom-8 {
+    bottom: calc(-1 * var(--space-8));
+  }
+  .xs\:-kui-r-bottom-9 {
+    bottom: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 768px) {
   .sm\:kui-r-bottom {
@@ -26727,6 +27278,33 @@
   .sm\:kui-r-bottom-12 {
     bottom: var(--space-12);
   }
+  .sm\:-kui-r-bottom-1 {
+    bottom: calc(-1 * var(--space-1));
+  }
+  .sm\:-kui-r-bottom-2 {
+    bottom: calc(-1 * var(--space-2));
+  }
+  .sm\:-kui-r-bottom-3 {
+    bottom: calc(-1 * var(--space-3));
+  }
+  .sm\:-kui-r-bottom-4 {
+    bottom: calc(-1 * var(--space-4));
+  }
+  .sm\:-kui-r-bottom-5 {
+    bottom: calc(-1 * var(--space-5));
+  }
+  .sm\:-kui-r-bottom-6 {
+    bottom: calc(-1 * var(--space-6));
+  }
+  .sm\:-kui-r-bottom-7 {
+    bottom: calc(-1 * var(--space-7));
+  }
+  .sm\:-kui-r-bottom-8 {
+    bottom: calc(-1 * var(--space-8));
+  }
+  .sm\:-kui-r-bottom-9 {
+    bottom: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1024px) {
   .md\:kui-r-bottom {
@@ -26771,6 +27349,33 @@
   .md\:kui-r-bottom-12 {
     bottom: var(--space-12);
   }
+  .md\:-kui-r-bottom-1 {
+    bottom: calc(-1 * var(--space-1));
+  }
+  .md\:-kui-r-bottom-2 {
+    bottom: calc(-1 * var(--space-2));
+  }
+  .md\:-kui-r-bottom-3 {
+    bottom: calc(-1 * var(--space-3));
+  }
+  .md\:-kui-r-bottom-4 {
+    bottom: calc(-1 * var(--space-4));
+  }
+  .md\:-kui-r-bottom-5 {
+    bottom: calc(-1 * var(--space-5));
+  }
+  .md\:-kui-r-bottom-6 {
+    bottom: calc(-1 * var(--space-6));
+  }
+  .md\:-kui-r-bottom-7 {
+    bottom: calc(-1 * var(--space-7));
+  }
+  .md\:-kui-r-bottom-8 {
+    bottom: calc(-1 * var(--space-8));
+  }
+  .md\:-kui-r-bottom-9 {
+    bottom: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1280px) {
   .lg\:kui-r-bottom {
@@ -26815,6 +27420,33 @@
   .lg\:kui-r-bottom-12 {
     bottom: var(--space-12);
   }
+  .lg\:-kui-r-bottom-1 {
+    bottom: calc(-1 * var(--space-1));
+  }
+  .lg\:-kui-r-bottom-2 {
+    bottom: calc(-1 * var(--space-2));
+  }
+  .lg\:-kui-r-bottom-3 {
+    bottom: calc(-1 * var(--space-3));
+  }
+  .lg\:-kui-r-bottom-4 {
+    bottom: calc(-1 * var(--space-4));
+  }
+  .lg\:-kui-r-bottom-5 {
+    bottom: calc(-1 * var(--space-5));
+  }
+  .lg\:-kui-r-bottom-6 {
+    bottom: calc(-1 * var(--space-6));
+  }
+  .lg\:-kui-r-bottom-7 {
+    bottom: calc(-1 * var(--space-7));
+  }
+  .lg\:-kui-r-bottom-8 {
+    bottom: calc(-1 * var(--space-8));
+  }
+  .lg\:-kui-r-bottom-9 {
+    bottom: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1640px) {
   .xl\:kui-r-bottom {
@@ -26859,6 +27491,33 @@
   .xl\:kui-r-bottom-12 {
     bottom: var(--space-12);
   }
+  .xl\:-kui-r-bottom-1 {
+    bottom: calc(-1 * var(--space-1));
+  }
+  .xl\:-kui-r-bottom-2 {
+    bottom: calc(-1 * var(--space-2));
+  }
+  .xl\:-kui-r-bottom-3 {
+    bottom: calc(-1 * var(--space-3));
+  }
+  .xl\:-kui-r-bottom-4 {
+    bottom: calc(-1 * var(--space-4));
+  }
+  .xl\:-kui-r-bottom-5 {
+    bottom: calc(-1 * var(--space-5));
+  }
+  .xl\:-kui-r-bottom-6 {
+    bottom: calc(-1 * var(--space-6));
+  }
+  .xl\:-kui-r-bottom-7 {
+    bottom: calc(-1 * var(--space-7));
+  }
+  .xl\:-kui-r-bottom-8 {
+    bottom: calc(-1 * var(--space-8));
+  }
+  .xl\:-kui-r-bottom-9 {
+    bottom: calc(-1 * var(--space-9));
+  }
 }
 .kui-r-left {
   left: var(--left)
@@ -26902,6 +27561,33 @@
 .kui-r-left-12 {
   left: var(--space-12);
 }
+.-kui-r-left-1 {
+  left: calc(-1 * var(--space-1));
+}
+.-kui-r-left-2 {
+  left: calc(-1 * var(--space-2));
+}
+.-kui-r-left-3 {
+  left: calc(-1 * var(--space-3));
+}
+.-kui-r-left-4 {
+  left: calc(-1 * var(--space-4));
+}
+.-kui-r-left-5 {
+  left: calc(-1 * var(--space-5));
+}
+.-kui-r-left-6 {
+  left: calc(-1 * var(--space-6));
+}
+.-kui-r-left-7 {
+  left: calc(-1 * var(--space-7));
+}
+.-kui-r-left-8 {
+  left: calc(-1 * var(--space-8));
+}
+.-kui-r-left-9 {
+  left: calc(-1 * var(--space-9));
+}
 @media (min-width: 520px) {
   .xs\:kui-r-left {
     left: var(--left-xs)
@@ -26945,6 +27631,33 @@
   .xs\:kui-r-left-12 {
     left: var(--space-12);
   }
+  .xs\:-kui-r-left-1 {
+    left: calc(-1 * var(--space-1));
+  }
+  .xs\:-kui-r-left-2 {
+    left: calc(-1 * var(--space-2));
+  }
+  .xs\:-kui-r-left-3 {
+    left: calc(-1 * var(--space-3));
+  }
+  .xs\:-kui-r-left-4 {
+    left: calc(-1 * var(--space-4));
+  }
+  .xs\:-kui-r-left-5 {
+    left: calc(-1 * var(--space-5));
+  }
+  .xs\:-kui-r-left-6 {
+    left: calc(-1 * var(--space-6));
+  }
+  .xs\:-kui-r-left-7 {
+    left: calc(-1 * var(--space-7));
+  }
+  .xs\:-kui-r-left-8 {
+    left: calc(-1 * var(--space-8));
+  }
+  .xs\:-kui-r-left-9 {
+    left: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 768px) {
   .sm\:kui-r-left {
@@ -26989,6 +27702,33 @@
   .sm\:kui-r-left-12 {
     left: var(--space-12);
   }
+  .sm\:-kui-r-left-1 {
+    left: calc(-1 * var(--space-1));
+  }
+  .sm\:-kui-r-left-2 {
+    left: calc(-1 * var(--space-2));
+  }
+  .sm\:-kui-r-left-3 {
+    left: calc(-1 * var(--space-3));
+  }
+  .sm\:-kui-r-left-4 {
+    left: calc(-1 * var(--space-4));
+  }
+  .sm\:-kui-r-left-5 {
+    left: calc(-1 * var(--space-5));
+  }
+  .sm\:-kui-r-left-6 {
+    left: calc(-1 * var(--space-6));
+  }
+  .sm\:-kui-r-left-7 {
+    left: calc(-1 * var(--space-7));
+  }
+  .sm\:-kui-r-left-8 {
+    left: calc(-1 * var(--space-8));
+  }
+  .sm\:-kui-r-left-9 {
+    left: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1024px) {
   .md\:kui-r-left {
@@ -27033,6 +27773,33 @@
   .md\:kui-r-left-12 {
     left: var(--space-12);
   }
+  .md\:-kui-r-left-1 {
+    left: calc(-1 * var(--space-1));
+  }
+  .md\:-kui-r-left-2 {
+    left: calc(-1 * var(--space-2));
+  }
+  .md\:-kui-r-left-3 {
+    left: calc(-1 * var(--space-3));
+  }
+  .md\:-kui-r-left-4 {
+    left: calc(-1 * var(--space-4));
+  }
+  .md\:-kui-r-left-5 {
+    left: calc(-1 * var(--space-5));
+  }
+  .md\:-kui-r-left-6 {
+    left: calc(-1 * var(--space-6));
+  }
+  .md\:-kui-r-left-7 {
+    left: calc(-1 * var(--space-7));
+  }
+  .md\:-kui-r-left-8 {
+    left: calc(-1 * var(--space-8));
+  }
+  .md\:-kui-r-left-9 {
+    left: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1280px) {
   .lg\:kui-r-left {
@@ -27077,6 +27844,33 @@
   .lg\:kui-r-left-12 {
     left: var(--space-12);
   }
+  .lg\:-kui-r-left-1 {
+    left: calc(-1 * var(--space-1));
+  }
+  .lg\:-kui-r-left-2 {
+    left: calc(-1 * var(--space-2));
+  }
+  .lg\:-kui-r-left-3 {
+    left: calc(-1 * var(--space-3));
+  }
+  .lg\:-kui-r-left-4 {
+    left: calc(-1 * var(--space-4));
+  }
+  .lg\:-kui-r-left-5 {
+    left: calc(-1 * var(--space-5));
+  }
+  .lg\:-kui-r-left-6 {
+    left: calc(-1 * var(--space-6));
+  }
+  .lg\:-kui-r-left-7 {
+    left: calc(-1 * var(--space-7));
+  }
+  .lg\:-kui-r-left-8 {
+    left: calc(-1 * var(--space-8));
+  }
+  .lg\:-kui-r-left-9 {
+    left: calc(-1 * var(--space-9));
+  }
 }
 @media (min-width: 1640px) {
   .xl\:kui-r-left {
@@ -27121,6 +27915,33 @@
   .xl\:kui-r-left-12 {
     left: var(--space-12);
   }
+  .xl\:-kui-r-left-1 {
+    left: calc(-1 * var(--space-1));
+  }
+  .xl\:-kui-r-left-2 {
+    left: calc(-1 * var(--space-2));
+  }
+  .xl\:-kui-r-left-3 {
+    left: calc(-1 * var(--space-3));
+  }
+  .xl\:-kui-r-left-4 {
+    left: calc(-1 * var(--space-4));
+  }
+  .xl\:-kui-r-left-5 {
+    left: calc(-1 * var(--space-5));
+  }
+  .xl\:-kui-r-left-6 {
+    left: calc(-1 * var(--space-6));
+  }
+  .xl\:-kui-r-left-7 {
+    left: calc(-1 * var(--space-7));
+  }
+  .xl\:-kui-r-left-8 {
+    left: calc(-1 * var(--space-8));
+  }
+  .xl\:-kui-r-left-9 {
+    left: calc(-1 * var(--space-9));
+  }
 }
 .kui-r-jc-start {
   -webkit-box-pack: start;