@rolster/styles-foundations 2.6.8 → 2.6.10

package/dist/styles.css

@@ -3904,15 +3904,18 @@ body {
   --flex-grid-12-col-2: 3.4rem;
   --flex-grid-12-col-3: 3.1rem;
   --flex-grid-12-col-4: 2.8rem;
+  --flex-grid-12-col-5: 2.8rem;
   --flex-grid-12-col-6: 2.18rem;
   --flex-grid-12-col-8: 3rem;
   --flex-grid-8-col-2: 3.1rem;
   --flex-grid-8-col-3: 2.6rem;
   --flex-grid-8-col-4: 2.2rem;
+  --flex-grid-8-col-5: 2.2rem;
   --flex-grid-8-col-6: 1.8rem;
   --flex-grid-6-col-2: 2.82rem;
   --flex-grid-6-col-3: 2.2rem;
   --flex-grid-6-col-4: 1.7rem;
+  --flex-grid-6-col-5: 1.7rem;
   --flex-grid-4-col-2: 2rem;
   --flex-grid-4-col-3: 1rem;
   display: inline-flex;
@@ -3927,15 +3930,18 @@ body {
   --flex-grid-12-col-2: 6.624rem;
   --flex-grid-12-col-3: 6rem;
   --flex-grid-12-col-4: 5.38rem;
+  --flex-grid-12-col-5: 5.38rem;
   --flex-grid-12-col-6: 4.1rem;
   --flex-grid-12-col-8: 3rem;
   --flex-grid-8-col-2: 6.182rem;
   --flex-grid-8-col-3: 5.2rem;
   --flex-grid-8-col-4: 4rem;
+  --flex-grid-8-col-5: 4rem;
   --flex-grid-8-col-6: 2.2rem;
   --flex-grid-6-col-2: 5.4rem;
   --flex-grid-6-col-3: 4rem;
   --flex-grid-6-col-4: 2.84rem;
+  --flex-grid-6-col-5: 2.84rem;
   --flex-grid-4-col-2: 4rem;
   --flex-grid-4-col-3: 2.2rem;
   display: inline-flex;
@@ -3950,15 +3956,18 @@ body {
   --flex-grid-12-col-2: 6.66rem;
   --flex-grid-12-col-3: 6rem;
   --flex-grid-12-col-4: 5.38rem;
+  --flex-grid-12-col-5: 5.38rem;
   --flex-grid-12-col-6: 4.1rem;
   --flex-grid-12-col-8: 3rem;
   --flex-grid-8-col-2: 6.182rem;
   --flex-grid-8-col-3: 5.2rem;
   --flex-grid-8-col-4: 4rem;
+  --flex-grid-8-col-5: 4rem;
   --flex-grid-8-col-6: 2.2rem;
   --flex-grid-6-col-2: 5.4rem;
   --flex-grid-6-col-3: 4rem;
   --flex-grid-6-col-4: 2.84rem;
+  --flex-grid-6-col-5: 2.84rem;
   --flex-grid-4-col-2: 4rem;
   --flex-grid-4-col-3: 2.2rem;
   display: inline-flex;
@@ -3998,6 +4007,9 @@ body {
 .xs-flex-grid-col-6 > *.xs-flex-col-4 {
   width: calc(66.67% - var(--flex-grid-6-col-4));
 }
+.xs-flex-grid-col-6 > *.xs-flex-col-5 {
+  width: calc(83.34% - var(--flex-grid-6-col-5));
+}
 .xs-flex-grid-col-6 > *.xs-flex-col-6,
 .xs-flex-grid-col-6 > *.xs-flex-col-8,
 .xs-flex-grid-col-6 > *.xs-flex-col-12 {
@@ -4018,6 +4030,9 @@ body {
 .xs-flex-grid-col-8 > *.xs-flex-col-4 {
   width: calc(50% - var(--flex-grid-8-col-4));
 }
+.xs-flex-grid-col-8 > *.xs-flex-col-5 {
+  width: calc(62.75% - var(--flex-grid-8-col-5));
+}
 .xs-flex-grid-col-8 > *.xs-flex-col-6 {
   width: calc(75% - var(--flex-grid-8-col-6));
 }
@@ -4040,6 +4055,9 @@ body {
 .xs-flex-grid-col-12 > *.xs-flex-col-4 {
   width: calc(33.33% - var(--flex-grid-12-col-4));
 }
+.xs-flex-grid-col-12 > *.xs-flex-col-5 {
+  width: calc(41.66% - var(--flex-grid-12-col-5));
+}
 .xs-flex-grid-col-12 > *.xs-flex-col-6 {
   width: calc(50% - var(--flex-grid-12-col-6));
 }
@@ -4058,15 +4076,18 @@ body {
     --flex-grid-12-col-2: 3.4rem;
     --flex-grid-12-col-3: 3.1rem;
     --flex-grid-12-col-4: 2.8rem;
+    --flex-grid-12-col-5: 2.8rem;
     --flex-grid-12-col-6: 2.18rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 3.1rem;
     --flex-grid-8-col-3: 2.6rem;
     --flex-grid-8-col-4: 2.2rem;
+    --flex-grid-8-col-5: 2.2rem;
     --flex-grid-8-col-6: 1.8rem;
     --flex-grid-6-col-2: 2.82rem;
     --flex-grid-6-col-3: 2.2rem;
     --flex-grid-6-col-4: 1.7rem;
+    --flex-grid-6-col-5: 1.7rem;
     --flex-grid-4-col-2: 2rem;
     --flex-grid-4-col-3: 1rem;
     display: inline-flex;
@@ -4081,15 +4102,18 @@ body {
     --flex-grid-12-col-2: 6.624rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4104,15 +4128,18 @@ body {
     --flex-grid-12-col-2: 6.66rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4152,6 +4179,9 @@ body {
   .sm-flex-grid-col-6 > *.sm-flex-col-4 {
     width: calc(66.67% - var(--flex-grid-6-col-4));
   }
+  .sm-flex-grid-col-6 > *.sm-flex-col-5 {
+    width: calc(83.34% - var(--flex-grid-6-col-5));
+  }
   .sm-flex-grid-col-6 > *.sm-flex-col-6,
   .sm-flex-grid-col-6 > *.sm-flex-col-8,
   .sm-flex-grid-col-6 > *.sm-flex-col-12 {
@@ -4172,6 +4202,9 @@ body {
   .sm-flex-grid-col-8 > *.sm-flex-col-4 {
     width: calc(50% - var(--flex-grid-8-col-4));
   }
+  .sm-flex-grid-col-8 > *.sm-flex-col-5 {
+    width: calc(62.75% - var(--flex-grid-8-col-5));
+  }
   .sm-flex-grid-col-8 > *.sm-flex-col-6 {
     width: calc(75% - var(--flex-grid-8-col-6));
   }
@@ -4194,6 +4227,9 @@ body {
   .sm-flex-grid-col-12 > *.sm-flex-col-4 {
     width: calc(33.33% - var(--flex-grid-12-col-4));
   }
+  .sm-flex-grid-col-12 > *.sm-flex-col-5 {
+    width: calc(41.66% - var(--flex-grid-12-col-5));
+  }
   .sm-flex-grid-col-12 > *.sm-flex-col-6 {
     width: calc(50% - var(--flex-grid-12-col-6));
   }
@@ -4213,15 +4249,18 @@ body {
     --flex-grid-12-col-2: 3.4rem;
     --flex-grid-12-col-3: 3.1rem;
     --flex-grid-12-col-4: 2.8rem;
+    --flex-grid-12-col-5: 2.8rem;
     --flex-grid-12-col-6: 2.18rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 3.1rem;
     --flex-grid-8-col-3: 2.6rem;
     --flex-grid-8-col-4: 2.2rem;
+    --flex-grid-8-col-5: 2.2rem;
     --flex-grid-8-col-6: 1.8rem;
     --flex-grid-6-col-2: 2.82rem;
     --flex-grid-6-col-3: 2.2rem;
     --flex-grid-6-col-4: 1.7rem;
+    --flex-grid-6-col-5: 1.7rem;
     --flex-grid-4-col-2: 2rem;
     --flex-grid-4-col-3: 1rem;
     display: inline-flex;
@@ -4236,15 +4275,18 @@ body {
     --flex-grid-12-col-2: 6.624rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4259,15 +4301,18 @@ body {
     --flex-grid-12-col-2: 6.66rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4307,6 +4352,9 @@ body {
   .md-flex-grid-col-6 > *.md-flex-col-4 {
     width: calc(66.67% - var(--flex-grid-6-col-4));
   }
+  .md-flex-grid-col-6 > *.md-flex-col-5 {
+    width: calc(83.34% - var(--flex-grid-6-col-5));
+  }
   .md-flex-grid-col-6 > *.md-flex-col-6,
   .md-flex-grid-col-6 > *.md-flex-col-8,
   .md-flex-grid-col-6 > *.md-flex-col-12 {
@@ -4327,6 +4375,9 @@ body {
   .md-flex-grid-col-8 > *.md-flex-col-4 {
     width: calc(50% - var(--flex-grid-8-col-4));
   }
+  .md-flex-grid-col-8 > *.md-flex-col-5 {
+    width: calc(62.75% - var(--flex-grid-8-col-5));
+  }
   .md-flex-grid-col-8 > *.md-flex-col-6 {
     width: calc(75% - var(--flex-grid-8-col-6));
   }
@@ -4349,6 +4400,9 @@ body {
   .md-flex-grid-col-12 > *.md-flex-col-4 {
     width: calc(33.33% - var(--flex-grid-12-col-4));
   }
+  .md-flex-grid-col-12 > *.md-flex-col-5 {
+    width: calc(41.66% - var(--flex-grid-12-col-5));
+  }
   .md-flex-grid-col-12 > *.md-flex-col-6 {
     width: calc(50% - var(--flex-grid-12-col-6));
   }
@@ -4368,15 +4422,18 @@ body {
     --flex-grid-12-col-2: 3.4rem;
     --flex-grid-12-col-3: 3.1rem;
     --flex-grid-12-col-4: 2.8rem;
+    --flex-grid-12-col-5: 2.8rem;
     --flex-grid-12-col-6: 2.18rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 3.1rem;
     --flex-grid-8-col-3: 2.6rem;
     --flex-grid-8-col-4: 2.2rem;
+    --flex-grid-8-col-5: 2.2rem;
     --flex-grid-8-col-6: 1.8rem;
     --flex-grid-6-col-2: 2.82rem;
     --flex-grid-6-col-3: 2.2rem;
     --flex-grid-6-col-4: 1.7rem;
+    --flex-grid-6-col-5: 1.7rem;
     --flex-grid-4-col-2: 2rem;
     --flex-grid-4-col-3: 1rem;
     display: inline-flex;
@@ -4391,15 +4448,18 @@ body {
     --flex-grid-12-col-2: 6.624rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4414,15 +4474,18 @@ body {
     --flex-grid-12-col-2: 6.66rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4462,6 +4525,9 @@ body {
   .lg-flex-grid-col-6 > *.lg-flex-col-4 {
     width: calc(66.67% - var(--flex-grid-6-col-4));
   }
+  .lg-flex-grid-col-6 > *.lg-flex-col-5 {
+    width: calc(83.34% - var(--flex-grid-6-col-5));
+  }
   .lg-flex-grid-col-6 > *.lg-flex-col-6,
   .lg-flex-grid-col-6 > *.lg-flex-col-8,
   .lg-flex-grid-col-6 > *.lg-flex-col-12 {
@@ -4482,6 +4548,9 @@ body {
   .lg-flex-grid-col-8 > *.lg-flex-col-4 {
     width: calc(50% - var(--flex-grid-8-col-4));
   }
+  .lg-flex-grid-col-8 > *.lg-flex-col-5 {
+    width: calc(62.75% - var(--flex-grid-8-col-5));
+  }
   .lg-flex-grid-col-8 > *.lg-flex-col-6 {
     width: calc(75% - var(--flex-grid-8-col-6));
   }
@@ -4504,6 +4573,9 @@ body {
   .lg-flex-grid-col-12 > *.lg-flex-col-4 {
     width: calc(33.33% - var(--flex-grid-12-col-4));
   }
+  .lg-flex-grid-col-12 > *.lg-flex-col-5 {
+    width: calc(41.66% - var(--flex-grid-12-col-5));
+  }
   .lg-flex-grid-col-12 > *.lg-flex-col-6 {
     width: calc(50% - var(--flex-grid-12-col-6));
   }
@@ -4523,15 +4595,18 @@ body {
     --flex-grid-12-col-2: 3.4rem;
     --flex-grid-12-col-3: 3.1rem;
     --flex-grid-12-col-4: 2.8rem;
+    --flex-grid-12-col-5: 2.8rem;
     --flex-grid-12-col-6: 2.18rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 3.1rem;
     --flex-grid-8-col-3: 2.6rem;
     --flex-grid-8-col-4: 2.2rem;
+    --flex-grid-8-col-5: 2.2rem;
     --flex-grid-8-col-6: 1.8rem;
     --flex-grid-6-col-2: 2.82rem;
     --flex-grid-6-col-3: 2.2rem;
     --flex-grid-6-col-4: 1.7rem;
+    --flex-grid-6-col-5: 1.7rem;
     --flex-grid-4-col-2: 2rem;
     --flex-grid-4-col-3: 1rem;
     display: inline-flex;
@@ -4546,15 +4621,18 @@ body {
     --flex-grid-12-col-2: 6.624rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4569,15 +4647,18 @@ body {
     --flex-grid-12-col-2: 6.66rem;
     --flex-grid-12-col-3: 6rem;
     --flex-grid-12-col-4: 5.38rem;
+    --flex-grid-12-col-5: 5.38rem;
     --flex-grid-12-col-6: 4.1rem;
     --flex-grid-12-col-8: 3rem;
     --flex-grid-8-col-2: 6.182rem;
     --flex-grid-8-col-3: 5.2rem;
     --flex-grid-8-col-4: 4rem;
+    --flex-grid-8-col-5: 4rem;
     --flex-grid-8-col-6: 2.2rem;
     --flex-grid-6-col-2: 5.4rem;
     --flex-grid-6-col-3: 4rem;
     --flex-grid-6-col-4: 2.84rem;
+    --flex-grid-6-col-5: 2.84rem;
     --flex-grid-4-col-2: 4rem;
     --flex-grid-4-col-3: 2.2rem;
     display: inline-flex;
@@ -4617,6 +4698,9 @@ body {
   .xl-flex-grid-col-6 > *.xl-flex-col-4 {
     width: calc(66.67% - var(--flex-grid-6-col-4));
   }
+  .xl-flex-grid-col-6 > *.xl-flex-col-5 {
+    width: calc(83.34% - var(--flex-grid-6-col-5));
+  }
   .xl-flex-grid-col-6 > *.xl-flex-col-6,
   .xl-flex-grid-col-6 > *.xl-flex-col-8,
   .xl-flex-grid-col-6 > *.xl-flex-col-12 {
@@ -4637,6 +4721,9 @@ body {
   .xl-flex-grid-col-8 > *.xl-flex-col-4 {
     width: calc(50% - var(--flex-grid-8-col-4));
   }
+  .xl-flex-grid-col-8 > *.xl-flex-col-5 {
+    width: calc(62.75% - var(--flex-grid-8-col-5));
+  }
   .xl-flex-grid-col-8 > *.xl-flex-col-6 {
     width: calc(75% - var(--flex-grid-8-col-6));
   }
@@ -4659,6 +4746,9 @@ body {
   .xl-flex-grid-col-12 > *.xl-flex-col-4 {
     width: calc(33.33% - var(--flex-grid-12-col-4));
   }
+  .xl-flex-grid-col-12 > *.xl-flex-col-5 {
+    width: calc(41.66% - var(--flex-grid-12-col-5));
+  }
   .xl-flex-grid-col-12 > *.xl-flex-col-6 {
     width: calc(50% - var(--flex-grid-12-col-6));
   }
@@ -4715,53 +4805,59 @@ body {
 :root {
   --rls-app-font-size: 2px;
   --rls-heading1-font-size: 16rem;
-  --rls-heading1-letter-spacing: 0.0234375em;
-  --rls-heading1-line-height: 18.25rem;
-  --rls-heading2-font-size: 14.45rem;
-  --rls-heading2-letter-spacing: 0.0234375em;
-  --rls-heading2-line-height: 15.75rem;
-  --rls-heading3-font-size: 13.45rem;
-  --rls-heading3-letter-spacing: 0.0234375em;
-  --rls-heading3-line-height: 14.75rem;
-  --rls-heading4-font-size: 12rem;
-  --rls-heading4-letter-spacing: 0.0234375em;
-  --rls-heading4-line-height: 13.25rem;
+  --rls-heading1-letter-spacing: 0.0135rem;
+  --rls-heading1-line-height: 17.5rem;
+  --rls-heading2-font-size: 14.75rem;
+  --rls-heading2-letter-spacing: 0.0135rem;
+  --rls-heading2-line-height: 16rem;
+  --rls-heading3-font-size: 13.525rem;
+  --rls-heading3-letter-spacing: 0.0135rem;
+  --rls-heading3-line-height: 15rem;
+  --rls-heading4-font-size: 12.125rem;
+  --rls-heading4-letter-spacing: 0.0135rem;
+  --rls-heading4-line-height: 13.5rem;
   --rls-heading5-font-size: 11rem;
-  --rls-heading5-letter-spacing: 0.0234375em;
-  --rls-heading5-line-height: 12.75rem;
+  --rls-heading5-letter-spacing: 0.0135rem;
+  --rls-heading5-line-height: 12.125rem;
   --rls-heading6-font-size: 10rem;
-  --rls-heading6-letter-spacing: 0.0234375em;
-  --rls-heading6-line-height: 11.25rem;
-  --rls-title-font-size: 9rem;
-  --rls-title-letter-spacing: 0.0546875em;
-  --rls-title-line-height: 10rem;
+  --rls-heading6-letter-spacing: 0.0135rem;
+  --rls-heading6-line-height: 11rem;
+  --rls-title-font-size: 9.25rem;
+  --rls-title-letter-spacing: 0.0375rem;
+  --rls-title-line-height: 10.25rem;
   --rls-subtitle-font-size: 8.75rem;
-  --rls-subtitle-letter-spacing: 0.0546875em;
-  --rls-subtitle-line-height: 8.95rem;
+  --rls-subtitle-letter-spacing: 0.0375rem;
+  --rls-subtitle-line-height: 9.75rem;
   --rls-body-font-size: 8rem;
-  --rls-body-letter-spacing: 0.03125em;
+  --rls-body-letter-spacing: 0.0125rem;
   --rls-body-line-height: 9rem;
-  --rls-paragraph-font-size: 7.25rem;
+  --rls-input-font-size: 7.65rem;
+  --rls-input-letter-spacing: 0.0125rem;
+  --rls-input-line-height: 8.125rem;
+  --rls-paragraph-font-size: 7.325rem;
   --rls-paragraph-letter-spacing: 0.02625em;
   --rls-paragraph-line-height: 8rem;
-  --rls-input-font-size: 7.65rem;
-  --rls-input-letter-spacing: 0.03125em;
-  --rls-input-line-height: 9rem;
+  --rls-button-font-size: 7rem;
+  --rls-button-letter-spacing: 0.0125rem;
+  --rls-button-line-height: 7.875rem;
   --rls-label-font-size: 7rem;
-  --rls-label-letter-spacing: 0.03125em;
-  --rls-label-line-height: 8.25rem;
-  --rls-button-font-size: 7.125rem;
-  --rls-button-letter-spacing: 0.05725em;
-  --rls-button-line-height: 8.5rem;
-  --rls-smalltext-font-size: 6rem;
-  --rls-smalltext-letter-spacing: 0.03125em;
-  --rls-smalltext-line-height: 8.5rem;
-  --rls-caption-font-size: 5.75rem;
-  --rls-caption-letter-spacing: 0.046875em;
-  --rls-caption-line-height: 7.25rem;
-  --rls-overline-font-size: 5.35rem;
-  --rls-overline-letter-spacing: 0.0625em;
-  --rls-overline-line-height: 7.25rem;
+  --rls-label-letter-spacing: 0.0125rem;
+  --rls-label-line-height: 7.875rem;
+  --rls-span-font-size: 6.425rem;
+  --rls-span-letter-spacing: 0.0175rem;
+  --rls-span-line-height: 7.5rem;
+  --rls-smalltext-font-size: 6.125rem;
+  --rls-smalltext-letter-spacing: 0.0125rem;
+  --rls-smalltext-line-height: 7.125rem;
+  --rls-caption-font-size: 5.575rem;
+  --rls-caption-letter-spacing: 0.0275rem;
+  --rls-caption-line-height: 6.25rem;
+  --rls-overline-font-size: 5.125rem;
+  --rls-overline-letter-spacing: 0.0425rem;
+  --rls-overline-line-height: 5.825rem;
+  --rls-tiny-font-size: 4.325rem;
+  --rls-tiny-letter-spacing: 0.0425rem;
+  --rls-tiny-line-height: 5rem;
 }
 h1 {
   font-size: var(--rls-heading1-font-size);
@@ -5009,28 +5105,6 @@ button {
 .rls-body-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-paragraph-default,
-.rls-paragraph-bold,
-.rls-paragraph-semibold,
-.rls-paragraph-medium,
-.rls-paragraph-regular {
-  font-size: var(--rls-paragraph-font-size);
-  letter-spacing: var(--rls-paragraph-letter-spacing);
-  min-height: var(--rls-paragraph-line-height);
-  line-height: var(--rls-paragraph-line-height);
-}
-.rls-paragraph-regular {
-  font-weight: var(--rls-font-weight-regular);
-}
-.rls-paragraph-medium {
-  font-weight: var(--rls-font-weight-medium);
-}
-.rls-paragraph-semibold {
-  font-weight: var(--rls-font-weight-semibold);
-}
-.rls-paragraph-bold {
-  font-weight: var(--rls-font-weight-bold);
-}
 .rls-input-default,
 .rls-input-bold,
 .rls-input-semibold,
@@ -5053,6 +5127,28 @@ button {
 .rls-input-bold {
   font-weight: var(--rls-font-weight-bold);
 }
+.rls-paragraph-default,
+.rls-paragraph-bold,
+.rls-paragraph-semibold,
+.rls-paragraph-medium,
+.rls-paragraph-regular {
+  font-size: var(--rls-paragraph-font-size);
+  letter-spacing: var(--rls-paragraph-letter-spacing);
+  min-height: var(--rls-paragraph-line-height);
+  line-height: var(--rls-paragraph-line-height);
+}
+.rls-paragraph-regular {
+  font-weight: var(--rls-font-weight-regular);
+}
+.rls-paragraph-medium {
+  font-weight: var(--rls-font-weight-medium);
+}
+.rls-paragraph-semibold {
+  font-weight: var(--rls-font-weight-semibold);
+}
+.rls-paragraph-bold {
+  font-weight: var(--rls-font-weight-bold);
+}
 .rls-label-default,
 .rls-label-bold,
 .rls-label-semibold,
@@ -5703,8 +5799,14 @@ button {
   }
 }
 .rls-datatable {
-  --pvt-datatable-letter-spacing: var(--rlc-datatable-letter-spacing, 0.0625em);
-  --pvt-datatable-font-size: var(--rlc-datatable-font-size, 7rem);
+  --pvt-datatable-font-size: var(
+    --rlc-datatable-font-size,
+    var(--rls-label-font-size)
+  );
+  --pvt-datatable-letter-spacing: var(
+    --rlc-datatable-letter-spacing,
+    var(--rls-label-letter-spacing)
+  );
   --pvt-datatable-font-color: var(
     --rlc-datatable-font-color,
     var(--rls-app-color-900)
@@ -5743,6 +5845,7 @@ button {
   position: relative;
   display: flex;
   width: 100%;
+  height: var(--rlc-datatable-height, auto);
   flex-direction: column;
   row-gap: var(--rls-sizing-x6);
   border-radius: var(--rls-sizing-x4);
@@ -5757,21 +5860,26 @@ button {
   --pvt-datatable-padding-component: 0rem
     calc(var(--pvt-datatable-padding-scroll) + 5rem) 0rem 0rem;
 }
-.rls-datatable > table {
-  display: flex;
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x4);
-  border-spacing: 0;
-  border-collapse: collapse;
-}
 .rls-datatable__toolbar {
   display: flex;
+  flex: 0 0 auto;
   column-gap: var(--rls-sizing-x6);
   padding: var(--pvt-datatable-padding-component);
   box-sizing: border-box;
   background: var(--pvt-datatable-header-background);
   border-radius: var(--rls-sizing-x4);
 }
+.rls-datatable__table {
+  display: flex;
+  flex: 1 1 auto;
+}
+.rls-datatable__table > table {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x4);
+  border-spacing: 0;
+  border-collapse: collapse;
+}
 .rls-datatable__head {
   width: 100%;
   padding-right: var(--pvt-datatable-header-padding-right);
@@ -6035,12 +6143,14 @@ button {
 }
 .rls-datatable__summary {
   --pvt-datatable-record-background: var(--rls-app-color-100);
+  flex: 0 0 auto;
   padding-right: var(--pvt-datatable-header-padding-right);
   box-sizing: border-box;
 }
 .rls-datatable__footer {
   --pvt-datatable-record-background: var(--rls-app-color-100);
   position: relative;
+  flex: 0 0 auto;
   width: 100%;
   padding: var(--pvt-datatable-padding-component);
   box-sizing: border-box;