@primer/react-brand 0.23.0 → 0.24.0-rc.0d07385

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -663,13 +663,13 @@ select {
   --base-text-weight-bold: 700;
   --base-text-weight-semibold: 600;
   --base-text-weight-medium: 500;
-  --base-text-weight-normal: 400;
+  --base-text-weight-normal: 450;
   --base-text-weight-light: 300;
 }
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -683,50 +683,68 @@ select {
   --brand-text-style-italic-3: "ital" 3;
   --brand-text-style-italic-2: "ital" 2;
   --brand-text-style-italic-1: "ital" 1;
-  --brand-text-letterSpacing-1000: -0.01em;
-  --brand-text-letterSpacing-900: -0.01em;
-  --brand-text-letterSpacing-800: -0.01em;
-  --brand-text-letterSpacing-700: -0.01em;
-  --brand-text-lineHeight-1000: 3.25rem;
-  --brand-text-lineHeight-900: 2.75rem;
-  --brand-text-lineHeight-800: 2.25rem;
-  --brand-text-lineHeight-700: 2.5rem;
-  --brand-text-lineHeight-600: 2rem;
-  --brand-text-lineHeight-500: 1.75rem;
-  --brand-text-lineHeight-400: 1.5rem;
-  --brand-text-lineHeight-300: 1.5rem;
-  --brand-text-lineHeight-200: 1.25rem;
-  --brand-text-lineHeight-100: 1.25rem;
-  --brand-text-size-1000: 3rem;
-  --brand-text-size-900: 2.5rem;
+  --brand-text-letterSpacing-1000: -0.03em;
+  --brand-text-letterSpacing-900: -0.02em;
+  --brand-text-letterSpacing-800: -0.02em;
+  --brand-text-letterSpacing-700: -0.02em;
+  --brand-text-letterSpacing-600: -0.02em;
+  --brand-text-letterSpacing-500: -0.01em;
+  --brand-text-letterSpacing-400: -0.01em;
+  --brand-text-lineHeight-1000: 1.1;
+  --brand-text-lineHeight-900: 1.1;
+  --brand-text-lineHeight-800: 1.2;
+  --brand-text-lineHeight-700: 1.2;
+  --brand-text-lineHeight-600: 1.2;
+  --brand-text-lineHeight-500: 1.3;
+  --brand-text-lineHeight-400: 1.3;
+  --brand-text-lineHeight-300: 1.5;
+  --brand-text-lineHeight-200: 1.5;
+  --brand-text-lineHeight-100: 1.5;
+  --brand-text-size-1000: 2.5rem;
+  --brand-text-size-900: 2.25rem;
   --brand-text-size-800: 2rem;
-  --brand-text-size-700: 1.75rem;
-  --brand-text-size-600: 1.5rem;
-  --brand-text-size-500: 1.25rem;
-  --brand-text-size-400: 1rem;
-  --brand-text-size-300: 1rem;
-  --brand-text-size-200: 0.875rem;
-  --brand-text-size-100: 0.75rem;
-  --brand-text-weight-1000: var(--base-text-weight-extrabold);
-  --brand-text-weight-900: var(--base-text-weight-extrabold);
-  --brand-text-weight-800: var(--base-text-weight-extrabold);
-  --brand-text-weight-700: var(--base-text-weight-normal);
-  --brand-text-weight-600: var(--base-text-weight-normal);
-  --brand-text-weight-500: var(--base-text-weight-normal);
-  --brand-text-weight-400: var(--base-text-weight-normal);
+  --brand-text-size-700: 2rem;
+  --brand-text-size-600: 1.75rem;
+  --brand-text-size-500: 1.5rem;
+  --brand-text-size-400: 1.25rem;
+  --brand-text-size-300: 1.125rem;
+  --brand-text-size-200: 1rem;
+  --brand-text-size-100: 0.875rem;
+  --brand-text-weight-1000: var(--base-text-weight-bold);
+  --brand-text-weight-900: var(--base-text-weight-semibold);
+  --brand-text-weight-800: var(--base-text-weight-semibold);
+  --brand-text-weight-700: var(--base-text-weight-semibold);
+  --brand-text-weight-600: var(--base-text-weight-semibold);
+  --brand-text-weight-500: var(--base-text-weight-semibold);
+  --brand-text-weight-400: var(--base-text-weight-semibold);
   --brand-text-weight-300: var(--base-text-weight-normal);
   --brand-text-weight-200: var(--base-text-weight-normal);
   --brand-text-weight-100: var(--base-text-weight-normal);
-  --brand-heading-lineHeight-700: 2rem;
-  --brand-heading-lineHeight-600: 1.75rem;
-  --brand-heading-lineHeight-500: 1.5rem;
-  --brand-heading-lineHeight-400: 1.25rem;
-  --brand-heading-letterSpacing-700: -0.01em;
-  --brand-heading-letterSpacing-600: -0.01em;
+  --brand-text-subhead-lineHeight-large: 1.3;
+  --brand-text-subhead-lineHeight-medium: 1.3;
+  --brand-text-subhead-weight-large: var(--base-text-weight-semibold);
+  --brand-text-subhead-weight-medium: var(--base-text-weight-semibold);
+  --brand-text-subhead-size-large: 1.125rem;
+  --brand-text-subhead-size-medium: 1rem;
+  --brand-heading-lineHeight-1000: 1.1;
+  --brand-heading-lineHeight-900: 1.1;
+  --brand-heading-lineHeight-800: 1.2;
+  --brand-heading-lineHeight-700: 1.2;
+  --brand-heading-lineHeight-600: 1.3;
+  --brand-heading-lineHeight-500: 1.3;
+  --brand-heading-lineHeight-400: 1.3;
+  --brand-heading-letterSpacing-1000: -0.03em;
+  --brand-heading-letterSpacing-900: -0.02em;
+  --brand-heading-letterSpacing-800: -0.02em;
+  --brand-heading-letterSpacing-700: -0.02em;
+  --brand-heading-letterSpacing-600: -0.02em;
   --brand-heading-letterSpacing-500: -0.01em;
   --brand-heading-letterSpacing-400: -0.01em;
-  --brand-heading-weight-700: var(--base-text-weight-extrabold);
-  --brand-heading-weight-600: var(--base-text-weight-bold);
+  --brand-heading-weight-1000: var(--base-text-weight-bold);
+  --brand-heading-weight-900: var(--base-text-weight-semibold);
+  --brand-heading-weight-800: var(--base-text-weight-semibold);
+  --brand-heading-weight-700: var(--base-text-weight-semibold);
+  --brand-heading-weight-600: var(--base-text-weight-semibold);
   --brand-heading-weight-500: var(--base-text-weight-semibold);
   --brand-heading-weight-400: var(--base-text-weight-semibold);
   --brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
@@ -739,109 +757,46 @@ select {
 
 @media (min-width: 768px) {
   :root {
-    --brand-text-letterSpacing-1000: -0.03em;
     --brand-text-letterSpacing-900: -0.03em;
-    --brand-text-letterSpacing-800: -0.01em;
-    --brand-text-letterSpacing-700: -0.01em;
-    --brand-text-lineHeight-1000: 4.75rem;
-    --brand-text-lineHeight-900: 3.75rem;
-    --brand-text-lineHeight-800: 3.25rem;
-    --brand-text-lineHeight-700: 3.25rem;
-    --brand-text-lineHeight-600: 2.5rem;
-    --brand-text-lineHeight-500: 1.75rem;
-    --brand-text-lineHeight-400: 1.75rem;
-    --brand-text-lineHeight-300: 1.5rem;
-    --brand-text-lineHeight-200: 1.25rem;
-    --brand-text-lineHeight-100: 1.25rem;
-    --brand-text-size-1000: 4.5rem;
-    --brand-text-size-900: 3.5rem;
-    --brand-text-size-800: 3rem;
-    --brand-text-size-700: 2.5rem;
-    --brand-text-size-600: 1.75rem;
-    --brand-text-size-500: 1.25rem;
-    --brand-text-size-400: 1.25rem;
-    --brand-text-size-300: 1rem;
-    --brand-text-size-200: 0.875rem;
-    --brand-text-size-100: 0.75rem;
-    --brand-text-weight-1000: var(--base-text-weight-extrabold);
-    --brand-text-weight-900: var(--base-text-weight-extrabold);
-    --brand-text-weight-800: var(--base-text-weight-extrabold);
-    --brand-text-weight-700: var(--base-text-weight-normal);
-    --brand-text-weight-600: var(--base-text-weight-normal);
-    --brand-text-weight-500: var(--base-text-weight-normal);
-    --brand-text-weight-400: var(--base-text-weight-normal);
-    --brand-text-weight-300: var(--base-text-weight-normal);
-    --brand-text-weight-200: var(--base-text-weight-normal);
-    --brand-text-weight-100: var(--base-text-weight-normal);
-    --brand-heading-lineHeight-700: 2.75rem;
-    --brand-heading-lineHeight-600: 2rem;
-    --brand-heading-lineHeight-500: 1.75rem;
-    --brand-heading-lineHeight-400: 1.5rem;
-    --brand-heading-letterSpacing-700: -0.01em;
-    --brand-heading-letterSpacing-600: -0.01em;
-    --brand-heading-letterSpacing-500: -0.01em;
-    --brand-heading-letterSpacing-400: -0.01em;
-    --brand-heading-weight-700: var(--base-text-weight-extrabold);
-    --brand-heading-weight-600: var(--base-text-weight-bold);
-    --brand-heading-weight-500: var(--base-text-weight-semibold);
-    --brand-heading-weight-400: var(--base-text-weight-semibold);
+    --brand-text-lineHeight-1000: 1.05;
+    --brand-text-lineHeight-900: 1.05;
+    --brand-text-size-1000: 4rem;
+    --brand-text-size-900: 3rem;
+    --brand-text-size-800: 2.25rem;
+    --brand-text-size-700: 2.25rem;
+    --brand-text-size-600: 2rem;
+    --brand-heading-lineHeight-1000: 1.05;
+    --brand-heading-lineHeight-900: 1.05;
+    --brand-heading-letterSpacing-900: -0.03em;
   }
 }
 
 @media (min-width: 1012px) {
   :root {
-    --brand-text-letterSpacing-1000: -0.03em;
-    --brand-text-letterSpacing-900: -0.03em;
-    --brand-text-letterSpacing-800: -0.01em;
-    --brand-text-letterSpacing-700: -0.01em;
-    --brand-text-lineHeight-1000: 6.25rem;
-    --brand-text-lineHeight-900: 4.75rem;
-    --brand-text-lineHeight-800: 4.25rem;
-    --brand-text-lineHeight-700: 4rem;
-    --brand-text-lineHeight-600: 2.75rem;
-    --brand-text-lineHeight-500: 2rem;
-    --brand-text-lineHeight-400: 1.75rem;
-    --brand-text-lineHeight-300: 1.5rem;
-    --brand-text-lineHeight-200: 1.25rem;
-    --brand-text-lineHeight-100: 1.25rem;
+    --brand-text-letterSpacing-800: -0.03em;
+    --brand-text-letterSpacing-700: -0.03em;
+    --brand-text-lineHeight-1000: 1;
+    --brand-text-lineHeight-900: 1;
+    --brand-text-lineHeight-500: 1.2;
     --brand-text-size-1000: 6rem;
     --brand-text-size-900: 4.5rem;
     --brand-text-size-800: 4rem;
     --brand-text-size-700: 3rem;
-    --brand-text-size-600: 2rem;
-    --brand-text-size-500: 1.5rem;
-    --brand-text-size-400: 1.25rem;
-    --brand-text-size-300: 1rem;
-    --brand-text-size-200: 0.875rem;
-    --brand-text-size-100: 0.75rem;
-    --brand-text-weight-1000: var(--base-text-weight-extrabold);
-    --brand-text-weight-900: var(--base-text-weight-extrabold);
-    --brand-text-weight-800: var(--base-text-weight-extrabold);
-    --brand-text-weight-700: var(--base-text-weight-normal);
-    --brand-text-weight-600: var(--base-text-weight-normal);
-    --brand-text-weight-500: var(--base-text-weight-normal);
-    --brand-text-weight-400: var(--base-text-weight-normal);
-    --brand-text-weight-300: var(--base-text-weight-normal);
-    --brand-text-weight-200: var(--base-text-weight-normal);
-    --brand-text-weight-100: var(--base-text-weight-normal);
-    --brand-heading-lineHeight-700: 3.25rem;
-    --brand-heading-lineHeight-600: 2.25rem;
-    --brand-heading-lineHeight-500: 1.75rem;
-    --brand-heading-lineHeight-400: 1.5rem;
-    --brand-heading-letterSpacing-700: -0.01em;
-    --brand-heading-letterSpacing-600: -0.01em;
-    --brand-heading-letterSpacing-500: -0.01em;
-    --brand-heading-letterSpacing-400: -0.01em;
-    --brand-heading-weight-700: var(--base-text-weight-extrabold);
-    --brand-heading-weight-600: var(--base-text-weight-bold);
-    --brand-heading-weight-500: var(--base-text-weight-semibold);
-    --brand-heading-weight-400: var(--base-text-weight-semibold);
+    --brand-text-size-600: 2.5rem;
+    --brand-text-size-500: 2rem;
+    --brand-text-size-400: 1.5rem;
+    --brand-text-subhead-size-large: 1.25rem;
+    --brand-heading-lineHeight-1000: 1;
+    --brand-heading-lineHeight-900: 1;
+    --brand-heading-lineHeight-600: 1.2;
+    --brand-heading-letterSpacing-800: -0.03em;
+    --brand-heading-letterSpacing-700: -0.03em;
   }
 }
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -855,7 +810,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -873,7 +828,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root,
@@ -1226,7 +1181,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root,
@@ -1275,6 +1230,7 @@ select {
   border: none;
   background: none;
   display: inline-flex;
+  gap: var(--brand-control-medium-gap);
 }
 
 .Primer_Brand__Button-module__Button___lDruK:hover {
@@ -1289,8 +1245,6 @@ select {
 
 .Primer_Brand__Button-module__Button__text___Z3ocU {
   position: relative;
-  top: 0.5px; /* visual offset for off-center mona sans glyphs */
-  line-height: var(--brand-text-lineHeight-200);
 }
 
 .Primer_Brand__Button-module__Button__icon-visual___zR2Hi {
@@ -1301,22 +1255,9 @@ select {
   fill: currentcolor;
 }
 
-.Primer_Brand__Button-module__Button__trailing-visual___zg8jd {
-  display: flex;
-  margin-left: var(--base-size-8);
-}
-
-.Primer_Brand__Button-module__Button__trailing-visual--arrow___XD9in {
-  margin-left: var(--base-size-8);
-}
-
+.Primer_Brand__Button-module__Button__trailing-visual___zg8jd,
 .Primer_Brand__Button-module__Button__leading-visual___FIPvg {
   display: flex;
-  margin-right: var(--base-size-8);
-}
-
-.Primer_Brand__Button-module__Button--label___lUBc0 {
-  font-weight: var(--base-text-weight-semibold);
 }
 
 .Primer_Brand__Button-module__Button--label___lUBc0.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
@@ -1384,21 +1325,13 @@ select {
 }
 
 .Primer_Brand__Button-module__Button--size-medium___EyCyw {
-  padding: calc(var(--base-size-16) - 2px) var(--base-size-24);
-}
-
-.Primer_Brand__Button-module__Button--size-medium___EyCyw .Primer_Brand__Button-module__Button--label___lUBc0 {
-  /* Brings overall default height down to 48px */
-  line-height: var(--brand-text-lineHeight-200);
+  height: var(--brand-control-medium-size);
+  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-spacious);
 }
 
 .Primer_Brand__Button-module__Button--size-large___REN1l {
-  padding: var(--base-size-16) var(--base-size-32);
-}
-
-.Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button--label___lUBc0 {
-  /* Brings overall default height down to 56px */
-  line-height: var(--brand-text-lineHeight-300);
+  height: var(--brand-control-large-size);
+  padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-spacious);
 }
 
 .Primer_Brand__Button-module__Button--block___F5RXs {
@@ -1445,8 +1378,30 @@ select {
   color: var(--brand-color-text-default);
 }
 
+.Primer_Brand__Heading-module__Heading--display___xFecE {
+  font-weight: var(--brand-heading-weight-1000);
+  font-size: var(--brand-text-size-1000);
+  line-height: var(--brand-text-lineHeight-1000);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-text-letterSpacing-1000);
+}
+
+.Primer_Brand__Heading-module__Heading--subhead-large____C6GZ {
+  font-weight: var(--brand-text-subhead-weight-large);
+  font-size: var(--brand-text-subhead-size-large);
+  line-height: var(--brand-text-subhead-lineHeight-large);
+  font-family: var(--brand-heading-fontFamily);
+}
+
+.Primer_Brand__Heading-module__Heading--subhead-medium___Pik5E {
+  font-weight: var(--brand-text-subhead-weight-medium);
+  font-size: var(--brand-text-subhead-size-medium);
+  line-height: var(--brand-text-subhead-lineHeight-medium);
+  font-family: var(--brand-heading-fontFamily);
+}
+
 .Primer_Brand__Heading-module__Heading--1___Ufc7G {
-  font-weight: var(--brand-text-weight-900);
+  font-weight: var(--brand-heading-weight-900);
   font-size: var(--brand-text-size-900);
   line-height: var(--brand-text-lineHeight-900);
   font-family: var(--brand-heading-fontFamily);
@@ -1454,7 +1409,7 @@ select {
 }
 
 .Primer_Brand__Heading-module__Heading--2___TFg09 {
-  font-weight: var(--brand-text-weight-800);
+  font-weight: var(--brand-heading-weight-800);
   font-size: var(--brand-text-size-800);
   line-height: var(--brand-text-lineHeight-800);
   font-family: var(--brand-heading-fontFamily);
@@ -1684,7 +1639,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -1911,7 +1866,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -2007,9 +1962,9 @@ select {
 }
 
 .Primer_Brand__Label-module__Label--size-small___TvoL_ {
-  padding-left: var(--base-size-8);
-  padding-right: var(--base-size-8);
-  height: var(--base-size-24);
+  padding-left: var(--base-size-16);
+  padding-right: var(--base-size-16);
+  height: var(--base-size-28);
 }
 
 .Primer_Brand__Label-module__Label--size-medium___g4Jkm {
@@ -2180,7 +2135,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -2206,7 +2161,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -2964,10 +2919,15 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
+  --brand-control-animation-easing: var(--brand-animation-easing-glide);
+  --brand-control-animation-duration: 80ms;
+  --brand-control-border-radius: var(--brand-borderRadius-medium);
+  --brand-control-large-paddingBlock: 1.125rem;
+  --brand-control-large-size: 3.5rem;
   --brand-controlStack-large-gap-spacious: var(--base-size-12);
   --brand-controlStack-large-gap-condensed: var(--base-size-8);
   --brand-controlStack-large-gap-auto: var(--base-size-8);
@@ -2984,38 +2944,20 @@ select {
   --brand-box-spacing-spacious: var(--base-size-48);
   --brand-box-spacing-normal: var(--base-size-24);
   --brand-box-spacing-condensed: var(--base-size-16);
-  --brand-control-xlarge-gap: var(--base-size-8);
-  --brand-control-xlarge-paddingInline-spacious: var(--base-size-16);
-  --brand-control-xlarge-paddingInline-normal: var(--base-size-12);
-  --brand-control-xlarge-lineBoxHeight: var(--base-size-20);
-  --brand-control-xlarge-size: var(--base-size-48);
-  --brand-control-large-gap: var(--base-size-8);
-  --brand-control-large-paddingInline-spacious: var(--base-size-16);
-  --brand-control-large-paddingInline-normal: var(--base-size-12);
-  --brand-control-large-paddingBlock: calc((var(--brand-control-large-size) - var(--brand-control-large-lineBoxHeight)) / 2);
+  --brand-control-large-gap: var(--base-size-16);
+  --brand-control-large-paddingInline-spacious: var(--base-size-32);
+  --brand-control-large-paddingInline-normal: var(--base-size-20);
+  --brand-control-large-paddingInline-condensed: var(--base-size-16);
   --brand-control-large-lineBoxHeight: var(--base-size-20);
   --brand-control-medium-gap: var(--base-size-8);
-  --brand-control-medium-paddingInline-spacious: var(--base-size-16);
-  --brand-control-medium-paddingInline-normal: var(--base-size-12);
-  --brand-control-medium-paddingInline-condensed: var(--base-size-8);
-  --brand-control-medium-paddingBlock: calc((var(--brand-control-medium-size) - var(--brand-control-medium-lineBoxHeight)) / 2);
+  --brand-control-medium-paddingInline-spacious: var(--base-size-24);
+  --brand-control-medium-paddingInline-normal: var(--base-size-16);
+  --brand-control-medium-paddingInline-condensed: var(--base-size-12);
+  --brand-control-medium-paddingBlock: var(--base-size-12);
   --brand-control-medium-lineBoxHeight: var(--base-size-20);
-  --brand-control-small-gap: var(--base-size-4);
-  --brand-control-small-paddingInline-normal: var(--base-size-12);
-  --brand-control-small-paddingInline-condensed: var(--base-size-8);
-  --brand-control-small-lineBoxHeight: var(--base-size-20);
-  --brand-control-small-size: var(--base-size-28);
-  --brand-control-xsmall-gap: var(--base-size-4);
-  --brand-control-xsmall-paddingInline-spacious: var(--base-size-12);
-  --brand-control-xsmall-paddingInline-normal: var(--base-size-8);
-  --brand-control-xsmall-paddingInline-condensed: var(--base-size-4);
-  --brand-control-xsmall-lineBoxHeight: var(--base-size-20);
-  --brand-control-xsmall-size: var(--base-size-24);
+  --brand-control-medium-size: var(--base-size-48);
   --brand-control-minTarget-coarse: var(--base-size-44);
   --brand-control-minTarget-fine: var(--base-size-16);
-  --brand-control-xlarge-paddingBlock: calc((var(--brand-control-xlarge-size) - var(--brand-control-xlarge-lineBoxHeight)) / 2);
-  --brand-control-small-paddingBlock: calc((var(--brand-control-small-size) - var(--brand-control-small-lineBoxHeight)) / 2);
-  --brand-control-xsmall-paddingBlock: calc((var(--brand-control-xsmall-size) - var(--brand-control-xsmall-lineBoxHeight)) / 2);
 }
 
 .Primer_Brand__Stack-module__Stack___tASKe {
@@ -3814,7 +3756,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -3835,7 +3777,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -3845,7 +3787,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -3867,7 +3809,7 @@ select {
   }
 }
 
-.Primer_Brand__River-module__River___VHPl5 {
+.Primer_Brand__river-shared-module__River___eSXvR {
   display: grid;
   grid-gap: var(--brand-River-spacing-inner);
   gap: var(--brand-River-spacing-inner);
@@ -3876,105 +3818,177 @@ select {
   padding-bottom: var(--brand-River-spacing-outer);
 }
 
-.Primer_Brand__River-module__River--align-center___TH7xI {
+.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
   text-align: center;
 }
 
-.Primer_Brand__River-module__River__visual___sTe_U {
+.Primer_Brand__river-shared-module__River__visual___kjFE2 {
   position: relative;
   order: 2;
 }
 
-.Primer_Brand__River-module__River__visual--fill-media___AVMgH img,
-.Primer_Brand__River-module__River__visual--fill-media___AVMgH video {
+.Primer_Brand__river-shared-module__River__visual--fill-media___psmFL img,
+.Primer_Brand__river-shared-module__River__visual--fill-media___psmFL video {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
-.Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
+.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
+  overflow: hidden;
+  border-radius: var(--brand-borderRadius-large);
+}
+
+.Primer_Brand__river-shared-module__River__visual--has-shadow___PyzIW {
   box-shadow: var(--brand-River-visual-shadow);
 }
 
-.Primer_Brand__River-module__River__heading___pwKXi {
+.Primer_Brand__river-shared-module__River__heading___tl6zS {
   margin-bottom: var(--brand-River-heading-margin);
 }
 
-.Primer_Brand__River-module__River__call-to-action___GIOCe {
+.Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
   margin-top: var(--base-size-24);
 }
 
-.Primer_Brand__River-module__River__text___ZlR1K strong {
+.Primer_Brand__river-shared-module__River__text___TQQhU strong {
   color: var(--brand-color-text-default);
 }
 
-.Primer_Brand__River-module__River__trailingComponent___JG0Xv {
-  margin-top: var(--base-size-48);
+.Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
+  margin-top: var(--brand-River-spacing-inner);
 }
 
-.Primer_Brand__River-module__River__trailingComponent--divider___C2MpB {
-  padding-top: var(--base-size-48);
+.Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
+  padding-top: var(--brand-River-spacing-inner);
   border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
 }
 
 /* Medium breakpoint and up */
 @media screen and (min-width: 48rem) {
-  .Primer_Brand__River-module__River___VHPl5 {
+  .Primer_Brand__river-shared-module__River___eSXvR {
     grid-template-rows: initial;
   }
-  .Primer_Brand__River-module__River--50-50___cpSFU {
+  .Primer_Brand__river-shared-module__River--50-50___y5_l2 {
     grid-template-columns: [content] 1fr [visual] 1fr;
   }
 
-  .Primer_Brand__River-module__River--60-40___XDKAU {
+  .Primer_Brand__river-shared-module__River--60-40___NljA1 {
     grid-template-columns: [content] 4fr [visual] 6fr;
   }
 
-  .Primer_Brand__River-module__River--align-start___L0mn_ {
+  .Primer_Brand__river-shared-module__River--align-start___wo12V {
     grid-template-areas: 'content visual';
   }
 
-  .Primer_Brand__River-module__River--align-end___UIM3e {
+  .Primer_Brand__river-shared-module__River--align-end___aNjz4 {
     grid-template-areas: 'visual content';
   }
 
-  .Primer_Brand__River-module__River--align-end___UIM3e.Primer_Brand__River-module__River--60-40___XDKAU {
+  .Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--60-40___NljA1 {
     grid-template-columns: [visual] 6fr [content] 4fr;
   }
 
-  .Primer_Brand__River-module__River__content___opQUA {
+  .Primer_Brand__river-shared-module__River__content___p4EdY {
     display: grid;
     align-content: center;
     grid-area: content;
   }
 
-  .Primer_Brand__River-module__River__visual___sTe_U {
+  .Primer_Brand__river-shared-module__River__visual___kjFE2 {
     grid-area: visual;
     order: initial;
   }
 
-  .Primer_Brand__River-module__River--align-center___TH7xI {
+  .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
     grid-auto-rows: min-content;
     grid-template-columns: initial;
   }
 
-  .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
-  .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
+  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY,
+  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
     grid-area: unset;
     justify-self: center;
   }
 
-  .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
+  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__body-text___aJne5 {
     max-width: 600px;
     justify-self: center;
   }
 
-  .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
-    margin-bottom: var(--base-size-48);
+  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
+    margin-bottom: var(--brand-River-spacing-inner);
   }
-  .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
-    margin-top: var(--base-size-48);
+
+  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
+    margin-top: var(--brand-River-spacing-inner);
+  }
+}
+
+.Primer_Brand__river-shared-module__RiverBreakout___VNW5e {
+  display: flex;
+  flex-direction: column;
+  gap: var(--brand-River-spacing-inner);
+  padding-bottom: var(--brand-River-spacing-outer);
+  padding-top: var(--brand-River-spacing-outer);
+}
+
+.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
+  color: var(--brand-color-text-default);
+  font-size: var(--brand-text-size-500);
+  font-weight: var(--brand-heading-weight-500);
+  letter-spacing: var(--brand-heading-letterSpacing-500);
+  line-height: var(--brand-text-lineHeight-500);
+}
+
+.Primer_Brand__river-shared-module__RiverBreakout--muted___k_sJO .Primer_Brand__river-shared-module__River__text___TQQhU {
+  color: var(--brand-color-text-subtle);
+}
+
+.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU em {
+  color: var(--brand-color-text-default);
+  font-style: normal;
+}
+
+.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual___kjFE2 {
+  order: initial;
+}
+
+.Primer_Brand__river-shared-module__RiverBreakout__hiddenHeading___axLfo {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__content___p4EdY {
+    display: grid;
+    grid-gap: var(--brand-River-spacing-inner);
+    gap: var(--brand-River-spacing-inner);
+    grid-template-areas:
+      'text trailingComponent'
+      'cta trailingComponent';
+    grid-template-columns: 5fr 3fr;
+  }
+
+  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
+    grid-area: cta;
+    margin-top: 0;
+  }
+
+  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
+    grid-area: trailingComponent;
+    justify-self: end;
+    margin-top: 0;
+  }
+
+  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
+    grid-area: text;
   }
 }
 
@@ -4677,7 +4691,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -4705,7 +4719,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -4721,7 +4735,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -4838,6 +4852,10 @@ select {
   margin-left: 4px;
 }
 
+.Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link--label___j8etE {
+  font-size: var(--base-size-20);
+}
+
 .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
   width: 20px;
   height: 20px;
@@ -4857,7 +4875,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -4873,7 +4891,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root,
@@ -4975,14 +4993,6 @@ select {
   content: '+';
 }
 
-.Primer_Brand__Accordion-module__Accordion__summary-heading_____snF {
-  /*Visual appearance as a h6*/
-  font-weight: var(--brand-heading-weight-400);
-  font-size: var(--brand-text-size-400);
-  line-height: var(--brand-text-lineHeight-400);
-  letter-spacing: var(--brand-heading-letterSpacing-400);
-}
-
 details[open] .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
   opacity: 1;
   transform: rotateZ(180deg);
@@ -4995,9 +5005,9 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3
 .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   color: var(--brand-color-text-muted);
   font-family: var(--brand-fontStack-sansSerif);
-  font-weight: var(--brand-text-weight-300);
-  font-size: var(--brand-text-size-300);
-  line-height: var(--brand-text-lineHeight-300);
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
 }
 
 details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -5030,7 +5040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -5039,7 +5049,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -5053,7 +5063,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -5084,23 +5094,11 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 }
 
 .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
-  /*Visual appearance as a h3*/
-  font-weight: var(--brand-heading-weight-700);
-  font-size: var(--brand-text-size-700);
-  line-height: var(--brand-heading-lineHeight-700);
-  letter-spacing: var(--brand-heading-letterSpacing-700);
-
   color: var(--brand-FAQ-heading-color);
   margin-bottom: var(--brand-FAQ-heading-marginBottom);
 }
 
 .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
-  /*Visual appearance as a h4*/
-  font-weight: var(--brand-heading-weight-600);
-  font-size: var(--brand-text-size-600);
-  line-height: var(--brand-text-lineHeight-600);
-  letter-spacing: var(--brand-heading-letterSpacing-600);
-
   margin-bottom: var(--base-size-16);
 }
 
@@ -5123,28 +5121,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   letter-spacing: var(--brand-text-letterSpacing-800);
 }
 
-/**
- * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
- */
-
-:root {
-  --brand-control-animation-easing: var(--brand-animation-easing-glide);
-  --brand-control-animation-duration: 80ms;
-  --brand-control-border-radius: var(--brand-borderRadius-medium);
-  --brand-control-large-fontSize: var(--brand-text-size-300);
-  --brand-control-large-fontWeight: var(--brand-text-weight-300);
-  --brand-control-large-padding: var(--base-size-12);
-  --brand-control-large-size: var(--base-size-48);
-  --brand-control-medium-fontSize: var(--brand-text-size-200);
-  --brand-control-medium-fontWeight: var(--brand-text-weight-200);
-  --brand-control-medium-padding: 0.625rem;
-  --brand-control-medium-size: 2.5rem;
+.Primer_Brand__FAQ-module__FAQ___R3vLU details + .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
+  margin-top: var(--base-size-48);
 }
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -5346,15 +5329,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 .Primer_Brand__Textarea-module__Textarea--medium___pMZGb {
   font-weight: var(--brand-text-weight-200);
   font-size: var(--brand-text-size-200);
-  padding: 12px 10px 10px;
-  padding: var(--brand-control-medium-padding, 12px 10px 10px);
+  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
 }
 
 .Primer_Brand__Textarea-module__Textarea--large___wCPXA {
   font-weight: var(--brand-text-weight-300);
   font-size: var(--brand-text-size-300);
-  padding: 12px;
-  padding: var(--brand-control-large-padding, 12px);
+  padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
 }
 
 /*
@@ -5430,7 +5411,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   background-color: var(--brand-color-canvas-default);
   border: none;
   border-radius: var(--brand-control-border-radius);
-  line-height: var(--brand-text-lineHeight-200);
+  line-height: var(--brand-text-lineHeight-100);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: color, background-color, box-shadow;
 }
@@ -5460,22 +5441,25 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /*
  * Sizes
  */
+
+.Primer_Brand__TextInput-module__TextInput-wrapper--medium___K9iTj {
+  height: 2.5rem;
+}
+
 .Primer_Brand__TextInput-module__TextInput--medium___kJrew {
+  font-weight: var(--brand-text-weight-100);
+  font-size: var(--brand-text-size-100);
+  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
+}
+
+.Primer_Brand__TextInput-module__TextInput--large___zpUvY {
   font-weight: var(--brand-text-weight-200);
   font-size: var(--brand-text-size-200);
-  height: 40px;
-  height: var(--brand-control-medium-size, 40px);
-  padding: 12px 10px 10px;
-  padding: var(--brand-control-medium-padding, 12px 10px 10px);
+  padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
 }
 
-.Primer_Brand__TextInput-module__TextInput--large___zpUvY {
-  font-weight: var(--brand-text-weight-300);
-  font-size: var(--brand-text-size-300);
-  height: 48px;
-  height: var(--brand-control-large-size, 48px);
-  padding: 12px;
-  padding: var(--brand-control-large-padding, 12px);
+.Primer_Brand__TextInput-module__TextInput-wrapper--large___lga4f {
+  height: 3rem;
 }
 
 /*
@@ -5546,34 +5530,50 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
  * TextInput visuals
  */
 [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
-  padding-left: calc(var(--base-size-12) * 2 + var(--base-size-12));
+  padding-left: calc(
+    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
+  );
 }
 [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
-  padding-right: calc(var(--base-size-12) * 2 + var(--base-size-12));
+  padding-right: calc(
+    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
+  );
 }
 
 [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
-  padding-left: calc(var(--base-size-8) * 4 + var(--base-size-8));
+  padding-left: calc(
+    var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)
+  );
 }
 
 [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
-  padding-right: calc(var(--base-size-8) * 4 + var(--base-size-8));
+  padding-right: calc(
+    var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)
+  );
 }
 
 [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
-  padding-right: calc(var(--base-size-12) * 2 + var(--base-size-12));
+  padding-right: calc(
+    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
+  );
 }
 
 [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
-  padding-left: calc(var(--base-size-12) * 2 + var(--base-size-12));
+  padding-left: calc(
+    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
+  );
 }
 
 [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
-  padding-right: calc(var(--base-size-8) * 4 + var(--base-size-8));
+  padding-right: calc(
+    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)
+  );
 }
 
 [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
-  padding-left: calc(var(--base-size-8) * 4 + var(--base-size-8));
+  padding-left: calc(
+    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)
+  );
 }
 
 .Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz,
@@ -5589,22 +5589,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   pointer-events: none;
   color: var(--brand-color-text-default);
 }
-.Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz {
-  left: var(--base-size-12);
+
+.Primer_Brand__TextInput-module__TextInput-leading-visual--medium___BW5d2 {
+  left: var(--brand-control-medium-paddingInline-condensed);
 }
 
-.Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L {
-  right: var(--base-size-12);
+.Primer_Brand__TextInput-module__TextInput-trailing-visual--medium___WMlar {
+  right: var(--brand-control-medium-paddingInline-condensed);
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-visual--large___LoDri {
+  left: var(--brand-control-large-paddingInline-condensed);
+}
+
+.Primer_Brand__TextInput-module__TextInput-trailing-visual--large___pdxBc {
+  right: var(--brand-control-large-paddingInline-condensed);
 }
 
 .Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu {
-  width: 16px;
-  height: 16px;
+  width: var(--base-size-16);
+  height: var(--base-size-16);
 }
 
 .Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7 {
-  width: 20px;
-  height: 20px;
+  width: var(--base-size-20);
+  height: var(--base-size-20);
 }
 
 /*
@@ -5645,38 +5654,27 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j,
 .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
   display: inline-flex;
-  padding: 0 10px 0;
-}
-
-.Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
-  border-right: 1px solid var(--brand-color-border-default);
-}
-
-.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
-  border-left: 1px solid var(--brand-color-border-default);
+  color: var(--brand-color-text-muted);
 }
 
 .Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra,
 .Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA {
-  height: 20px; /*calc(fullheight / 2*/
+  padding-left: var(--brand-control-medium-paddingInline-condensed);
+  padding-right: var(--brand-control-medium-paddingInline-condensed);
 }
+
 .Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI,
 .Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33 {
-  height: 22px; /*calc(fullheight / 2*/
+  padding-left: var(--brand-control-large-paddingInline-condensed);
+  padding-right: var(--brand-control-large-paddingInline-condensed);
 }
 
-.Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn,
-.Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj {
-  font-weight: var(--brand-text-weight-200);
-  font-size: var(--brand-text-size-200);
-  height: 40px;
+.Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
+  border-right: 1px solid var(--brand-color-border-default);
 }
 
-.Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE,
-.Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq {
-  font-weight: var(--brand-text-weight-300);
-  font-size: var(--brand-text-size-300);
-  height: 48px;
+.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
+  border-left: 1px solid var(--brand-color-border-default);
 }
 
 .Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke {
@@ -5708,7 +5706,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  display: flex;
   color: var(--brand-control-color-fg-default);
   cursor: pointer;
   background-color: var(--brand-color-canvas-default);
@@ -5718,6 +5715,8 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: color, background-color, box-shadow, border-color;
   width: 100%;
+  grid-column: 1 / -1;
+  grid-row: 1;
 }
 
 @media screen and (forced-colors: active) {
@@ -5758,47 +5757,68 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   opacity: 1;
 }
 
-.Primer_Brand__Select-module__Select-arrow-indicator___LTpJz {
-  display: flex;
-  height: 16px;
-  pointer-events: none;
-  position: absolute;
-  right: var(--base-size-12);
-  top: 50%;
-  transform: translateY(-50%);
-  width: 16px;
-  color: var(--brand-control-color-fg-default);
+.Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y.Primer_Brand__Select-module__Select-wrapper___iV0Tg::after {
+  background-color: var(--brand-control-color-fg-disabled);
 }
 
-.Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI {
-  color: var(--brand-control-color-fg-disabled);
+/*
+ * Sizes
+ */
+
+.Primer_Brand__Select-module__Select-wrapper--medium___xjmMc {
+  height: var(--brand-control-medium-size);
+  height: 2.5rem;
 }
 
-.Primer_Brand__Select-module__Select-arrow-indicator___LTpJz svg {
-  pointer-events: none;
+[dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
+  margin-right: var(--base-size-8);
+}
+
+[dir="rtl"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
+  margin-left: var(--base-size-8);
+}
+
+[dir="ltr"] .Primer_Brand__Select-module__Select--medium___kckBr {
+  padding-right: calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16));
+}
+
+[dir="rtl"] .Primer_Brand__Select-module__Select--medium___kckBr {
+  padding-left: calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16));
 }
 
-/*
- * Sizes
- */
 .Primer_Brand__Select-module__Select--medium___kckBr {
-  font-weight: var(--brand-text-weight-200);
-  font-size: var(--brand-text-size-200);
-  height: calc(40px - 2px);
-  height: calc(var(--brand-control-medium-size, 40px) - 2px);
-  padding: 12px 10px 10px;
-  padding: var(--brand-control-medium-padding, 12px 10px 10px);
-  padding-right: var(--base-size-44);
+  font-weight: var(--brand-text-weight-100);
+  font-size: var(--brand-text-size-100);
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.Primer_Brand__Select-module__Select-wrapper--large___Q4_2q {
+  height: var(--brand-control-large-size);
+  height: 3rem;
+}
+
+[dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
+  margin-right: var(--base-size-12);
+}
+
+[dir="rtl"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
+  margin-left: var(--base-size-12);
+}
+
+[dir="ltr"] .Primer_Brand__Select-module__Select--large___A7u6F {
+  padding-right: calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16));
+}
+
+[dir="rtl"] .Primer_Brand__Select-module__Select--large___A7u6F {
+  padding-left: calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16));
 }
 
 .Primer_Brand__Select-module__Select--large___A7u6F {
-  font-weight: var(--brand-text-weight-300);
-  font-size: var(--brand-text-size-300);
-  height: calc(48px - 2px);
-  height: calc(var(--brand-control-large-size, 48px) - 2px);
-  padding: 12px;
-  padding: var(--brand-control-large-padding, 12px);
-  padding-right: var(--base-size-44);
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  padding-left: 12px;
+  padding-right: 12px;
 }
 
 /*
@@ -5814,14 +5834,33 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
  */
 
 .Primer_Brand__Select-module__Select-wrapper___iV0Tg {
-  align-items: center;
   border: solid 1px var(--brand-control-color-border-default);
   border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
   border-radius: 6px;
   border-radius: var(--brand-borderRadius-medium, 6px);
   font-family: var(--brand-body-fontFamily);
-  display: inline-flex;
   position: relative;
+  display: inline-grid;
+  grid-template-columns: minmax(0, auto) var(--base-size-16);
+}
+
+.Primer_Brand__Select-module__Select-wrapper___iV0Tg::after {
+  width: var(--base-size-16);
+  height: var(--base-size-16);
+  pointer-events: none;
+  content: '';
+  background-color: var(--brand-control-color-fg-default);
+  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=);
+  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=);
+  mask-size: contain;
+  -webkit-mask-size: contain;
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  grid-column: 2;
+  grid-row: 1;
+  align-self: center;
+  justify-self: end;
+  place-self: center end;
 }
 
 .Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y {
@@ -5983,7 +6022,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__FormControl-module__FormControl-label___meeuB {
   color: var(--brand-color-text-default);
   font-weight: var(--base-text-weight-semibold);
-  font-family: var(--brand-text-fontFamily);
+  font-family: var(--brand-body-fontFamily);
 }
 
 .Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI {
@@ -5999,25 +6038,24 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__FormControl-module__FormControl-label--medium___inrKd {
-  letter-spacing: var(--brand-text-letterSpacing-200);
-  font-size: var(--brand-text-size-200);
-  line-height: var(--brand-text-lineHeight-200);
+  letter-spacing: var(--brand-text-letterSpacing-100);
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
 }
 
 .Primer_Brand__FormControl-module__FormControl-label--large___okLn6 {
-  letter-spacing: var(--brand-text-letterSpacing-300);
-  font-size: var(--brand-text-size-300);
-  line-height: var(--brand-text-lineHeight-300);
+  letter-spacing: var(--brand-text-letterSpacing-200);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
 }
 
 .Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X {
   cursor: pointer;
-  font-size: var(--brand-text-size-300);
+  font-size: var(--brand-text-size-100);
   font-weight: var(--base-text-weight-semibold);
-  letter-spacing: var(--brand-text-letterSpacing-300);
-  line-height: var(--brand-text-lineHeight-300);
+  line-height: var(--base-size-24); /* FIXME */
   position: relative;
-  top: 1px;
+  top: 2px;
   width: 100%;
 }
 
@@ -6211,8 +6249,6 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
-  font-family: var(--brand-fontStack-sansSerif);
-  font-size: var(--brand-text-size-300);
   margin-top: calc(var(--base-size-16) * -1); /* negate grid gap */
   display: block;
 }
@@ -6235,7 +6271,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -6251,7 +6287,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -6330,16 +6366,16 @@ Fixes safari bug where outline doesn't respect border-radius
 
 .Primer_Brand__ComparisonTable-module__ComparisonTable-cell___kifYR {
   color: var(--brand-color-text-default);
-  font-weight: var(--brand-text-weight-300);
-  font-size: var(--brand-text-size-300);
-  line-height: var(--brand-text-lineHeight-300);
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
   padding-bottom: var(--base-size-24);
 }
 
 .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
   font-weight: var(--base-text-weight-semibold);
-  font-size: var(--brand-text-size-300);
-  line-height: var(--brand-text-lineHeight-300);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
 }
 
 .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-container___AHNr0 {
@@ -6365,17 +6401,17 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 
   .Primer_Brand__ComparisonTable-module__ComparisonTable-inline-cell-label___hE3hL {
-    font-weight: var(--brand-heading-weight-600);
-    font-size: var(--brand-text-size-600);
-    line-height: var(--brand-heading-lineHeight-600);
+    font-weight: var(--brand-heading-weight-400);
+    font-size: var(--brand-text-size-400);
+    line-height: var(--brand-heading-lineHeight-400);
   }
 
   .Primer_Brand__ComparisonTable-module__ComparisonTable___N2YLX tbody .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
     margin-top: var(--base-size-24);
     margin-bottom: var(--base-size-16);
-    font-weight: var(--brand-heading-weight-500);
-    font-size: var(--brand-text-size-500);
-    line-height: var(--brand-heading-lineHeight-500);
+    font-weight: var(--brand-heading-weight-300);
+    font-size: var(--brand-text-size-300);
+    line-height: var(--brand-heading-lineHeight-300);
   }
 }
 
@@ -6476,9 +6512,9 @@ Fixes safari bug where outline doesn't respect border-radius
     background-clip: text;
   }
   .ComparisonTable--default thead .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
-    font-weight: var(--brand-heading-weight-500);
-    font-size: var(--brand-text-size-500);
-    line-height: var(--brand-heading-lineHeight-500);
+    font-weight: var(--brand-heading-weight-400);
+    font-size: var(--brand-text-size-400);
+    line-height: var(--brand-heading-lineHeight-400);
     display: inline-flex;
     align-items: flex-end;
   }
@@ -6569,7 +6605,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -6769,11 +6805,11 @@ html {
  * 4. AnchorNav link labels
  */
 .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK {
-  font-weight: var(--brand-heading-weight-400);
-  font-size: var(--brand-text-size-300);
-  line-height: var(--brand-text-lineHeight-300);
+  font-weight: var(--brand-text-weight-400);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
   font-family: var(--brand-heading-fontFamily);
-  letter-spacing: var(--brand-heading-letterSpacing-400);
+  letter-spacing: var(--brand-heading-letterSpacing-200);
   color: var(--brand-color-text-default);
   transition: color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);
   white-space: nowrap;
@@ -6973,7 +7009,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -7076,7 +7112,7 @@ html {
   counter-increment: li;
   min-width: var(--base-size-16);
   text-align: center;
-  color: var(--brand-color-text-muted);
+  font-weight: var(--brand-text-size-200);
 }
 
 [dir="ltr"] .Primer_Brand__list-shared-module__List___dFefs {
@@ -7092,9 +7128,6 @@ html {
   list-style: none;
   gap: var(--base-size-8);
   font-family: var(--brand-body-fontFamily);
-  font-weight: var(--brand-text-weight-200);
-  font-size: var(--brand-text-size-200);
-  line-height: var(--brand-text-lineHeight-300);
   color: var(--brand-color-text-default);
 }
 
@@ -7154,7 +7187,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -7280,7 +7313,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -7410,7 +7443,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -7422,7 +7455,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -7741,6 +7774,15 @@ html {
   padding-bottom: var(--base-size-24);
 }
 
+.Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___CdGWF {
+  color: var(--brand-color-text-muted);
+}
+
+.Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___CdGWF em {
+  font-style: normal;
+  color: var(--brand-color-text-default);
+}
+
 [dir="ltr"] .Primer_Brand__SectionIntro-module__SectionIntro--align-start___C59mu {
   text-align: left;
 }
@@ -7774,7 +7816,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -7877,7 +7919,7 @@ html {
   flex: 1 0 auto;
   display: grid;
   align-items: center;
-  padding: var(--base-size-12) var(--base-size-16);
+  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-normal);
   overflow: hidden;
   text-overflow: ellipsis;
   grid-template-areas: 'leadingVisual text';
@@ -7933,7 +7975,6 @@ html {
 
 .Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl {
   grid-area: text / text;
-  line-height: calc(1.42857);
 }
 
 .Primer_Brand__ActionMenu-module__ActionMenu__item-icon___JyMwz {
@@ -7968,8 +8009,8 @@ html {
 
 .Primer_Brand__Prose-module__Prose___X2BXE {
   font-family: var(--brand-body-fontFamily);
-  font-size: var(--brand-text-size-300);
-  line-height: var(--brand-text-lineHeight-300);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
   color: var(--brand-color-text-default);
 }
 
@@ -7995,7 +8036,7 @@ html {
 /* ---------------------------------------------------------- */
 
 .Primer_Brand__Prose-module__Prose___X2BXE h1 {
-  font-weight: var(--brand-text-weight-900);
+  font-weight: var(--brand-heading-weight-900);
   font-size: var(--brand-text-size-900);
   line-height: var(--brand-text-lineHeight-900);
   font-family: var(--brand-heading-fontFamily);
@@ -8007,7 +8048,7 @@ html {
 }
 
 .Primer_Brand__Prose-module__Prose___X2BXE h2 {
-  font-weight: var(--brand-text-weight-800);
+  font-weight: var(--brand-heading-weight-800);
   font-size: var(--brand-text-size-800);
   line-height: var(--brand-text-lineHeight-800);
   font-family: var(--brand-heading-fontFamily);
@@ -8182,7 +8223,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -11512,7 +11553,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -11528,7 +11569,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -11689,7 +11730,7 @@ html {
 }
 
 .Primer_Brand__Timeline-module__Timeline___keSeT {
-  --bulletY: calc(var(--brand-Timeline-lineHeight) / 2 - var(--brand-Timeline-bullet-size) / 2 - 1px);
+  --bulletY: calc(var(--base-size-8) / 2 - var(--brand-Timeline-bullet-size) / 2 + var(--base-size-8));
 
   margin: 0;
   padding: 0;
@@ -11749,7 +11790,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:54 GMT
  */
 
 :root,
@@ -11763,7 +11804,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Thu, 17 Aug 2023 22:03:53 GMT
  */
 
 :root {
@@ -11772,6 +11813,6 @@ html {
   --brand-Timeline-spacing: var(--base-size-16);
   --brand-Timeline-strokeWidth: 0.125rem;
   --brand-Timeline-lineLength: 44ch;
-  --brand-Timeline-lineHeight: var(--brand-text-lineHeight-300);
+  --brand-Timeline-lineHeight: var(--brand-text-lineHeight-200);
 }