diff --git a/main/css/reset.css b/main/css/reset.css
index ced88c2..f25efc2 100644
--- a/main/css/reset.css
+++ b/main/css/reset.css
@@ -32,11 +32,12 @@ button, input, textarea, select, .reset {
   border-radius: 0;
   color: inherit;
   line-height: inherit;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
 }
 
 a {
-  color: var(--color-primary, hsl(250, 100%, 69%));
+  color: var(--color-primary, hsl(250deg, 100%, 69%));
 }
 
 textarea {
@@ -56,5 +57,5 @@ img, video, svg {
 }
 
 [data-theme] {
-  color: var(--color-contrast-high, hsl(240, 5%, 82%));
+  color: var(--color-contrast-high, hsl(240deg, 5%, 82%));
 }
\ No newline at end of file
diff --git a/main/css/style.css b/main/css/style.css
index dce9dc6..a9e070f 100644
--- a/main/css/style.css
+++ b/main/css/style.css
@@ -1480,80 +1480,72 @@ small {
   margin: var(--space-4xs);
 }
 
-.margin-top-4xs {
-  margin-top: var(--space-4xs);
-}
-
-.margin-right-4xs {
-  margin-right: var(--space-4xs);
-}
-
-.margin-bottom-4xs {
-  margin-bottom: var(--space-4xs);
+.margin-3xs {
+  margin: var(--space-3xs);
 }
 
-.margin-left-4xs {
-  margin-left: var(--space-4xs);
+.margin-2xs {
+  margin: var(--space-2xs);
 }
 
-.margin-y-4xs {
-  margin-top: var(--space-4xs);
-  margin-bottom: var(--space-4xs);
+.margin-xs {
+  margin: var(--space-xs);
 }
 
-.margin-x-4xs {
-  margin-right: var(--space-4xs);
-  margin-left: var(--space-4xs);
+.margin-sm {
+  margin: var(--space-sm);
 }
 
-.margin-3xs {
-  margin: var(--space-3xs);
+.margin-md {
+  margin: var(--space-md);
 }
 
-.margin-top-3xs {
-  margin-top: var(--space-3xs);
+.margin-lg {
+  margin: var(--space-lg);
 }
 
-.margin-right-3xs {
-  margin-right: var(--space-3xs);
+.margin-xl {
+  margin: var(--space-xl);
 }
 
-.margin-bottom-3xs {
-  margin-bottom: var(--space-3xs);
+.margin-2xl {
+  margin: var(--space-2xl);
 }
 
-.margin-left-3xs {
-  margin-left: var(--space-3xs);
+.margin-3xl {
+  margin: var(--space-3xl);
 }
 
-.margin-y-3xs {
-  margin-top: var(--space-3xs);
-  margin-bottom: var(--space-3xs);
+.margin-4xl {
+  margin: var(--space-4xl);
 }
 
-.margin-x-3xs {
-  margin-right: var(--space-3xs);
-  margin-left: var(--space-3xs);
+.margin-auto {
+  margin: auto;
 }
 
-.margin-2xs {
-  margin: var(--space-2xs);
+.margin-0 {
+  margin: 0;
 }
 
-.margin-top-2xs {
-  margin-top: var(--space-2xs);
+.margin-y-4xs {
+  margin-top: var(--space-4xs);
+  margin-bottom: var(--space-4xs);
 }
 
-.margin-right-2xs {
-  margin-right: var(--space-2xs);
+.margin-x-4xs {
+  margin-right: var(--space-4xs);
+  margin-left: var(--space-4xs);
 }
 
-.margin-bottom-2xs {
-  margin-bottom: var(--space-2xs);
+.margin-y-3xs {
+  margin-top: var(--space-3xs);
+  margin-bottom: var(--space-3xs);
 }
 
-.margin-left-2xs {
-  margin-left: var(--space-2xs);
+.margin-x-3xs {
+  margin-right: var(--space-3xs);
+  margin-left: var(--space-3xs);
 }
 
 .margin-y-2xs {
@@ -1566,26 +1558,6 @@ small {
   margin-left: var(--space-2xs);
 }
 
-.margin-xs {
-  margin: var(--space-xs);
-}
-
-.margin-top-xs {
-  margin-top: var(--space-xs);
-}
-
-.margin-right-xs {
-  margin-right: var(--space-xs);
-}
-
-.margin-bottom-xs {
-  margin-bottom: var(--space-xs);
-}
-
-.margin-left-xs {
-  margin-left: var(--space-xs);
-}
-
 .margin-y-xs {
   margin-top: var(--space-xs);
   margin-bottom: var(--space-xs);
@@ -1596,26 +1568,6 @@ small {
   margin-left: var(--space-xs);
 }
 
-.margin-sm {
-  margin: var(--space-sm);
-}
-
-.margin-top-sm {
-  margin-top: var(--space-sm);
-}
-
-.margin-right-sm {
-  margin-right: var(--space-sm);
-}
-
-.margin-bottom-sm {
-  margin-bottom: var(--space-sm);
-}
-
-.margin-left-sm {
-  margin-left: var(--space-sm);
-}
-
 .margin-y-sm {
   margin-top: var(--space-sm);
   margin-bottom: var(--space-sm);
@@ -1626,26 +1578,6 @@ small {
   margin-left: var(--space-sm);
 }
 
-.margin-md {
-  margin: var(--space-md);
-}
-
-.margin-top-md {
-  margin-top: var(--space-md);
-}
-
-.margin-right-md {
-  margin-right: var(--space-md);
-}
-
-.margin-bottom-md {
-  margin-bottom: var(--space-md);
-}
-
-.margin-left-md {
-  margin-left: var(--space-md);
-}
-
 .margin-y-md {
   margin-top: var(--space-md);
   margin-bottom: var(--space-md);
@@ -1656,26 +1588,6 @@ small {
   margin-left: var(--space-md);
 }
 
-.margin-lg {
-  margin: var(--space-lg);
-}
-
-.margin-top-lg {
-  margin-top: var(--space-lg);
-}
-
-.margin-right-lg {
-  margin-right: var(--space-lg);
-}
-
-.margin-bottom-lg {
-  margin-bottom: var(--space-lg);
-}
-
-.margin-left-lg {
-  margin-left: var(--space-lg);
-}
-
 .margin-y-lg {
   margin-top: var(--space-lg);
   margin-bottom: var(--space-lg);
@@ -1686,26 +1598,6 @@ small {
   margin-left: var(--space-lg);
 }
 
-.margin-xl {
-  margin: var(--space-xl);
-}
-
-.margin-top-xl {
-  margin-top: var(--space-xl);
-}
-
-.margin-right-xl {
-  margin-right: var(--space-xl);
-}
-
-.margin-bottom-xl {
-  margin-bottom: var(--space-xl);
-}
-
-.margin-left-xl {
-  margin-left: var(--space-xl);
-}
-
 .margin-y-xl {
   margin-top: var(--space-xl);
   margin-bottom: var(--space-xl);
@@ -1716,26 +1608,6 @@ small {
   margin-left: var(--space-xl);
 }
 
-.margin-2xl {
-  margin: var(--space-2xl);
-}
-
-.margin-top-2xl {
-  margin-top: var(--space-2xl);
-}
-
-.margin-right-2xl {
-  margin-right: var(--space-2xl);
-}
-
-.margin-bottom-2xl {
-  margin-bottom: var(--space-2xl);
-}
-
-.margin-left-2xl {
-  margin-left: var(--space-2xl);
-}
-
 .margin-y-2xl {
   margin-top: var(--space-2xl);
   margin-bottom: var(--space-2xl);
@@ -1746,26 +1618,6 @@ small {
   margin-left: var(--space-2xl);
 }
 
-.margin-3xl {
-  margin: var(--space-3xl);
-}
-
-.margin-top-3xl {
-  margin-top: var(--space-3xl);
-}
-
-.margin-right-3xl {
-  margin-right: var(--space-3xl);
-}
-
-.margin-bottom-3xl {
-  margin-bottom: var(--space-3xl);
-}
-
-.margin-left-3xl {
-  margin-left: var(--space-3xl);
-}
-
 .margin-y-3xl {
   margin-top: var(--space-3xl);
   margin-bottom: var(--space-3xl);
@@ -1776,26 +1628,6 @@ small {
   margin-left: var(--space-3xl);
 }
 
-.margin-4xl {
-  margin: var(--space-4xl);
-}
-
-.margin-top-4xl {
-  margin-top: var(--space-4xl);
-}
-
-.margin-right-4xl {
-  margin-right: var(--space-4xl);
-}
-
-.margin-bottom-4xl {
-  margin-bottom: var(--space-4xl);
-}
-
-.margin-left-4xl {
-  margin-left: var(--space-4xl);
-}
-
 .margin-y-4xl {
   margin-top: var(--space-4xl);
   margin-bottom: var(--space-4xl);
@@ -1806,14 +1638,6 @@ small {
   margin-left: var(--space-4xl);
 }
 
-.margin-auto {
-  margin: auto;
-}
-
-.margin-0 {
-  margin: 0;
-}
-
 .margin-y-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -1834,12 +1658,188 @@ small {
   margin-right: 0;
 }
 
-.margin-top-auto {
-  margin-top: auto;
+.margin-top-4xs {
+  margin-top: var(--space-4xs);
 }
 
-.margin-top-0 {
-  margin-top: 0;
+.margin-right-4xs {
+  margin-right: var(--space-4xs);
+}
+
+.margin-bottom-4xs {
+  margin-bottom: var(--space-4xs);
+}
+
+.margin-left-4xs {
+  margin-left: var(--space-4xs);
+}
+
+.margin-top-3xs {
+  margin-top: var(--space-3xs);
+}
+
+.margin-right-3xs {
+  margin-right: var(--space-3xs);
+}
+
+.margin-bottom-3xs {
+  margin-bottom: var(--space-3xs);
+}
+
+.margin-left-3xs {
+  margin-left: var(--space-3xs);
+}
+
+.margin-top-2xs {
+  margin-top: var(--space-2xs);
+}
+
+.margin-right-2xs {
+  margin-right: var(--space-2xs);
+}
+
+.margin-bottom-2xs {
+  margin-bottom: var(--space-2xs);
+}
+
+.margin-left-2xs {
+  margin-left: var(--space-2xs);
+}
+
+.margin-top-xs {
+  margin-top: var(--space-xs);
+}
+
+.margin-right-xs {
+  margin-right: var(--space-xs);
+}
+
+.margin-bottom-xs {
+  margin-bottom: var(--space-xs);
+}
+
+.margin-left-xs {
+  margin-left: var(--space-xs);
+}
+
+.margin-top-sm {
+  margin-top: var(--space-sm);
+}
+
+.margin-right-sm {
+  margin-right: var(--space-sm);
+}
+
+.margin-bottom-sm {
+  margin-bottom: var(--space-sm);
+}
+
+.margin-left-sm {
+  margin-left: var(--space-sm);
+}
+
+.margin-top-md {
+  margin-top: var(--space-md);
+}
+
+.margin-right-md {
+  margin-right: var(--space-md);
+}
+
+.margin-bottom-md {
+  margin-bottom: var(--space-md);
+}
+
+.margin-left-md {
+  margin-left: var(--space-md);
+}
+
+.margin-top-lg {
+  margin-top: var(--space-lg);
+}
+
+.margin-right-lg {
+  margin-right: var(--space-lg);
+}
+
+.margin-bottom-lg {
+  margin-bottom: var(--space-lg);
+}
+
+.margin-left-lg {
+  margin-left: var(--space-lg);
+}
+
+.margin-top-xl {
+  margin-top: var(--space-xl);
+}
+
+.margin-right-xl {
+  margin-right: var(--space-xl);
+}
+
+.margin-bottom-xl {
+  margin-bottom: var(--space-xl);
+}
+
+.margin-left-xl {
+  margin-left: var(--space-xl);
+}
+
+.margin-top-2xl {
+  margin-top: var(--space-2xl);
+}
+
+.margin-right-2xl {
+  margin-right: var(--space-2xl);
+}
+
+.margin-bottom-2xl {
+  margin-bottom: var(--space-2xl);
+}
+
+.margin-left-2xl {
+  margin-left: var(--space-2xl);
+}
+
+.margin-top-3xl {
+  margin-top: var(--space-3xl);
+}
+
+.margin-right-3xl {
+  margin-right: var(--space-3xl);
+}
+
+.margin-bottom-3xl {
+  margin-bottom: var(--space-3xl);
+}
+
+.margin-left-3xl {
+  margin-left: var(--space-3xl);
+}
+
+.margin-top-4xl {
+  margin-top: var(--space-4xl);
+}
+
+.margin-right-4xl {
+  margin-right: var(--space-4xl);
+}
+
+.margin-bottom-4xl {
+  margin-bottom: var(--space-4xl);
+}
+
+.margin-left-4xl {
+  margin-left: var(--space-4xl);
+}
+
+.margin-top-auto {
+  margin-top: auto;
+}
+
+.margin-top-0 {
+  margin-top: 0;
 }
 
 .margin-right-auto {
@@ -1871,20 +1871,48 @@ small {
   padding: var(--space-4xs);
 }
 
-.padding-top-4xs {
-  padding-top: var(--space-4xs);
+.padding-3xs {
+  padding: var(--space-3xs);
 }
 
-.padding-right-4xs {
-  padding-right: var(--space-4xs);
+.padding-2xs {
+  padding: var(--space-2xs);
 }
 
-.padding-bottom-4xs {
-  padding-bottom: var(--space-4xs);
+.padding-xs {
+  padding: var(--space-xs);
 }
 
-.padding-left-4xs {
-  padding-left: var(--space-4xs);
+.padding-sm {
+  padding: var(--space-sm);
+}
+
+.padding-md {
+  padding: var(--space-md);
+}
+
+.padding-lg {
+  padding: var(--space-lg);
+}
+
+.padding-xl {
+  padding: var(--space-xl);
+}
+
+.padding-2xl {
+  padding: var(--space-2xl);
+}
+
+.padding-3xl {
+  padding: var(--space-3xl);
+}
+
+.padding-4xl {
+  padding: var(--space-4xl);
+}
+
+.padding-0 {
+  padding: 0;
 }
 
 .padding-y-4xs {
@@ -1897,38 +1925,146 @@ small {
   padding-left: var(--space-4xs);
 }
 
-.padding-3xs {
-  padding: var(--space-3xs);
-}
-
-.padding-top-3xs {
+.padding-y-3xs {
   padding-top: var(--space-3xs);
+  padding-bottom: var(--space-3xs);
 }
 
-.padding-right-3xs {
+.padding-x-3xs {
   padding-right: var(--space-3xs);
+  padding-left: var(--space-3xs);
 }
 
-.padding-bottom-3xs {
-  padding-bottom: var(--space-3xs);
+.padding-y-2xs {
+  padding-top: var(--space-2xs);
+  padding-bottom: var(--space-2xs);
 }
 
-.padding-left-3xs {
-  padding-left: var(--space-3xs);
+.padding-x-2xs {
+  padding-right: var(--space-2xs);
+  padding-left: var(--space-2xs);
 }
 
-.padding-y-3xs {
+.padding-y-xs {
+  padding-top: var(--space-xs);
+  padding-bottom: var(--space-xs);
+}
+
+.padding-x-xs {
+  padding-right: var(--space-xs);
+  padding-left: var(--space-xs);
+}
+
+.padding-y-sm {
+  padding-top: var(--space-sm);
+  padding-bottom: var(--space-sm);
+}
+
+.padding-x-sm {
+  padding-right: var(--space-sm);
+  padding-left: var(--space-sm);
+}
+
+.padding-y-md {
+  padding-top: var(--space-md);
+  padding-bottom: var(--space-md);
+}
+
+.padding-x-md {
+  padding-right: var(--space-md);
+  padding-left: var(--space-md);
+}
+
+.padding-y-lg {
+  padding-top: var(--space-lg);
+  padding-bottom: var(--space-lg);
+}
+
+.padding-x-lg {
+  padding-right: var(--space-lg);
+  padding-left: var(--space-lg);
+}
+
+.padding-y-xl {
+  padding-top: var(--space-xl);
+  padding-bottom: var(--space-xl);
+}
+
+.padding-x-xl {
+  padding-right: var(--space-xl);
+  padding-left: var(--space-xl);
+}
+
+.padding-y-2xl {
+  padding-top: var(--space-2xl);
+  padding-bottom: var(--space-2xl);
+}
+
+.padding-x-2xl {
+  padding-right: var(--space-2xl);
+  padding-left: var(--space-2xl);
+}
+
+.padding-y-3xl {
+  padding-top: var(--space-3xl);
+  padding-bottom: var(--space-3xl);
+}
+
+.padding-x-3xl {
+  padding-right: var(--space-3xl);
+  padding-left: var(--space-3xl);
+}
+
+.padding-y-4xl {
+  padding-top: var(--space-4xl);
+  padding-bottom: var(--space-4xl);
+}
+
+.padding-x-4xl {
+  padding-right: var(--space-4xl);
+  padding-left: var(--space-4xl);
+}
+
+.padding-y-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.padding-x-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.padding-top-4xs {
+  padding-top: var(--space-4xs);
+}
+
+.padding-right-4xs {
+  padding-right: var(--space-4xs);
+}
+
+.padding-bottom-4xs {
+  padding-bottom: var(--space-4xs);
+}
+
+.padding-left-4xs {
+  padding-left: var(--space-4xs);
+}
+
+.padding-top-3xs {
   padding-top: var(--space-3xs);
-  padding-bottom: var(--space-3xs);
 }
 
-.padding-x-3xs {
+.padding-right-3xs {
   padding-right: var(--space-3xs);
-  padding-left: var(--space-3xs);
 }
 
-.padding-2xs {
-  padding: var(--space-2xs);
+.padding-bottom-3xs {
+  padding-bottom: var(--space-3xs);
+}
+
+.padding-left-3xs {
+  padding-left: var(--space-3xs);
 }
 
 .padding-top-2xs {
@@ -1947,20 +2083,6 @@ small {
   padding-left: var(--space-2xs);
 }
 
-.padding-y-2xs {
-  padding-top: var(--space-2xs);
-  padding-bottom: var(--space-2xs);
-}
-
-.padding-x-2xs {
-  padding-right: var(--space-2xs);
-  padding-left: var(--space-2xs);
-}
-
-.padding-xs {
-  padding: var(--space-xs);
-}
-
 .padding-top-xs {
   padding-top: var(--space-xs);
 }
@@ -1977,20 +2099,6 @@ small {
   padding-left: var(--space-xs);
 }
 
-.padding-y-xs {
-  padding-top: var(--space-xs);
-  padding-bottom: var(--space-xs);
-}
-
-.padding-x-xs {
-  padding-right: var(--space-xs);
-  padding-left: var(--space-xs);
-}
-
-.padding-sm {
-  padding: var(--space-sm);
-}
-
 .padding-top-sm {
   padding-top: var(--space-sm);
 }
@@ -2007,20 +2115,6 @@ small {
   padding-left: var(--space-sm);
 }
 
-.padding-y-sm {
-  padding-top: var(--space-sm);
-  padding-bottom: var(--space-sm);
-}
-
-.padding-x-sm {
-  padding-right: var(--space-sm);
-  padding-left: var(--space-sm);
-}
-
-.padding-md {
-  padding: var(--space-md);
-}
-
 .padding-top-md {
   padding-top: var(--space-md);
 }
@@ -2037,20 +2131,6 @@ small {
   padding-left: var(--space-md);
 }
 
-.padding-y-md {
-  padding-top: var(--space-md);
-  padding-bottom: var(--space-md);
-}
-
-.padding-x-md {
-  padding-right: var(--space-md);
-  padding-left: var(--space-md);
-}
-
-.padding-lg {
-  padding: var(--space-lg);
-}
-
 .padding-top-lg {
   padding-top: var(--space-lg);
 }
@@ -2067,20 +2147,6 @@ small {
   padding-left: var(--space-lg);
 }
 
-.padding-y-lg {
-  padding-top: var(--space-lg);
-  padding-bottom: var(--space-lg);
-}
-
-.padding-x-lg {
-  padding-right: var(--space-lg);
-  padding-left: var(--space-lg);
-}
-
-.padding-xl {
-  padding: var(--space-xl);
-}
-
 .padding-top-xl {
   padding-top: var(--space-xl);
 }
@@ -2097,20 +2163,6 @@ small {
   padding-left: var(--space-xl);
 }
 
-.padding-y-xl {
-  padding-top: var(--space-xl);
-  padding-bottom: var(--space-xl);
-}
-
-.padding-x-xl {
-  padding-right: var(--space-xl);
-  padding-left: var(--space-xl);
-}
-
-.padding-2xl {
-  padding: var(--space-2xl);
-}
-
 .padding-top-2xl {
   padding-top: var(--space-2xl);
 }
@@ -2127,20 +2179,6 @@ small {
   padding-left: var(--space-2xl);
 }
 
-.padding-y-2xl {
-  padding-top: var(--space-2xl);
-  padding-bottom: var(--space-2xl);
-}
-
-.padding-x-2xl {
-  padding-right: var(--space-2xl);
-  padding-left: var(--space-2xl);
-}
-
-.padding-3xl {
-  padding: var(--space-3xl);
-}
-
 .padding-top-3xl {
   padding-top: var(--space-3xl);
 }
@@ -2149,26 +2187,12 @@ small {
   padding-right: var(--space-3xl);
 }
 
-.padding-bottom-3xl {
-  padding-bottom: var(--space-3xl);
-}
-
-.padding-left-3xl {
-  padding-left: var(--space-3xl);
-}
-
-.padding-y-3xl {
-  padding-top: var(--space-3xl);
-  padding-bottom: var(--space-3xl);
-}
-
-.padding-x-3xl {
-  padding-right: var(--space-3xl);
-  padding-left: var(--space-3xl);
+.padding-bottom-3xl {
+  padding-bottom: var(--space-3xl);
 }
 
-.padding-4xl {
-  padding: var(--space-4xl);
+.padding-left-3xl {
+  padding-left: var(--space-3xl);
 }
 
 .padding-top-4xl {
@@ -2187,30 +2211,6 @@ small {
   padding-left: var(--space-4xl);
 }
 
-.padding-y-4xl {
-  padding-top: var(--space-4xl);
-  padding-bottom: var(--space-4xl);
-}
-
-.padding-x-4xl {
-  padding-right: var(--space-4xl);
-  padding-left: var(--space-4xl);
-}
-
-.padding-0 {
-  padding: 0;
-}
-
-.padding-y-0 {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.padding-x-0 {
-  padding-left: 0;
-  padding-right: 0;
-}
-
 .padding-top-0 {
   padding-top: 0;
 }
@@ -4898,17 +4898,41 @@ small {
   .margin-4xs\@xs {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@xs {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@xs {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@xs {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@xs {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@xs {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@xs {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@xs {
-    margin-left: var(--space-4xs);
+  .margin-sm\@xs {
+    margin: var(--space-sm);
+  }
+  .margin-md\@xs {
+    margin: var(--space-md);
+  }
+  .margin-lg\@xs {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@xs {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@xs {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@xs {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@xs {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@xs {
+    margin: auto;
+  }
+  .margin-0\@xs {
+    margin: 0;
   }
   .margin-y-4xs\@xs {
     margin-top: var(--space-4xs);
@@ -4918,8 +4942,113 @@ small {
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@xs {
-    margin: var(--space-3xs);
+  .margin-y-3xs\@xs {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@xs {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@xs {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@xs {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@xs {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@xs {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@xs {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@xs {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@xs {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@xs {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@xs {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@xs {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@xs {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@xs {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@xs {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@xs {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@xs {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@xs {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@xs {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@xs {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@xs {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@xs {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@xs {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@xs {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@xs {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@xs {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@xs {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@xs {
+    margin-left: var(--space-4xs);
   }
   .margin-top-3xs\@xs {
     margin-top: var(--space-3xs);
@@ -4933,17 +5062,6 @@ small {
   .margin-left-3xs\@xs {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@xs {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@xs {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@xs {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@xs {
     margin-top: var(--space-2xs);
   }
@@ -4956,17 +5074,6 @@ small {
   .margin-left-2xs\@xs {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@xs {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@xs {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@xs {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@xs {
     margin-top: var(--space-xs);
   }
@@ -4979,17 +5086,6 @@ small {
   .margin-left-xs\@xs {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@xs {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@xs {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@xs {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@xs {
     margin-top: var(--space-sm);
   }
@@ -5002,17 +5098,6 @@ small {
   .margin-left-sm\@xs {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@xs {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@xs {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@xs {
-    margin: var(--space-md);
-  }
   .margin-top-md\@xs {
     margin-top: var(--space-md);
   }
@@ -5025,17 +5110,6 @@ small {
   .margin-left-md\@xs {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@xs {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@xs {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@xs {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@xs {
     margin-top: var(--space-lg);
   }
@@ -5048,17 +5122,6 @@ small {
   .margin-left-lg\@xs {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@xs {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@xs {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@xs {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@xs {
     margin-top: var(--space-xl);
   }
@@ -5071,17 +5134,6 @@ small {
   .margin-left-xl\@xs {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@xs {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@xs {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@xs {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@xs {
     margin-top: var(--space-2xl);
   }
@@ -5094,17 +5146,6 @@ small {
   .margin-left-2xl\@xs {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@xs {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@xs {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@xs {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@xs {
     margin-top: var(--space-3xl);
   }
@@ -5117,17 +5158,6 @@ small {
   .margin-left-3xl\@xs {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@xs {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@xs {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@xs {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@xs {
     margin-top: var(--space-4xl);
   }
@@ -5140,36 +5170,6 @@ small {
   .margin-left-4xl\@xs {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@xs {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@xs {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@xs {
-    margin: auto;
-  }
-  .margin-0\@xs {
-    margin: 0;
-  }
-  .margin-y-auto\@xs {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@xs {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@xs {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@xs {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@xs {
     margin-top: auto;
   }
@@ -5198,17 +5198,38 @@ small {
   .padding-4xs\@xs {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@xs {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@xs {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@xs {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@xs {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@xs {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@xs {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@xs {
-    padding-left: var(--space-4xs);
+  .padding-sm\@xs {
+    padding: var(--space-sm);
+  }
+  .padding-md\@xs {
+    padding: var(--space-md);
+  }
+  .padding-lg\@xs {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@xs {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@xs {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@xs {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@xs {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@xs {
+    padding: 0;
   }
   .padding-y-4xs\@xs {
     padding-top: var(--space-4xs);
@@ -5218,8 +5239,105 @@ small {
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@xs {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@xs {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@xs {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@xs {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@xs {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@xs {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@xs {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@xs {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@xs {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@xs {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@xs {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@xs {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@xs {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@xs {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@xs {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@xs {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@xs {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@xs {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@xs {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@xs {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@xs {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@xs {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@xs {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@xs {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@xs {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@xs {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@xs {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@xs {
     padding-top: var(--space-3xs);
@@ -5233,17 +5351,6 @@ small {
   .padding-left-3xs\@xs {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@xs {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@xs {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@xs {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@xs {
     padding-top: var(--space-2xs);
   }
@@ -5256,17 +5363,6 @@ small {
   .padding-left-2xs\@xs {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@xs {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@xs {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@xs {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@xs {
     padding-top: var(--space-xs);
   }
@@ -5279,17 +5375,6 @@ small {
   .padding-left-xs\@xs {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@xs {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@xs {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@xs {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@xs {
     padding-top: var(--space-sm);
   }
@@ -5302,17 +5387,6 @@ small {
   .padding-left-sm\@xs {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@xs {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@xs {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@xs {
-    padding: var(--space-md);
-  }
   .padding-top-md\@xs {
     padding-top: var(--space-md);
   }
@@ -5325,17 +5399,6 @@ small {
   .padding-left-md\@xs {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@xs {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@xs {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@xs {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@xs {
     padding-top: var(--space-lg);
   }
@@ -5348,17 +5411,6 @@ small {
   .padding-left-lg\@xs {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@xs {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@xs {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@xs {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@xs {
     padding-top: var(--space-xl);
   }
@@ -5371,17 +5423,6 @@ small {
   .padding-left-xl\@xs {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@xs {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@xs {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@xs {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@xs {
     padding-top: var(--space-2xl);
   }
@@ -5394,17 +5435,6 @@ small {
   .padding-left-2xl\@xs {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@xs {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@xs {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@xs {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@xs {
     padding-top: var(--space-3xl);
   }
@@ -5417,17 +5447,6 @@ small {
   .padding-left-3xl\@xs {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@xs {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@xs {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@xs {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@xs {
     padding-top: var(--space-4xl);
   }
@@ -5440,25 +5459,6 @@ small {
   .padding-left-4xl\@xs {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@xs {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@xs {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@xs {
-    padding: 0;
-  }
-  .padding-y-0\@xs {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@xs {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@xs {
     padding-top: 0;
   }
@@ -6352,17 +6352,41 @@ small {
   .margin-4xs\@sm {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@sm {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@sm {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@sm {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@sm {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@sm {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@sm {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@sm {
-    margin-left: var(--space-4xs);
+  .margin-sm\@sm {
+    margin: var(--space-sm);
+  }
+  .margin-md\@sm {
+    margin: var(--space-md);
+  }
+  .margin-lg\@sm {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@sm {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@sm {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@sm {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@sm {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@sm {
+    margin: auto;
+  }
+  .margin-0\@sm {
+    margin: 0;
   }
   .margin-y-4xs\@sm {
     margin-top: var(--space-4xs);
@@ -6372,8 +6396,113 @@ small {
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@sm {
-    margin: var(--space-3xs);
+  .margin-y-3xs\@sm {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@sm {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@sm {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@sm {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@sm {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@sm {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@sm {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@sm {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@sm {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@sm {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@sm {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@sm {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@sm {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@sm {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@sm {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@sm {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@sm {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@sm {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@sm {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@sm {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@sm {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@sm {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@sm {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@sm {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@sm {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@sm {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@sm {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@sm {
+    margin-left: var(--space-4xs);
   }
   .margin-top-3xs\@sm {
     margin-top: var(--space-3xs);
@@ -6387,17 +6516,6 @@ small {
   .margin-left-3xs\@sm {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@sm {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@sm {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@sm {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@sm {
     margin-top: var(--space-2xs);
   }
@@ -6410,17 +6528,6 @@ small {
   .margin-left-2xs\@sm {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@sm {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@sm {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@sm {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@sm {
     margin-top: var(--space-xs);
   }
@@ -6433,17 +6540,6 @@ small {
   .margin-left-xs\@sm {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@sm {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@sm {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@sm {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@sm {
     margin-top: var(--space-sm);
   }
@@ -6456,17 +6552,6 @@ small {
   .margin-left-sm\@sm {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@sm {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@sm {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@sm {
-    margin: var(--space-md);
-  }
   .margin-top-md\@sm {
     margin-top: var(--space-md);
   }
@@ -6479,17 +6564,6 @@ small {
   .margin-left-md\@sm {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@sm {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@sm {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@sm {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@sm {
     margin-top: var(--space-lg);
   }
@@ -6502,17 +6576,6 @@ small {
   .margin-left-lg\@sm {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@sm {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@sm {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@sm {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@sm {
     margin-top: var(--space-xl);
   }
@@ -6525,17 +6588,6 @@ small {
   .margin-left-xl\@sm {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@sm {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@sm {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@sm {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@sm {
     margin-top: var(--space-2xl);
   }
@@ -6548,17 +6600,6 @@ small {
   .margin-left-2xl\@sm {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@sm {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@sm {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@sm {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@sm {
     margin-top: var(--space-3xl);
   }
@@ -6571,17 +6612,6 @@ small {
   .margin-left-3xl\@sm {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@sm {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@sm {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@sm {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@sm {
     margin-top: var(--space-4xl);
   }
@@ -6594,36 +6624,6 @@ small {
   .margin-left-4xl\@sm {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@sm {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@sm {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@sm {
-    margin: auto;
-  }
-  .margin-0\@sm {
-    margin: 0;
-  }
-  .margin-y-auto\@sm {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@sm {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@sm {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@sm {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@sm {
     margin-top: auto;
   }
@@ -6652,17 +6652,38 @@ small {
   .padding-4xs\@sm {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@sm {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@sm {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@sm {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@sm {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@sm {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@sm {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@sm {
-    padding-left: var(--space-4xs);
+  .padding-sm\@sm {
+    padding: var(--space-sm);
+  }
+  .padding-md\@sm {
+    padding: var(--space-md);
+  }
+  .padding-lg\@sm {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@sm {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@sm {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@sm {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@sm {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@sm {
+    padding: 0;
   }
   .padding-y-4xs\@sm {
     padding-top: var(--space-4xs);
@@ -6672,8 +6693,105 @@ small {
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@sm {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@sm {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@sm {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@sm {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@sm {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@sm {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@sm {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@sm {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@sm {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@sm {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@sm {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@sm {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@sm {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@sm {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@sm {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@sm {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@sm {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@sm {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@sm {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@sm {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@sm {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@sm {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@sm {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@sm {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@sm {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@sm {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@sm {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@sm {
     padding-top: var(--space-3xs);
@@ -6687,17 +6805,6 @@ small {
   .padding-left-3xs\@sm {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@sm {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@sm {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@sm {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@sm {
     padding-top: var(--space-2xs);
   }
@@ -6710,17 +6817,6 @@ small {
   .padding-left-2xs\@sm {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@sm {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@sm {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@sm {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@sm {
     padding-top: var(--space-xs);
   }
@@ -6733,17 +6829,6 @@ small {
   .padding-left-xs\@sm {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@sm {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@sm {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@sm {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@sm {
     padding-top: var(--space-sm);
   }
@@ -6753,19 +6838,8 @@ small {
   .padding-bottom-sm\@sm {
     padding-bottom: var(--space-sm);
   }
-  .padding-left-sm\@sm {
-    padding-left: var(--space-sm);
-  }
-  .padding-y-sm\@sm {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@sm {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@sm {
-    padding: var(--space-md);
+  .padding-left-sm\@sm {
+    padding-left: var(--space-sm);
   }
   .padding-top-md\@sm {
     padding-top: var(--space-md);
@@ -6779,17 +6853,6 @@ small {
   .padding-left-md\@sm {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@sm {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@sm {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@sm {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@sm {
     padding-top: var(--space-lg);
   }
@@ -6802,17 +6865,6 @@ small {
   .padding-left-lg\@sm {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@sm {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@sm {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@sm {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@sm {
     padding-top: var(--space-xl);
   }
@@ -6825,17 +6877,6 @@ small {
   .padding-left-xl\@sm {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@sm {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@sm {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@sm {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@sm {
     padding-top: var(--space-2xl);
   }
@@ -6848,17 +6889,6 @@ small {
   .padding-left-2xl\@sm {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@sm {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@sm {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@sm {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@sm {
     padding-top: var(--space-3xl);
   }
@@ -6871,17 +6901,6 @@ small {
   .padding-left-3xl\@sm {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@sm {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@sm {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@sm {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@sm {
     padding-top: var(--space-4xl);
   }
@@ -6894,25 +6913,6 @@ small {
   .padding-left-4xl\@sm {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@sm {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@sm {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@sm {
-    padding: 0;
-  }
-  .padding-y-0\@sm {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@sm {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@sm {
     padding-top: 0;
   }
@@ -7806,17 +7806,41 @@ small {
   .margin-4xs\@md {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@md {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@md {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@md {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@md {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@md {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@md {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@md {
-    margin-left: var(--space-4xs);
+  .margin-sm\@md {
+    margin: var(--space-sm);
+  }
+  .margin-md\@md {
+    margin: var(--space-md);
+  }
+  .margin-lg\@md {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@md {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@md {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@md {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@md {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@md {
+    margin: auto;
+  }
+  .margin-0\@md {
+    margin: 0;
   }
   .margin-y-4xs\@md {
     margin-top: var(--space-4xs);
@@ -7826,8 +7850,113 @@ small {
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@md {
-    margin: var(--space-3xs);
+  .margin-y-3xs\@md {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@md {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@md {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@md {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@md {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@md {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@md {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@md {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@md {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@md {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@md {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@md {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@md {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@md {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@md {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@md {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@md {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@md {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@md {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@md {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@md {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@md {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@md {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@md {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@md {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@md {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@md {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@md {
+    margin-left: var(--space-4xs);
   }
   .margin-top-3xs\@md {
     margin-top: var(--space-3xs);
@@ -7841,17 +7970,6 @@ small {
   .margin-left-3xs\@md {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@md {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@md {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@md {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@md {
     margin-top: var(--space-2xs);
   }
@@ -7864,40 +7982,18 @@ small {
   .margin-left-2xs\@md {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@md {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@md {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@md {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@md {
     margin-top: var(--space-xs);
   }
   .margin-right-xs\@md {
-    margin-right: var(--space-xs);
-  }
-  .margin-bottom-xs\@md {
-    margin-bottom: var(--space-xs);
-  }
-  .margin-left-xs\@md {
-    margin-left: var(--space-xs);
+    margin-right: var(--space-xs);
   }
-  .margin-y-xs\@md {
-    margin-top: var(--space-xs);
+  .margin-bottom-xs\@md {
     margin-bottom: var(--space-xs);
   }
-  .margin-x-xs\@md {
-    margin-right: var(--space-xs);
+  .margin-left-xs\@md {
     margin-left: var(--space-xs);
   }
-  .margin-sm\@md {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@md {
     margin-top: var(--space-sm);
   }
@@ -7910,17 +8006,6 @@ small {
   .margin-left-sm\@md {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@md {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@md {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@md {
-    margin: var(--space-md);
-  }
   .margin-top-md\@md {
     margin-top: var(--space-md);
   }
@@ -7933,17 +8018,6 @@ small {
   .margin-left-md\@md {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@md {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@md {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@md {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@md {
     margin-top: var(--space-lg);
   }
@@ -7956,17 +8030,6 @@ small {
   .margin-left-lg\@md {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@md {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@md {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@md {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@md {
     margin-top: var(--space-xl);
   }
@@ -7979,17 +8042,6 @@ small {
   .margin-left-xl\@md {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@md {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@md {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@md {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@md {
     margin-top: var(--space-2xl);
   }
@@ -8002,17 +8054,6 @@ small {
   .margin-left-2xl\@md {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@md {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@md {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@md {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@md {
     margin-top: var(--space-3xl);
   }
@@ -8025,17 +8066,6 @@ small {
   .margin-left-3xl\@md {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@md {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@md {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@md {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@md {
     margin-top: var(--space-4xl);
   }
@@ -8048,36 +8078,6 @@ small {
   .margin-left-4xl\@md {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@md {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@md {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@md {
-    margin: auto;
-  }
-  .margin-0\@md {
-    margin: 0;
-  }
-  .margin-y-auto\@md {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@md {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@md {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@md {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@md {
     margin-top: auto;
   }
@@ -8106,17 +8106,38 @@ small {
   .padding-4xs\@md {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@md {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@md {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@md {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@md {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@md {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@md {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@md {
-    padding-left: var(--space-4xs);
+  .padding-sm\@md {
+    padding: var(--space-sm);
+  }
+  .padding-md\@md {
+    padding: var(--space-md);
+  }
+  .padding-lg\@md {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@md {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@md {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@md {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@md {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@md {
+    padding: 0;
   }
   .padding-y-4xs\@md {
     padding-top: var(--space-4xs);
@@ -8126,8 +8147,105 @@ small {
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@md {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@md {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@md {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@md {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@md {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@md {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@md {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@md {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@md {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@md {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@md {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@md {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@md {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@md {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@md {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@md {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@md {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@md {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@md {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@md {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@md {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@md {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@md {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@md {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@md {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@md {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@md {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@md {
     padding-top: var(--space-3xs);
@@ -8139,18 +8257,7 @@ small {
     padding-bottom: var(--space-3xs);
   }
   .padding-left-3xs\@md {
-    padding-left: var(--space-3xs);
-  }
-  .padding-y-3xs\@md {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@md {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@md {
-    padding: var(--space-2xs);
+    padding-left: var(--space-3xs);
   }
   .padding-top-2xs\@md {
     padding-top: var(--space-2xs);
@@ -8164,17 +8271,6 @@ small {
   .padding-left-2xs\@md {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@md {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@md {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@md {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@md {
     padding-top: var(--space-xs);
   }
@@ -8187,17 +8283,6 @@ small {
   .padding-left-xs\@md {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@md {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@md {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@md {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@md {
     padding-top: var(--space-sm);
   }
@@ -8210,17 +8295,6 @@ small {
   .padding-left-sm\@md {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@md {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@md {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@md {
-    padding: var(--space-md);
-  }
   .padding-top-md\@md {
     padding-top: var(--space-md);
   }
@@ -8233,17 +8307,6 @@ small {
   .padding-left-md\@md {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@md {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@md {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@md {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@md {
     padding-top: var(--space-lg);
   }
@@ -8256,17 +8319,6 @@ small {
   .padding-left-lg\@md {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@md {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@md {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@md {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@md {
     padding-top: var(--space-xl);
   }
@@ -8279,17 +8331,6 @@ small {
   .padding-left-xl\@md {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@md {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@md {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@md {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@md {
     padding-top: var(--space-2xl);
   }
@@ -8302,17 +8343,6 @@ small {
   .padding-left-2xl\@md {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@md {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@md {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@md {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@md {
     padding-top: var(--space-3xl);
   }
@@ -8325,17 +8355,6 @@ small {
   .padding-left-3xl\@md {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@md {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@md {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@md {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@md {
     padding-top: var(--space-4xl);
   }
@@ -8348,25 +8367,6 @@ small {
   .padding-left-4xl\@md {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@md {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@md {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@md {
-    padding: 0;
-  }
-  .padding-y-0\@md {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@md {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@md {
     padding-top: 0;
   }
@@ -9260,17 +9260,41 @@ small {
   .margin-4xs\@lg {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@lg {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@lg {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@lg {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@lg {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@lg {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@lg {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@lg {
-    margin-left: var(--space-4xs);
+  .margin-sm\@lg {
+    margin: var(--space-sm);
+  }
+  .margin-md\@lg {
+    margin: var(--space-md);
+  }
+  .margin-lg\@lg {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@lg {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@lg {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@lg {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@lg {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@lg {
+    margin: auto;
+  }
+  .margin-0\@lg {
+    margin: 0;
   }
   .margin-y-4xs\@lg {
     margin-top: var(--space-4xs);
@@ -9280,9 +9304,114 @@ small {
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@lg {
-    margin: var(--space-3xs);
-  }
+  .margin-y-3xs\@lg {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@lg {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@lg {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@lg {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@lg {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@lg {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@lg {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@lg {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@lg {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@lg {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@lg {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@lg {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@lg {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@lg {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@lg {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@lg {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@lg {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@lg {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@lg {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@lg {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@lg {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@lg {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@lg {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@lg {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@lg {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@lg {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@lg {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@lg {
+    margin-left: var(--space-4xs);
+  }
   .margin-top-3xs\@lg {
     margin-top: var(--space-3xs);
   }
@@ -9295,17 +9424,6 @@ small {
   .margin-left-3xs\@lg {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@lg {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@lg {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@lg {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@lg {
     margin-top: var(--space-2xs);
   }
@@ -9318,17 +9436,6 @@ small {
   .margin-left-2xs\@lg {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@lg {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@lg {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@lg {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@lg {
     margin-top: var(--space-xs);
   }
@@ -9341,17 +9448,6 @@ small {
   .margin-left-xs\@lg {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@lg {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@lg {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@lg {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@lg {
     margin-top: var(--space-sm);
   }
@@ -9364,17 +9460,6 @@ small {
   .margin-left-sm\@lg {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@lg {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@lg {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@lg {
-    margin: var(--space-md);
-  }
   .margin-top-md\@lg {
     margin-top: var(--space-md);
   }
@@ -9387,17 +9472,6 @@ small {
   .margin-left-md\@lg {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@lg {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@lg {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@lg {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@lg {
     margin-top: var(--space-lg);
   }
@@ -9410,17 +9484,6 @@ small {
   .margin-left-lg\@lg {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@lg {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@lg {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@lg {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@lg {
     margin-top: var(--space-xl);
   }
@@ -9433,17 +9496,6 @@ small {
   .margin-left-xl\@lg {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@lg {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@lg {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@lg {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@lg {
     margin-top: var(--space-2xl);
   }
@@ -9456,17 +9508,6 @@ small {
   .margin-left-2xl\@lg {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@lg {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@lg {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@lg {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@lg {
     margin-top: var(--space-3xl);
   }
@@ -9479,17 +9520,6 @@ small {
   .margin-left-3xl\@lg {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@lg {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@lg {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@lg {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@lg {
     margin-top: var(--space-4xl);
   }
@@ -9502,36 +9532,6 @@ small {
   .margin-left-4xl\@lg {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@lg {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@lg {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@lg {
-    margin: auto;
-  }
-  .margin-0\@lg {
-    margin: 0;
-  }
-  .margin-y-auto\@lg {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@lg {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@lg {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@lg {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@lg {
     margin-top: auto;
   }
@@ -9560,6 +9560,135 @@ small {
   .padding-4xs\@lg {
     padding: var(--space-4xs);
   }
+  .padding-3xs\@lg {
+    padding: var(--space-3xs);
+  }
+  .padding-2xs\@lg {
+    padding: var(--space-2xs);
+  }
+  .padding-xs\@lg {
+    padding: var(--space-xs);
+  }
+  .padding-sm\@lg {
+    padding: var(--space-sm);
+  }
+  .padding-md\@lg {
+    padding: var(--space-md);
+  }
+  .padding-lg\@lg {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@lg {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@lg {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@lg {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@lg {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@lg {
+    padding: 0;
+  }
+  .padding-y-4xs\@lg {
+    padding-top: var(--space-4xs);
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-x-4xs\@lg {
+    padding-right: var(--space-4xs);
+    padding-left: var(--space-4xs);
+  }
+  .padding-y-3xs\@lg {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@lg {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@lg {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@lg {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@lg {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@lg {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@lg {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@lg {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@lg {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@lg {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@lg {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@lg {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@lg {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@lg {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@lg {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@lg {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@lg {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@lg {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@lg {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@lg {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@lg {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@lg {
+    padding-left: 0;
+    padding-right: 0;
+  }
   .padding-top-4xs\@lg {
     padding-top: var(--space-4xs);
   }
@@ -9572,17 +9701,6 @@ small {
   .padding-left-4xs\@lg {
     padding-left: var(--space-4xs);
   }
-  .padding-y-4xs\@lg {
-    padding-top: var(--space-4xs);
-    padding-bottom: var(--space-4xs);
-  }
-  .padding-x-4xs\@lg {
-    padding-right: var(--space-4xs);
-    padding-left: var(--space-4xs);
-  }
-  .padding-3xs\@lg {
-    padding: var(--space-3xs);
-  }
   .padding-top-3xs\@lg {
     padding-top: var(--space-3xs);
   }
@@ -9595,17 +9713,6 @@ small {
   .padding-left-3xs\@lg {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@lg {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@lg {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@lg {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@lg {
     padding-top: var(--space-2xs);
   }
@@ -9618,17 +9725,6 @@ small {
   .padding-left-2xs\@lg {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@lg {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@lg {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@lg {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@lg {
     padding-top: var(--space-xs);
   }
@@ -9641,17 +9737,6 @@ small {
   .padding-left-xs\@lg {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@lg {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@lg {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@lg {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@lg {
     padding-top: var(--space-sm);
   }
@@ -9664,17 +9749,6 @@ small {
   .padding-left-sm\@lg {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@lg {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@lg {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@lg {
-    padding: var(--space-md);
-  }
   .padding-top-md\@lg {
     padding-top: var(--space-md);
   }
@@ -9687,17 +9761,6 @@ small {
   .padding-left-md\@lg {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@lg {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@lg {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@lg {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@lg {
     padding-top: var(--space-lg);
   }
@@ -9710,17 +9773,6 @@ small {
   .padding-left-lg\@lg {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@lg {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@lg {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@lg {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@lg {
     padding-top: var(--space-xl);
   }
@@ -9733,17 +9785,6 @@ small {
   .padding-left-xl\@lg {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@lg {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@lg {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@lg {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@lg {
     padding-top: var(--space-2xl);
   }
@@ -9756,17 +9797,6 @@ small {
   .padding-left-2xl\@lg {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@lg {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@lg {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@lg {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@lg {
     padding-top: var(--space-3xl);
   }
@@ -9779,17 +9809,6 @@ small {
   .padding-left-3xl\@lg {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@lg {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@lg {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@lg {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@lg {
     padding-top: var(--space-4xl);
   }
@@ -9802,25 +9821,6 @@ small {
   .padding-left-4xl\@lg {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@lg {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@lg {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@lg {
-    padding: 0;
-  }
-  .padding-y-0\@lg {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@lg {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@lg {
     padding-top: 0;
   }
@@ -10643,76 +10643,216 @@ small {
   .justify-end\@xl {
     justify-content: end;
   }
-  .justify-center\@xl {
-    justify-content: center;
+  .justify-center\@xl {
+    justify-content: center;
+  }
+  .justify-between\@xl {
+    justify-content: space-between;
+  }
+  /* align-items */
+  .items-center\@xl {
+    align-items: center;
+  }
+  .items-start\@xl {
+    align-items: start;
+  }
+  .items-end\@xl {
+    align-items: end;
+  }
+  .items-baseline\@xl {
+    align-items: baseline;
+  }
+  .items-stretch\@xl {
+    align-items: stretch;
+  }
+  /* align-content */
+  .content-start\@xl {
+    align-content: start;
+  }
+  .content-end\@xl {
+    align-content: end;
+  }
+  .content-center\@xl {
+    align-content: center;
+  }
+  .content-between\@xl {
+    align-content: space-between;
+  }
+  /* order */
+  .order-1\@xl {
+    order: 1;
+  }
+  .order-2\@xl {
+    order: 2;
+  }
+  .order-3\@xl {
+    order: 3;
+  }
+  /* display */
+  .block\@xl {
+    display: block;
+  }
+  .inline-block\@xl {
+    display: inline-block;
+  }
+  .inline\@xl {
+    display: inline;
+  }
+  .contents\@xl {
+    display: contents;
+  }
+  .css-grid\@xl {
+    display: grid;
+  }
+  .css-inline-grid\@xl {
+    display: inline-grid;
+  }
+  .hide\@xl {
+    display: none;
+  }
+  /* margin */
+  .margin-4xs\@xl {
+    margin: var(--space-4xs);
+  }
+  .margin-3xs\@xl {
+    margin: var(--space-3xs);
+  }
+  .margin-2xs\@xl {
+    margin: var(--space-2xs);
+  }
+  .margin-xs\@xl {
+    margin: var(--space-xs);
+  }
+  .margin-sm\@xl {
+    margin: var(--space-sm);
+  }
+  .margin-md\@xl {
+    margin: var(--space-md);
+  }
+  .margin-lg\@xl {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@xl {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@xl {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@xl {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@xl {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@xl {
+    margin: auto;
+  }
+  .margin-0\@xl {
+    margin: 0;
+  }
+  .margin-y-4xs\@xl {
+    margin-top: var(--space-4xs);
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-x-4xs\@xl {
+    margin-right: var(--space-4xs);
+    margin-left: var(--space-4xs);
+  }
+  .margin-y-3xs\@xl {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@xl {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@xl {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
   }
-  .justify-between\@xl {
-    justify-content: space-between;
+  .margin-x-2xs\@xl {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
   }
-  /* align-items */
-  .items-center\@xl {
-    align-items: center;
+  .margin-y-xs\@xl {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
   }
-  .items-start\@xl {
-    align-items: start;
+  .margin-x-xs\@xl {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
   }
-  .items-end\@xl {
-    align-items: end;
+  .margin-y-sm\@xl {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
   }
-  .items-baseline\@xl {
-    align-items: baseline;
+  .margin-x-sm\@xl {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
   }
-  .items-stretch\@xl {
-    align-items: stretch;
+  .margin-y-md\@xl {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
   }
-  /* align-content */
-  .content-start\@xl {
-    align-content: start;
+  .margin-x-md\@xl {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
   }
-  .content-end\@xl {
-    align-content: end;
+  .margin-y-lg\@xl {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
   }
-  .content-center\@xl {
-    align-content: center;
+  .margin-x-lg\@xl {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
   }
-  .content-between\@xl {
-    align-content: space-between;
+  .margin-y-xl\@xl {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
   }
-  /* order */
-  .order-1\@xl {
-    order: 1;
+  .margin-x-xl\@xl {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
   }
-  .order-2\@xl {
-    order: 2;
+  .margin-y-2xl\@xl {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
   }
-  .order-3\@xl {
-    order: 3;
+  .margin-x-2xl\@xl {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
   }
-  /* display */
-  .block\@xl {
-    display: block;
+  .margin-y-3xl\@xl {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
   }
-  .inline-block\@xl {
-    display: inline-block;
+  .margin-x-3xl\@xl {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
   }
-  .inline\@xl {
-    display: inline;
+  .margin-y-4xl\@xl {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
   }
-  .contents\@xl {
-    display: contents;
+  .margin-x-4xl\@xl {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
   }
-  .css-grid\@xl {
-    display: grid;
+  .margin-y-auto\@xl {
+    margin-top: auto;
+    margin-bottom: auto;
   }
-  .css-inline-grid\@xl {
-    display: inline-grid;
+  .margin-y-0\@xl {
+    margin-top: 0;
+    margin-bottom: 0;
   }
-  .hide\@xl {
-    display: none;
+  .margin-x-auto\@xl {
+    margin-left: auto;
+    margin-right: auto;
   }
-  /* margin */
-  .margin-4xs\@xl {
-    margin: var(--space-4xs);
+  .margin-x-0\@xl {
+    margin-left: 0;
+    margin-right: 0;
   }
   .margin-top-4xs\@xl {
     margin-top: var(--space-4xs);
@@ -10726,17 +10866,6 @@ small {
   .margin-left-4xs\@xl {
     margin-left: var(--space-4xs);
   }
-  .margin-y-4xs\@xl {
-    margin-top: var(--space-4xs);
-    margin-bottom: var(--space-4xs);
-  }
-  .margin-x-4xs\@xl {
-    margin-right: var(--space-4xs);
-    margin-left: var(--space-4xs);
-  }
-  .margin-3xs\@xl {
-    margin: var(--space-3xs);
-  }
   .margin-top-3xs\@xl {
     margin-top: var(--space-3xs);
   }
@@ -10749,17 +10878,6 @@ small {
   .margin-left-3xs\@xl {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@xl {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@xl {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@xl {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@xl {
     margin-top: var(--space-2xs);
   }
@@ -10772,17 +10890,6 @@ small {
   .margin-left-2xs\@xl {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@xl {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@xl {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@xl {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@xl {
     margin-top: var(--space-xs);
   }
@@ -10795,17 +10902,6 @@ small {
   .margin-left-xs\@xl {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@xl {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@xl {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@xl {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@xl {
     margin-top: var(--space-sm);
   }
@@ -10818,17 +10914,6 @@ small {
   .margin-left-sm\@xl {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@xl {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@xl {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@xl {
-    margin: var(--space-md);
-  }
   .margin-top-md\@xl {
     margin-top: var(--space-md);
   }
@@ -10841,17 +10926,6 @@ small {
   .margin-left-md\@xl {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@xl {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@xl {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@xl {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@xl {
     margin-top: var(--space-lg);
   }
@@ -10864,17 +10938,6 @@ small {
   .margin-left-lg\@xl {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@xl {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@xl {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@xl {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@xl {
     margin-top: var(--space-xl);
   }
@@ -10887,17 +10950,6 @@ small {
   .margin-left-xl\@xl {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@xl {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@xl {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@xl {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@xl {
     margin-top: var(--space-2xl);
   }
@@ -10910,17 +10962,6 @@ small {
   .margin-left-2xl\@xl {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@xl {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@xl {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@xl {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@xl {
     margin-top: var(--space-3xl);
   }
@@ -10933,17 +10974,6 @@ small {
   .margin-left-3xl\@xl {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@xl {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@xl {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@xl {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@xl {
     margin-top: var(--space-4xl);
   }
@@ -10956,36 +10986,6 @@ small {
   .margin-left-4xl\@xl {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@xl {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@xl {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@xl {
-    margin: auto;
-  }
-  .margin-0\@xl {
-    margin: 0;
-  }
-  .margin-y-auto\@xl {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@xl {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@xl {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@xl {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@xl {
     margin-top: auto;
   }
@@ -11014,17 +11014,38 @@ small {
   .padding-4xs\@xl {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@xl {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@xl {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@xl {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@xl {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@xl {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@xl {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@xl {
-    padding-left: var(--space-4xs);
+  .padding-sm\@xl {
+    padding: var(--space-sm);
+  }
+  .padding-md\@xl {
+    padding: var(--space-md);
+  }
+  .padding-lg\@xl {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@xl {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@xl {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@xl {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@xl {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@xl {
+    padding: 0;
   }
   .padding-y-4xs\@xl {
     padding-top: var(--space-4xs);
@@ -11034,8 +11055,105 @@ small {
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@xl {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@xl {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@xl {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@xl {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@xl {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@xl {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@xl {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@xl {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@xl {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@xl {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@xl {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@xl {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@xl {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@xl {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@xl {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@xl {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@xl {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@xl {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@xl {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@xl {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@xl {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@xl {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@xl {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@xl {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@xl {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@xl {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@xl {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@xl {
     padding-top: var(--space-3xs);
@@ -11049,17 +11167,6 @@ small {
   .padding-left-3xs\@xl {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@xl {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@xl {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@xl {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@xl {
     padding-top: var(--space-2xs);
   }
@@ -11072,17 +11179,6 @@ small {
   .padding-left-2xs\@xl {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@xl {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@xl {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@xl {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@xl {
     padding-top: var(--space-xs);
   }
@@ -11095,17 +11191,6 @@ small {
   .padding-left-xs\@xl {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@xl {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@xl {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@xl {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@xl {
     padding-top: var(--space-sm);
   }
@@ -11118,17 +11203,6 @@ small {
   .padding-left-sm\@xl {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@xl {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@xl {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@xl {
-    padding: var(--space-md);
-  }
   .padding-top-md\@xl {
     padding-top: var(--space-md);
   }
@@ -11141,17 +11215,6 @@ small {
   .padding-left-md\@xl {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@xl {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@xl {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@xl {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@xl {
     padding-top: var(--space-lg);
   }
@@ -11164,17 +11227,6 @@ small {
   .padding-left-lg\@xl {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@xl {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@xl {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@xl {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@xl {
     padding-top: var(--space-xl);
   }
@@ -11187,17 +11239,6 @@ small {
   .padding-left-xl\@xl {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@xl {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@xl {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@xl {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@xl {
     padding-top: var(--space-2xl);
   }
@@ -11210,17 +11251,6 @@ small {
   .padding-left-2xl\@xl {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@xl {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@xl {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@xl {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@xl {
     padding-top: var(--space-3xl);
   }
@@ -11233,17 +11263,6 @@ small {
   .padding-left-3xl\@xl {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@xl {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@xl {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@xl {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@xl {
     padding-top: var(--space-4xl);
   }
@@ -11256,25 +11275,6 @@ small {
   .padding-left-4xl\@xl {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@xl {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@xl {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@xl {
-    padding: 0;
-  }
-  .padding-y-0\@xl {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@xl {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@xl {
     padding-top: 0;
   }
diff --git a/main/css/util.css b/main/css/util.css
index 63ff7e6..0664ae9 100644
--- a/main/css/util.css
+++ b/main/css/util.css
@@ -981,80 +981,72 @@
   margin: var(--space-4xs);
 }
 
-.margin-top-4xs {
-  margin-top: var(--space-4xs);
-}
-
-.margin-right-4xs {
-  margin-right: var(--space-4xs);
-}
-
-.margin-bottom-4xs {
-  margin-bottom: var(--space-4xs);
+.margin-3xs {
+  margin: var(--space-3xs);
 }
 
-.margin-left-4xs {
-  margin-left: var(--space-4xs);
+.margin-2xs {
+  margin: var(--space-2xs);
 }
 
-.margin-y-4xs {
-  margin-top: var(--space-4xs);
-  margin-bottom: var(--space-4xs);
+.margin-xs {
+  margin: var(--space-xs);
 }
 
-.margin-x-4xs {
-  margin-right: var(--space-4xs);
-  margin-left: var(--space-4xs);
+.margin-sm {
+  margin: var(--space-sm);
 }
 
-.margin-3xs {
-  margin: var(--space-3xs);
+.margin-md {
+  margin: var(--space-md);
 }
 
-.margin-top-3xs {
-  margin-top: var(--space-3xs);
+.margin-lg {
+  margin: var(--space-lg);
 }
 
-.margin-right-3xs {
-  margin-right: var(--space-3xs);
+.margin-xl {
+  margin: var(--space-xl);
 }
 
-.margin-bottom-3xs {
-  margin-bottom: var(--space-3xs);
+.margin-2xl {
+  margin: var(--space-2xl);
 }
 
-.margin-left-3xs {
-  margin-left: var(--space-3xs);
+.margin-3xl {
+  margin: var(--space-3xl);
 }
 
-.margin-y-3xs {
-  margin-top: var(--space-3xs);
-  margin-bottom: var(--space-3xs);
+.margin-4xl {
+  margin: var(--space-4xl);
 }
 
-.margin-x-3xs {
-  margin-right: var(--space-3xs);
-  margin-left: var(--space-3xs);
+.margin-auto {
+  margin: auto;
 }
 
-.margin-2xs {
-  margin: var(--space-2xs);
+.margin-0 {
+  margin: 0;
 }
 
-.margin-top-2xs {
-  margin-top: var(--space-2xs);
+.margin-y-4xs {
+  margin-top: var(--space-4xs);
+  margin-bottom: var(--space-4xs);
 }
 
-.margin-right-2xs {
-  margin-right: var(--space-2xs);
+.margin-x-4xs {
+  margin-right: var(--space-4xs);
+  margin-left: var(--space-4xs);
 }
 
-.margin-bottom-2xs {
-  margin-bottom: var(--space-2xs);
+.margin-y-3xs {
+  margin-top: var(--space-3xs);
+  margin-bottom: var(--space-3xs);
 }
 
-.margin-left-2xs {
-  margin-left: var(--space-2xs);
+.margin-x-3xs {
+  margin-right: var(--space-3xs);
+  margin-left: var(--space-3xs);
 }
 
 .margin-y-2xs {
@@ -1067,26 +1059,6 @@
   margin-left: var(--space-2xs);
 }
 
-.margin-xs {
-  margin: var(--space-xs);
-}
-
-.margin-top-xs {
-  margin-top: var(--space-xs);
-}
-
-.margin-right-xs {
-  margin-right: var(--space-xs);
-}
-
-.margin-bottom-xs {
-  margin-bottom: var(--space-xs);
-}
-
-.margin-left-xs {
-  margin-left: var(--space-xs);
-}
-
 .margin-y-xs {
   margin-top: var(--space-xs);
   margin-bottom: var(--space-xs);
@@ -1097,26 +1069,6 @@
   margin-left: var(--space-xs);
 }
 
-.margin-sm {
-  margin: var(--space-sm);
-}
-
-.margin-top-sm {
-  margin-top: var(--space-sm);
-}
-
-.margin-right-sm {
-  margin-right: var(--space-sm);
-}
-
-.margin-bottom-sm {
-  margin-bottom: var(--space-sm);
-}
-
-.margin-left-sm {
-  margin-left: var(--space-sm);
-}
-
 .margin-y-sm {
   margin-top: var(--space-sm);
   margin-bottom: var(--space-sm);
@@ -1127,26 +1079,6 @@
   margin-left: var(--space-sm);
 }
 
-.margin-md {
-  margin: var(--space-md);
-}
-
-.margin-top-md {
-  margin-top: var(--space-md);
-}
-
-.margin-right-md {
-  margin-right: var(--space-md);
-}
-
-.margin-bottom-md {
-  margin-bottom: var(--space-md);
-}
-
-.margin-left-md {
-  margin-left: var(--space-md);
-}
-
 .margin-y-md {
   margin-top: var(--space-md);
   margin-bottom: var(--space-md);
@@ -1157,26 +1089,6 @@
   margin-left: var(--space-md);
 }
 
-.margin-lg {
-  margin: var(--space-lg);
-}
-
-.margin-top-lg {
-  margin-top: var(--space-lg);
-}
-
-.margin-right-lg {
-  margin-right: var(--space-lg);
-}
-
-.margin-bottom-lg {
-  margin-bottom: var(--space-lg);
-}
-
-.margin-left-lg {
-  margin-left: var(--space-lg);
-}
-
 .margin-y-lg {
   margin-top: var(--space-lg);
   margin-bottom: var(--space-lg);
@@ -1187,26 +1099,6 @@
   margin-left: var(--space-lg);
 }
 
-.margin-xl {
-  margin: var(--space-xl);
-}
-
-.margin-top-xl {
-  margin-top: var(--space-xl);
-}
-
-.margin-right-xl {
-  margin-right: var(--space-xl);
-}
-
-.margin-bottom-xl {
-  margin-bottom: var(--space-xl);
-}
-
-.margin-left-xl {
-  margin-left: var(--space-xl);
-}
-
 .margin-y-xl {
   margin-top: var(--space-xl);
   margin-bottom: var(--space-xl);
@@ -1217,26 +1109,6 @@
   margin-left: var(--space-xl);
 }
 
-.margin-2xl {
-  margin: var(--space-2xl);
-}
-
-.margin-top-2xl {
-  margin-top: var(--space-2xl);
-}
-
-.margin-right-2xl {
-  margin-right: var(--space-2xl);
-}
-
-.margin-bottom-2xl {
-  margin-bottom: var(--space-2xl);
-}
-
-.margin-left-2xl {
-  margin-left: var(--space-2xl);
-}
-
 .margin-y-2xl {
   margin-top: var(--space-2xl);
   margin-bottom: var(--space-2xl);
@@ -1247,26 +1119,6 @@
   margin-left: var(--space-2xl);
 }
 
-.margin-3xl {
-  margin: var(--space-3xl);
-}
-
-.margin-top-3xl {
-  margin-top: var(--space-3xl);
-}
-
-.margin-right-3xl {
-  margin-right: var(--space-3xl);
-}
-
-.margin-bottom-3xl {
-  margin-bottom: var(--space-3xl);
-}
-
-.margin-left-3xl {
-  margin-left: var(--space-3xl);
-}
-
 .margin-y-3xl {
   margin-top: var(--space-3xl);
   margin-bottom: var(--space-3xl);
@@ -1277,26 +1129,6 @@
   margin-left: var(--space-3xl);
 }
 
-.margin-4xl {
-  margin: var(--space-4xl);
-}
-
-.margin-top-4xl {
-  margin-top: var(--space-4xl);
-}
-
-.margin-right-4xl {
-  margin-right: var(--space-4xl);
-}
-
-.margin-bottom-4xl {
-  margin-bottom: var(--space-4xl);
-}
-
-.margin-left-4xl {
-  margin-left: var(--space-4xl);
-}
-
 .margin-y-4xl {
   margin-top: var(--space-4xl);
   margin-bottom: var(--space-4xl);
@@ -1307,14 +1139,6 @@
   margin-left: var(--space-4xl);
 }
 
-.margin-auto {
-  margin: auto;
-}
-
-.margin-0 {
-  margin: 0;
-}
-
 .margin-y-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -1335,12 +1159,188 @@
   margin-right: 0;
 }
 
-.margin-top-auto {
-  margin-top: auto;
+.margin-top-4xs {
+  margin-top: var(--space-4xs);
 }
 
-.margin-top-0 {
-  margin-top: 0;
+.margin-right-4xs {
+  margin-right: var(--space-4xs);
+}
+
+.margin-bottom-4xs {
+  margin-bottom: var(--space-4xs);
+}
+
+.margin-left-4xs {
+  margin-left: var(--space-4xs);
+}
+
+.margin-top-3xs {
+  margin-top: var(--space-3xs);
+}
+
+.margin-right-3xs {
+  margin-right: var(--space-3xs);
+}
+
+.margin-bottom-3xs {
+  margin-bottom: var(--space-3xs);
+}
+
+.margin-left-3xs {
+  margin-left: var(--space-3xs);
+}
+
+.margin-top-2xs {
+  margin-top: var(--space-2xs);
+}
+
+.margin-right-2xs {
+  margin-right: var(--space-2xs);
+}
+
+.margin-bottom-2xs {
+  margin-bottom: var(--space-2xs);
+}
+
+.margin-left-2xs {
+  margin-left: var(--space-2xs);
+}
+
+.margin-top-xs {
+  margin-top: var(--space-xs);
+}
+
+.margin-right-xs {
+  margin-right: var(--space-xs);
+}
+
+.margin-bottom-xs {
+  margin-bottom: var(--space-xs);
+}
+
+.margin-left-xs {
+  margin-left: var(--space-xs);
+}
+
+.margin-top-sm {
+  margin-top: var(--space-sm);
+}
+
+.margin-right-sm {
+  margin-right: var(--space-sm);
+}
+
+.margin-bottom-sm {
+  margin-bottom: var(--space-sm);
+}
+
+.margin-left-sm {
+  margin-left: var(--space-sm);
+}
+
+.margin-top-md {
+  margin-top: var(--space-md);
+}
+
+.margin-right-md {
+  margin-right: var(--space-md);
+}
+
+.margin-bottom-md {
+  margin-bottom: var(--space-md);
+}
+
+.margin-left-md {
+  margin-left: var(--space-md);
+}
+
+.margin-top-lg {
+  margin-top: var(--space-lg);
+}
+
+.margin-right-lg {
+  margin-right: var(--space-lg);
+}
+
+.margin-bottom-lg {
+  margin-bottom: var(--space-lg);
+}
+
+.margin-left-lg {
+  margin-left: var(--space-lg);
+}
+
+.margin-top-xl {
+  margin-top: var(--space-xl);
+}
+
+.margin-right-xl {
+  margin-right: var(--space-xl);
+}
+
+.margin-bottom-xl {
+  margin-bottom: var(--space-xl);
+}
+
+.margin-left-xl {
+  margin-left: var(--space-xl);
+}
+
+.margin-top-2xl {
+  margin-top: var(--space-2xl);
+}
+
+.margin-right-2xl {
+  margin-right: var(--space-2xl);
+}
+
+.margin-bottom-2xl {
+  margin-bottom: var(--space-2xl);
+}
+
+.margin-left-2xl {
+  margin-left: var(--space-2xl);
+}
+
+.margin-top-3xl {
+  margin-top: var(--space-3xl);
+}
+
+.margin-right-3xl {
+  margin-right: var(--space-3xl);
+}
+
+.margin-bottom-3xl {
+  margin-bottom: var(--space-3xl);
+}
+
+.margin-left-3xl {
+  margin-left: var(--space-3xl);
+}
+
+.margin-top-4xl {
+  margin-top: var(--space-4xl);
+}
+
+.margin-right-4xl {
+  margin-right: var(--space-4xl);
+}
+
+.margin-bottom-4xl {
+  margin-bottom: var(--space-4xl);
+}
+
+.margin-left-4xl {
+  margin-left: var(--space-4xl);
+}
+
+.margin-top-auto {
+  margin-top: auto;
+}
+
+.margin-top-0 {
+  margin-top: 0;
 }
 
 .margin-right-auto {
@@ -1372,20 +1372,48 @@
   padding: var(--space-4xs);
 }
 
-.padding-top-4xs {
-  padding-top: var(--space-4xs);
+.padding-3xs {
+  padding: var(--space-3xs);
 }
 
-.padding-right-4xs {
-  padding-right: var(--space-4xs);
+.padding-2xs {
+  padding: var(--space-2xs);
 }
 
-.padding-bottom-4xs {
-  padding-bottom: var(--space-4xs);
+.padding-xs {
+  padding: var(--space-xs);
 }
 
-.padding-left-4xs {
-  padding-left: var(--space-4xs);
+.padding-sm {
+  padding: var(--space-sm);
+}
+
+.padding-md {
+  padding: var(--space-md);
+}
+
+.padding-lg {
+  padding: var(--space-lg);
+}
+
+.padding-xl {
+  padding: var(--space-xl);
+}
+
+.padding-2xl {
+  padding: var(--space-2xl);
+}
+
+.padding-3xl {
+  padding: var(--space-3xl);
+}
+
+.padding-4xl {
+  padding: var(--space-4xl);
+}
+
+.padding-0 {
+  padding: 0;
 }
 
 .padding-y-4xs {
@@ -1398,38 +1426,146 @@
   padding-left: var(--space-4xs);
 }
 
-.padding-3xs {
-  padding: var(--space-3xs);
-}
-
-.padding-top-3xs {
+.padding-y-3xs {
   padding-top: var(--space-3xs);
+  padding-bottom: var(--space-3xs);
 }
 
-.padding-right-3xs {
+.padding-x-3xs {
   padding-right: var(--space-3xs);
+  padding-left: var(--space-3xs);
 }
 
-.padding-bottom-3xs {
-  padding-bottom: var(--space-3xs);
+.padding-y-2xs {
+  padding-top: var(--space-2xs);
+  padding-bottom: var(--space-2xs);
 }
 
-.padding-left-3xs {
-  padding-left: var(--space-3xs);
+.padding-x-2xs {
+  padding-right: var(--space-2xs);
+  padding-left: var(--space-2xs);
 }
 
-.padding-y-3xs {
+.padding-y-xs {
+  padding-top: var(--space-xs);
+  padding-bottom: var(--space-xs);
+}
+
+.padding-x-xs {
+  padding-right: var(--space-xs);
+  padding-left: var(--space-xs);
+}
+
+.padding-y-sm {
+  padding-top: var(--space-sm);
+  padding-bottom: var(--space-sm);
+}
+
+.padding-x-sm {
+  padding-right: var(--space-sm);
+  padding-left: var(--space-sm);
+}
+
+.padding-y-md {
+  padding-top: var(--space-md);
+  padding-bottom: var(--space-md);
+}
+
+.padding-x-md {
+  padding-right: var(--space-md);
+  padding-left: var(--space-md);
+}
+
+.padding-y-lg {
+  padding-top: var(--space-lg);
+  padding-bottom: var(--space-lg);
+}
+
+.padding-x-lg {
+  padding-right: var(--space-lg);
+  padding-left: var(--space-lg);
+}
+
+.padding-y-xl {
+  padding-top: var(--space-xl);
+  padding-bottom: var(--space-xl);
+}
+
+.padding-x-xl {
+  padding-right: var(--space-xl);
+  padding-left: var(--space-xl);
+}
+
+.padding-y-2xl {
+  padding-top: var(--space-2xl);
+  padding-bottom: var(--space-2xl);
+}
+
+.padding-x-2xl {
+  padding-right: var(--space-2xl);
+  padding-left: var(--space-2xl);
+}
+
+.padding-y-3xl {
+  padding-top: var(--space-3xl);
+  padding-bottom: var(--space-3xl);
+}
+
+.padding-x-3xl {
+  padding-right: var(--space-3xl);
+  padding-left: var(--space-3xl);
+}
+
+.padding-y-4xl {
+  padding-top: var(--space-4xl);
+  padding-bottom: var(--space-4xl);
+}
+
+.padding-x-4xl {
+  padding-right: var(--space-4xl);
+  padding-left: var(--space-4xl);
+}
+
+.padding-y-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.padding-x-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.padding-top-4xs {
+  padding-top: var(--space-4xs);
+}
+
+.padding-right-4xs {
+  padding-right: var(--space-4xs);
+}
+
+.padding-bottom-4xs {
+  padding-bottom: var(--space-4xs);
+}
+
+.padding-left-4xs {
+  padding-left: var(--space-4xs);
+}
+
+.padding-top-3xs {
   padding-top: var(--space-3xs);
-  padding-bottom: var(--space-3xs);
 }
 
-.padding-x-3xs {
+.padding-right-3xs {
   padding-right: var(--space-3xs);
-  padding-left: var(--space-3xs);
 }
 
-.padding-2xs {
-  padding: var(--space-2xs);
+.padding-bottom-3xs {
+  padding-bottom: var(--space-3xs);
+}
+
+.padding-left-3xs {
+  padding-left: var(--space-3xs);
 }
 
 .padding-top-2xs {
@@ -1448,20 +1584,6 @@
   padding-left: var(--space-2xs);
 }
 
-.padding-y-2xs {
-  padding-top: var(--space-2xs);
-  padding-bottom: var(--space-2xs);
-}
-
-.padding-x-2xs {
-  padding-right: var(--space-2xs);
-  padding-left: var(--space-2xs);
-}
-
-.padding-xs {
-  padding: var(--space-xs);
-}
-
 .padding-top-xs {
   padding-top: var(--space-xs);
 }
@@ -1478,20 +1600,6 @@
   padding-left: var(--space-xs);
 }
 
-.padding-y-xs {
-  padding-top: var(--space-xs);
-  padding-bottom: var(--space-xs);
-}
-
-.padding-x-xs {
-  padding-right: var(--space-xs);
-  padding-left: var(--space-xs);
-}
-
-.padding-sm {
-  padding: var(--space-sm);
-}
-
 .padding-top-sm {
   padding-top: var(--space-sm);
 }
@@ -1508,20 +1616,6 @@
   padding-left: var(--space-sm);
 }
 
-.padding-y-sm {
-  padding-top: var(--space-sm);
-  padding-bottom: var(--space-sm);
-}
-
-.padding-x-sm {
-  padding-right: var(--space-sm);
-  padding-left: var(--space-sm);
-}
-
-.padding-md {
-  padding: var(--space-md);
-}
-
 .padding-top-md {
   padding-top: var(--space-md);
 }
@@ -1538,20 +1632,6 @@
   padding-left: var(--space-md);
 }
 
-.padding-y-md {
-  padding-top: var(--space-md);
-  padding-bottom: var(--space-md);
-}
-
-.padding-x-md {
-  padding-right: var(--space-md);
-  padding-left: var(--space-md);
-}
-
-.padding-lg {
-  padding: var(--space-lg);
-}
-
 .padding-top-lg {
   padding-top: var(--space-lg);
 }
@@ -1568,20 +1648,6 @@
   padding-left: var(--space-lg);
 }
 
-.padding-y-lg {
-  padding-top: var(--space-lg);
-  padding-bottom: var(--space-lg);
-}
-
-.padding-x-lg {
-  padding-right: var(--space-lg);
-  padding-left: var(--space-lg);
-}
-
-.padding-xl {
-  padding: var(--space-xl);
-}
-
 .padding-top-xl {
   padding-top: var(--space-xl);
 }
@@ -1598,20 +1664,6 @@
   padding-left: var(--space-xl);
 }
 
-.padding-y-xl {
-  padding-top: var(--space-xl);
-  padding-bottom: var(--space-xl);
-}
-
-.padding-x-xl {
-  padding-right: var(--space-xl);
-  padding-left: var(--space-xl);
-}
-
-.padding-2xl {
-  padding: var(--space-2xl);
-}
-
 .padding-top-2xl {
   padding-top: var(--space-2xl);
 }
@@ -1628,20 +1680,6 @@
   padding-left: var(--space-2xl);
 }
 
-.padding-y-2xl {
-  padding-top: var(--space-2xl);
-  padding-bottom: var(--space-2xl);
-}
-
-.padding-x-2xl {
-  padding-right: var(--space-2xl);
-  padding-left: var(--space-2xl);
-}
-
-.padding-3xl {
-  padding: var(--space-3xl);
-}
-
 .padding-top-3xl {
   padding-top: var(--space-3xl);
 }
@@ -1650,26 +1688,12 @@
   padding-right: var(--space-3xl);
 }
 
-.padding-bottom-3xl {
-  padding-bottom: var(--space-3xl);
-}
-
-.padding-left-3xl {
-  padding-left: var(--space-3xl);
-}
-
-.padding-y-3xl {
-  padding-top: var(--space-3xl);
-  padding-bottom: var(--space-3xl);
-}
-
-.padding-x-3xl {
-  padding-right: var(--space-3xl);
-  padding-left: var(--space-3xl);
+.padding-bottom-3xl {
+  padding-bottom: var(--space-3xl);
 }
 
-.padding-4xl {
-  padding: var(--space-4xl);
+.padding-left-3xl {
+  padding-left: var(--space-3xl);
 }
 
 .padding-top-4xl {
@@ -1688,30 +1712,6 @@
   padding-left: var(--space-4xl);
 }
 
-.padding-y-4xl {
-  padding-top: var(--space-4xl);
-  padding-bottom: var(--space-4xl);
-}
-
-.padding-x-4xl {
-  padding-right: var(--space-4xl);
-  padding-left: var(--space-4xl);
-}
-
-.padding-0 {
-  padding: 0;
-}
-
-.padding-y-0 {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.padding-x-0 {
-  padding-left: 0;
-  padding-right: 0;
-}
-
 .padding-top-0 {
   padding-top: 0;
 }
@@ -4399,17 +4399,41 @@
   .margin-4xs\@xs {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@xs {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@xs {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@xs {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@xs {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@xs {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@xs {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@xs {
-    margin-left: var(--space-4xs);
+  .margin-sm\@xs {
+    margin: var(--space-sm);
+  }
+  .margin-md\@xs {
+    margin: var(--space-md);
+  }
+  .margin-lg\@xs {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@xs {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@xs {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@xs {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@xs {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@xs {
+    margin: auto;
+  }
+  .margin-0\@xs {
+    margin: 0;
   }
   .margin-y-4xs\@xs {
     margin-top: var(--space-4xs);
@@ -4419,8 +4443,113 @@
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@xs {
-    margin: var(--space-3xs);
+  .margin-y-3xs\@xs {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@xs {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@xs {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@xs {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@xs {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@xs {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@xs {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@xs {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@xs {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@xs {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@xs {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@xs {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@xs {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@xs {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@xs {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@xs {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@xs {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@xs {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@xs {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@xs {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@xs {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@xs {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@xs {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@xs {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@xs {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@xs {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@xs {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@xs {
+    margin-left: var(--space-4xs);
   }
   .margin-top-3xs\@xs {
     margin-top: var(--space-3xs);
@@ -4434,17 +4563,6 @@
   .margin-left-3xs\@xs {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@xs {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@xs {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@xs {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@xs {
     margin-top: var(--space-2xs);
   }
@@ -4457,17 +4575,6 @@
   .margin-left-2xs\@xs {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@xs {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@xs {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@xs {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@xs {
     margin-top: var(--space-xs);
   }
@@ -4480,17 +4587,6 @@
   .margin-left-xs\@xs {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@xs {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@xs {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@xs {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@xs {
     margin-top: var(--space-sm);
   }
@@ -4503,17 +4599,6 @@
   .margin-left-sm\@xs {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@xs {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@xs {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@xs {
-    margin: var(--space-md);
-  }
   .margin-top-md\@xs {
     margin-top: var(--space-md);
   }
@@ -4526,17 +4611,6 @@
   .margin-left-md\@xs {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@xs {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@xs {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@xs {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@xs {
     margin-top: var(--space-lg);
   }
@@ -4549,17 +4623,6 @@
   .margin-left-lg\@xs {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@xs {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@xs {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@xs {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@xs {
     margin-top: var(--space-xl);
   }
@@ -4572,17 +4635,6 @@
   .margin-left-xl\@xs {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@xs {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@xs {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@xs {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@xs {
     margin-top: var(--space-2xl);
   }
@@ -4595,17 +4647,6 @@
   .margin-left-2xl\@xs {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@xs {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@xs {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@xs {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@xs {
     margin-top: var(--space-3xl);
   }
@@ -4618,17 +4659,6 @@
   .margin-left-3xl\@xs {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@xs {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@xs {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@xs {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@xs {
     margin-top: var(--space-4xl);
   }
@@ -4641,36 +4671,6 @@
   .margin-left-4xl\@xs {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@xs {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@xs {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@xs {
-    margin: auto;
-  }
-  .margin-0\@xs {
-    margin: 0;
-  }
-  .margin-y-auto\@xs {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@xs {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@xs {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@xs {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@xs {
     margin-top: auto;
   }
@@ -4699,17 +4699,38 @@
   .padding-4xs\@xs {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@xs {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@xs {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@xs {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@xs {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@xs {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@xs {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@xs {
-    padding-left: var(--space-4xs);
+  .padding-sm\@xs {
+    padding: var(--space-sm);
+  }
+  .padding-md\@xs {
+    padding: var(--space-md);
+  }
+  .padding-lg\@xs {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@xs {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@xs {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@xs {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@xs {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@xs {
+    padding: 0;
   }
   .padding-y-4xs\@xs {
     padding-top: var(--space-4xs);
@@ -4719,8 +4740,105 @@
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@xs {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@xs {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@xs {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@xs {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@xs {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@xs {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@xs {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@xs {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@xs {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@xs {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@xs {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@xs {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@xs {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@xs {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@xs {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@xs {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@xs {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@xs {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@xs {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@xs {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@xs {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@xs {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@xs {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@xs {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@xs {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@xs {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@xs {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@xs {
     padding-top: var(--space-3xs);
@@ -4734,17 +4852,6 @@
   .padding-left-3xs\@xs {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@xs {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@xs {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@xs {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@xs {
     padding-top: var(--space-2xs);
   }
@@ -4757,17 +4864,6 @@
   .padding-left-2xs\@xs {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@xs {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@xs {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@xs {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@xs {
     padding-top: var(--space-xs);
   }
@@ -4780,17 +4876,6 @@
   .padding-left-xs\@xs {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@xs {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@xs {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@xs {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@xs {
     padding-top: var(--space-sm);
   }
@@ -4803,17 +4888,6 @@
   .padding-left-sm\@xs {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@xs {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@xs {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@xs {
-    padding: var(--space-md);
-  }
   .padding-top-md\@xs {
     padding-top: var(--space-md);
   }
@@ -4826,17 +4900,6 @@
   .padding-left-md\@xs {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@xs {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@xs {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@xs {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@xs {
     padding-top: var(--space-lg);
   }
@@ -4849,17 +4912,6 @@
   .padding-left-lg\@xs {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@xs {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@xs {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@xs {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@xs {
     padding-top: var(--space-xl);
   }
@@ -4872,17 +4924,6 @@
   .padding-left-xl\@xs {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@xs {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@xs {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@xs {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@xs {
     padding-top: var(--space-2xl);
   }
@@ -4895,17 +4936,6 @@
   .padding-left-2xl\@xs {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@xs {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@xs {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@xs {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@xs {
     padding-top: var(--space-3xl);
   }
@@ -4918,17 +4948,6 @@
   .padding-left-3xl\@xs {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@xs {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@xs {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@xs {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@xs {
     padding-top: var(--space-4xl);
   }
@@ -4941,25 +4960,6 @@
   .padding-left-4xl\@xs {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@xs {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@xs {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@xs {
-    padding: 0;
-  }
-  .padding-y-0\@xs {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@xs {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@xs {
     padding-top: 0;
   }
@@ -5853,17 +5853,41 @@
   .margin-4xs\@sm {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@sm {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@sm {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@sm {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@sm {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@sm {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@sm {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@sm {
-    margin-left: var(--space-4xs);
+  .margin-sm\@sm {
+    margin: var(--space-sm);
+  }
+  .margin-md\@sm {
+    margin: var(--space-md);
+  }
+  .margin-lg\@sm {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@sm {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@sm {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@sm {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@sm {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@sm {
+    margin: auto;
+  }
+  .margin-0\@sm {
+    margin: 0;
   }
   .margin-y-4xs\@sm {
     margin-top: var(--space-4xs);
@@ -5873,8 +5897,113 @@
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@sm {
-    margin: var(--space-3xs);
+  .margin-y-3xs\@sm {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@sm {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@sm {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@sm {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@sm {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@sm {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@sm {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@sm {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@sm {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@sm {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@sm {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@sm {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@sm {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@sm {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@sm {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@sm {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@sm {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@sm {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@sm {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@sm {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@sm {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@sm {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@sm {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@sm {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@sm {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@sm {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@sm {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@sm {
+    margin-left: var(--space-4xs);
   }
   .margin-top-3xs\@sm {
     margin-top: var(--space-3xs);
@@ -5888,17 +6017,6 @@
   .margin-left-3xs\@sm {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@sm {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@sm {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@sm {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@sm {
     margin-top: var(--space-2xs);
   }
@@ -5911,17 +6029,6 @@
   .margin-left-2xs\@sm {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@sm {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@sm {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@sm {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@sm {
     margin-top: var(--space-xs);
   }
@@ -5934,17 +6041,6 @@
   .margin-left-xs\@sm {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@sm {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@sm {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@sm {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@sm {
     margin-top: var(--space-sm);
   }
@@ -5957,17 +6053,6 @@
   .margin-left-sm\@sm {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@sm {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@sm {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@sm {
-    margin: var(--space-md);
-  }
   .margin-top-md\@sm {
     margin-top: var(--space-md);
   }
@@ -5980,17 +6065,6 @@
   .margin-left-md\@sm {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@sm {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@sm {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@sm {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@sm {
     margin-top: var(--space-lg);
   }
@@ -6003,17 +6077,6 @@
   .margin-left-lg\@sm {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@sm {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@sm {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@sm {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@sm {
     margin-top: var(--space-xl);
   }
@@ -6026,17 +6089,6 @@
   .margin-left-xl\@sm {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@sm {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@sm {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@sm {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@sm {
     margin-top: var(--space-2xl);
   }
@@ -6049,17 +6101,6 @@
   .margin-left-2xl\@sm {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@sm {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@sm {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@sm {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@sm {
     margin-top: var(--space-3xl);
   }
@@ -6072,17 +6113,6 @@
   .margin-left-3xl\@sm {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@sm {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@sm {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@sm {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@sm {
     margin-top: var(--space-4xl);
   }
@@ -6095,36 +6125,6 @@
   .margin-left-4xl\@sm {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@sm {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@sm {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@sm {
-    margin: auto;
-  }
-  .margin-0\@sm {
-    margin: 0;
-  }
-  .margin-y-auto\@sm {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@sm {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@sm {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@sm {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@sm {
     margin-top: auto;
   }
@@ -6153,17 +6153,38 @@
   .padding-4xs\@sm {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@sm {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@sm {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@sm {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@sm {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@sm {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@sm {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@sm {
-    padding-left: var(--space-4xs);
+  .padding-sm\@sm {
+    padding: var(--space-sm);
+  }
+  .padding-md\@sm {
+    padding: var(--space-md);
+  }
+  .padding-lg\@sm {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@sm {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@sm {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@sm {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@sm {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@sm {
+    padding: 0;
   }
   .padding-y-4xs\@sm {
     padding-top: var(--space-4xs);
@@ -6173,8 +6194,105 @@
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@sm {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@sm {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@sm {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@sm {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@sm {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@sm {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@sm {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@sm {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@sm {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@sm {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@sm {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@sm {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@sm {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@sm {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@sm {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@sm {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@sm {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@sm {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@sm {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@sm {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@sm {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@sm {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@sm {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@sm {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@sm {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@sm {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@sm {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@sm {
     padding-top: var(--space-3xs);
@@ -6188,17 +6306,6 @@
   .padding-left-3xs\@sm {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@sm {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@sm {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@sm {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@sm {
     padding-top: var(--space-2xs);
   }
@@ -6211,17 +6318,6 @@
   .padding-left-2xs\@sm {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@sm {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@sm {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@sm {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@sm {
     padding-top: var(--space-xs);
   }
@@ -6234,17 +6330,6 @@
   .padding-left-xs\@sm {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@sm {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@sm {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@sm {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@sm {
     padding-top: var(--space-sm);
   }
@@ -6254,19 +6339,8 @@
   .padding-bottom-sm\@sm {
     padding-bottom: var(--space-sm);
   }
-  .padding-left-sm\@sm {
-    padding-left: var(--space-sm);
-  }
-  .padding-y-sm\@sm {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@sm {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@sm {
-    padding: var(--space-md);
+  .padding-left-sm\@sm {
+    padding-left: var(--space-sm);
   }
   .padding-top-md\@sm {
     padding-top: var(--space-md);
@@ -6280,17 +6354,6 @@
   .padding-left-md\@sm {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@sm {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@sm {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@sm {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@sm {
     padding-top: var(--space-lg);
   }
@@ -6303,17 +6366,6 @@
   .padding-left-lg\@sm {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@sm {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@sm {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@sm {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@sm {
     padding-top: var(--space-xl);
   }
@@ -6326,17 +6378,6 @@
   .padding-left-xl\@sm {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@sm {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@sm {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@sm {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@sm {
     padding-top: var(--space-2xl);
   }
@@ -6349,17 +6390,6 @@
   .padding-left-2xl\@sm {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@sm {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@sm {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@sm {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@sm {
     padding-top: var(--space-3xl);
   }
@@ -6372,17 +6402,6 @@
   .padding-left-3xl\@sm {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@sm {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@sm {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@sm {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@sm {
     padding-top: var(--space-4xl);
   }
@@ -6395,25 +6414,6 @@
   .padding-left-4xl\@sm {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@sm {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@sm {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@sm {
-    padding: 0;
-  }
-  .padding-y-0\@sm {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@sm {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@sm {
     padding-top: 0;
   }
@@ -7307,17 +7307,41 @@
   .margin-4xs\@md {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@md {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@md {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@md {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@md {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@md {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@md {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@md {
-    margin-left: var(--space-4xs);
+  .margin-sm\@md {
+    margin: var(--space-sm);
+  }
+  .margin-md\@md {
+    margin: var(--space-md);
+  }
+  .margin-lg\@md {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@md {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@md {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@md {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@md {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@md {
+    margin: auto;
+  }
+  .margin-0\@md {
+    margin: 0;
   }
   .margin-y-4xs\@md {
     margin-top: var(--space-4xs);
@@ -7327,8 +7351,113 @@
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@md {
-    margin: var(--space-3xs);
+  .margin-y-3xs\@md {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@md {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@md {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@md {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@md {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@md {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@md {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@md {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@md {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@md {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@md {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@md {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@md {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@md {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@md {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@md {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@md {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@md {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@md {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@md {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@md {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@md {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@md {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@md {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@md {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@md {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@md {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@md {
+    margin-left: var(--space-4xs);
   }
   .margin-top-3xs\@md {
     margin-top: var(--space-3xs);
@@ -7342,17 +7471,6 @@
   .margin-left-3xs\@md {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@md {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@md {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@md {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@md {
     margin-top: var(--space-2xs);
   }
@@ -7365,40 +7483,18 @@
   .margin-left-2xs\@md {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@md {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@md {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@md {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@md {
     margin-top: var(--space-xs);
   }
   .margin-right-xs\@md {
-    margin-right: var(--space-xs);
-  }
-  .margin-bottom-xs\@md {
-    margin-bottom: var(--space-xs);
-  }
-  .margin-left-xs\@md {
-    margin-left: var(--space-xs);
+    margin-right: var(--space-xs);
   }
-  .margin-y-xs\@md {
-    margin-top: var(--space-xs);
+  .margin-bottom-xs\@md {
     margin-bottom: var(--space-xs);
   }
-  .margin-x-xs\@md {
-    margin-right: var(--space-xs);
+  .margin-left-xs\@md {
     margin-left: var(--space-xs);
   }
-  .margin-sm\@md {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@md {
     margin-top: var(--space-sm);
   }
@@ -7411,17 +7507,6 @@
   .margin-left-sm\@md {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@md {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@md {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@md {
-    margin: var(--space-md);
-  }
   .margin-top-md\@md {
     margin-top: var(--space-md);
   }
@@ -7434,17 +7519,6 @@
   .margin-left-md\@md {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@md {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@md {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@md {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@md {
     margin-top: var(--space-lg);
   }
@@ -7457,17 +7531,6 @@
   .margin-left-lg\@md {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@md {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@md {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@md {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@md {
     margin-top: var(--space-xl);
   }
@@ -7480,17 +7543,6 @@
   .margin-left-xl\@md {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@md {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@md {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@md {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@md {
     margin-top: var(--space-2xl);
   }
@@ -7503,17 +7555,6 @@
   .margin-left-2xl\@md {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@md {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@md {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@md {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@md {
     margin-top: var(--space-3xl);
   }
@@ -7526,17 +7567,6 @@
   .margin-left-3xl\@md {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@md {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@md {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@md {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@md {
     margin-top: var(--space-4xl);
   }
@@ -7549,36 +7579,6 @@
   .margin-left-4xl\@md {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@md {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@md {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@md {
-    margin: auto;
-  }
-  .margin-0\@md {
-    margin: 0;
-  }
-  .margin-y-auto\@md {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@md {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@md {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@md {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@md {
     margin-top: auto;
   }
@@ -7607,17 +7607,38 @@
   .padding-4xs\@md {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@md {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@md {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@md {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@md {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@md {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@md {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@md {
-    padding-left: var(--space-4xs);
+  .padding-sm\@md {
+    padding: var(--space-sm);
+  }
+  .padding-md\@md {
+    padding: var(--space-md);
+  }
+  .padding-lg\@md {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@md {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@md {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@md {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@md {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@md {
+    padding: 0;
   }
   .padding-y-4xs\@md {
     padding-top: var(--space-4xs);
@@ -7627,8 +7648,105 @@
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@md {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@md {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@md {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@md {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@md {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@md {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@md {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@md {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@md {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@md {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@md {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@md {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@md {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@md {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@md {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@md {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@md {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@md {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@md {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@md {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@md {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@md {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@md {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@md {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@md {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@md {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@md {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@md {
     padding-top: var(--space-3xs);
@@ -7640,18 +7758,7 @@
     padding-bottom: var(--space-3xs);
   }
   .padding-left-3xs\@md {
-    padding-left: var(--space-3xs);
-  }
-  .padding-y-3xs\@md {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@md {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@md {
-    padding: var(--space-2xs);
+    padding-left: var(--space-3xs);
   }
   .padding-top-2xs\@md {
     padding-top: var(--space-2xs);
@@ -7665,17 +7772,6 @@
   .padding-left-2xs\@md {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@md {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@md {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@md {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@md {
     padding-top: var(--space-xs);
   }
@@ -7688,17 +7784,6 @@
   .padding-left-xs\@md {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@md {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@md {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@md {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@md {
     padding-top: var(--space-sm);
   }
@@ -7711,17 +7796,6 @@
   .padding-left-sm\@md {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@md {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@md {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@md {
-    padding: var(--space-md);
-  }
   .padding-top-md\@md {
     padding-top: var(--space-md);
   }
@@ -7734,17 +7808,6 @@
   .padding-left-md\@md {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@md {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@md {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@md {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@md {
     padding-top: var(--space-lg);
   }
@@ -7757,17 +7820,6 @@
   .padding-left-lg\@md {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@md {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@md {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@md {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@md {
     padding-top: var(--space-xl);
   }
@@ -7780,17 +7832,6 @@
   .padding-left-xl\@md {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@md {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@md {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@md {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@md {
     padding-top: var(--space-2xl);
   }
@@ -7803,17 +7844,6 @@
   .padding-left-2xl\@md {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@md {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@md {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@md {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@md {
     padding-top: var(--space-3xl);
   }
@@ -7826,17 +7856,6 @@
   .padding-left-3xl\@md {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@md {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@md {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@md {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@md {
     padding-top: var(--space-4xl);
   }
@@ -7849,25 +7868,6 @@
   .padding-left-4xl\@md {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@md {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@md {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@md {
-    padding: 0;
-  }
-  .padding-y-0\@md {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@md {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@md {
     padding-top: 0;
   }
@@ -8761,17 +8761,41 @@
   .margin-4xs\@lg {
     margin: var(--space-4xs);
   }
-  .margin-top-4xs\@lg {
-    margin-top: var(--space-4xs);
+  .margin-3xs\@lg {
+    margin: var(--space-3xs);
   }
-  .margin-right-4xs\@lg {
-    margin-right: var(--space-4xs);
+  .margin-2xs\@lg {
+    margin: var(--space-2xs);
   }
-  .margin-bottom-4xs\@lg {
-    margin-bottom: var(--space-4xs);
+  .margin-xs\@lg {
+    margin: var(--space-xs);
   }
-  .margin-left-4xs\@lg {
-    margin-left: var(--space-4xs);
+  .margin-sm\@lg {
+    margin: var(--space-sm);
+  }
+  .margin-md\@lg {
+    margin: var(--space-md);
+  }
+  .margin-lg\@lg {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@lg {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@lg {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@lg {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@lg {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@lg {
+    margin: auto;
+  }
+  .margin-0\@lg {
+    margin: 0;
   }
   .margin-y-4xs\@lg {
     margin-top: var(--space-4xs);
@@ -8781,9 +8805,114 @@
     margin-right: var(--space-4xs);
     margin-left: var(--space-4xs);
   }
-  .margin-3xs\@lg {
-    margin: var(--space-3xs);
-  }
+  .margin-y-3xs\@lg {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@lg {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@lg {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
+  }
+  .margin-x-2xs\@lg {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
+  }
+  .margin-y-xs\@lg {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
+  }
+  .margin-x-xs\@lg {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
+  }
+  .margin-y-sm\@lg {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
+  }
+  .margin-x-sm\@lg {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
+  }
+  .margin-y-md\@lg {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
+  }
+  .margin-x-md\@lg {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
+  }
+  .margin-y-lg\@lg {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
+  }
+  .margin-x-lg\@lg {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
+  }
+  .margin-y-xl\@lg {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
+  }
+  .margin-x-xl\@lg {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
+  }
+  .margin-y-2xl\@lg {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
+  }
+  .margin-x-2xl\@lg {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
+  }
+  .margin-y-3xl\@lg {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
+  }
+  .margin-x-3xl\@lg {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
+  }
+  .margin-y-4xl\@lg {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
+  }
+  .margin-x-4xl\@lg {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
+  }
+  .margin-y-auto\@lg {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  .margin-y-0\@lg {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .margin-x-auto\@lg {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .margin-x-0\@lg {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .margin-top-4xs\@lg {
+    margin-top: var(--space-4xs);
+  }
+  .margin-right-4xs\@lg {
+    margin-right: var(--space-4xs);
+  }
+  .margin-bottom-4xs\@lg {
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-left-4xs\@lg {
+    margin-left: var(--space-4xs);
+  }
   .margin-top-3xs\@lg {
     margin-top: var(--space-3xs);
   }
@@ -8796,17 +8925,6 @@
   .margin-left-3xs\@lg {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@lg {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@lg {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@lg {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@lg {
     margin-top: var(--space-2xs);
   }
@@ -8819,17 +8937,6 @@
   .margin-left-2xs\@lg {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@lg {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@lg {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@lg {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@lg {
     margin-top: var(--space-xs);
   }
@@ -8842,17 +8949,6 @@
   .margin-left-xs\@lg {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@lg {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@lg {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@lg {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@lg {
     margin-top: var(--space-sm);
   }
@@ -8865,17 +8961,6 @@
   .margin-left-sm\@lg {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@lg {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@lg {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@lg {
-    margin: var(--space-md);
-  }
   .margin-top-md\@lg {
     margin-top: var(--space-md);
   }
@@ -8888,17 +8973,6 @@
   .margin-left-md\@lg {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@lg {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@lg {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@lg {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@lg {
     margin-top: var(--space-lg);
   }
@@ -8911,17 +8985,6 @@
   .margin-left-lg\@lg {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@lg {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@lg {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@lg {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@lg {
     margin-top: var(--space-xl);
   }
@@ -8934,17 +8997,6 @@
   .margin-left-xl\@lg {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@lg {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@lg {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@lg {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@lg {
     margin-top: var(--space-2xl);
   }
@@ -8957,17 +9009,6 @@
   .margin-left-2xl\@lg {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@lg {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@lg {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@lg {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@lg {
     margin-top: var(--space-3xl);
   }
@@ -8980,17 +9021,6 @@
   .margin-left-3xl\@lg {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@lg {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@lg {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@lg {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@lg {
     margin-top: var(--space-4xl);
   }
@@ -9003,36 +9033,6 @@
   .margin-left-4xl\@lg {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@lg {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@lg {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@lg {
-    margin: auto;
-  }
-  .margin-0\@lg {
-    margin: 0;
-  }
-  .margin-y-auto\@lg {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@lg {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@lg {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@lg {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@lg {
     margin-top: auto;
   }
@@ -9061,6 +9061,135 @@
   .padding-4xs\@lg {
     padding: var(--space-4xs);
   }
+  .padding-3xs\@lg {
+    padding: var(--space-3xs);
+  }
+  .padding-2xs\@lg {
+    padding: var(--space-2xs);
+  }
+  .padding-xs\@lg {
+    padding: var(--space-xs);
+  }
+  .padding-sm\@lg {
+    padding: var(--space-sm);
+  }
+  .padding-md\@lg {
+    padding: var(--space-md);
+  }
+  .padding-lg\@lg {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@lg {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@lg {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@lg {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@lg {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@lg {
+    padding: 0;
+  }
+  .padding-y-4xs\@lg {
+    padding-top: var(--space-4xs);
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-x-4xs\@lg {
+    padding-right: var(--space-4xs);
+    padding-left: var(--space-4xs);
+  }
+  .padding-y-3xs\@lg {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@lg {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@lg {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@lg {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@lg {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@lg {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@lg {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@lg {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@lg {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@lg {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@lg {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@lg {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@lg {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@lg {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@lg {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@lg {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@lg {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@lg {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@lg {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@lg {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@lg {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@lg {
+    padding-left: 0;
+    padding-right: 0;
+  }
   .padding-top-4xs\@lg {
     padding-top: var(--space-4xs);
   }
@@ -9073,17 +9202,6 @@
   .padding-left-4xs\@lg {
     padding-left: var(--space-4xs);
   }
-  .padding-y-4xs\@lg {
-    padding-top: var(--space-4xs);
-    padding-bottom: var(--space-4xs);
-  }
-  .padding-x-4xs\@lg {
-    padding-right: var(--space-4xs);
-    padding-left: var(--space-4xs);
-  }
-  .padding-3xs\@lg {
-    padding: var(--space-3xs);
-  }
   .padding-top-3xs\@lg {
     padding-top: var(--space-3xs);
   }
@@ -9096,17 +9214,6 @@
   .padding-left-3xs\@lg {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@lg {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@lg {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@lg {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@lg {
     padding-top: var(--space-2xs);
   }
@@ -9119,17 +9226,6 @@
   .padding-left-2xs\@lg {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@lg {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@lg {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@lg {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@lg {
     padding-top: var(--space-xs);
   }
@@ -9142,17 +9238,6 @@
   .padding-left-xs\@lg {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@lg {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@lg {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@lg {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@lg {
     padding-top: var(--space-sm);
   }
@@ -9165,17 +9250,6 @@
   .padding-left-sm\@lg {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@lg {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@lg {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@lg {
-    padding: var(--space-md);
-  }
   .padding-top-md\@lg {
     padding-top: var(--space-md);
   }
@@ -9188,17 +9262,6 @@
   .padding-left-md\@lg {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@lg {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@lg {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@lg {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@lg {
     padding-top: var(--space-lg);
   }
@@ -9211,17 +9274,6 @@
   .padding-left-lg\@lg {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@lg {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@lg {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@lg {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@lg {
     padding-top: var(--space-xl);
   }
@@ -9234,17 +9286,6 @@
   .padding-left-xl\@lg {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@lg {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@lg {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@lg {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@lg {
     padding-top: var(--space-2xl);
   }
@@ -9257,17 +9298,6 @@
   .padding-left-2xl\@lg {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@lg {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@lg {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@lg {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@lg {
     padding-top: var(--space-3xl);
   }
@@ -9280,17 +9310,6 @@
   .padding-left-3xl\@lg {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@lg {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@lg {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@lg {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@lg {
     padding-top: var(--space-4xl);
   }
@@ -9303,25 +9322,6 @@
   .padding-left-4xl\@lg {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@lg {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@lg {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@lg {
-    padding: 0;
-  }
-  .padding-y-0\@lg {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@lg {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@lg {
     padding-top: 0;
   }
@@ -10144,76 +10144,216 @@
   .justify-end\@xl {
     justify-content: end;
   }
-  .justify-center\@xl {
-    justify-content: center;
+  .justify-center\@xl {
+    justify-content: center;
+  }
+  .justify-between\@xl {
+    justify-content: space-between;
+  }
+  /* align-items */
+  .items-center\@xl {
+    align-items: center;
+  }
+  .items-start\@xl {
+    align-items: start;
+  }
+  .items-end\@xl {
+    align-items: end;
+  }
+  .items-baseline\@xl {
+    align-items: baseline;
+  }
+  .items-stretch\@xl {
+    align-items: stretch;
+  }
+  /* align-content */
+  .content-start\@xl {
+    align-content: start;
+  }
+  .content-end\@xl {
+    align-content: end;
+  }
+  .content-center\@xl {
+    align-content: center;
+  }
+  .content-between\@xl {
+    align-content: space-between;
+  }
+  /* order */
+  .order-1\@xl {
+    order: 1;
+  }
+  .order-2\@xl {
+    order: 2;
+  }
+  .order-3\@xl {
+    order: 3;
+  }
+  /* display */
+  .block\@xl {
+    display: block;
+  }
+  .inline-block\@xl {
+    display: inline-block;
+  }
+  .inline\@xl {
+    display: inline;
+  }
+  .contents\@xl {
+    display: contents;
+  }
+  .css-grid\@xl {
+    display: grid;
+  }
+  .css-inline-grid\@xl {
+    display: inline-grid;
+  }
+  .hide\@xl {
+    display: none;
+  }
+  /* margin */
+  .margin-4xs\@xl {
+    margin: var(--space-4xs);
+  }
+  .margin-3xs\@xl {
+    margin: var(--space-3xs);
+  }
+  .margin-2xs\@xl {
+    margin: var(--space-2xs);
+  }
+  .margin-xs\@xl {
+    margin: var(--space-xs);
+  }
+  .margin-sm\@xl {
+    margin: var(--space-sm);
+  }
+  .margin-md\@xl {
+    margin: var(--space-md);
+  }
+  .margin-lg\@xl {
+    margin: var(--space-lg);
+  }
+  .margin-xl\@xl {
+    margin: var(--space-xl);
+  }
+  .margin-2xl\@xl {
+    margin: var(--space-2xl);
+  }
+  .margin-3xl\@xl {
+    margin: var(--space-3xl);
+  }
+  .margin-4xl\@xl {
+    margin: var(--space-4xl);
+  }
+  .margin-auto\@xl {
+    margin: auto;
+  }
+  .margin-0\@xl {
+    margin: 0;
+  }
+  .margin-y-4xs\@xl {
+    margin-top: var(--space-4xs);
+    margin-bottom: var(--space-4xs);
+  }
+  .margin-x-4xs\@xl {
+    margin-right: var(--space-4xs);
+    margin-left: var(--space-4xs);
+  }
+  .margin-y-3xs\@xl {
+    margin-top: var(--space-3xs);
+    margin-bottom: var(--space-3xs);
+  }
+  .margin-x-3xs\@xl {
+    margin-right: var(--space-3xs);
+    margin-left: var(--space-3xs);
+  }
+  .margin-y-2xs\@xl {
+    margin-top: var(--space-2xs);
+    margin-bottom: var(--space-2xs);
   }
-  .justify-between\@xl {
-    justify-content: space-between;
+  .margin-x-2xs\@xl {
+    margin-right: var(--space-2xs);
+    margin-left: var(--space-2xs);
   }
-  /* align-items */
-  .items-center\@xl {
-    align-items: center;
+  .margin-y-xs\@xl {
+    margin-top: var(--space-xs);
+    margin-bottom: var(--space-xs);
   }
-  .items-start\@xl {
-    align-items: start;
+  .margin-x-xs\@xl {
+    margin-right: var(--space-xs);
+    margin-left: var(--space-xs);
   }
-  .items-end\@xl {
-    align-items: end;
+  .margin-y-sm\@xl {
+    margin-top: var(--space-sm);
+    margin-bottom: var(--space-sm);
   }
-  .items-baseline\@xl {
-    align-items: baseline;
+  .margin-x-sm\@xl {
+    margin-right: var(--space-sm);
+    margin-left: var(--space-sm);
   }
-  .items-stretch\@xl {
-    align-items: stretch;
+  .margin-y-md\@xl {
+    margin-top: var(--space-md);
+    margin-bottom: var(--space-md);
   }
-  /* align-content */
-  .content-start\@xl {
-    align-content: start;
+  .margin-x-md\@xl {
+    margin-right: var(--space-md);
+    margin-left: var(--space-md);
   }
-  .content-end\@xl {
-    align-content: end;
+  .margin-y-lg\@xl {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-lg);
   }
-  .content-center\@xl {
-    align-content: center;
+  .margin-x-lg\@xl {
+    margin-right: var(--space-lg);
+    margin-left: var(--space-lg);
   }
-  .content-between\@xl {
-    align-content: space-between;
+  .margin-y-xl\@xl {
+    margin-top: var(--space-xl);
+    margin-bottom: var(--space-xl);
   }
-  /* order */
-  .order-1\@xl {
-    order: 1;
+  .margin-x-xl\@xl {
+    margin-right: var(--space-xl);
+    margin-left: var(--space-xl);
   }
-  .order-2\@xl {
-    order: 2;
+  .margin-y-2xl\@xl {
+    margin-top: var(--space-2xl);
+    margin-bottom: var(--space-2xl);
   }
-  .order-3\@xl {
-    order: 3;
+  .margin-x-2xl\@xl {
+    margin-right: var(--space-2xl);
+    margin-left: var(--space-2xl);
   }
-  /* display */
-  .block\@xl {
-    display: block;
+  .margin-y-3xl\@xl {
+    margin-top: var(--space-3xl);
+    margin-bottom: var(--space-3xl);
   }
-  .inline-block\@xl {
-    display: inline-block;
+  .margin-x-3xl\@xl {
+    margin-right: var(--space-3xl);
+    margin-left: var(--space-3xl);
   }
-  .inline\@xl {
-    display: inline;
+  .margin-y-4xl\@xl {
+    margin-top: var(--space-4xl);
+    margin-bottom: var(--space-4xl);
   }
-  .contents\@xl {
-    display: contents;
+  .margin-x-4xl\@xl {
+    margin-right: var(--space-4xl);
+    margin-left: var(--space-4xl);
   }
-  .css-grid\@xl {
-    display: grid;
+  .margin-y-auto\@xl {
+    margin-top: auto;
+    margin-bottom: auto;
   }
-  .css-inline-grid\@xl {
-    display: inline-grid;
+  .margin-y-0\@xl {
+    margin-top: 0;
+    margin-bottom: 0;
   }
-  .hide\@xl {
-    display: none;
+  .margin-x-auto\@xl {
+    margin-left: auto;
+    margin-right: auto;
   }
-  /* margin */
-  .margin-4xs\@xl {
-    margin: var(--space-4xs);
+  .margin-x-0\@xl {
+    margin-left: 0;
+    margin-right: 0;
   }
   .margin-top-4xs\@xl {
     margin-top: var(--space-4xs);
@@ -10227,17 +10367,6 @@
   .margin-left-4xs\@xl {
     margin-left: var(--space-4xs);
   }
-  .margin-y-4xs\@xl {
-    margin-top: var(--space-4xs);
-    margin-bottom: var(--space-4xs);
-  }
-  .margin-x-4xs\@xl {
-    margin-right: var(--space-4xs);
-    margin-left: var(--space-4xs);
-  }
-  .margin-3xs\@xl {
-    margin: var(--space-3xs);
-  }
   .margin-top-3xs\@xl {
     margin-top: var(--space-3xs);
   }
@@ -10250,17 +10379,6 @@
   .margin-left-3xs\@xl {
     margin-left: var(--space-3xs);
   }
-  .margin-y-3xs\@xl {
-    margin-top: var(--space-3xs);
-    margin-bottom: var(--space-3xs);
-  }
-  .margin-x-3xs\@xl {
-    margin-right: var(--space-3xs);
-    margin-left: var(--space-3xs);
-  }
-  .margin-2xs\@xl {
-    margin: var(--space-2xs);
-  }
   .margin-top-2xs\@xl {
     margin-top: var(--space-2xs);
   }
@@ -10273,17 +10391,6 @@
   .margin-left-2xs\@xl {
     margin-left: var(--space-2xs);
   }
-  .margin-y-2xs\@xl {
-    margin-top: var(--space-2xs);
-    margin-bottom: var(--space-2xs);
-  }
-  .margin-x-2xs\@xl {
-    margin-right: var(--space-2xs);
-    margin-left: var(--space-2xs);
-  }
-  .margin-xs\@xl {
-    margin: var(--space-xs);
-  }
   .margin-top-xs\@xl {
     margin-top: var(--space-xs);
   }
@@ -10296,17 +10403,6 @@
   .margin-left-xs\@xl {
     margin-left: var(--space-xs);
   }
-  .margin-y-xs\@xl {
-    margin-top: var(--space-xs);
-    margin-bottom: var(--space-xs);
-  }
-  .margin-x-xs\@xl {
-    margin-right: var(--space-xs);
-    margin-left: var(--space-xs);
-  }
-  .margin-sm\@xl {
-    margin: var(--space-sm);
-  }
   .margin-top-sm\@xl {
     margin-top: var(--space-sm);
   }
@@ -10319,17 +10415,6 @@
   .margin-left-sm\@xl {
     margin-left: var(--space-sm);
   }
-  .margin-y-sm\@xl {
-    margin-top: var(--space-sm);
-    margin-bottom: var(--space-sm);
-  }
-  .margin-x-sm\@xl {
-    margin-right: var(--space-sm);
-    margin-left: var(--space-sm);
-  }
-  .margin-md\@xl {
-    margin: var(--space-md);
-  }
   .margin-top-md\@xl {
     margin-top: var(--space-md);
   }
@@ -10342,17 +10427,6 @@
   .margin-left-md\@xl {
     margin-left: var(--space-md);
   }
-  .margin-y-md\@xl {
-    margin-top: var(--space-md);
-    margin-bottom: var(--space-md);
-  }
-  .margin-x-md\@xl {
-    margin-right: var(--space-md);
-    margin-left: var(--space-md);
-  }
-  .margin-lg\@xl {
-    margin: var(--space-lg);
-  }
   .margin-top-lg\@xl {
     margin-top: var(--space-lg);
   }
@@ -10365,17 +10439,6 @@
   .margin-left-lg\@xl {
     margin-left: var(--space-lg);
   }
-  .margin-y-lg\@xl {
-    margin-top: var(--space-lg);
-    margin-bottom: var(--space-lg);
-  }
-  .margin-x-lg\@xl {
-    margin-right: var(--space-lg);
-    margin-left: var(--space-lg);
-  }
-  .margin-xl\@xl {
-    margin: var(--space-xl);
-  }
   .margin-top-xl\@xl {
     margin-top: var(--space-xl);
   }
@@ -10388,17 +10451,6 @@
   .margin-left-xl\@xl {
     margin-left: var(--space-xl);
   }
-  .margin-y-xl\@xl {
-    margin-top: var(--space-xl);
-    margin-bottom: var(--space-xl);
-  }
-  .margin-x-xl\@xl {
-    margin-right: var(--space-xl);
-    margin-left: var(--space-xl);
-  }
-  .margin-2xl\@xl {
-    margin: var(--space-2xl);
-  }
   .margin-top-2xl\@xl {
     margin-top: var(--space-2xl);
   }
@@ -10411,17 +10463,6 @@
   .margin-left-2xl\@xl {
     margin-left: var(--space-2xl);
   }
-  .margin-y-2xl\@xl {
-    margin-top: var(--space-2xl);
-    margin-bottom: var(--space-2xl);
-  }
-  .margin-x-2xl\@xl {
-    margin-right: var(--space-2xl);
-    margin-left: var(--space-2xl);
-  }
-  .margin-3xl\@xl {
-    margin: var(--space-3xl);
-  }
   .margin-top-3xl\@xl {
     margin-top: var(--space-3xl);
   }
@@ -10434,17 +10475,6 @@
   .margin-left-3xl\@xl {
     margin-left: var(--space-3xl);
   }
-  .margin-y-3xl\@xl {
-    margin-top: var(--space-3xl);
-    margin-bottom: var(--space-3xl);
-  }
-  .margin-x-3xl\@xl {
-    margin-right: var(--space-3xl);
-    margin-left: var(--space-3xl);
-  }
-  .margin-4xl\@xl {
-    margin: var(--space-4xl);
-  }
   .margin-top-4xl\@xl {
     margin-top: var(--space-4xl);
   }
@@ -10457,36 +10487,6 @@
   .margin-left-4xl\@xl {
     margin-left: var(--space-4xl);
   }
-  .margin-y-4xl\@xl {
-    margin-top: var(--space-4xl);
-    margin-bottom: var(--space-4xl);
-  }
-  .margin-x-4xl\@xl {
-    margin-right: var(--space-4xl);
-    margin-left: var(--space-4xl);
-  }
-  .margin-auto\@xl {
-    margin: auto;
-  }
-  .margin-0\@xl {
-    margin: 0;
-  }
-  .margin-y-auto\@xl {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-  .margin-y-0\@xl {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-  .margin-x-auto\@xl {
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .margin-x-0\@xl {
-    margin-left: 0;
-    margin-right: 0;
-  }
   .margin-top-auto\@xl {
     margin-top: auto;
   }
@@ -10515,17 +10515,38 @@
   .padding-4xs\@xl {
     padding: var(--space-4xs);
   }
-  .padding-top-4xs\@xl {
-    padding-top: var(--space-4xs);
+  .padding-3xs\@xl {
+    padding: var(--space-3xs);
   }
-  .padding-right-4xs\@xl {
-    padding-right: var(--space-4xs);
+  .padding-2xs\@xl {
+    padding: var(--space-2xs);
   }
-  .padding-bottom-4xs\@xl {
-    padding-bottom: var(--space-4xs);
+  .padding-xs\@xl {
+    padding: var(--space-xs);
   }
-  .padding-left-4xs\@xl {
-    padding-left: var(--space-4xs);
+  .padding-sm\@xl {
+    padding: var(--space-sm);
+  }
+  .padding-md\@xl {
+    padding: var(--space-md);
+  }
+  .padding-lg\@xl {
+    padding: var(--space-lg);
+  }
+  .padding-xl\@xl {
+    padding: var(--space-xl);
+  }
+  .padding-2xl\@xl {
+    padding: var(--space-2xl);
+  }
+  .padding-3xl\@xl {
+    padding: var(--space-3xl);
+  }
+  .padding-4xl\@xl {
+    padding: var(--space-4xl);
+  }
+  .padding-0\@xl {
+    padding: 0;
   }
   .padding-y-4xs\@xl {
     padding-top: var(--space-4xs);
@@ -10535,8 +10556,105 @@
     padding-right: var(--space-4xs);
     padding-left: var(--space-4xs);
   }
-  .padding-3xs\@xl {
-    padding: var(--space-3xs);
+  .padding-y-3xs\@xl {
+    padding-top: var(--space-3xs);
+    padding-bottom: var(--space-3xs);
+  }
+  .padding-x-3xs\@xl {
+    padding-right: var(--space-3xs);
+    padding-left: var(--space-3xs);
+  }
+  .padding-y-2xs\@xl {
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+  }
+  .padding-x-2xs\@xl {
+    padding-right: var(--space-2xs);
+    padding-left: var(--space-2xs);
+  }
+  .padding-y-xs\@xl {
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+  }
+  .padding-x-xs\@xl {
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
+  }
+  .padding-y-sm\@xl {
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+  }
+  .padding-x-sm\@xl {
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
+  }
+  .padding-y-md\@xl {
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+  }
+  .padding-x-md\@xl {
+    padding-right: var(--space-md);
+    padding-left: var(--space-md);
+  }
+  .padding-y-lg\@xl {
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+  }
+  .padding-x-lg\@xl {
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
+  }
+  .padding-y-xl\@xl {
+    padding-top: var(--space-xl);
+    padding-bottom: var(--space-xl);
+  }
+  .padding-x-xl\@xl {
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
+  }
+  .padding-y-2xl\@xl {
+    padding-top: var(--space-2xl);
+    padding-bottom: var(--space-2xl);
+  }
+  .padding-x-2xl\@xl {
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
+  }
+  .padding-y-3xl\@xl {
+    padding-top: var(--space-3xl);
+    padding-bottom: var(--space-3xl);
+  }
+  .padding-x-3xl\@xl {
+    padding-right: var(--space-3xl);
+    padding-left: var(--space-3xl);
+  }
+  .padding-y-4xl\@xl {
+    padding-top: var(--space-4xl);
+    padding-bottom: var(--space-4xl);
+  }
+  .padding-x-4xl\@xl {
+    padding-right: var(--space-4xl);
+    padding-left: var(--space-4xl);
+  }
+  .padding-y-0\@xl {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .padding-x-0\@xl {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .padding-top-4xs\@xl {
+    padding-top: var(--space-4xs);
+  }
+  .padding-right-4xs\@xl {
+    padding-right: var(--space-4xs);
+  }
+  .padding-bottom-4xs\@xl {
+    padding-bottom: var(--space-4xs);
+  }
+  .padding-left-4xs\@xl {
+    padding-left: var(--space-4xs);
   }
   .padding-top-3xs\@xl {
     padding-top: var(--space-3xs);
@@ -10550,17 +10668,6 @@
   .padding-left-3xs\@xl {
     padding-left: var(--space-3xs);
   }
-  .padding-y-3xs\@xl {
-    padding-top: var(--space-3xs);
-    padding-bottom: var(--space-3xs);
-  }
-  .padding-x-3xs\@xl {
-    padding-right: var(--space-3xs);
-    padding-left: var(--space-3xs);
-  }
-  .padding-2xs\@xl {
-    padding: var(--space-2xs);
-  }
   .padding-top-2xs\@xl {
     padding-top: var(--space-2xs);
   }
@@ -10573,17 +10680,6 @@
   .padding-left-2xs\@xl {
     padding-left: var(--space-2xs);
   }
-  .padding-y-2xs\@xl {
-    padding-top: var(--space-2xs);
-    padding-bottom: var(--space-2xs);
-  }
-  .padding-x-2xs\@xl {
-    padding-right: var(--space-2xs);
-    padding-left: var(--space-2xs);
-  }
-  .padding-xs\@xl {
-    padding: var(--space-xs);
-  }
   .padding-top-xs\@xl {
     padding-top: var(--space-xs);
   }
@@ -10596,17 +10692,6 @@
   .padding-left-xs\@xl {
     padding-left: var(--space-xs);
   }
-  .padding-y-xs\@xl {
-    padding-top: var(--space-xs);
-    padding-bottom: var(--space-xs);
-  }
-  .padding-x-xs\@xl {
-    padding-right: var(--space-xs);
-    padding-left: var(--space-xs);
-  }
-  .padding-sm\@xl {
-    padding: var(--space-sm);
-  }
   .padding-top-sm\@xl {
     padding-top: var(--space-sm);
   }
@@ -10619,17 +10704,6 @@
   .padding-left-sm\@xl {
     padding-left: var(--space-sm);
   }
-  .padding-y-sm\@xl {
-    padding-top: var(--space-sm);
-    padding-bottom: var(--space-sm);
-  }
-  .padding-x-sm\@xl {
-    padding-right: var(--space-sm);
-    padding-left: var(--space-sm);
-  }
-  .padding-md\@xl {
-    padding: var(--space-md);
-  }
   .padding-top-md\@xl {
     padding-top: var(--space-md);
   }
@@ -10642,17 +10716,6 @@
   .padding-left-md\@xl {
     padding-left: var(--space-md);
   }
-  .padding-y-md\@xl {
-    padding-top: var(--space-md);
-    padding-bottom: var(--space-md);
-  }
-  .padding-x-md\@xl {
-    padding-right: var(--space-md);
-    padding-left: var(--space-md);
-  }
-  .padding-lg\@xl {
-    padding: var(--space-lg);
-  }
   .padding-top-lg\@xl {
     padding-top: var(--space-lg);
   }
@@ -10665,17 +10728,6 @@
   .padding-left-lg\@xl {
     padding-left: var(--space-lg);
   }
-  .padding-y-lg\@xl {
-    padding-top: var(--space-lg);
-    padding-bottom: var(--space-lg);
-  }
-  .padding-x-lg\@xl {
-    padding-right: var(--space-lg);
-    padding-left: var(--space-lg);
-  }
-  .padding-xl\@xl {
-    padding: var(--space-xl);
-  }
   .padding-top-xl\@xl {
     padding-top: var(--space-xl);
   }
@@ -10688,17 +10740,6 @@
   .padding-left-xl\@xl {
     padding-left: var(--space-xl);
   }
-  .padding-y-xl\@xl {
-    padding-top: var(--space-xl);
-    padding-bottom: var(--space-xl);
-  }
-  .padding-x-xl\@xl {
-    padding-right: var(--space-xl);
-    padding-left: var(--space-xl);
-  }
-  .padding-2xl\@xl {
-    padding: var(--space-2xl);
-  }
   .padding-top-2xl\@xl {
     padding-top: var(--space-2xl);
   }
@@ -10711,17 +10752,6 @@
   .padding-left-2xl\@xl {
     padding-left: var(--space-2xl);
   }
-  .padding-y-2xl\@xl {
-    padding-top: var(--space-2xl);
-    padding-bottom: var(--space-2xl);
-  }
-  .padding-x-2xl\@xl {
-    padding-right: var(--space-2xl);
-    padding-left: var(--space-2xl);
-  }
-  .padding-3xl\@xl {
-    padding: var(--space-3xl);
-  }
   .padding-top-3xl\@xl {
     padding-top: var(--space-3xl);
   }
@@ -10734,17 +10764,6 @@
   .padding-left-3xl\@xl {
     padding-left: var(--space-3xl);
   }
-  .padding-y-3xl\@xl {
-    padding-top: var(--space-3xl);
-    padding-bottom: var(--space-3xl);
-  }
-  .padding-x-3xl\@xl {
-    padding-right: var(--space-3xl);
-    padding-left: var(--space-3xl);
-  }
-  .padding-4xl\@xl {
-    padding: var(--space-4xl);
-  }
   .padding-top-4xl\@xl {
     padding-top: var(--space-4xl);
   }
@@ -10757,25 +10776,6 @@
   .padding-left-4xl\@xl {
     padding-left: var(--space-4xl);
   }
-  .padding-y-4xl\@xl {
-    padding-top: var(--space-4xl);
-    padding-bottom: var(--space-4xl);
-  }
-  .padding-x-4xl\@xl {
-    padding-right: var(--space-4xl);
-    padding-left: var(--space-4xl);
-  }
-  .padding-0\@xl {
-    padding: 0;
-  }
-  .padding-y-0\@xl {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .padding-x-0\@xl {
-    padding-left: 0;
-    padding-right: 0;
-  }
   .padding-top-0\@xl {
     padding-top: 0;
   }
diff --git a/main/scss/util.scss b/main/scss/util.scss
index 9273e6a..396dcfe 100644
--- a/main/scss/util.scss
+++ b/main/scss/util.scss
@@ -511,23 +511,57 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
     .#{$util-prefix}margin-#{$name} {
       margin: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}margin-top-#{$name} {
+  }
+} @else if($fluid-responsive-spacing) {
+  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+  @each $name, $value in $fluid-responsive-spacing-list {
+    .#{$util-prefix}margin-#{$name} {
+      margin: var(--space-#{$name});
+    }
+  }
+} @else {
+  @each $name, $value in $spacing {
+    .#{$util-prefix}margin-#{$name} {
+      margin: var(--space-#{$name});
+    }
+  }
+}
+
+.#{$util-prefix}margin-auto {
+  margin: auto;
+}
+
+.#{$util-prefix}margin-0 {
+  margin: 0;
+}
+
+@if $responsive-spacing {
+  @each $name, $value in $responsive-spacing {  
+    .#{$util-prefix}margin-y-#{$name} {
       margin-top: var(--space-#{$name});
+      margin-bottom: var(--space-#{$name});
     }
   
-    .#{$util-prefix}margin-right-#{$name} {
+    .#{$util-prefix}margin-x-#{$name} {
       margin-right: var(--space-#{$name});
+      margin-left: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}margin-bottom-#{$name} {
+  }
+} @else if($fluid-responsive-spacing) {
+  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+  @each $name, $value in $fluid-responsive-spacing-list {
+    .#{$util-prefix}margin-y-#{$name} {
+      margin-top: var(--space-#{$name});
       margin-bottom: var(--space-#{$name});
     }
   
-    .#{$util-prefix}margin-left-#{$name} {
+    .#{$util-prefix}margin-x-#{$name} {
+      margin-right: var(--space-#{$name});
       margin-left: var(--space-#{$name});
     }
-  
+  }
+} @else {
+  @each $name, $value in $spacing {
     .#{$util-prefix}margin-y-#{$name} {
       margin-top: var(--space-#{$name});
       margin-bottom: var(--space-#{$name});
@@ -538,13 +572,30 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
       margin-left: var(--space-#{$name});
     }
   }
-} @else if($fluid-responsive-spacing) {
-  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
-  @each $name, $value in $fluid-responsive-spacing-list {
-    .#{$util-prefix}margin-#{$name} {
-      margin: var(--space-#{$name});
-    }
-  
+}
+
+.#{$util-prefix}margin-y-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.#{$util-prefix}margin-y-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.#{$util-prefix}margin-x-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.#{$util-prefix}margin-x-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+@if $responsive-spacing {
+  @each $name, $value in $responsive-spacing {
     .#{$util-prefix}margin-top-#{$name} {
       margin-top: var(--space-#{$name});
     }
@@ -560,23 +611,28 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
     .#{$util-prefix}margin-left-#{$name} {
       margin-left: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}margin-y-#{$name} {
+  }
+} @else if($fluid-responsive-spacing) {
+  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+  @each $name, $value in $fluid-responsive-spacing-list {
+    .#{$util-prefix}margin-top-#{$name} {
       margin-top: var(--space-#{$name});
-      margin-bottom: var(--space-#{$name});
     }
   
-    .#{$util-prefix}margin-x-#{$name} {
+    .#{$util-prefix}margin-right-#{$name} {
       margin-right: var(--space-#{$name});
+    }
+  
+    .#{$util-prefix}margin-bottom-#{$name} {
+      margin-bottom: var(--space-#{$name});
+    }
+  
+    .#{$util-prefix}margin-left-#{$name} {
       margin-left: var(--space-#{$name});
     }
   }
 } @else {
   @each $name, $value in $spacing {
-    .#{$util-prefix}margin-#{$name} {
-      margin: var(--space-#{$name});
-    }
-  
     .#{$util-prefix}margin-top-#{$name} {
       margin-top: var(--space-#{$name});
     }
@@ -592,47 +648,9 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
     .#{$util-prefix}margin-left-#{$name} {
       margin-left: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}margin-y-#{$name} {
-      margin-top: var(--space-#{$name});
-      margin-bottom: var(--space-#{$name});
-    }
-  
-    .#{$util-prefix}margin-x-#{$name} {
-      margin-right: var(--space-#{$name});
-      margin-left: var(--space-#{$name});
-    }
   }
 }
 
-.#{$util-prefix}margin-auto {
-  margin: auto;
-}
-
-.#{$util-prefix}margin-0 {
-  margin: 0;
-}
-
-.#{$util-prefix}margin-y-auto {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.#{$util-prefix}margin-y-0 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.#{$util-prefix}margin-x-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.#{$util-prefix}margin-x-0 {
-  margin-left: 0;
-  margin-right: 0;
-}
-
 .#{$util-prefix}margin-top-auto {
   margin-top: auto;
 }
@@ -673,23 +691,53 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
     .#{$util-prefix}padding-#{$name} {
       padding: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}padding-top-#{$name} {
+  }
+} @else if($fluid-responsive-spacing) {
+  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+  @each $name, $value in $fluid-responsive-spacing-list {
+    .#{$util-prefix}padding-#{$name} {
+      padding: var(--space-#{$name});
+    }
+  }
+} @else {
+  @each $name, $value in $spacing {
+    .#{$util-prefix}padding-#{$name} {
+      padding: var(--space-#{$name});
+    }
+  }
+}
+
+.#{$util-prefix}padding-0 {
+  padding: 0;
+}
+
+@if $responsive-spacing {
+  @each $name, $value in $responsive-spacing {
+    .#{$util-prefix}padding-y-#{$name} {
       padding-top: var(--space-#{$name});
+      padding-bottom: var(--space-#{$name});
     }
   
-    .#{$util-prefix}padding-right-#{$name} {
+    .#{$util-prefix}padding-x-#{$name} {
       padding-right: var(--space-#{$name});
+      padding-left: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}padding-bottom-#{$name} {
+  }
+} @else if($fluid-responsive-spacing) {
+  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+  @each $name, $value in $fluid-responsive-spacing-list {
+    .#{$util-prefix}padding-y-#{$name} {
+      padding-top: var(--space-#{$name});
       padding-bottom: var(--space-#{$name});
     }
   
-    .#{$util-prefix}padding-left-#{$name} {
+    .#{$util-prefix}padding-x-#{$name} {
+      padding-right: var(--space-#{$name});
       padding-left: var(--space-#{$name});
     }
-  
+  }
+} @else {
+  @each $name, $value in $spacing {
     .#{$util-prefix}padding-y-#{$name} {
       padding-top: var(--space-#{$name});
       padding-bottom: var(--space-#{$name});
@@ -700,13 +748,20 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
       padding-left: var(--space-#{$name});
     }
   }
-} @else if($fluid-responsive-spacing) {
-  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
-  @each $name, $value in $fluid-responsive-spacing-list {
-    .#{$util-prefix}padding-#{$name} {
-      padding: var(--space-#{$name});
-    }
-  
+}
+
+.#{$util-prefix}padding-y-0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.#{$util-prefix}padding-x-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+@if $responsive-spacing {
+  @each $name, $value in $responsive-spacing {
     .#{$util-prefix}padding-top-#{$name} {
       padding-top: var(--space-#{$name});
     }
@@ -722,23 +777,28 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
     .#{$util-prefix}padding-left-#{$name} {
       padding-left: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}padding-y-#{$name} {
+  }
+} @else if($fluid-responsive-spacing) {
+  $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+  @each $name, $value in $fluid-responsive-spacing-list {
+    .#{$util-prefix}padding-top-#{$name} {
       padding-top: var(--space-#{$name});
-      padding-bottom: var(--space-#{$name});
     }
   
-    .#{$util-prefix}padding-x-#{$name} {
+    .#{$util-prefix}padding-right-#{$name} {
       padding-right: var(--space-#{$name});
+    }
+  
+    .#{$util-prefix}padding-bottom-#{$name} {
+      padding-bottom: var(--space-#{$name});
+    }
+  
+    .#{$util-prefix}padding-left-#{$name} {
       padding-left: var(--space-#{$name});
     }
   }
 } @else {
   @each $name, $value in $spacing {
-    .#{$util-prefix}padding-#{$name} {
-      padding: var(--space-#{$name});
-    }
-  
     .#{$util-prefix}padding-top-#{$name} {
       padding-top: var(--space-#{$name});
     }
@@ -754,33 +814,9 @@ $fluid-responsive-spacing: map.get($spacing, "fluid");
     .#{$util-prefix}padding-left-#{$name} {
       padding-left: var(--space-#{$name});
     }
-  
-    .#{$util-prefix}padding-y-#{$name} {
-      padding-top: var(--space-#{$name});
-      padding-bottom: var(--space-#{$name});
-    }
-  
-    .#{$util-prefix}padding-x-#{$name} {
-      padding-right: var(--space-#{$name});
-      padding-left: var(--space-#{$name});
-    }
   }
 }
 
-.#{$util-prefix}padding-0 {
-  padding: 0;
-}
-
-.#{$util-prefix}padding-y-0 {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.#{$util-prefix}padding-x-0 {
-  padding-left: 0;
-  padding-right: 0;
-}
-
 .#{$util-prefix}padding-top-0 {
   padding-top: 0;
 }
@@ -2712,23 +2748,57 @@ $grad-labels: map.get($gradients, "default");
         .#{$util-prefix}margin-#{$name}\@#{$breakpoint-name} {
           margin: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}margin-top-#{$name}\@#{$breakpoint-name} {
+      }
+    } @else if($fluid-responsive-spacing) {
+      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+      @each $name, $value in $fluid-responsive-spacing-list {
+        .#{$util-prefix}margin-#{$name}\@#{$breakpoint-name} {
+          margin: var(--space-#{$name});
+        }
+      }
+    } @else {
+      @each $name, $value in $spacing {
+        .#{$util-prefix}margin-#{$name}\@#{$breakpoint-name} {
+          margin: var(--space-#{$name});
+        }
+      }
+    }
+
+    .#{$util-prefix}margin-auto\@#{$breakpoint-name} {
+      margin: auto;
+    }
+
+    .#{$util-prefix}margin-0\@#{$breakpoint-name} {
+      margin: 0;
+    }
+
+    @if $responsive-spacing {
+      @each $name, $value in $responsive-spacing {
+        .#{$util-prefix}margin-y-#{$name}\@#{$breakpoint-name} {
           margin-top: var(--space-#{$name});
+          margin-bottom: var(--space-#{$name});
         }
       
-        .#{$util-prefix}margin-right-#{$name}\@#{$breakpoint-name} {
+        .#{$util-prefix}margin-x-#{$name}\@#{$breakpoint-name} {
           margin-right: var(--space-#{$name});
+          margin-left: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}margin-bottom-#{$name}\@#{$breakpoint-name} {
+      }
+    } @else if($fluid-responsive-spacing) {
+      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+      @each $name, $value in $fluid-responsive-spacing-list {
+        .#{$util-prefix}margin-y-#{$name}\@#{$breakpoint-name} {
+          margin-top: var(--space-#{$name});
           margin-bottom: var(--space-#{$name});
         }
       
-        .#{$util-prefix}margin-left-#{$name}\@#{$breakpoint-name} {
+        .#{$util-prefix}margin-x-#{$name}\@#{$breakpoint-name} {
+          margin-right: var(--space-#{$name});
           margin-left: var(--space-#{$name});
         }
-      
+      }
+    } @else {
+      @each $name, $value in $spacing {
         .#{$util-prefix}margin-y-#{$name}\@#{$breakpoint-name} {
           margin-top: var(--space-#{$name});
           margin-bottom: var(--space-#{$name});
@@ -2739,13 +2809,30 @@ $grad-labels: map.get($gradients, "default");
           margin-left: var(--space-#{$name});
         }
       }
-    } @else if($fluid-responsive-spacing) {
-      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
-      @each $name, $value in $fluid-responsive-spacing-list {
-        .#{$util-prefix}margin-#{$name}\@#{$breakpoint-name} {
-          margin: var(--space-#{$name});
-        }
-      
+    }
+
+    .#{$util-prefix}margin-y-auto\@#{$breakpoint-name} {
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    .#{$util-prefix}margin-y-0\@#{$breakpoint-name} {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+
+    .#{$util-prefix}margin-x-auto\@#{$breakpoint-name} {
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .#{$util-prefix}margin-x-0\@#{$breakpoint-name} {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    @if $responsive-spacing {
+      @each $name, $value in $responsive-spacing {
         .#{$util-prefix}margin-top-#{$name}\@#{$breakpoint-name} {
           margin-top: var(--space-#{$name});
         }
@@ -2761,23 +2848,28 @@ $grad-labels: map.get($gradients, "default");
         .#{$util-prefix}margin-left-#{$name}\@#{$breakpoint-name} {
           margin-left: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}margin-y-#{$name}\@#{$breakpoint-name} {
+      }
+    } @else if($fluid-responsive-spacing) {
+      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+      @each $name, $value in $fluid-responsive-spacing-list {
+        .#{$util-prefix}margin-top-#{$name}\@#{$breakpoint-name} {
           margin-top: var(--space-#{$name});
-          margin-bottom: var(--space-#{$name});
         }
       
-        .#{$util-prefix}margin-x-#{$name}\@#{$breakpoint-name} {
+        .#{$util-prefix}margin-right-#{$name}\@#{$breakpoint-name} {
           margin-right: var(--space-#{$name});
+        }
+      
+        .#{$util-prefix}margin-bottom-#{$name}\@#{$breakpoint-name} {
+          margin-bottom: var(--space-#{$name});
+        }
+      
+        .#{$util-prefix}margin-left-#{$name}\@#{$breakpoint-name} {
           margin-left: var(--space-#{$name});
         }
       }
     } @else {
       @each $name, $value in $spacing {
-        .#{$util-prefix}margin-#{$name}\@#{$breakpoint-name} {
-          margin: var(--space-#{$name});
-        }
-      
         .#{$util-prefix}margin-top-#{$name}\@#{$breakpoint-name} {
           margin-top: var(--space-#{$name});
         }
@@ -2793,47 +2885,9 @@ $grad-labels: map.get($gradients, "default");
         .#{$util-prefix}margin-left-#{$name}\@#{$breakpoint-name} {
           margin-left: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}margin-y-#{$name}\@#{$breakpoint-name} {
-          margin-top: var(--space-#{$name});
-          margin-bottom: var(--space-#{$name});
-        }
-      
-        .#{$util-prefix}margin-x-#{$name}\@#{$breakpoint-name} {
-          margin-right: var(--space-#{$name});
-          margin-left: var(--space-#{$name});
-        }
       }
     }
 
-    .#{$util-prefix}margin-auto\@#{$breakpoint-name} {
-      margin: auto;
-    }
-
-    .#{$util-prefix}margin-0\@#{$breakpoint-name} {
-      margin: 0;
-    }
-
-    .#{$util-prefix}margin-y-auto\@#{$breakpoint-name} {
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-
-    .#{$util-prefix}margin-y-0\@#{$breakpoint-name} {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-
-    .#{$util-prefix}margin-x-auto\@#{$breakpoint-name} {
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    .#{$util-prefix}margin-x-0\@#{$breakpoint-name} {
-      margin-left: 0;
-      margin-right: 0;
-    }
-
     .#{$util-prefix}margin-top-auto\@#{$breakpoint-name} {
       margin-top: auto;
     }
@@ -2874,23 +2928,53 @@ $grad-labels: map.get($gradients, "default");
         .#{$util-prefix}padding-#{$name}\@#{$breakpoint-name} {
           padding: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}padding-top-#{$name}\@#{$breakpoint-name} {
+      }
+    } @else if($fluid-responsive-spacing) {
+      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+      @each $name, $value in $fluid-responsive-spacing-list {
+        .#{$util-prefix}padding-#{$name}\@#{$breakpoint-name} {
+          padding: var(--space-#{$name});
+        }
+      }
+    } @else {
+      @each $name, $value in $spacing {
+        .#{$util-prefix}padding-#{$name}\@#{$breakpoint-name} {
+          padding: var(--space-#{$name});
+        }
+      }
+    }
+
+    .#{$util-prefix}padding-0\@#{$breakpoint-name} {
+      padding: 0;
+    }
+
+    @if $responsive-spacing {
+      @each $name, $value in $responsive-spacing {
+        .#{$util-prefix}padding-y-#{$name}\@#{$breakpoint-name} {
           padding-top: var(--space-#{$name});
+          padding-bottom: var(--space-#{$name});
         }
       
-        .#{$util-prefix}padding-right-#{$name}\@#{$breakpoint-name} {
+        .#{$util-prefix}padding-x-#{$name}\@#{$breakpoint-name} {
           padding-right: var(--space-#{$name});
+          padding-left: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}padding-bottom-#{$name}\@#{$breakpoint-name} {
+      }
+    } @else if($fluid-responsive-spacing) {
+      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+      @each $name, $value in $fluid-responsive-spacing-list {
+        .#{$util-prefix}padding-y-#{$name}\@#{$breakpoint-name} {
+          padding-top: var(--space-#{$name});
           padding-bottom: var(--space-#{$name});
         }
       
-        .#{$util-prefix}padding-left-#{$name}\@#{$breakpoint-name} {
+        .#{$util-prefix}padding-x-#{$name}\@#{$breakpoint-name} {
+          padding-right: var(--space-#{$name});
           padding-left: var(--space-#{$name});
         }
-      
+      }
+    } @else {
+      @each $name, $value in $spacing {
         .#{$util-prefix}padding-y-#{$name}\@#{$breakpoint-name} {
           padding-top: var(--space-#{$name});
           padding-bottom: var(--space-#{$name});
@@ -2901,13 +2985,20 @@ $grad-labels: map.get($gradients, "default");
           padding-left: var(--space-#{$name});
         }
       }
-    } @else if($fluid-responsive-spacing) {
-      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
-      @each $name, $value in $fluid-responsive-spacing-list {
-        .#{$util-prefix}padding-#{$name}\@#{$breakpoint-name} {
-          padding: var(--space-#{$name});
-        }
-      
+    }
+
+    .#{$util-prefix}padding-y-0\@#{$breakpoint-name} {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    .#{$util-prefix}padding-x-0\@#{$breakpoint-name} {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    @if $responsive-spacing {
+      @each $name, $value in $responsive-spacing {
         .#{$util-prefix}padding-top-#{$name}\@#{$breakpoint-name} {
           padding-top: var(--space-#{$name});
         }
@@ -2923,23 +3014,28 @@ $grad-labels: map.get($gradients, "default");
         .#{$util-prefix}padding-left-#{$name}\@#{$breakpoint-name} {
           padding-left: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}padding-y-#{$name}\@#{$breakpoint-name} {
+      }
+    } @else if($fluid-responsive-spacing) {
+      $fluid-responsive-spacing-list: map.get($fluid-responsive-spacing, list.nth(list.nth($fluid-responsive-spacing, 1), 1));
+      @each $name, $value in $fluid-responsive-spacing-list {
+        .#{$util-prefix}padding-top-#{$name}\@#{$breakpoint-name} {
           padding-top: var(--space-#{$name});
-          padding-bottom: var(--space-#{$name});
         }
       
-        .#{$util-prefix}padding-x-#{$name}\@#{$breakpoint-name} {
+        .#{$util-prefix}padding-right-#{$name}\@#{$breakpoint-name} {
           padding-right: var(--space-#{$name});
+        }
+      
+        .#{$util-prefix}padding-bottom-#{$name}\@#{$breakpoint-name} {
+          padding-bottom: var(--space-#{$name});
+        }
+      
+        .#{$util-prefix}padding-left-#{$name}\@#{$breakpoint-name} {
           padding-left: var(--space-#{$name});
         }
       }
     } @else {
       @each $name, $value in $spacing {
-        .#{$util-prefix}padding-#{$name}\@#{$breakpoint-name} {
-          padding: var(--space-#{$name});
-        }
-      
         .#{$util-prefix}padding-top-#{$name}\@#{$breakpoint-name} {
           padding-top: var(--space-#{$name});
         }
@@ -2955,33 +3051,9 @@ $grad-labels: map.get($gradients, "default");
         .#{$util-prefix}padding-left-#{$name}\@#{$breakpoint-name} {
           padding-left: var(--space-#{$name});
         }
-      
-        .#{$util-prefix}padding-y-#{$name}\@#{$breakpoint-name} {
-          padding-top: var(--space-#{$name});
-          padding-bottom: var(--space-#{$name});
-        }
-      
-        .#{$util-prefix}padding-x-#{$name}\@#{$breakpoint-name} {
-          padding-right: var(--space-#{$name});
-          padding-left: var(--space-#{$name});
-        }
       }
     }
 
-    .#{$util-prefix}padding-0\@#{$breakpoint-name} {
-      padding: 0;
-    }
-
-    .#{$util-prefix}padding-y-0\@#{$breakpoint-name} {
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-
-    .#{$util-prefix}padding-x-0\@#{$breakpoint-name} {
-      padding-left: 0;
-      padding-right: 0;
-    }
-
     .#{$util-prefix}padding-top-0\@#{$breakpoint-name} {
       padding-top: 0;
     }
diff --git a/package.json b/package.json
index d3150d2..e2f6e2a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "codyframe",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "description": "The intuitive CSS framework.",
   "keywords": [
     "html",