@womp/kookie-ui 0.34.1 → 0.34.2

package/utilities.css

@@ -3874,6 +3874,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)
@@ -3917,6 +3944,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 {
@@ -3961,6 +4015,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 {
@@ -4005,6 +4086,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 {
@@ -4049,6 +4157,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 {
@@ -4093,6 +4228,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)
@@ -4136,6 +4298,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)
@@ -4179,6 +4368,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 {
@@ -4223,6 +4439,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 {
@@ -4267,6 +4510,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 {
@@ -4311,6 +4581,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 {
@@ -4355,6 +4652,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)
@@ -4398,6 +4722,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)
@@ -4441,6 +4792,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 {
@@ -4485,6 +4863,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 {
@@ -4529,6 +4934,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 {
@@ -4573,6 +5005,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 {
@@ -4617,6 +5076,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)
@@ -4660,6 +5146,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)
@@ -4703,6 +5216,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 {
@@ -4747,6 +5287,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 {
@@ -4791,6 +5358,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 {
@@ -4835,6 +5429,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 {
@@ -4879,6 +5500,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)
@@ -4922,6 +5570,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)
@@ -4965,6 +5640,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 {
@@ -5009,6 +5711,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 {
@@ -5053,6 +5782,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 {
@@ -5097,6 +5853,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 {
@@ -5141,6 +5924,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;