@womp/kookie-ui 0.34.1 → 0.35.0

package/layout.css

@@ -3983,6 +3983,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)
@@ -4026,6 +4053,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 {
@@ -4070,6 +4124,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 {
@@ -4114,6 +4195,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 {
@@ -4158,6 +4266,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 {
@@ -4202,6 +4337,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)
@@ -4245,6 +4407,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)
@@ -4288,6 +4477,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 {
@@ -4332,6 +4548,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 {
@@ -4376,6 +4619,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 {
@@ -4420,6 +4690,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 {
@@ -4464,6 +4761,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)
@@ -4507,6 +4831,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)
@@ -4550,6 +4901,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 {
@@ -4594,6 +4972,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 {
@@ -4638,6 +5043,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 {
@@ -4682,6 +5114,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 {
@@ -4726,6 +5185,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)
@@ -4769,6 +5255,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)
@@ -4812,6 +5325,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 {
@@ -4856,6 +5396,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 {
@@ -4900,6 +5467,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 {
@@ -4944,6 +5538,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 {
@@ -4988,6 +5609,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)
@@ -5031,6 +5679,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)
@@ -5074,6 +5749,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 {
@@ -5118,6 +5820,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 {
@@ -5162,6 +5891,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 {
@@ -5206,6 +5962,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 {
@@ -5250,6 +6033,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;