npm - @primer/react-brand - Versions diffs - 0.20.1-rc.fc9eaba → 0.20.1 - Mend

@primer/react-brand 0.20.1-rc.fc9eaba → 0.20.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (248) hide show

package/lib/css/main.css CHANGED Viewed

@@ -89,7 +89,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root,
@@ -629,7 +629,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -654,7 +654,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -669,7 +669,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -841,7 +841,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -855,7 +855,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -873,7 +873,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -1175,7 +1175,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -1629,7 +1629,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -1650,7 +1650,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -1660,7 +1660,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -2482,7 +2482,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -2510,7 +2510,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -2524,6 +2524,17 @@ select {
   --brand-InlineLink-color-pressed: var(--base-color-scale-blue-2);
 }
+/**
+ * Do not edit directly
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
+ */
+:root {
+  --brand-InlineLink-transition-timing: 0.3s;
+  --brand-InlineLink-transition-scale-end: -2;
+  --brand-InlineLink-transition-scale-start: 1;
+}
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
   text-decoration: none;
   position: relative;
@@ -2545,10 +2556,10 @@ select {
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after {
   content: '';
-  border-bottom: 1px solid var(--brand-InlineLink-color-rest);
+  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-InlineLink-color-rest);
   height: 0;
-  transition: 0.3s transform;
-  transform: scaleY(1);
+  transition: var(--brand-InlineLink-transition-timing) transform;
+  transform: scaleY(var(--brand-InlineLink-transition-scale-start));
   transform-origin: 50% 100%;
   width: 100%;
   position: absolute;
@@ -2557,7 +2568,7 @@ select {
 }
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
-  transform: scaleY(-2);
+  transform: scaleY(var(--brand-InlineLink-transition-scale-end));
 }
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
@@ -2644,7 +2655,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -2660,7 +2671,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -2884,7 +2895,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -3123,7 +3134,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -3280,17 +3291,16 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
   --brand-FAQ-maxWidth: 51rem;
-  --brand-FAQ-heading-centered-maxWidth: 37.5rem;
 }
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -3302,6 +3312,33 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   --brand-FAQ-heading-color: var(--brand-color-text-default);
 }
+/**
+ * Do not edit directly
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
+ */
+:root {
+  --brand-FAQ-heading-marginBottom: var(--base-size-40);
+}
+@media (min-width: 544px) {
+  :root {
+    --brand-FAQ-heading-marginBottom: var(--base-size-40);
+  }
+}
+@media (min-width: 768px) {
+  :root {
+    --brand-FAQ-heading-marginBottom: var(--base-size-64);
+  }
+}
+@media (min-width: 1012px) {
+  :root {
+    --brand-FAQ-heading-marginBottom: var(--base-size-96);
+  }
+}
 .Primer_Brand__FAQ-module__FAQ___R3vLU {
   max-width: var(--brand-FAQ-maxWidth);
   margin: 0 auto;
@@ -3315,6 +3352,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   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 {
@@ -3324,7 +3362,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   line-height: var(--brand-text-lineHeight-600);
   letter-spacing: var(--brand-heading-letterSpacing-600);
-  margin-top: var(--base-size-64);
   margin-bottom: var(--base-size-16);
 }
@@ -3334,7 +3371,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 .Primer_Brand__FAQ-module__FAQ__heading--center___xMpbW {
   text-align: center;
-  max-width: var(--brand-FAQ-heading-centered-maxWidth);
+  max-width: 18ch;
   margin-left: auto;
   margin-right: auto;
 }
@@ -3347,20 +3384,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   letter-spacing: var(--brand-text-letterSpacing-800);
 }
-/* Large breakpoint and up */
-@media screen and (min-width: 63.25rem) {
-  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
-    margin-top: var(--base-size-96);
-  }
-  .Primer_Brand__FAQ-module__FAQ__heading--with-margin___S2_ET {
-    margin-bottom: var(--base-size-64);
-  }
-}
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -3379,7 +3405,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -4322,7 +4348,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -5292,7 +5318,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -5306,17 +5332,49 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-ComparisonTable-featured-color-end: var(--base-color-scale-indigo-3);
 }
+/**
+ * Do not edit directly
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
+ */
+:root {
+  --brand-ComparisonTable-heading-marginBottom: var(--base-size-8);
+}
+@media (min-width: 544px) {
+  :root {
+    --brand-ComparisonTable-heading-marginBottom: var(--base-size-40);
+  }
+}
+@media (min-width: 768px) {
+  :root {
+    --brand-ComparisonTable-heading-marginBottom: var(--base-size-64);
+  }
+}
+@media (min-width: 1012px) {
+  :root {
+    --brand-ComparisonTable-heading-marginBottom: var(--base-size-96);
+  }
+}
 /*
 * Heading
 */
 .Primer_Brand__ComparisonTable-module__ComparisonTable--heading___CeSsH {
   text-align: left;
+  max-width: 18ch;
+  margin-bottom: var(--brand-ComparisonTable-heading-marginBottom);
 }
+/* Narrow breakpoint */
 @media screen and (min-width: 34rem) {
   .Primer_Brand__ComparisonTable-module__ComparisonTable--heading___CeSsH {
+    margin-left: auto;
+    margin-right: auto;
     text-align: center;
-    margin-bottom: var(--base-size-40);
   }
 }
@@ -5385,10 +5443,6 @@ Fixes safari bug where outline doesn't respect border-radius
     padding-bottom: 0;
   }
-  .Primer_Brand__ComparisonTable-module__ComparisonTable___N2YLX thead tr {
-    border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
-  }
   .Primer_Brand__ComparisonTable-module__ComparisonTable___N2YLX tbody tr {
     border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
   }
@@ -5468,10 +5522,6 @@ Fixes safari bug where outline doesn't respect border-radius
  * Narrow viewport-only styles
 */
 @media screen and (max-width: 34rem) {
-  .ComparisonTable--default {
-    margin-top: var(--base-size-8);
-  }
   .ComparisonTable--default .Primer_Brand__ComparisonTable-module__ComparisonTable-cell___kifYR:not(.Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM) {
     position: relative;
     padding-left: 25px;
@@ -5602,7 +5652,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -6005,7 +6055,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -6187,7 +6237,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -6313,7 +6363,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -6480,7 +6530,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:37 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -6492,7 +6542,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -6581,12 +6631,40 @@ html {
     'action action';
   flex: auto;
   grid-template-rows: auto auto auto auto 1fr;
+  position: relative;
+}
+.Primer_Brand__Card-module__Card___ByGEk[focus-within] {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+}
+.Primer_Brand__Card-module__Card___ByGEk:focus-within {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
 }
 .Primer_Brand__Card-module__Card___ByGEk:hover {
   text-decoration: none;
 }
+.Primer_Brand__Card-module__Card__link___Ye5mq {
+  color: currentColor;
+  text-decoration: none;
+}
+/* The focus outline will appear around the entire card, not just the title */
+.Primer_Brand__Card-module__Card__link___Ye5mq:focus {
+  outline: none;
+}
+.Primer_Brand__Card-module__Card__link___Ye5mq::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
 .Primer_Brand__Card-module__Card--has-icon___vBmET {
   grid-template-areas:
     'image image'
@@ -6812,7 +6890,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -6988,7 +7066,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
  */
 :root {
@@ -7014,7 +7092,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Mon, 19 Jun 2023 15:23:38 GMT
+ * Generated on Mon, 03 Jul 2023 09:13:44 GMT
  */
 :root,
@@ -7749,3 +7827,249 @@ html {
   }
 }
+/* ---------------------------------------------------------- */
+/* Prose component                                            */
+/* ---------------------------------------------------------- */
+/* Table of contents:                                         */
+/* 1. Container                                               */
+/* 2. Element spacing                                         */
+/* 3. Line-length control                                     */
+/* 4. Headings                                                */
+/* 5. Paragraphs                                              */
+/* 6. Lists                                                   */
+/* 7. Inline elements                                         */
+/* 8. Images                                                  */
+/* ---------------------------------------------------------- */
+/* ---------------------------------------------------------- */
+/* 1, Container                                               */
+/* ---------------------------------------------------------- */
+.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);
+  color: var(--brand-color-text-default);
+}
+/* ---------------------------------------------------------- */
+/* 2. Element spacing                                         */
+/* ---------------------------------------------------------- */
+.Primer_Brand__Prose-module__Prose___X2BXE * + * {
+  -webkit-margin-before: 1em;
+  -webkit-margin-before: var(--spacing, 1em);
+          margin-top: 1em;
+          margin-top: var(--spacing, 1em);
+}
+/* ---------------------------------------------------------- */
+/* 3. Line-length control                                     */
+/* ---------------------------------------------------------- */
+.Primer_Brand__Prose-module__Prose--lineLength___ws7gn {
+  max-width: var(--brand-Prose-lineLength);
+}
+/* ---------------------------------------------------------- */
+/* 4. Headings                                                */
+/* ---------------------------------------------------------- */
+.Primer_Brand__Prose-module__Prose___X2BXE h1 {
+  font-weight: var(--brand-text-weight-900);
+  font-size: var(--brand-text-size-900);
+  line-height: var(--brand-text-lineHeight-900);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-text-letterSpacing-900);
+}
+.Primer_Brand__Prose-module__Prose--lineLength___ws7gn h1 {
+  max-width: 22ch;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h2 {
+  font-weight: var(--brand-text-weight-800);
+  font-size: var(--brand-text-size-800);
+  line-height: var(--brand-text-lineHeight-800);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-text-letterSpacing-800);
+}
+.Primer_Brand__Prose-module__Prose--lineLength___ws7gn h2 {
+  max-width: 26ch;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h3 {
+  font-weight: var(--brand-heading-weight-700);
+  font-size: var(--brand-text-size-700);
+  line-height: var(--brand-heading-lineHeight-700);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-700);
+}
+.Primer_Brand__Prose-module__Prose--lineLength___ws7gn h1 {
+  max-width: 32ch;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h4 {
+  --spacing: var(--base-size-48);
+  font-weight: var(--brand-heading-weight-600);
+  font-size: var(--brand-text-size-600);
+  line-height: var(--brand-text-lineHeight-600);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-600);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h5 {
+  --spacing: var(--base-size-48);
+  font-weight: var(--brand-heading-weight-500);
+  font-size: var(--brand-text-size-500);
+  line-height: var(--brand-text-lineHeight-500);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-500);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h6 {
+  --spacing: var(--base-size-48);
+  font-weight: var(--brand-heading-weight-400);
+  font-size: var(--brand-text-size-400);
+  line-height: var(--brand-text-lineHeight-400);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-400);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h1 {
+  --spacing: var(--base-size-64);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h2 {
+  --spacing: var(--base-size-64);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h3 {
+  --spacing: var(--base-size-64);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h1 + * {
+  --spacing: var(--base-size-24);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h2 + * {
+  --spacing: var(--base-size-24);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE h3 + * {
+  --spacing: var(--base-size-24);
+}
+/* ---------------------------------------------------------- */
+/* 5. Paragraphs                                              */
+/* ---------------------------------------------------------- */
+.Primer_Brand__Prose-module__Prose___X2BXE p {
+  --spacing: var(--base-size-24);
+}
+/* ---------------------------------------------------------- */
+/* 6. Lists                                                   */
+/* ---------------------------------------------------------- */
+[dir="ltr"] .Primer_Brand__Prose-module__Prose___X2BXE ul,[dir="ltr"]
+.Primer_Brand__Prose-module__Prose___X2BXE ol {
+          margin-left: var(--base-size-24);
+}
+[dir="rtl"] .Primer_Brand__Prose-module__Prose___X2BXE ul,[dir="rtl"]
+.Primer_Brand__Prose-module__Prose___X2BXE ol {
+          margin-right: var(--base-size-24);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE ul,
+.Primer_Brand__Prose-module__Prose___X2BXE ol {
+  --spacing: var(--base-size-16);
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-size-8);
+  padding: 0;
+  -webkit-margin-start: var(--base-size-24);
+  line-height: var(--brand-text-lineHeight-300);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE ul {
+  list-style-type: image;
+  list-style-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 focusable=%27false%27 role=%27img%27 viewBox=%270 -3 16 16%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 style=%27display: inline-block; vertical-align: text-bottom; overflow: visible;%27%3e%3cpath d=%27M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z%27%3e%3c/path%3e%3c/svg%3e");
+}
+.Primer_Brand__Prose-module__Prose___X2BXE li {
+  --spacing: 0;
+}
+/* ---------------------------------------------------------- */
+/* 7. Inline elements                                         */
+/* ---------------------------------------------------------- */
+.Primer_Brand__Prose-module__Prose___X2BXE strong {
+  font-weight: var(--brand-text-weight-800);
+}
+.Primer_Brand__Prose-module__Prose___X2BXE em {
+  font-variation-settings: 'ital' 10;
+  font-synthesis: none;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE a {
+  color: var(--brand-InlineLink-color-rest);
+  text-decoration: none;
+  position: relative;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE a:hover {
+  text-decoration: none;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE a::after {
+  content: '';
+  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-InlineLink-color-rest);
+  height: 0;
+  transition: var(--brand-InlineLink-transition-timing) transform;
+  transform: scaleY(var(--brand-InlineLink-transition-scale-start));
+  transform-origin: 50% 100%;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.Primer_Brand__Prose-module__Prose___X2BXE a:hover::after {
+  transform: scaleY(var(--brand-InlineLink-transition-scale-end));
+}
+.Primer_Brand__Prose-module__Prose___X2BXE a:active::after {
+  border-color: var(--brand-InlineLink-color-pressed);
+}
+/* ---------------------------------------------------------- */
+/* 8. Images                                                  */
+/* ---------------------------------------------------------- */
+.Primer_Brand__Prose-module__Prose___X2BXE img {
+  --spacing: var(--brand-Prose-img-spacing);
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin-left: auto;
+  margin-right: auto;
+  -webkit-margin-after: var(--spacing);
+          margin-bottom: var(--spacing);
+}
+/**
+ * Do not edit directly
+ * Generated on Mon, 03 Jul 2023 09:13:43 GMT
+ */
+:root {
+  --brand-Prose-img-spacing: var(--brand-size-48);
+  --brand-Prose-lineLength: 68ch;
+}