@medyll/cssfabric 0.2.9 → 0.3.0

package/src/lib/styles/box/box.responsive.css

@@ -1,10 +1,16 @@
 @media only screen and (min-width: 640px) {
+  .marg-sm .marg-sm-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm .marg-sm-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm .marg-sm-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm .marg-sm-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm .marg-sm-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -48,12 +54,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-sm-t .marg-sm-t-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-t .marg-sm-t-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-t .marg-sm-t-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-t .marg-sm-t-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-t .marg-sm-t-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -97,12 +109,18 @@
     margin-top: var(--box-density-12);
   }
 
+  .marg-sm-b .marg-sm-b-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-b .marg-sm-b-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-b .marg-sm-b-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-b .marg-sm-b-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-b .marg-sm-b-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -146,12 +164,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .marg-sm-l .marg-sm-l-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-l .marg-sm-l-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-l .marg-sm-l-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-l .marg-sm-l-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-l .marg-sm-l-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -195,12 +219,18 @@
     margin-left: var(--box-density-12);
   }
 
+  .marg-sm-r .marg-sm-r-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-r .marg-sm-r-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-r .marg-sm-r-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-r .marg-sm-r-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-r .marg-sm-r-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -244,12 +274,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-sm-all .marg-sm-all-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-all .marg-sm-all-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-all .marg-sm-all-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-all .marg-sm-all-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-all .marg-sm-all-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -293,12 +329,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-sm-u .marg-sm-u-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-u .marg-sm-u-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-u .marg-sm-u-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-u .marg-sm-u-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-u .marg-sm-u-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -366,12 +408,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-sm-ii .marg-sm-ii-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-ii .marg-sm-ii-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-ii .marg-sm-ii-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-ii .marg-sm-ii-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-ii .marg-sm-ii-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -427,12 +475,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-sm-tb .marg-sm-tb-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-sm-tb .marg-sm-tb-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-sm-tb .marg-sm-tb-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-sm-tb .marg-sm-tb-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-sm-tb .marg-sm-tb-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -488,12 +542,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .pad-sm .pad-sm-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm .pad-sm-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm .pad-sm-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm .pad-sm-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm .pad-sm-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -537,12 +597,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-sm-t .pad-sm-t-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-t .pad-sm-t-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-t .pad-sm-t-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-t .pad-sm-t-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-t .pad-sm-t-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -586,12 +652,18 @@
     padding-top: var(--box-density-12);
   }
 
+  .pad-sm-b .pad-sm-b-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-b .pad-sm-b-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-b .pad-sm-b-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-b .pad-sm-b-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-b .pad-sm-b-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -635,12 +707,18 @@
     padding-bottom: var(--box-density-12);
   }
 
+  .pad-sm-l .pad-sm-l-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-l .pad-sm-l-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-l .pad-sm-l-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-l .pad-sm-l-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-l .pad-sm-l-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -684,12 +762,18 @@
     padding-left: var(--box-density-12);
   }
 
+  .pad-sm-r .pad-sm-r-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-r .pad-sm-r-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-r .pad-sm-r-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-r .pad-sm-r-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-r .pad-sm-r-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -733,12 +817,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-sm-all .pad-sm-all-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-all .pad-sm-all-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-all .pad-sm-all-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-all .pad-sm-all-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-all .pad-sm-all-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -782,12 +872,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-sm-u .pad-sm-u-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-u .pad-sm-u-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-u .pad-sm-u-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-u .pad-sm-u-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-u .pad-sm-u-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -855,12 +951,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-sm-ii .pad-sm-ii-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-ii .pad-sm-ii-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-ii .pad-sm-ii-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-ii .pad-sm-ii-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-ii .pad-sm-ii-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -916,12 +1018,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-sm-tb .pad-sm-tb-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-sm-tb .pad-sm-tb-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-sm-tb .pad-sm-tb-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-sm-tb .pad-sm-tb-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-sm-tb .pad-sm-tb-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -1363,6 +1471,10 @@
     box-shadow: var(--box-shad-sm-5);
   }
 
+  .gap-sm-tight {
+    gap-sm: var(--box-density-preset-tight);
+  }
+
   .gap-sm-tiny {
     gap-sm: var(--box-density-preset-tiny);
   }
@@ -1371,6 +1483,10 @@
     gap-sm: var(--box-density-preset-small);
   }
 
+  .gap-sm-default {
+    gap-sm: var(--box-density-preset-default);
+  }
+
   .gap-sm-medium {
     gap-sm: var(--box-density-preset-medium);
   }
@@ -1380,12 +1496,18 @@
   }
 }
 @media only screen and (min-width: 768px) {
+  .marg-md .marg-md-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md .marg-md-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md .marg-md-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md .marg-md-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md .marg-md-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1429,12 +1551,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-md-t .marg-md-t-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-t .marg-md-t-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-t .marg-md-t-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-t .marg-md-t-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-t .marg-md-t-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1478,12 +1606,18 @@
     margin-top: var(--box-density-12);
   }
 
+  .marg-md-b .marg-md-b-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-b .marg-md-b-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-b .marg-md-b-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-b .marg-md-b-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-b .marg-md-b-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1527,12 +1661,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .marg-md-l .marg-md-l-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-l .marg-md-l-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-l .marg-md-l-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-l .marg-md-l-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-l .marg-md-l-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1576,12 +1716,18 @@
     margin-left: var(--box-density-12);
   }
 
+  .marg-md-r .marg-md-r-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-r .marg-md-r-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-r .marg-md-r-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-r .marg-md-r-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-r .marg-md-r-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1625,12 +1771,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-md-all .marg-md-all-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-all .marg-md-all-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-all .marg-md-all-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-all .marg-md-all-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-all .marg-md-all-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1674,12 +1826,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-md-u .marg-md-u-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-u .marg-md-u-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-u .marg-md-u-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-u .marg-md-u-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-u .marg-md-u-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1747,12 +1905,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-md-ii .marg-md-ii-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-ii .marg-md-ii-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-ii .marg-md-ii-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-ii .marg-md-ii-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-ii .marg-md-ii-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1808,12 +1972,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-md-tb .marg-md-tb-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-md-tb .marg-md-tb-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-md-tb .marg-md-tb-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-md-tb .marg-md-tb-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-md-tb .marg-md-tb-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -1869,12 +2039,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .pad-md .pad-md-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md .pad-md-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md .pad-md-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md .pad-md-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md .pad-md-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -1918,12 +2094,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-md-t .pad-md-t-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-t .pad-md-t-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-t .pad-md-t-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-t .pad-md-t-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-t .pad-md-t-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -1967,12 +2149,18 @@
     padding-top: var(--box-density-12);
   }
 
+  .pad-md-b .pad-md-b-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-b .pad-md-b-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-b .pad-md-b-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-b .pad-md-b-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-b .pad-md-b-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2016,12 +2204,18 @@
     padding-bottom: var(--box-density-12);
   }
 
+  .pad-md-l .pad-md-l-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-l .pad-md-l-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-l .pad-md-l-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-l .pad-md-l-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-l .pad-md-l-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2065,12 +2259,18 @@
     padding-left: var(--box-density-12);
   }
 
+  .pad-md-r .pad-md-r-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-r .pad-md-r-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-r .pad-md-r-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-r .pad-md-r-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-r .pad-md-r-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2114,12 +2314,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-md-all .pad-md-all-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-all .pad-md-all-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-all .pad-md-all-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-all .pad-md-all-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-all .pad-md-all-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2163,12 +2369,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-md-u .pad-md-u-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-u .pad-md-u-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-u .pad-md-u-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-u .pad-md-u-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-u .pad-md-u-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2236,12 +2448,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-md-ii .pad-md-ii-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-ii .pad-md-ii-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-ii .pad-md-ii-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-ii .pad-md-ii-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-ii .pad-md-ii-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2297,12 +2515,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-md-tb .pad-md-tb-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-md-tb .pad-md-tb-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-md-tb .pad-md-tb-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-md-tb .pad-md-tb-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-md-tb .pad-md-tb-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -2744,6 +2968,10 @@
     box-shadow: var(--box-shad-md-5);
   }
 
+  .gap-md-tight {
+    gap-md: var(--box-density-preset-tight);
+  }
+
   .gap-md-tiny {
     gap-md: var(--box-density-preset-tiny);
   }
@@ -2752,6 +2980,10 @@
     gap-md: var(--box-density-preset-small);
   }
 
+  .gap-md-default {
+    gap-md: var(--box-density-preset-default);
+  }
+
   .gap-md-medium {
     gap-md: var(--box-density-preset-medium);
   }
@@ -2761,12 +2993,18 @@
   }
 }
 @media only screen and (min-width: 1024px) {
+  .marg-lg .marg-lg-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg .marg-lg-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg .marg-lg-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg .marg-lg-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg .marg-lg-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -2810,12 +3048,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-lg-t .marg-lg-t-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-t .marg-lg-t-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-t .marg-lg-t-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-t .marg-lg-t-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-t .marg-lg-t-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -2859,12 +3103,18 @@
     margin-top: var(--box-density-12);
   }
 
+  .marg-lg-b .marg-lg-b-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-b .marg-lg-b-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-b .marg-lg-b-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-b .marg-lg-b-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-b .marg-lg-b-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -2908,12 +3158,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .marg-lg-l .marg-lg-l-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-l .marg-lg-l-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-l .marg-lg-l-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-l .marg-lg-l-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-l .marg-lg-l-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -2957,12 +3213,18 @@
     margin-left: var(--box-density-12);
   }
 
+  .marg-lg-r .marg-lg-r-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-r .marg-lg-r-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-r .marg-lg-r-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-r .marg-lg-r-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-r .marg-lg-r-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -3006,12 +3268,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-lg-all .marg-lg-all-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-all .marg-lg-all-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-all .marg-lg-all-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-all .marg-lg-all-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-all .marg-lg-all-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -3055,12 +3323,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-lg-u .marg-lg-u-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-u .marg-lg-u-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-u .marg-lg-u-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-u .marg-lg-u-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-u .marg-lg-u-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -3128,12 +3402,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-lg-ii .marg-lg-ii-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-ii .marg-lg-ii-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-ii .marg-lg-ii-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-ii .marg-lg-ii-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-ii .marg-lg-ii-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -3189,12 +3469,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-lg-tb .marg-lg-tb-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-lg-tb .marg-lg-tb-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-lg-tb .marg-lg-tb-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-lg-tb .marg-lg-tb-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-lg-tb .marg-lg-tb-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -3250,12 +3536,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .pad-lg .pad-lg-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg .pad-lg-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg .pad-lg-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg .pad-lg-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg .pad-lg-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3299,12 +3591,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-lg-t .pad-lg-t-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-t .pad-lg-t-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-t .pad-lg-t-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-t .pad-lg-t-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-t .pad-lg-t-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3348,12 +3646,18 @@
     padding-top: var(--box-density-12);
   }
 
+  .pad-lg-b .pad-lg-b-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-b .pad-lg-b-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-b .pad-lg-b-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-b .pad-lg-b-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-b .pad-lg-b-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3397,12 +3701,18 @@
     padding-bottom: var(--box-density-12);
   }
 
+  .pad-lg-l .pad-lg-l-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-l .pad-lg-l-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-l .pad-lg-l-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-l .pad-lg-l-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-l .pad-lg-l-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3446,12 +3756,18 @@
     padding-left: var(--box-density-12);
   }
 
+  .pad-lg-r .pad-lg-r-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-r .pad-lg-r-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-r .pad-lg-r-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-r .pad-lg-r-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-r .pad-lg-r-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3495,12 +3811,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-lg-all .pad-lg-all-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-all .pad-lg-all-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-all .pad-lg-all-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-all .pad-lg-all-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-all .pad-lg-all-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3544,12 +3866,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-lg-u .pad-lg-u-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-u .pad-lg-u-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-u .pad-lg-u-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-u .pad-lg-u-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-u .pad-lg-u-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3617,12 +3945,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-lg-ii .pad-lg-ii-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-ii .pad-lg-ii-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-ii .pad-lg-ii-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-ii .pad-lg-ii-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-ii .pad-lg-ii-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -3678,12 +4012,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-lg-tb .pad-lg-tb-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-lg-tb .pad-lg-tb-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-lg-tb .pad-lg-tb-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-lg-tb .pad-lg-tb-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-lg-tb .pad-lg-tb-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4125,6 +4465,10 @@
     box-shadow: var(--box-shad-lg-5);
   }
 
+  .gap-lg-tight {
+    gap-lg: var(--box-density-preset-tight);
+  }
+
   .gap-lg-tiny {
     gap-lg: var(--box-density-preset-tiny);
   }
@@ -4133,6 +4477,10 @@
     gap-lg: var(--box-density-preset-small);
   }
 
+  .gap-lg-default {
+    gap-lg: var(--box-density-preset-default);
+  }
+
   .gap-lg-medium {
     gap-lg: var(--box-density-preset-medium);
   }
@@ -4142,12 +4490,18 @@
   }
 }
 @media only screen and (min-width: 1280px) {
+  .marg-xl .marg-xl-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl .marg-xl-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl .marg-xl-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl .marg-xl-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl .marg-xl-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4191,12 +4545,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-xl-t .marg-xl-t-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-t .marg-xl-t-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-t .marg-xl-t-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-t .marg-xl-t-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-t .marg-xl-t-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4240,12 +4600,18 @@
     margin-top: var(--box-density-12);
   }
 
+  .marg-xl-b .marg-xl-b-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-b .marg-xl-b-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-b .marg-xl-b-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-b .marg-xl-b-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-b .marg-xl-b-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4289,12 +4655,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .marg-xl-l .marg-xl-l-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-l .marg-xl-l-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-l .marg-xl-l-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-l .marg-xl-l-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-l .marg-xl-l-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4338,12 +4710,18 @@
     margin-left: var(--box-density-12);
   }
 
+  .marg-xl-r .marg-xl-r-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-r .marg-xl-r-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-r .marg-xl-r-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-r .marg-xl-r-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-r .marg-xl-r-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4387,12 +4765,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-xl-all .marg-xl-all-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-all .marg-xl-all-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-all .marg-xl-all-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-all .marg-xl-all-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-all .marg-xl-all-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4436,12 +4820,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-xl-u .marg-xl-u-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-u .marg-xl-u-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-u .marg-xl-u-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-u .marg-xl-u-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-u .marg-xl-u-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4509,12 +4899,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-xl-ii .marg-xl-ii-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-ii .marg-xl-ii-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-ii .marg-xl-ii-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-ii .marg-xl-ii-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-ii .marg-xl-ii-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4570,12 +4966,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-xl-tb .marg-xl-tb-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xl-tb .marg-xl-tb-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xl-tb .marg-xl-tb-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xl-tb .marg-xl-tb-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xl-tb .marg-xl-tb-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -4631,12 +5033,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .pad-xl .pad-xl-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl .pad-xl-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl .pad-xl-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl .pad-xl-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl .pad-xl-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4680,12 +5088,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-xl-t .pad-xl-t-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-t .pad-xl-t-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-t .pad-xl-t-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-t .pad-xl-t-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-t .pad-xl-t-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4729,12 +5143,18 @@
     padding-top: var(--box-density-12);
   }
 
+  .pad-xl-b .pad-xl-b-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-b .pad-xl-b-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-b .pad-xl-b-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-b .pad-xl-b-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-b .pad-xl-b-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4778,12 +5198,18 @@
     padding-bottom: var(--box-density-12);
   }
 
+  .pad-xl-l .pad-xl-l-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-l .pad-xl-l-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-l .pad-xl-l-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-l .pad-xl-l-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-l .pad-xl-l-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4827,12 +5253,18 @@
     padding-left: var(--box-density-12);
   }
 
+  .pad-xl-r .pad-xl-r-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-r .pad-xl-r-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-r .pad-xl-r-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-r .pad-xl-r-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-r .pad-xl-r-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4876,12 +5308,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-xl-all .pad-xl-all-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-all .pad-xl-all-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-all .pad-xl-all-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-all .pad-xl-all-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-all .pad-xl-all-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4925,12 +5363,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-xl-u .pad-xl-u-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-u .pad-xl-u-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-u .pad-xl-u-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-u .pad-xl-u-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-u .pad-xl-u-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -4998,12 +5442,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-xl-ii .pad-xl-ii-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-ii .pad-xl-ii-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-ii .pad-xl-ii-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-ii .pad-xl-ii-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-ii .pad-xl-ii-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -5059,12 +5509,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-xl-tb .pad-xl-tb-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xl-tb .pad-xl-tb-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xl-tb .pad-xl-tb-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xl-tb .pad-xl-tb-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xl-tb .pad-xl-tb-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -5506,6 +5962,10 @@
     box-shadow: var(--box-shad-xl-5);
   }
 
+  .gap-xl-tight {
+    gap-xl: var(--box-density-preset-tight);
+  }
+
   .gap-xl-tiny {
     gap-xl: var(--box-density-preset-tiny);
   }
@@ -5514,6 +5974,10 @@
     gap-xl: var(--box-density-preset-small);
   }
 
+  .gap-xl-default {
+    gap-xl: var(--box-density-preset-default);
+  }
+
   .gap-xl-medium {
     gap-xl: var(--box-density-preset-medium);
   }
@@ -5523,12 +5987,18 @@
   }
 }
 @media only screen and (min-width: 1540px) {
+  .marg-xxl .marg-xxl-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl .marg-xxl-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl .marg-xxl-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl .marg-xxl-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl .marg-xxl-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5572,12 +6042,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-xxl-t .marg-xxl-t-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-t .marg-xxl-t-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-t .marg-xxl-t-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-t .marg-xxl-t-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-t .marg-xxl-t-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5621,12 +6097,18 @@
     margin-top: var(--box-density-12);
   }
 
+  .marg-xxl-b .marg-xxl-b-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-b .marg-xxl-b-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-b .marg-xxl-b-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-b .marg-xxl-b-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-b .marg-xxl-b-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5670,12 +6152,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .marg-xxl-l .marg-xxl-l-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-l .marg-xxl-l-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-l .marg-xxl-l-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-l .marg-xxl-l-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-l .marg-xxl-l-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5719,12 +6207,18 @@
     margin-left: var(--box-density-12);
   }
 
+  .marg-xxl-r .marg-xxl-r-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-r .marg-xxl-r-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-r .marg-xxl-r-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-r .marg-xxl-r-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-r .marg-xxl-r-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5768,12 +6262,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-xxl-all .marg-xxl-all-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-all .marg-xxl-all-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-all .marg-xxl-all-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-all .marg-xxl-all-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-all .marg-xxl-all-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5817,12 +6317,18 @@
     margin: var(--box-density-12);
   }
 
+  .marg-xxl-u .marg-xxl-u-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-u .marg-xxl-u-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-u .marg-xxl-u-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-u .marg-xxl-u-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-u .marg-xxl-u-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5890,12 +6396,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-xxl-ii .marg-xxl-ii-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-ii .marg-xxl-ii-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-ii .marg-xxl-ii-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-ii .marg-xxl-ii-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-ii .marg-xxl-ii-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -5951,12 +6463,18 @@
     margin-right: var(--box-density-12);
   }
 
+  .marg-xxl-tb .marg-xxl-tb-tight {
+    margin: var(--box-density-preset-tight);
+  }
   .marg-xxl-tb .marg-xxl-tb-tiny {
     margin: var(--box-density-preset-tiny);
   }
   .marg-xxl-tb .marg-xxl-tb-small {
     margin: var(--box-density-preset-small);
   }
+  .marg-xxl-tb .marg-xxl-tb-default {
+    margin: var(--box-density-preset-default);
+  }
   .marg-xxl-tb .marg-xxl-tb-medium {
     margin: var(--box-density-preset-medium);
   }
@@ -6012,12 +6530,18 @@
     margin-bottom: var(--box-density-12);
   }
 
+  .pad-xxl .pad-xxl-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl .pad-xxl-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl .pad-xxl-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl .pad-xxl-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl .pad-xxl-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6061,12 +6585,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-xxl-t .pad-xxl-t-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-t .pad-xxl-t-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-t .pad-xxl-t-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-t .pad-xxl-t-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-t .pad-xxl-t-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6110,12 +6640,18 @@
     padding-top: var(--box-density-12);
   }
 
+  .pad-xxl-b .pad-xxl-b-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-b .pad-xxl-b-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-b .pad-xxl-b-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-b .pad-xxl-b-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-b .pad-xxl-b-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6159,12 +6695,18 @@
     padding-bottom: var(--box-density-12);
   }
 
+  .pad-xxl-l .pad-xxl-l-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-l .pad-xxl-l-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-l .pad-xxl-l-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-l .pad-xxl-l-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-l .pad-xxl-l-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6208,12 +6750,18 @@
     padding-left: var(--box-density-12);
   }
 
+  .pad-xxl-r .pad-xxl-r-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-r .pad-xxl-r-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-r .pad-xxl-r-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-r .pad-xxl-r-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-r .pad-xxl-r-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6257,12 +6805,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-xxl-all .pad-xxl-all-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-all .pad-xxl-all-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-all .pad-xxl-all-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-all .pad-xxl-all-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-all .pad-xxl-all-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6306,12 +6860,18 @@
     padding: var(--box-density-12);
   }
 
+  .pad-xxl-u .pad-xxl-u-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-u .pad-xxl-u-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-u .pad-xxl-u-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-u .pad-xxl-u-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-u .pad-xxl-u-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6379,12 +6939,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-xxl-ii .pad-xxl-ii-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-ii .pad-xxl-ii-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-ii .pad-xxl-ii-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-ii .pad-xxl-ii-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-ii .pad-xxl-ii-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6440,12 +7006,18 @@
     padding-right: var(--box-density-12);
   }
 
+  .pad-xxl-tb .pad-xxl-tb-tight {
+    padding: var(--box-density-preset-tight);
+  }
   .pad-xxl-tb .pad-xxl-tb-tiny {
     padding: var(--box-density-preset-tiny);
   }
   .pad-xxl-tb .pad-xxl-tb-small {
     padding: var(--box-density-preset-small);
   }
+  .pad-xxl-tb .pad-xxl-tb-default {
+    padding: var(--box-density-preset-default);
+  }
   .pad-xxl-tb .pad-xxl-tb-medium {
     padding: var(--box-density-preset-medium);
   }
@@ -6887,6 +7459,10 @@
     box-shadow: var(--box-shad-xxl-5);
   }
 
+  .gap-xxl-tight {
+    gap-xxl: var(--box-density-preset-tight);
+  }
+
   .gap-xxl-tiny {
     gap-xxl: var(--box-density-preset-tiny);
   }
@@ -6895,6 +7471,10 @@
     gap-xxl: var(--box-density-preset-small);
   }
 
+  .gap-xxl-default {
+    gap-xxl: var(--box-density-preset-default);
+  }
+
   .gap-xxl-medium {
     gap-xxl: var(--box-density-preset-medium);
   }