@womp/kookie-ui 0.34.1 → 0.35.0

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);
@@ -16273,7 +16284,7 @@
   background: none;
   border: none;
   width: 100%;
-  text-align: left;
+  text-align: start;
   cursor: var(--cursor-menu-item);
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -16290,7 +16301,8 @@
 .kui-SidebarMenuSubTriggerIcon {
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  margin-left: auto;
+  -webkit-margin-start: auto;
+          margin-inline-start: auto;
 }
 .kui-SidebarHeader:where(.kui-r-size-1),
 .kui-SidebarFooter:where(.kui-r-size-1) {
@@ -20770,7 +20782,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 +20804,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);
@@ -21938,7 +21950,8 @@
       flex-wrap: wrap;
 }
 .kui-NoticeRoot:where([data-kind='confirmation']) :where(.kui-NoticeActions) {
-  margin-left: auto;
+  -webkit-margin-start: auto;
+          margin-inline-start: auto;
 }
 .kui-NoticeRoot:where(.kui-r-size-1) {
   --notice-padding: var(--surface-p-1);
@@ -25854,6 +25867,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 +25937,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 +26008,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 +26079,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 +26150,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 +26221,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 +26291,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 +26361,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 +26432,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 +26503,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 +26574,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 +26645,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 +26715,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 +26785,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 +26856,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 +26927,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 +26998,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 +27069,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 +27139,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 +27209,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 +27280,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 +27351,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 +27422,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 +27493,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 +27563,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 +27633,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 +27704,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 +27775,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 +27846,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 +27917,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;