@womp/kookie-ui 0.17.0 → 0.19.0

package/layout.css

@@ -60,6 +60,20 @@
     --slot-inset-2: calc(3px * var(--scale));
     --slot-inset-3: calc(4px * var(--scale));
     --slot-inset-4: calc(4px * var(--scale));
+    --mark-1: calc(16px * var(--scale));
+    --mark-2: calc(20px * var(--scale));
+    --mark-3: calc(24px * var(--scale));
+    --mark-4: calc(26px * var(--scale));
+    --mark-5: calc(28px * var(--scale));
+    --switch-w-1: calc(34px * var(--scale));
+    --switch-w-2: calc(40px * var(--scale));
+    --switch-w-3: calc(44px * var(--scale));
+    --switch-w-4: calc(48px * var(--scale));
+    --switch-inset: calc(2px * var(--scale));
+    --slider-track-1: calc(4px * var(--scale));
+    --slider-track-2: calc(5px * var(--scale));
+    --slider-track-3: calc(6px * var(--scale));
+    --slider-track-4: calc(7px * var(--scale));
     --overlay-w-1: calc(360px * var(--scale));
     --overlay-w-2: calc(440px * var(--scale));
     --overlay-w-3: calc(560px * var(--scale));
@@ -5543,7 +5557,8 @@
 .-rt-r-m-9,
 .-rt-r-m-10,
 .-rt-r-m-11,
-.-rt-r-m-12 {
+.-rt-r-m-12,
+.rt-r-m-bleed {
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-right: var(--margin-right-override, var(--margin-right));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -5705,6 +5720,12 @@
     --margin-bottom: calc(-1 * var(--space-12));
     --margin-left: calc(-1 * var(--space-12));
 }
+.rt-r-m-bleed {
+    --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-m,
   .xs\:rt-r-m-0,
@@ -5731,7 +5752,8 @@
   .xs\:-rt-r-m-9,
   .xs\:-rt-r-m-10,
   .xs\:-rt-r-m-11,
-  .xs\:-rt-r-m-12 {
+  .xs\:-rt-r-m-12,
+  .xs\:rt-r-m-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-right: var(--margin-right-override, var(--margin-right));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -5893,6 +5915,12 @@
         --margin-bottom: calc(-1 * var(--space-12));
         --margin-left: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-m-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-m,
@@ -5920,7 +5948,8 @@
   .sm\:-rt-r-m-9,
   .sm\:-rt-r-m-10,
   .sm\:-rt-r-m-11,
-  .sm\:-rt-r-m-12 {
+  .sm\:-rt-r-m-12,
+  .sm\:rt-r-m-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-right: var(--margin-right-override, var(--margin-right));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -6082,6 +6111,12 @@
         --margin-bottom: calc(-1 * var(--space-12));
         --margin-left: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-m-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-m,
@@ -6109,7 +6144,8 @@
   .md\:-rt-r-m-9,
   .md\:-rt-r-m-10,
   .md\:-rt-r-m-11,
-  .md\:-rt-r-m-12 {
+  .md\:-rt-r-m-12,
+  .md\:rt-r-m-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-right: var(--margin-right-override, var(--margin-right));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -6271,6 +6307,12 @@
         --margin-bottom: calc(-1 * var(--space-12));
         --margin-left: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-m-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-m,
@@ -6298,7 +6340,8 @@
   .lg\:-rt-r-m-9,
   .lg\:-rt-r-m-10,
   .lg\:-rt-r-m-11,
-  .lg\:-rt-r-m-12 {
+  .lg\:-rt-r-m-12,
+  .lg\:rt-r-m-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-right: var(--margin-right-override, var(--margin-right));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -6460,6 +6503,12 @@
         --margin-bottom: calc(-1 * var(--space-12));
         --margin-left: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-m-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-m,
@@ -6487,7 +6536,8 @@
   .xl\:-rt-r-m-9,
   .xl\:-rt-r-m-10,
   .xl\:-rt-r-m-11,
-  .xl\:-rt-r-m-12 {
+  .xl\:-rt-r-m-12,
+  .xl\:rt-r-m-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-right: var(--margin-right-override, var(--margin-right));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
@@ -6649,6 +6699,12 @@
         --margin-bottom: calc(-1 * var(--space-12));
         --margin-left: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-m-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-mx,
 .rt-r-mx-0,
@@ -6675,7 +6731,8 @@
 .-rt-r-mx-9,
 .-rt-r-mx-10,
 .-rt-r-mx-11,
-.-rt-r-mx-12 {
+.-rt-r-mx-12,
+.rt-r-mx-bleed {
     margin-left: var(--margin-left-override, var(--margin-left));
     margin-right: var(--margin-right-override, var(--margin-right));
 }
@@ -6783,6 +6840,10 @@
     --margin-left: calc(-1 * var(--space-12));
     --margin-right: calc(-1 * var(--space-12));
 }
+.rt-r-mx-bleed {
+    --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-mx,
   .xs\:rt-r-mx-0,
@@ -6809,7 +6870,8 @@
   .xs\:-rt-r-mx-9,
   .xs\:-rt-r-mx-10,
   .xs\:-rt-r-mx-11,
-  .xs\:-rt-r-mx-12 {
+  .xs\:-rt-r-mx-12,
+  .xs\:rt-r-mx-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
         margin-right: var(--margin-right-override, var(--margin-right));
     }
@@ -6917,6 +6979,10 @@
         --margin-left: calc(-1 * var(--space-12));
         --margin-right: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-mx-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-mx,
@@ -6944,7 +7010,8 @@
   .sm\:-rt-r-mx-9,
   .sm\:-rt-r-mx-10,
   .sm\:-rt-r-mx-11,
-  .sm\:-rt-r-mx-12 {
+  .sm\:-rt-r-mx-12,
+  .sm\:rt-r-mx-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
         margin-right: var(--margin-right-override, var(--margin-right));
     }
@@ -7052,6 +7119,10 @@
         --margin-left: calc(-1 * var(--space-12));
         --margin-right: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-mx-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-mx,
@@ -7079,7 +7150,8 @@
   .md\:-rt-r-mx-9,
   .md\:-rt-r-mx-10,
   .md\:-rt-r-mx-11,
-  .md\:-rt-r-mx-12 {
+  .md\:-rt-r-mx-12,
+  .md\:rt-r-mx-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
         margin-right: var(--margin-right-override, var(--margin-right));
     }
@@ -7187,6 +7259,10 @@
         --margin-left: calc(-1 * var(--space-12));
         --margin-right: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-mx-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-mx,
@@ -7214,7 +7290,8 @@
   .lg\:-rt-r-mx-9,
   .lg\:-rt-r-mx-10,
   .lg\:-rt-r-mx-11,
-  .lg\:-rt-r-mx-12 {
+  .lg\:-rt-r-mx-12,
+  .lg\:rt-r-mx-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
         margin-right: var(--margin-right-override, var(--margin-right));
     }
@@ -7322,6 +7399,10 @@
         --margin-left: calc(-1 * var(--space-12));
         --margin-right: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-mx-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-mx,
@@ -7349,7 +7430,8 @@
   .xl\:-rt-r-mx-9,
   .xl\:-rt-r-mx-10,
   .xl\:-rt-r-mx-11,
-  .xl\:-rt-r-mx-12 {
+  .xl\:-rt-r-mx-12,
+  .xl\:rt-r-mx-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
         margin-right: var(--margin-right-override, var(--margin-right));
     }
@@ -7457,6 +7539,10 @@
         --margin-left: calc(-1 * var(--space-12));
         --margin-right: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-mx-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-my,
 .rt-r-my-0,
@@ -7483,7 +7569,8 @@
 .-rt-r-my-9,
 .-rt-r-my-10,
 .-rt-r-my-11,
-.-rt-r-my-12 {
+.-rt-r-my-12,
+.rt-r-my-bleed {
     margin-top: var(--margin-top-override, var(--margin-top));
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
 }
@@ -7591,6 +7678,10 @@
     --margin-top: calc(-1 * var(--space-12));
     --margin-bottom: calc(-1 * var(--space-12));
 }
+.rt-r-my-bleed {
+    --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-my,
   .xs\:rt-r-my-0,
@@ -7617,7 +7708,8 @@
   .xs\:-rt-r-my-9,
   .xs\:-rt-r-my-10,
   .xs\:-rt-r-my-11,
-  .xs\:-rt-r-my-12 {
+  .xs\:-rt-r-my-12,
+  .xs\:rt-r-my-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
@@ -7725,6 +7817,10 @@
         --margin-top: calc(-1 * var(--space-12));
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-my-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-my,
@@ -7752,7 +7848,8 @@
   .sm\:-rt-r-my-9,
   .sm\:-rt-r-my-10,
   .sm\:-rt-r-my-11,
-  .sm\:-rt-r-my-12 {
+  .sm\:-rt-r-my-12,
+  .sm\:rt-r-my-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
@@ -7860,6 +7957,10 @@
         --margin-top: calc(-1 * var(--space-12));
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-my-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-my,
@@ -7887,7 +7988,8 @@
   .md\:-rt-r-my-9,
   .md\:-rt-r-my-10,
   .md\:-rt-r-my-11,
-  .md\:-rt-r-my-12 {
+  .md\:-rt-r-my-12,
+  .md\:rt-r-my-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
@@ -7995,6 +8097,10 @@
         --margin-top: calc(-1 * var(--space-12));
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-my-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-my,
@@ -8022,7 +8128,8 @@
   .lg\:-rt-r-my-9,
   .lg\:-rt-r-my-10,
   .lg\:-rt-r-my-11,
-  .lg\:-rt-r-my-12 {
+  .lg\:-rt-r-my-12,
+  .lg\:rt-r-my-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
@@ -8130,6 +8237,10 @@
         --margin-top: calc(-1 * var(--space-12));
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-my-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-my,
@@ -8157,7 +8268,8 @@
   .xl\:-rt-r-my-9,
   .xl\:-rt-r-my-10,
   .xl\:-rt-r-my-11,
-  .xl\:-rt-r-my-12 {
+  .xl\:-rt-r-my-12,
+  .xl\:rt-r-my-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
@@ -8265,6 +8377,10 @@
         --margin-top: calc(-1 * var(--space-12));
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-my-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-mt,
 .rt-r-mt-0,
@@ -8291,7 +8407,8 @@
 .-rt-r-mt-9,
 .-rt-r-mt-10,
 .-rt-r-mt-11,
-.-rt-r-mt-12 {
+.-rt-r-mt-12,
+.rt-r-mt-bleed {
     margin-top: var(--margin-top-override, var(--margin-top));
 }
 .rt-r-mt {
@@ -8372,6 +8489,9 @@
 .-rt-r-mt-12 {
     --margin-top: calc(-1 * var(--space-12));
 }
+.rt-r-mt-bleed {
+    --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-mt,
   .xs\:rt-r-mt-0,
@@ -8398,7 +8518,8 @@
   .xs\:-rt-r-mt-9,
   .xs\:-rt-r-mt-10,
   .xs\:-rt-r-mt-11,
-  .xs\:-rt-r-mt-12 {
+  .xs\:-rt-r-mt-12,
+  .xs\:rt-r-mt-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
     }
     .xs\:rt-r-mt {
@@ -8479,6 +8600,9 @@
     .xs\:-rt-r-mt-12 {
         --margin-top: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-mt-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-mt,
@@ -8506,7 +8630,8 @@
   .sm\:-rt-r-mt-9,
   .sm\:-rt-r-mt-10,
   .sm\:-rt-r-mt-11,
-  .sm\:-rt-r-mt-12 {
+  .sm\:-rt-r-mt-12,
+  .sm\:rt-r-mt-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
     }
     .sm\:rt-r-mt {
@@ -8587,6 +8712,9 @@
     .sm\:-rt-r-mt-12 {
         --margin-top: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-mt-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-mt,
@@ -8614,7 +8742,8 @@
   .md\:-rt-r-mt-9,
   .md\:-rt-r-mt-10,
   .md\:-rt-r-mt-11,
-  .md\:-rt-r-mt-12 {
+  .md\:-rt-r-mt-12,
+  .md\:rt-r-mt-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
     }
     .md\:rt-r-mt {
@@ -8695,6 +8824,9 @@
     .md\:-rt-r-mt-12 {
         --margin-top: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-mt-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-mt,
@@ -8722,7 +8854,8 @@
   .lg\:-rt-r-mt-9,
   .lg\:-rt-r-mt-10,
   .lg\:-rt-r-mt-11,
-  .lg\:-rt-r-mt-12 {
+  .lg\:-rt-r-mt-12,
+  .lg\:rt-r-mt-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
     }
     .lg\:rt-r-mt {
@@ -8803,6 +8936,9 @@
     .lg\:-rt-r-mt-12 {
         --margin-top: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-mt-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-mt,
@@ -8830,7 +8966,8 @@
   .xl\:-rt-r-mt-9,
   .xl\:-rt-r-mt-10,
   .xl\:-rt-r-mt-11,
-  .xl\:-rt-r-mt-12 {
+  .xl\:-rt-r-mt-12,
+  .xl\:rt-r-mt-bleed {
         margin-top: var(--margin-top-override, var(--margin-top));
     }
     .xl\:rt-r-mt {
@@ -8911,6 +9048,9 @@
     .xl\:-rt-r-mt-12 {
         --margin-top: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-mt-bleed {
+        --margin-top: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-mr,
 .rt-r-mr-0,
@@ -8937,7 +9077,8 @@
 .-rt-r-mr-9,
 .-rt-r-mr-10,
 .-rt-r-mr-11,
-.-rt-r-mr-12 {
+.-rt-r-mr-12,
+.rt-r-mr-bleed {
     margin-right: var(--margin-right-override, var(--margin-right));
 }
 .rt-r-mr {
@@ -9018,6 +9159,9 @@
 .-rt-r-mr-12 {
     --margin-right: calc(-1 * var(--space-12));
 }
+.rt-r-mr-bleed {
+    --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-mr,
   .xs\:rt-r-mr-0,
@@ -9044,7 +9188,8 @@
   .xs\:-rt-r-mr-9,
   .xs\:-rt-r-mr-10,
   .xs\:-rt-r-mr-11,
-  .xs\:-rt-r-mr-12 {
+  .xs\:-rt-r-mr-12,
+  .xs\:rt-r-mr-bleed {
         margin-right: var(--margin-right-override, var(--margin-right));
     }
     .xs\:rt-r-mr {
@@ -9125,6 +9270,9 @@
     .xs\:-rt-r-mr-12 {
         --margin-right: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-mr-bleed {
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-mr,
@@ -9152,7 +9300,8 @@
   .sm\:-rt-r-mr-9,
   .sm\:-rt-r-mr-10,
   .sm\:-rt-r-mr-11,
-  .sm\:-rt-r-mr-12 {
+  .sm\:-rt-r-mr-12,
+  .sm\:rt-r-mr-bleed {
         margin-right: var(--margin-right-override, var(--margin-right));
     }
     .sm\:rt-r-mr {
@@ -9233,6 +9382,9 @@
     .sm\:-rt-r-mr-12 {
         --margin-right: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-mr-bleed {
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-mr,
@@ -9260,7 +9412,8 @@
   .md\:-rt-r-mr-9,
   .md\:-rt-r-mr-10,
   .md\:-rt-r-mr-11,
-  .md\:-rt-r-mr-12 {
+  .md\:-rt-r-mr-12,
+  .md\:rt-r-mr-bleed {
         margin-right: var(--margin-right-override, var(--margin-right));
     }
     .md\:rt-r-mr {
@@ -9341,6 +9494,9 @@
     .md\:-rt-r-mr-12 {
         --margin-right: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-mr-bleed {
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-mr,
@@ -9368,7 +9524,8 @@
   .lg\:-rt-r-mr-9,
   .lg\:-rt-r-mr-10,
   .lg\:-rt-r-mr-11,
-  .lg\:-rt-r-mr-12 {
+  .lg\:-rt-r-mr-12,
+  .lg\:rt-r-mr-bleed {
         margin-right: var(--margin-right-override, var(--margin-right));
     }
     .lg\:rt-r-mr {
@@ -9449,6 +9606,9 @@
     .lg\:-rt-r-mr-12 {
         --margin-right: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-mr-bleed {
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-mr,
@@ -9476,7 +9636,8 @@
   .xl\:-rt-r-mr-9,
   .xl\:-rt-r-mr-10,
   .xl\:-rt-r-mr-11,
-  .xl\:-rt-r-mr-12 {
+  .xl\:-rt-r-mr-12,
+  .xl\:rt-r-mr-bleed {
         margin-right: var(--margin-right-override, var(--margin-right));
     }
     .xl\:rt-r-mr {
@@ -9557,6 +9718,9 @@
     .xl\:-rt-r-mr-12 {
         --margin-right: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-mr-bleed {
+        --margin-right: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-mb,
 .rt-r-mb-0,
@@ -9583,7 +9747,8 @@
 .-rt-r-mb-9,
 .-rt-r-mb-10,
 .-rt-r-mb-11,
-.-rt-r-mb-12 {
+.-rt-r-mb-12,
+.rt-r-mb-bleed {
     margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
 }
 .rt-r-mb {
@@ -9664,6 +9829,9 @@
 .-rt-r-mb-12 {
     --margin-bottom: calc(-1 * var(--space-12));
 }
+.rt-r-mb-bleed {
+    --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-mb,
   .xs\:rt-r-mb-0,
@@ -9690,7 +9858,8 @@
   .xs\:-rt-r-mb-9,
   .xs\:-rt-r-mb-10,
   .xs\:-rt-r-mb-11,
-  .xs\:-rt-r-mb-12 {
+  .xs\:-rt-r-mb-12,
+  .xs\:rt-r-mb-bleed {
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
     .xs\:rt-r-mb {
@@ -9771,6 +9940,9 @@
     .xs\:-rt-r-mb-12 {
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-mb-bleed {
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-mb,
@@ -9798,7 +9970,8 @@
   .sm\:-rt-r-mb-9,
   .sm\:-rt-r-mb-10,
   .sm\:-rt-r-mb-11,
-  .sm\:-rt-r-mb-12 {
+  .sm\:-rt-r-mb-12,
+  .sm\:rt-r-mb-bleed {
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
     .sm\:rt-r-mb {
@@ -9879,6 +10052,9 @@
     .sm\:-rt-r-mb-12 {
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-mb-bleed {
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-mb,
@@ -9906,7 +10082,8 @@
   .md\:-rt-r-mb-9,
   .md\:-rt-r-mb-10,
   .md\:-rt-r-mb-11,
-  .md\:-rt-r-mb-12 {
+  .md\:-rt-r-mb-12,
+  .md\:rt-r-mb-bleed {
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
     .md\:rt-r-mb {
@@ -9987,6 +10164,9 @@
     .md\:-rt-r-mb-12 {
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-mb-bleed {
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-mb,
@@ -10014,7 +10194,8 @@
   .lg\:-rt-r-mb-9,
   .lg\:-rt-r-mb-10,
   .lg\:-rt-r-mb-11,
-  .lg\:-rt-r-mb-12 {
+  .lg\:-rt-r-mb-12,
+  .lg\:rt-r-mb-bleed {
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
     .lg\:rt-r-mb {
@@ -10095,6 +10276,9 @@
     .lg\:-rt-r-mb-12 {
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-mb-bleed {
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-mb,
@@ -10122,7 +10306,8 @@
   .xl\:-rt-r-mb-9,
   .xl\:-rt-r-mb-10,
   .xl\:-rt-r-mb-11,
-  .xl\:-rt-r-mb-12 {
+  .xl\:-rt-r-mb-12,
+  .xl\:rt-r-mb-bleed {
         margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
     }
     .xl\:rt-r-mb {
@@ -10203,6 +10388,9 @@
     .xl\:-rt-r-mb-12 {
         --margin-bottom: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-mb-bleed {
+        --margin-bottom: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-ml,
 .rt-r-ml-0,
@@ -10229,7 +10417,8 @@
 .-rt-r-ml-9,
 .-rt-r-ml-10,
 .-rt-r-ml-11,
-.-rt-r-ml-12 {
+.-rt-r-ml-12,
+.rt-r-ml-bleed {
     margin-left: var(--margin-left-override, var(--margin-left));
 }
 .rt-r-ml {
@@ -10310,6 +10499,9 @@
 .-rt-r-ml-12 {
     --margin-left: calc(-1 * var(--space-12));
 }
+.rt-r-ml-bleed {
+    --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+}
 @media (min-width: 520px) {
     .xs\:rt-r-ml,
   .xs\:rt-r-ml-0,
@@ -10336,7 +10528,8 @@
   .xs\:-rt-r-ml-9,
   .xs\:-rt-r-ml-10,
   .xs\:-rt-r-ml-11,
-  .xs\:-rt-r-ml-12 {
+  .xs\:-rt-r-ml-12,
+  .xs\:rt-r-ml-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
     }
     .xs\:rt-r-ml {
@@ -10417,6 +10610,9 @@
     .xs\:-rt-r-ml-12 {
         --margin-left: calc(-1 * var(--space-12));
     }
+    .xs\:rt-r-ml-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-ml,
@@ -10444,7 +10640,8 @@
   .sm\:-rt-r-ml-9,
   .sm\:-rt-r-ml-10,
   .sm\:-rt-r-ml-11,
-  .sm\:-rt-r-ml-12 {
+  .sm\:-rt-r-ml-12,
+  .sm\:rt-r-ml-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
     }
     .sm\:rt-r-ml {
@@ -10525,6 +10722,9 @@
     .sm\:-rt-r-ml-12 {
         --margin-left: calc(-1 * var(--space-12));
     }
+    .sm\:rt-r-ml-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-ml,
@@ -10552,7 +10752,8 @@
   .md\:-rt-r-ml-9,
   .md\:-rt-r-ml-10,
   .md\:-rt-r-ml-11,
-  .md\:-rt-r-ml-12 {
+  .md\:-rt-r-ml-12,
+  .md\:rt-r-ml-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
     }
     .md\:rt-r-ml {
@@ -10633,6 +10834,9 @@
     .md\:-rt-r-ml-12 {
         --margin-left: calc(-1 * var(--space-12));
     }
+    .md\:rt-r-ml-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-ml,
@@ -10660,7 +10864,8 @@
   .lg\:-rt-r-ml-9,
   .lg\:-rt-r-ml-10,
   .lg\:-rt-r-ml-11,
-  .lg\:-rt-r-ml-12 {
+  .lg\:-rt-r-ml-12,
+  .lg\:rt-r-ml-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
     }
     .lg\:rt-r-ml {
@@ -10741,6 +10946,9 @@
     .lg\:-rt-r-ml-12 {
         --margin-left: calc(-1 * var(--space-12));
     }
+    .lg\:rt-r-ml-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-ml,
@@ -10768,7 +10976,8 @@
   .xl\:-rt-r-ml-9,
   .xl\:-rt-r-ml-10,
   .xl\:-rt-r-ml-11,
-  .xl\:-rt-r-ml-12 {
+  .xl\:-rt-r-ml-12,
+  .xl\:rt-r-ml-bleed {
         margin-left: var(--margin-left-override, var(--margin-left));
     }
     .xl\:rt-r-ml {
@@ -10849,6 +11058,9 @@
     .xl\:-rt-r-ml-12 {
         --margin-left: calc(-1 * var(--space-12));
     }
+    .xl\:rt-r-ml-bleed {
+        --margin-left: calc(-1 * var(--kui-sf-p, 0px));
+    }
 }
 .rt-r-overflow-visible {
     overflow: visible;
@@ -11172,12 +11384,6 @@
 .rt-r-p-12 {
     padding: var(--space-12);
 }
-.rt-r-p-inset {
-    padding-top: var(--inset-padding-top);
-    padding-right: var(--inset-padding-right);
-    padding-bottom: var(--inset-padding-bottom);
-    padding-left: var(--inset-padding-left);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-p {
         padding: var(--p-xs)
@@ -11221,12 +11427,6 @@
     .xs\:rt-r-p-12 {
         padding: var(--space-12);
     }
-    .xs\:rt-r-p-inset {
-        padding-top: var(--inset-padding-top);
-        padding-right: var(--inset-padding-right);
-        padding-bottom: var(--inset-padding-bottom);
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-p {
@@ -11271,12 +11471,6 @@
     .sm\:rt-r-p-12 {
         padding: var(--space-12);
     }
-    .sm\:rt-r-p-inset {
-        padding-top: var(--inset-padding-top);
-        padding-right: var(--inset-padding-right);
-        padding-bottom: var(--inset-padding-bottom);
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-p {
@@ -11321,12 +11515,6 @@
     .md\:rt-r-p-12 {
         padding: var(--space-12);
     }
-    .md\:rt-r-p-inset {
-        padding-top: var(--inset-padding-top);
-        padding-right: var(--inset-padding-right);
-        padding-bottom: var(--inset-padding-bottom);
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-p {
@@ -11371,12 +11559,6 @@
     .lg\:rt-r-p-12 {
         padding: var(--space-12);
     }
-    .lg\:rt-r-p-inset {
-        padding-top: var(--inset-padding-top);
-        padding-right: var(--inset-padding-right);
-        padding-bottom: var(--inset-padding-bottom);
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-p {
@@ -11421,12 +11603,6 @@
     .xl\:rt-r-p-12 {
         padding: var(--space-12);
     }
-    .xl\:rt-r-p-inset {
-        padding-top: var(--inset-padding-top);
-        padding-right: var(--inset-padding-right);
-        padding-bottom: var(--inset-padding-bottom);
-        padding-left: var(--inset-padding-left);
-    }
 }
 .rt-r-px {
     padding-left: var(--pl);
@@ -11484,10 +11660,6 @@
     padding-left: var(--space-12);
     padding-right: var(--space-12);
 }
-.rt-r-px-inset {
-    padding-left: var(--inset-padding-left);
-    padding-right: var(--inset-padding-right);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-px {
         padding-left: var(--pl-xs);
@@ -11545,10 +11717,6 @@
         padding-left: var(--space-12);
         padding-right: var(--space-12);
     }
-    .xs\:rt-r-px-inset {
-        padding-left: var(--inset-padding-left);
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-px {
@@ -11607,10 +11775,6 @@
         padding-left: var(--space-12);
         padding-right: var(--space-12);
     }
-    .sm\:rt-r-px-inset {
-        padding-left: var(--inset-padding-left);
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-px {
@@ -11669,10 +11833,6 @@
         padding-left: var(--space-12);
         padding-right: var(--space-12);
     }
-    .md\:rt-r-px-inset {
-        padding-left: var(--inset-padding-left);
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-px {
@@ -11731,10 +11891,6 @@
         padding-left: var(--space-12);
         padding-right: var(--space-12);
     }
-    .lg\:rt-r-px-inset {
-        padding-left: var(--inset-padding-left);
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-px {
@@ -11793,10 +11949,6 @@
         padding-left: var(--space-12);
         padding-right: var(--space-12);
     }
-    .xl\:rt-r-px-inset {
-        padding-left: var(--inset-padding-left);
-        padding-right: var(--inset-padding-right);
-    }
 }
 .rt-r-py {
     padding-top: var(--pt);
@@ -11854,10 +12006,6 @@
     padding-top: var(--space-12);
     padding-bottom: var(--space-12);
 }
-.rt-r-py-inset {
-    padding-top: var(--inset-padding-top);
-    padding-bottom: var(--inset-padding-bottom);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-py {
         padding-top: var(--pt-xs);
@@ -11915,10 +12063,6 @@
         padding-top: var(--space-12);
         padding-bottom: var(--space-12);
     }
-    .xs\:rt-r-py-inset {
-        padding-top: var(--inset-padding-top);
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-py {
@@ -11977,10 +12121,6 @@
         padding-top: var(--space-12);
         padding-bottom: var(--space-12);
     }
-    .sm\:rt-r-py-inset {
-        padding-top: var(--inset-padding-top);
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-py {
@@ -12039,10 +12179,6 @@
         padding-top: var(--space-12);
         padding-bottom: var(--space-12);
     }
-    .md\:rt-r-py-inset {
-        padding-top: var(--inset-padding-top);
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-py {
@@ -12101,10 +12237,6 @@
         padding-top: var(--space-12);
         padding-bottom: var(--space-12);
     }
-    .lg\:rt-r-py-inset {
-        padding-top: var(--inset-padding-top);
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-py {
@@ -12163,10 +12295,6 @@
         padding-top: var(--space-12);
         padding-bottom: var(--space-12);
     }
-    .xl\:rt-r-py-inset {
-        padding-top: var(--inset-padding-top);
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 .rt-r-pt {
     padding-top: var(--pt)
@@ -12210,9 +12338,6 @@
 .rt-r-pt-12 {
     padding-top: var(--space-12);
 }
-.rt-r-pt-inset {
-    padding-top: var(--inset-padding-top);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-pt {
         padding-top: var(--pt-xs)
@@ -12256,9 +12381,6 @@
     .xs\:rt-r-pt-12 {
         padding-top: var(--space-12);
     }
-    .xs\:rt-r-pt-inset {
-        padding-top: var(--inset-padding-top);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-pt {
@@ -12303,9 +12425,6 @@
     .sm\:rt-r-pt-12 {
         padding-top: var(--space-12);
     }
-    .sm\:rt-r-pt-inset {
-        padding-top: var(--inset-padding-top);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-pt {
@@ -12350,9 +12469,6 @@
     .md\:rt-r-pt-12 {
         padding-top: var(--space-12);
     }
-    .md\:rt-r-pt-inset {
-        padding-top: var(--inset-padding-top);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-pt {
@@ -12397,9 +12513,6 @@
     .lg\:rt-r-pt-12 {
         padding-top: var(--space-12);
     }
-    .lg\:rt-r-pt-inset {
-        padding-top: var(--inset-padding-top);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-pt {
@@ -12444,9 +12557,6 @@
     .xl\:rt-r-pt-12 {
         padding-top: var(--space-12);
     }
-    .xl\:rt-r-pt-inset {
-        padding-top: var(--inset-padding-top);
-    }
 }
 .rt-r-pr {
     padding-right: var(--pr)
@@ -12490,9 +12600,6 @@
 .rt-r-pr-12 {
     padding-right: var(--space-12);
 }
-.rt-r-pr-inset {
-    padding-right: var(--inset-padding-right);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-pr {
         padding-right: var(--pr-xs)
@@ -12536,9 +12643,6 @@
     .xs\:rt-r-pr-12 {
         padding-right: var(--space-12);
     }
-    .xs\:rt-r-pr-inset {
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-pr {
@@ -12583,9 +12687,6 @@
     .sm\:rt-r-pr-12 {
         padding-right: var(--space-12);
     }
-    .sm\:rt-r-pr-inset {
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-pr {
@@ -12630,9 +12731,6 @@
     .md\:rt-r-pr-12 {
         padding-right: var(--space-12);
     }
-    .md\:rt-r-pr-inset {
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-pr {
@@ -12677,9 +12775,6 @@
     .lg\:rt-r-pr-12 {
         padding-right: var(--space-12);
     }
-    .lg\:rt-r-pr-inset {
-        padding-right: var(--inset-padding-right);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-pr {
@@ -12724,9 +12819,6 @@
     .xl\:rt-r-pr-12 {
         padding-right: var(--space-12);
     }
-    .xl\:rt-r-pr-inset {
-        padding-right: var(--inset-padding-right);
-    }
 }
 .rt-r-pb {
     padding-bottom: var(--pb)
@@ -12770,9 +12862,6 @@
 .rt-r-pb-12 {
     padding-bottom: var(--space-12);
 }
-.rt-r-pb-inset {
-    padding-bottom: var(--inset-padding-bottom);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-pb {
         padding-bottom: var(--pb-xs)
@@ -12816,9 +12905,6 @@
     .xs\:rt-r-pb-12 {
         padding-bottom: var(--space-12);
     }
-    .xs\:rt-r-pb-inset {
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-pb {
@@ -12863,9 +12949,6 @@
     .sm\:rt-r-pb-12 {
         padding-bottom: var(--space-12);
     }
-    .sm\:rt-r-pb-inset {
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-pb {
@@ -12910,9 +12993,6 @@
     .md\:rt-r-pb-12 {
         padding-bottom: var(--space-12);
     }
-    .md\:rt-r-pb-inset {
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-pb {
@@ -12957,9 +13037,6 @@
     .lg\:rt-r-pb-12 {
         padding-bottom: var(--space-12);
     }
-    .lg\:rt-r-pb-inset {
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-pb {
@@ -13004,9 +13081,6 @@
     .xl\:rt-r-pb-12 {
         padding-bottom: var(--space-12);
     }
-    .xl\:rt-r-pb-inset {
-        padding-bottom: var(--inset-padding-bottom);
-    }
 }
 .rt-r-pl {
     padding-left: var(--pl)
@@ -13050,9 +13124,6 @@
 .rt-r-pl-12 {
     padding-left: var(--space-12);
 }
-.rt-r-pl-inset {
-    padding-left: var(--inset-padding-left);
-}
 @media (min-width: 520px) {
     .xs\:rt-r-pl {
         padding-left: var(--pl-xs)
@@ -13096,9 +13167,6 @@
     .xs\:rt-r-pl-12 {
         padding-left: var(--space-12);
     }
-    .xs\:rt-r-pl-inset {
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 768px) {
     .sm\:rt-r-pl {
@@ -13143,9 +13211,6 @@
     .sm\:rt-r-pl-12 {
         padding-left: var(--space-12);
     }
-    .sm\:rt-r-pl-inset {
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 1024px) {
     .md\:rt-r-pl {
@@ -13190,9 +13255,6 @@
     .md\:rt-r-pl-12 {
         padding-left: var(--space-12);
     }
-    .md\:rt-r-pl-inset {
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 1280px) {
     .lg\:rt-r-pl {
@@ -13237,9 +13299,6 @@
     .lg\:rt-r-pl-12 {
         padding-left: var(--space-12);
     }
-    .lg\:rt-r-pl-inset {
-        padding-left: var(--inset-padding-left);
-    }
 }
 @media (min-width: 1640px) {
     .xl\:rt-r-pl {
@@ -13284,9 +13343,6 @@
     .xl\:rt-r-pl-12 {
         padding-left: var(--space-12);
     }
-    .xl\:rt-r-pl-inset {
-        padding-left: var(--inset-padding-left);
-    }
 }
 .rt-r-position-static {
     position: static;