@sanity/ui 3.0.0-static.15 → 3.0.0-static.16

package/dist/system.css

@@ -1660,6 +1660,26 @@
       var(--shadow-5-ambient) var(--color-shadow-ambient);
   }
 
+  .s-text-align-initial {
+    text-align: initial;
+  }
+
+  .s-text-align-left {
+    text-align: left;
+  }
+
+  .s-text-align-center {
+    text-align: center;
+  }
+
+  .s-text-align-right {
+    text-align: right;
+  }
+
+  .s-text-align-justify {
+    text-align: justify;
+  }
+
   .s-text-overflow-ellipsis {
     display: block;
     white-space: nowrap;
@@ -3294,6 +3314,26 @@
         var(--shadow-5-ambient) var(--color-shadow-ambient);
     }
 
+    .s-1\:text-align-initial {
+      text-align: initial;
+    }
+
+    .s-1\:text-align-left {
+      text-align: left;
+    }
+
+    .s-1\:text-align-center {
+      text-align: center;
+    }
+
+    .s-1\:text-align-right {
+      text-align: right;
+    }
+
+    .s-1\:text-align-justify {
+      text-align: justify;
+    }
+
     .s-1\:w-fill {
       width: -moz-available;
       width: -webkit-fill-available;
@@ -4913,6 +4953,26 @@
         var(--shadow-5-ambient) var(--color-shadow-ambient);
     }
 
+    .s-2\:text-align-initial {
+      text-align: initial;
+    }
+
+    .s-2\:text-align-left {
+      text-align: left;
+    }
+
+    .s-2\:text-align-center {
+      text-align: center;
+    }
+
+    .s-2\:text-align-right {
+      text-align: right;
+    }
+
+    .s-2\:text-align-justify {
+      text-align: justify;
+    }
+
     .s-2\:w-fill {
       width: -moz-available;
       width: -webkit-fill-available;
@@ -6532,6 +6592,26 @@
         var(--shadow-5-ambient) var(--color-shadow-ambient);
     }
 
+    .s-3\:text-align-initial {
+      text-align: initial;
+    }
+
+    .s-3\:text-align-left {
+      text-align: left;
+    }
+
+    .s-3\:text-align-center {
+      text-align: center;
+    }
+
+    .s-3\:text-align-right {
+      text-align: right;
+    }
+
+    .s-3\:text-align-justify {
+      text-align: justify;
+    }
+
     .s-3\:w-fill {
       width: -moz-available;
       width: -webkit-fill-available;
@@ -8151,6 +8231,26 @@
         var(--shadow-5-ambient) var(--color-shadow-ambient);
     }
 
+    .s-4\:text-align-initial {
+      text-align: initial;
+    }
+
+    .s-4\:text-align-left {
+      text-align: left;
+    }
+
+    .s-4\:text-align-center {
+      text-align: center;
+    }
+
+    .s-4\:text-align-right {
+      text-align: right;
+    }
+
+    .s-4\:text-align-justify {
+      text-align: justify;
+    }
+
     .s-4\:w-fill {
       width: -moz-available;
       width: -webkit-fill-available;
@@ -9770,6 +9870,26 @@
         var(--shadow-5-ambient) var(--color-shadow-ambient);
     }
 
+    .s-5\:text-align-initial {
+      text-align: initial;
+    }
+
+    .s-5\:text-align-left {
+      text-align: left;
+    }
+
+    .s-5\:text-align-center {
+      text-align: center;
+    }
+
+    .s-5\:text-align-right {
+      text-align: right;
+    }
+
+    .s-5\:text-align-justify {
+      text-align: justify;
+    }
+
     .s-5\:w-fill {
       width: -moz-available;
       width: -webkit-fill-available;
@@ -11389,6 +11509,26 @@
         var(--shadow-5-ambient) var(--color-shadow-ambient);
     }
 
+    .s-6\:text-align-initial {
+      text-align: initial;
+    }
+
+    .s-6\:text-align-left {
+      text-align: left;
+    }
+
+    .s-6\:text-align-center {
+      text-align: center;
+    }
+
+    .s-6\:text-align-right {
+      text-align: right;
+    }
+
+    .s-6\:text-align-justify {
+      text-align: justify;
+    }
+
     .s-6\:w-fill {
       width: -moz-available;
       width: -webkit-fill-available;
@@ -11452,26 +11592,6 @@
     --font-weight: var(--font-weight-bold);
   }
 
-  .s-text-align-initial {
-    text-align: initial;
-  }
-
-  .s-text-align-left {
-    text-align: left;
-  }
-
-  .s-text-align-center {
-    text-align: center;
-  }
-
-  .s-text-align-right {
-    text-align: right;
-  }
-
-  .s-text-align-justify {
-    text-align: justify;
-  }
-
   .s-sr-only {
     display: block;
     width: 0;
@@ -11694,7 +11814,7 @@
     --input-padding: var(--space-0);
   }
 
-  .s-input-p-0.s-5 {
+  .s-input-p-0_5 {
     --input-padding: var(--space-0_5);
   }
 
@@ -11738,7 +11858,7 @@
     --input-gap: var(--space-0);
   }
 
-  .s-input-g-0.s-5 {
+  .s-input-g-0_5 {
     --input-gap: var(--space-0_5);
   }
 
@@ -12272,8 +12392,12 @@
     min-height: 0;
   }
 
-  .s-box:is(ul),
-  .s-box:is(ol) {
+  iframe.s-box {
+    border: none;
+  }
+
+  ul.s-box,
+  ol.s-box {
     list-style: none;
   }
 
@@ -21029,24 +21153,132 @@
   }
 
   @media screen and (min-width: 360px) {
-    .s-1\:text-align-initial {
-      text-align: initial;
+    .s-1\:input-0 {
+      --input-font-size: var(--font-text-0-size);
+      --input-line-height: var(--font-text-0-line-height);
+      --input-letter-spacing: var(--font-text-0-letter-spacing);
+      --input-ascender-height: var(--font-text-0-ascender-height);
+      --input-descender-height: var(--font-text-0-descender-height);
     }
 
-    .s-1\:text-align-left {
-      text-align: left;
+    .s-1\:input-1 {
+      --input-font-size: var(--font-text-1-size);
+      --input-line-height: var(--font-text-1-line-height);
+      --input-letter-spacing: var(--font-text-1-letter-spacing);
+      --input-ascender-height: var(--font-text-1-ascender-height);
+      --input-descender-height: var(--font-text-1-descender-height);
     }
 
-    .s-1\:text-align-center {
-      text-align: center;
+    .s-1\:input-2 {
+      --input-font-size: var(--font-text-2-size);
+      --input-line-height: var(--font-text-2-line-height);
+      --input-letter-spacing: var(--font-text-2-letter-spacing);
+      --input-ascender-height: var(--font-text-2-ascender-height);
+      --input-descender-height: var(--font-text-2-descender-height);
     }
 
-    .s-1\:text-align-right {
-      text-align: right;
+    .s-1\:input-3 {
+      --input-font-size: var(--font-text-3-size);
+      --input-line-height: var(--font-text-3-line-height);
+      --input-letter-spacing: var(--font-text-3-letter-spacing);
+      --input-ascender-height: var(--font-text-3-ascender-height);
+      --input-descender-height: var(--font-text-3-descender-height);
     }
 
-    .s-1\:text-align-justify {
-      text-align: justify;
+    .s-1\:input-4 {
+      --input-font-size: var(--font-text-4-size);
+      --input-line-height: var(--font-text-4-line-height);
+      --input-letter-spacing: var(--font-text-4-letter-spacing);
+      --input-ascender-height: var(--font-text-4-ascender-height);
+      --input-descender-height: var(--font-text-4-descender-height);
+    }
+
+    .s-1\:input-p-0 {
+      --input-padding: var(--space-0);
+    }
+
+    .s-1\:input-p-0_5 {
+      --input-padding: var(--space-0_5);
+    }
+
+    .s-1\:input-p-1 {
+      --input-padding: var(--space-1);
+    }
+
+    .s-1\:input-p-2 {
+      --input-padding: var(--space-2);
+    }
+
+    .s-1\:input-p-3 {
+      --input-padding: var(--space-3);
+    }
+
+    .s-1\:input-p-4 {
+      --input-padding: var(--space-4);
+    }
+
+    .s-1\:input-p-5 {
+      --input-padding: var(--space-5);
+    }
+
+    .s-1\:input-p-6 {
+      --input-padding: var(--space-6);
+    }
+
+    .s-1\:input-p-7 {
+      --input-padding: var(--space-7);
+    }
+
+    .s-1\:input-p-8 {
+      --input-padding: var(--space-8);
+    }
+
+    .s-1\:input-p-9 {
+      --input-padding: var(--space-9);
+    }
+
+    .s-1\:input-g-0 {
+      --input-gap: var(--space-0);
+    }
+
+    .s-1\:input-g-0_5 {
+      --input-gap: var(--space-0_5);
+    }
+
+    .s-1\:input-g-1 {
+      --input-gap: var(--space-1);
+    }
+
+    .s-1\:input-g-2 {
+      --input-gap: var(--space-2);
+    }
+
+    .s-1\:input-g-3 {
+      --input-gap: var(--space-3);
+    }
+
+    .s-1\:input-g-4 {
+      --input-gap: var(--space-4);
+    }
+
+    .s-1\:input-g-5 {
+      --input-gap: var(--space-5);
+    }
+
+    .s-1\:input-g-6 {
+      --input-gap: var(--space-6);
+    }
+
+    .s-1\:input-g-7 {
+      --input-gap: var(--space-7);
+    }
+
+    .s-1\:input-g-8 {
+      --input-gap: var(--space-8);
+    }
+
+    .s-1\:input-g-9 {
+      --input-gap: var(--space-9);
     }
 
     .s-1\:avatar-0 {
@@ -21269,24 +21501,132 @@
   }
 
   @media screen and (min-width: 600px) {
-    .s-2\:text-align-initial {
-      text-align: initial;
+    .s-2\:input-0 {
+      --input-font-size: var(--font-text-0-size);
+      --input-line-height: var(--font-text-0-line-height);
+      --input-letter-spacing: var(--font-text-0-letter-spacing);
+      --input-ascender-height: var(--font-text-0-ascender-height);
+      --input-descender-height: var(--font-text-0-descender-height);
     }
 
-    .s-2\:text-align-left {
-      text-align: left;
+    .s-2\:input-1 {
+      --input-font-size: var(--font-text-1-size);
+      --input-line-height: var(--font-text-1-line-height);
+      --input-letter-spacing: var(--font-text-1-letter-spacing);
+      --input-ascender-height: var(--font-text-1-ascender-height);
+      --input-descender-height: var(--font-text-1-descender-height);
     }
 
-    .s-2\:text-align-center {
-      text-align: center;
+    .s-2\:input-2 {
+      --input-font-size: var(--font-text-2-size);
+      --input-line-height: var(--font-text-2-line-height);
+      --input-letter-spacing: var(--font-text-2-letter-spacing);
+      --input-ascender-height: var(--font-text-2-ascender-height);
+      --input-descender-height: var(--font-text-2-descender-height);
     }
 
-    .s-2\:text-align-right {
-      text-align: right;
+    .s-2\:input-3 {
+      --input-font-size: var(--font-text-3-size);
+      --input-line-height: var(--font-text-3-line-height);
+      --input-letter-spacing: var(--font-text-3-letter-spacing);
+      --input-ascender-height: var(--font-text-3-ascender-height);
+      --input-descender-height: var(--font-text-3-descender-height);
     }
 
-    .s-2\:text-align-justify {
-      text-align: justify;
+    .s-2\:input-4 {
+      --input-font-size: var(--font-text-4-size);
+      --input-line-height: var(--font-text-4-line-height);
+      --input-letter-spacing: var(--font-text-4-letter-spacing);
+      --input-ascender-height: var(--font-text-4-ascender-height);
+      --input-descender-height: var(--font-text-4-descender-height);
+    }
+
+    .s-2\:input-p-0 {
+      --input-padding: var(--space-0);
+    }
+
+    .s-2\:input-p-0_5 {
+      --input-padding: var(--space-0_5);
+    }
+
+    .s-2\:input-p-1 {
+      --input-padding: var(--space-1);
+    }
+
+    .s-2\:input-p-2 {
+      --input-padding: var(--space-2);
+    }
+
+    .s-2\:input-p-3 {
+      --input-padding: var(--space-3);
+    }
+
+    .s-2\:input-p-4 {
+      --input-padding: var(--space-4);
+    }
+
+    .s-2\:input-p-5 {
+      --input-padding: var(--space-5);
+    }
+
+    .s-2\:input-p-6 {
+      --input-padding: var(--space-6);
+    }
+
+    .s-2\:input-p-7 {
+      --input-padding: var(--space-7);
+    }
+
+    .s-2\:input-p-8 {
+      --input-padding: var(--space-8);
+    }
+
+    .s-2\:input-p-9 {
+      --input-padding: var(--space-9);
+    }
+
+    .s-2\:input-g-0 {
+      --input-gap: var(--space-0);
+    }
+
+    .s-2\:input-g-0_5 {
+      --input-gap: var(--space-0_5);
+    }
+
+    .s-2\:input-g-1 {
+      --input-gap: var(--space-1);
+    }
+
+    .s-2\:input-g-2 {
+      --input-gap: var(--space-2);
+    }
+
+    .s-2\:input-g-3 {
+      --input-gap: var(--space-3);
+    }
+
+    .s-2\:input-g-4 {
+      --input-gap: var(--space-4);
+    }
+
+    .s-2\:input-g-5 {
+      --input-gap: var(--space-5);
+    }
+
+    .s-2\:input-g-6 {
+      --input-gap: var(--space-6);
+    }
+
+    .s-2\:input-g-7 {
+      --input-gap: var(--space-7);
+    }
+
+    .s-2\:input-g-8 {
+      --input-gap: var(--space-8);
+    }
+
+    .s-2\:input-g-9 {
+      --input-gap: var(--space-9);
     }
 
     .s-2\:avatar-0 {
@@ -21509,24 +21849,132 @@
   }
 
   @media screen and (min-width: 900px) {
-    .s-3\:text-align-initial {
-      text-align: initial;
+    .s-3\:input-0 {
+      --input-font-size: var(--font-text-0-size);
+      --input-line-height: var(--font-text-0-line-height);
+      --input-letter-spacing: var(--font-text-0-letter-spacing);
+      --input-ascender-height: var(--font-text-0-ascender-height);
+      --input-descender-height: var(--font-text-0-descender-height);
     }
 
-    .s-3\:text-align-left {
-      text-align: left;
+    .s-3\:input-1 {
+      --input-font-size: var(--font-text-1-size);
+      --input-line-height: var(--font-text-1-line-height);
+      --input-letter-spacing: var(--font-text-1-letter-spacing);
+      --input-ascender-height: var(--font-text-1-ascender-height);
+      --input-descender-height: var(--font-text-1-descender-height);
     }
 
-    .s-3\:text-align-center {
-      text-align: center;
+    .s-3\:input-2 {
+      --input-font-size: var(--font-text-2-size);
+      --input-line-height: var(--font-text-2-line-height);
+      --input-letter-spacing: var(--font-text-2-letter-spacing);
+      --input-ascender-height: var(--font-text-2-ascender-height);
+      --input-descender-height: var(--font-text-2-descender-height);
     }
 
-    .s-3\:text-align-right {
-      text-align: right;
+    .s-3\:input-3 {
+      --input-font-size: var(--font-text-3-size);
+      --input-line-height: var(--font-text-3-line-height);
+      --input-letter-spacing: var(--font-text-3-letter-spacing);
+      --input-ascender-height: var(--font-text-3-ascender-height);
+      --input-descender-height: var(--font-text-3-descender-height);
     }
 
-    .s-3\:text-align-justify {
-      text-align: justify;
+    .s-3\:input-4 {
+      --input-font-size: var(--font-text-4-size);
+      --input-line-height: var(--font-text-4-line-height);
+      --input-letter-spacing: var(--font-text-4-letter-spacing);
+      --input-ascender-height: var(--font-text-4-ascender-height);
+      --input-descender-height: var(--font-text-4-descender-height);
+    }
+
+    .s-3\:input-p-0 {
+      --input-padding: var(--space-0);
+    }
+
+    .s-3\:input-p-0_5 {
+      --input-padding: var(--space-0_5);
+    }
+
+    .s-3\:input-p-1 {
+      --input-padding: var(--space-1);
+    }
+
+    .s-3\:input-p-2 {
+      --input-padding: var(--space-2);
+    }
+
+    .s-3\:input-p-3 {
+      --input-padding: var(--space-3);
+    }
+
+    .s-3\:input-p-4 {
+      --input-padding: var(--space-4);
+    }
+
+    .s-3\:input-p-5 {
+      --input-padding: var(--space-5);
+    }
+
+    .s-3\:input-p-6 {
+      --input-padding: var(--space-6);
+    }
+
+    .s-3\:input-p-7 {
+      --input-padding: var(--space-7);
+    }
+
+    .s-3\:input-p-8 {
+      --input-padding: var(--space-8);
+    }
+
+    .s-3\:input-p-9 {
+      --input-padding: var(--space-9);
+    }
+
+    .s-3\:input-g-0 {
+      --input-gap: var(--space-0);
+    }
+
+    .s-3\:input-g-0_5 {
+      --input-gap: var(--space-0_5);
+    }
+
+    .s-3\:input-g-1 {
+      --input-gap: var(--space-1);
+    }
+
+    .s-3\:input-g-2 {
+      --input-gap: var(--space-2);
+    }
+
+    .s-3\:input-g-3 {
+      --input-gap: var(--space-3);
+    }
+
+    .s-3\:input-g-4 {
+      --input-gap: var(--space-4);
+    }
+
+    .s-3\:input-g-5 {
+      --input-gap: var(--space-5);
+    }
+
+    .s-3\:input-g-6 {
+      --input-gap: var(--space-6);
+    }
+
+    .s-3\:input-g-7 {
+      --input-gap: var(--space-7);
+    }
+
+    .s-3\:input-g-8 {
+      --input-gap: var(--space-8);
+    }
+
+    .s-3\:input-g-9 {
+      --input-gap: var(--space-9);
     }
 
     .s-3\:avatar-0 {
@@ -21749,24 +22197,132 @@
   }
 
   @media screen and (min-width: 1200px) {
-    .s-4\:text-align-initial {
-      text-align: initial;
+    .s-4\:input-0 {
+      --input-font-size: var(--font-text-0-size);
+      --input-line-height: var(--font-text-0-line-height);
+      --input-letter-spacing: var(--font-text-0-letter-spacing);
+      --input-ascender-height: var(--font-text-0-ascender-height);
+      --input-descender-height: var(--font-text-0-descender-height);
     }
 
-    .s-4\:text-align-left {
-      text-align: left;
+    .s-4\:input-1 {
+      --input-font-size: var(--font-text-1-size);
+      --input-line-height: var(--font-text-1-line-height);
+      --input-letter-spacing: var(--font-text-1-letter-spacing);
+      --input-ascender-height: var(--font-text-1-ascender-height);
+      --input-descender-height: var(--font-text-1-descender-height);
     }
 
-    .s-4\:text-align-center {
-      text-align: center;
+    .s-4\:input-2 {
+      --input-font-size: var(--font-text-2-size);
+      --input-line-height: var(--font-text-2-line-height);
+      --input-letter-spacing: var(--font-text-2-letter-spacing);
+      --input-ascender-height: var(--font-text-2-ascender-height);
+      --input-descender-height: var(--font-text-2-descender-height);
     }
 
-    .s-4\:text-align-right {
-      text-align: right;
+    .s-4\:input-3 {
+      --input-font-size: var(--font-text-3-size);
+      --input-line-height: var(--font-text-3-line-height);
+      --input-letter-spacing: var(--font-text-3-letter-spacing);
+      --input-ascender-height: var(--font-text-3-ascender-height);
+      --input-descender-height: var(--font-text-3-descender-height);
     }
 
-    .s-4\:text-align-justify {
-      text-align: justify;
+    .s-4\:input-4 {
+      --input-font-size: var(--font-text-4-size);
+      --input-line-height: var(--font-text-4-line-height);
+      --input-letter-spacing: var(--font-text-4-letter-spacing);
+      --input-ascender-height: var(--font-text-4-ascender-height);
+      --input-descender-height: var(--font-text-4-descender-height);
+    }
+
+    .s-4\:input-p-0 {
+      --input-padding: var(--space-0);
+    }
+
+    .s-4\:input-p-0_5 {
+      --input-padding: var(--space-0_5);
+    }
+
+    .s-4\:input-p-1 {
+      --input-padding: var(--space-1);
+    }
+
+    .s-4\:input-p-2 {
+      --input-padding: var(--space-2);
+    }
+
+    .s-4\:input-p-3 {
+      --input-padding: var(--space-3);
+    }
+
+    .s-4\:input-p-4 {
+      --input-padding: var(--space-4);
+    }
+
+    .s-4\:input-p-5 {
+      --input-padding: var(--space-5);
+    }
+
+    .s-4\:input-p-6 {
+      --input-padding: var(--space-6);
+    }
+
+    .s-4\:input-p-7 {
+      --input-padding: var(--space-7);
+    }
+
+    .s-4\:input-p-8 {
+      --input-padding: var(--space-8);
+    }
+
+    .s-4\:input-p-9 {
+      --input-padding: var(--space-9);
+    }
+
+    .s-4\:input-g-0 {
+      --input-gap: var(--space-0);
+    }
+
+    .s-4\:input-g-0_5 {
+      --input-gap: var(--space-0_5);
+    }
+
+    .s-4\:input-g-1 {
+      --input-gap: var(--space-1);
+    }
+
+    .s-4\:input-g-2 {
+      --input-gap: var(--space-2);
+    }
+
+    .s-4\:input-g-3 {
+      --input-gap: var(--space-3);
+    }
+
+    .s-4\:input-g-4 {
+      --input-gap: var(--space-4);
+    }
+
+    .s-4\:input-g-5 {
+      --input-gap: var(--space-5);
+    }
+
+    .s-4\:input-g-6 {
+      --input-gap: var(--space-6);
+    }
+
+    .s-4\:input-g-7 {
+      --input-gap: var(--space-7);
+    }
+
+    .s-4\:input-g-8 {
+      --input-gap: var(--space-8);
+    }
+
+    .s-4\:input-g-9 {
+      --input-gap: var(--space-9);
     }
 
     .s-4\:avatar-0 {
@@ -21989,24 +22545,132 @@
   }
 
   @media screen and (min-width: 1800px) {
-    .s-5\:text-align-initial {
-      text-align: initial;
+    .s-5\:input-0 {
+      --input-font-size: var(--font-text-0-size);
+      --input-line-height: var(--font-text-0-line-height);
+      --input-letter-spacing: var(--font-text-0-letter-spacing);
+      --input-ascender-height: var(--font-text-0-ascender-height);
+      --input-descender-height: var(--font-text-0-descender-height);
     }
 
-    .s-5\:text-align-left {
-      text-align: left;
+    .s-5\:input-1 {
+      --input-font-size: var(--font-text-1-size);
+      --input-line-height: var(--font-text-1-line-height);
+      --input-letter-spacing: var(--font-text-1-letter-spacing);
+      --input-ascender-height: var(--font-text-1-ascender-height);
+      --input-descender-height: var(--font-text-1-descender-height);
     }
 
-    .s-5\:text-align-center {
-      text-align: center;
+    .s-5\:input-2 {
+      --input-font-size: var(--font-text-2-size);
+      --input-line-height: var(--font-text-2-line-height);
+      --input-letter-spacing: var(--font-text-2-letter-spacing);
+      --input-ascender-height: var(--font-text-2-ascender-height);
+      --input-descender-height: var(--font-text-2-descender-height);
     }
 
-    .s-5\:text-align-right {
-      text-align: right;
+    .s-5\:input-3 {
+      --input-font-size: var(--font-text-3-size);
+      --input-line-height: var(--font-text-3-line-height);
+      --input-letter-spacing: var(--font-text-3-letter-spacing);
+      --input-ascender-height: var(--font-text-3-ascender-height);
+      --input-descender-height: var(--font-text-3-descender-height);
     }
 
-    .s-5\:text-align-justify {
-      text-align: justify;
+    .s-5\:input-4 {
+      --input-font-size: var(--font-text-4-size);
+      --input-line-height: var(--font-text-4-line-height);
+      --input-letter-spacing: var(--font-text-4-letter-spacing);
+      --input-ascender-height: var(--font-text-4-ascender-height);
+      --input-descender-height: var(--font-text-4-descender-height);
+    }
+
+    .s-5\:input-p-0 {
+      --input-padding: var(--space-0);
+    }
+
+    .s-5\:input-p-0_5 {
+      --input-padding: var(--space-0_5);
+    }
+
+    .s-5\:input-p-1 {
+      --input-padding: var(--space-1);
+    }
+
+    .s-5\:input-p-2 {
+      --input-padding: var(--space-2);
+    }
+
+    .s-5\:input-p-3 {
+      --input-padding: var(--space-3);
+    }
+
+    .s-5\:input-p-4 {
+      --input-padding: var(--space-4);
+    }
+
+    .s-5\:input-p-5 {
+      --input-padding: var(--space-5);
+    }
+
+    .s-5\:input-p-6 {
+      --input-padding: var(--space-6);
+    }
+
+    .s-5\:input-p-7 {
+      --input-padding: var(--space-7);
+    }
+
+    .s-5\:input-p-8 {
+      --input-padding: var(--space-8);
+    }
+
+    .s-5\:input-p-9 {
+      --input-padding: var(--space-9);
+    }
+
+    .s-5\:input-g-0 {
+      --input-gap: var(--space-0);
+    }
+
+    .s-5\:input-g-0_5 {
+      --input-gap: var(--space-0_5);
+    }
+
+    .s-5\:input-g-1 {
+      --input-gap: var(--space-1);
+    }
+
+    .s-5\:input-g-2 {
+      --input-gap: var(--space-2);
+    }
+
+    .s-5\:input-g-3 {
+      --input-gap: var(--space-3);
+    }
+
+    .s-5\:input-g-4 {
+      --input-gap: var(--space-4);
+    }
+
+    .s-5\:input-g-5 {
+      --input-gap: var(--space-5);
+    }
+
+    .s-5\:input-g-6 {
+      --input-gap: var(--space-6);
+    }
+
+    .s-5\:input-g-7 {
+      --input-gap: var(--space-7);
+    }
+
+    .s-5\:input-g-8 {
+      --input-gap: var(--space-8);
+    }
+
+    .s-5\:input-g-9 {
+      --input-gap: var(--space-9);
     }
 
     .s-5\:avatar-0 {
@@ -22229,24 +22893,132 @@
   }
 
   @media screen and (min-width: 2400px) {
-    .s-6\:text-align-initial {
-      text-align: initial;
+    .s-6\:input-0 {
+      --input-font-size: var(--font-text-0-size);
+      --input-line-height: var(--font-text-0-line-height);
+      --input-letter-spacing: var(--font-text-0-letter-spacing);
+      --input-ascender-height: var(--font-text-0-ascender-height);
+      --input-descender-height: var(--font-text-0-descender-height);
     }
 
-    .s-6\:text-align-left {
-      text-align: left;
+    .s-6\:input-1 {
+      --input-font-size: var(--font-text-1-size);
+      --input-line-height: var(--font-text-1-line-height);
+      --input-letter-spacing: var(--font-text-1-letter-spacing);
+      --input-ascender-height: var(--font-text-1-ascender-height);
+      --input-descender-height: var(--font-text-1-descender-height);
     }
 
-    .s-6\:text-align-center {
-      text-align: center;
+    .s-6\:input-2 {
+      --input-font-size: var(--font-text-2-size);
+      --input-line-height: var(--font-text-2-line-height);
+      --input-letter-spacing: var(--font-text-2-letter-spacing);
+      --input-ascender-height: var(--font-text-2-ascender-height);
+      --input-descender-height: var(--font-text-2-descender-height);
     }
 
-    .s-6\:text-align-right {
-      text-align: right;
+    .s-6\:input-3 {
+      --input-font-size: var(--font-text-3-size);
+      --input-line-height: var(--font-text-3-line-height);
+      --input-letter-spacing: var(--font-text-3-letter-spacing);
+      --input-ascender-height: var(--font-text-3-ascender-height);
+      --input-descender-height: var(--font-text-3-descender-height);
     }
 
-    .s-6\:text-align-justify {
-      text-align: justify;
+    .s-6\:input-4 {
+      --input-font-size: var(--font-text-4-size);
+      --input-line-height: var(--font-text-4-line-height);
+      --input-letter-spacing: var(--font-text-4-letter-spacing);
+      --input-ascender-height: var(--font-text-4-ascender-height);
+      --input-descender-height: var(--font-text-4-descender-height);
+    }
+
+    .s-6\:input-p-0 {
+      --input-padding: var(--space-0);
+    }
+
+    .s-6\:input-p-0_5 {
+      --input-padding: var(--space-0_5);
+    }
+
+    .s-6\:input-p-1 {
+      --input-padding: var(--space-1);
+    }
+
+    .s-6\:input-p-2 {
+      --input-padding: var(--space-2);
+    }
+
+    .s-6\:input-p-3 {
+      --input-padding: var(--space-3);
+    }
+
+    .s-6\:input-p-4 {
+      --input-padding: var(--space-4);
+    }
+
+    .s-6\:input-p-5 {
+      --input-padding: var(--space-5);
+    }
+
+    .s-6\:input-p-6 {
+      --input-padding: var(--space-6);
+    }
+
+    .s-6\:input-p-7 {
+      --input-padding: var(--space-7);
+    }
+
+    .s-6\:input-p-8 {
+      --input-padding: var(--space-8);
+    }
+
+    .s-6\:input-p-9 {
+      --input-padding: var(--space-9);
+    }
+
+    .s-6\:input-g-0 {
+      --input-gap: var(--space-0);
+    }
+
+    .s-6\:input-g-0_5 {
+      --input-gap: var(--space-0_5);
+    }
+
+    .s-6\:input-g-1 {
+      --input-gap: var(--space-1);
+    }
+
+    .s-6\:input-g-2 {
+      --input-gap: var(--space-2);
+    }
+
+    .s-6\:input-g-3 {
+      --input-gap: var(--space-3);
+    }
+
+    .s-6\:input-g-4 {
+      --input-gap: var(--space-4);
+    }
+
+    .s-6\:input-g-5 {
+      --input-gap: var(--space-5);
+    }
+
+    .s-6\:input-g-6 {
+      --input-gap: var(--space-6);
+    }
+
+    .s-6\:input-g-7 {
+      --input-gap: var(--space-7);
+    }
+
+    .s-6\:input-g-8 {
+      --input-gap: var(--space-8);
+    }
+
+    .s-6\:input-g-9 {
+      --input-gap: var(--space-9);
     }
 
     .s-6\:avatar-0 {