npm - @primer/react-brand - Versions diffs - 0.29.0-rc.fdfeb90 → 0.29.0 - Mend

@primer/react-brand 0.29.0-rc.fdfeb90 → 0.29.0

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 (284) hide show

package/lib/css/main.css CHANGED Viewed

@@ -89,7 +89,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -367,7 +367,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -392,7 +392,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -408,7 +408,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -540,7 +540,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -554,7 +554,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -573,7 +573,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -708,18 +708,22 @@ select {
 }
 .Primer_Brand__Hero-module__Hero-description___vG4iA {
-  margin: 1.5rem 0 0;
+  margin: var(--base-size-24) 0 0;
   max-width: 50ch;
 }
 .Primer_Brand__Hero-module__Hero-actions___oH1NT {
-  margin-top: 2rem;
+  margin-top: var(--base-size-32);
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: var(--base-size-16);
 }
+.Primer_Brand__Hero-module__Hero-eyebrow___NLX6a {
+  margin-bottom: var(--base-size-32);
+}
 /* Small breakpoint and up */
 @media screen and (min-width: 34rem) {
   .Primer_Brand__Hero-module__Hero___EM3jf {
@@ -951,7 +955,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -1518,7 +1522,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -1745,7 +1749,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -2004,7 +2008,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -2030,7 +2034,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -2788,7 +2792,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -3624,7 +3628,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -3645,7 +3649,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -3655,7 +3659,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -4574,7 +4578,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -4602,7 +4606,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -4618,7 +4622,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -4640,7 +4644,9 @@ select {
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
+  font-size: inherit;
   font-weight: inherit;
+  line-height: inherit;
   color: var(--brand-InlineLink-color-rest);
 }
@@ -4740,7 +4746,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -4756,7 +4762,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -4777,7 +4783,6 @@ select {
 .Primer_Brand__Accordion-module__Accordion___M_LPt {
   box-sizing: border-box;
   position: relative;
-  background: var(--color-scale-blue-0);
 }
 .Primer_Brand__Accordion-module__Accordion--default___wLsHR {
@@ -5003,7 +5008,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -5012,7 +5017,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -5030,7 +5035,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -5161,7 +5166,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -6262,7 +6267,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -6276,7 +6281,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -6486,7 +6491,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -6502,7 +6507,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -6820,7 +6825,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -7237,7 +7242,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -7415,7 +7420,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -7542,7 +7547,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -7672,7 +7677,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -7683,7 +7688,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -8107,7 +8112,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -8551,7 +8556,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -8562,7 +8567,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -12796,7 +12801,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -12814,7 +12819,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -12850,7 +12855,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -12866,7 +12871,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -13091,7 +13096,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:50 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root,
@@ -13105,7 +13110,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -13119,7 +13124,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 18:13:49 GMT
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
  */
 :root {
@@ -15292,3 +15297,466 @@ html {
   padding-top: 0;
 }
+/**
+ * Do not edit directly
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
+ */
+:root {
+  --brand-EyebrowBanner-subHeading-size: var(--brand-text-size-100);
+  --brand-EyebrowBanner-heading-size: var(--brand-text-size-100);
+  --brand-EyebrowBanner-label-size: var(--brand-text-size-100);
+  --brand-EyebrowBanner-spacing-inner-inline: var(--base-size-16);
+  --brand-EyebrowBanner-spacing-inner-block: 0.875rem;
+  --brand-EyebrowBanner-borderRadius: var(--base-size-16);
+}
+@media (min-width: 768px) {
+  :root {
+    --brand-EyebrowBanner-subHeading-size: var(--brand-text-size-200);
+    --brand-EyebrowBanner-heading-size: var(--brand-text-size-200);
+    --brand-EyebrowBanner-label-size: var(--brand-text-size-200);
+    --brand-EyebrowBanner-spacing-inner-inline: var(--base-size-20);
+    --brand-EyebrowBanner-borderRadius: 6.25rem;
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Mon, 06 Nov 2023 09:32:06 GMT
+ */
+:root,
+[data-color-mode="light"] {
+  --brand-Eyebrowbanner-bgColor-rest: rgba(255,255,255,0.6);
+  --brand-Eyebrowbanner-borderColor-rest: var(--brand-color-border-default);
+  --brand-Eyebrowbanner-heading-fgColor: var(--brand-color-text-default);
+  --brand-Eyebrowbanner-subHeading-fgColor: var(--brand-color-text-muted);
+  --brand-Eyebrowbanner-icon-background-default: var(--base-color-scale-gray-0);
+  --brand-Eyebrowbanner-icon-background-blue: var(--base-color-scale-blue-0);
+  --brand-Eyebrowbanner-icon-background-coral: var(--base-color-scale-coral-0);
+  --brand-Eyebrowbanner-icon-background-green: var(--base-color-scale-green-0);
+  --brand-Eyebrowbanner-icon-background-gray: var(--base-color-scale-gray-0);
+  --brand-Eyebrowbanner-icon-background-indigo: var(--base-color-scale-indigo-0);
+  --brand-Eyebrowbanner-icon-background-lemon: var(--base-color-scale-lemon-0);
+  --brand-Eyebrowbanner-icon-background-lime: var(--base-color-scale-lime-0);
+  --brand-Eyebrowbanner-icon-background-orange: var(--base-color-scale-orange-0);
+  --brand-Eyebrowbanner-icon-background-pink: var(--base-color-scale-pink-0);
+  --brand-Eyebrowbanner-icon-background-purple: var(--base-color-scale-purple-0);
+  --brand-Eyebrowbanner-icon-background-red: var(--base-color-scale-red-0);
+  --brand-Eyebrowbanner-icon-background-teal: var(--base-color-scale-teal-0);
+  --brand-Eyebrowbanner-icon-background-yellow: var(--base-color-scale-yellow-0);
+  --brand-Eyebrowbanner-fgColor-default-start: var(--base-color-scale-purple-5);
+  --brand-Eyebrowbanner-fgColor-default-middle: var(--base-color-scale-pink-5);
+  --brand-Eyebrowbanner-fgColor-default-end: var(--base-color-scale-red-5);
+  --brand-Eyebrowbanner-fgColor-blue: var(--base-color-scale-blue-5);
+  --brand-Eyebrowbanner-fgColor-blue-purple-start: var(--base-color-scale-blue-5);
+  --brand-Eyebrowbanner-fgColor-blue-purple-end: var(--base-color-scale-purple-5);
+  --brand-Eyebrowbanner-fgColor-coral: var(--base-color-scale-coral-5);
+  --brand-Eyebrowbanner-fgColor-green: var(--base-color-scale-green-5);
+  --brand-Eyebrowbanner-fgColor-green-blue-start: var(--base-color-scale-green-5);
+  --brand-Eyebrowbanner-fgColor-green-blue-end: var(--base-color-scale-blue-5);
+  --brand-Eyebrowbanner-fgColor-gray: var(--base-color-scale-gray-5);
+  --brand-Eyebrowbanner-fgColor-indigo: var(--base-color-scale-indigo-5);
+  --brand-Eyebrowbanner-fgColor-lemon: var(--base-color-scale-lemon-5);
+  --brand-Eyebrowbanner-fgColor-lime: var(--base-color-scale-lime-5);
+  --brand-Eyebrowbanner-fgColor-orange: var(--base-color-scale-orange-5);
+  --brand-Eyebrowbanner-fgColor-pink: var(--base-color-scale-pink-5);
+  --brand-Eyebrowbanner-fgColor-pink-blue-start: var(--base-color-scale-pink-5);
+  --brand-Eyebrowbanner-fgColor-pink-blue-end: var(--base-color-scale-blue-5);
+  --brand-Eyebrowbanner-fgColor-purple: var(--base-color-scale-purple-5);
+  --brand-Eyebrowbanner-fgColor-purple-red-start: var(--base-color-scale-purple-5);
+  --brand-Eyebrowbanner-fgColor-purple-red-end: var(--base-color-scale-red-5);
+  --brand-Eyebrowbanner-fgColor-red: var(--base-color-scale-red-5);
+  --brand-Eyebrowbanner-fgColor-red-orange-start: var(--base-color-scale-red-5);
+  --brand-Eyebrowbanner-fgColor-red-orange-end: var(--base-color-scale-orange-5);
+  --brand-Eyebrowbanner-fgColor-teal: var(--base-color-scale-teal-5);
+  --brand-Eyebrowbanner-fgColor-yellow: var(--base-color-scale-yellow-5);
+}
+[data-color-mode="dark"] {
+  --brand-Eyebrowbanner-bgColor-rest: rgba(13,17,23,0.6);
+  --brand-Eyebrowbanner-borderColor-rest: var(--base-color-scale-gray-5);
+  --brand-Eyebrowbanner-heading-fgColor: var(--brand-color-text-default);
+  --brand-Eyebrowbanner-subHeading-fgColor: var(--brand-color-text-muted);
+  --brand-Eyebrowbanner-icon-background-default: var(--base-color-scale-gray-6);
+  --brand-Eyebrowbanner-icon-background-blue: var(--base-color-scale-blue-8);
+  --brand-Eyebrowbanner-icon-background-coral: var(--base-color-scale-coral-8);
+  --brand-Eyebrowbanner-icon-background-green: var(--base-color-scale-green-8);
+  --brand-Eyebrowbanner-icon-background-gray: var(--base-color-scale-gray-6);
+  --brand-Eyebrowbanner-icon-background-indigo: var(--base-color-scale-indigo-8);
+  --brand-Eyebrowbanner-icon-background-lemon: var(--base-color-scale-lemon-8);
+  --brand-Eyebrowbanner-icon-background-lime: var(--base-color-scale-lime-8);
+  --brand-Eyebrowbanner-icon-background-orange: var(--base-color-scale-orange-8);
+  --brand-Eyebrowbanner-icon-background-pink: var(--base-color-scale-pink-8);
+  --brand-Eyebrowbanner-icon-background-purple: var(--base-color-scale-purple-8);
+  --brand-Eyebrowbanner-icon-background-red: var(--base-color-scale-red-8);
+  --brand-Eyebrowbanner-icon-background-teal: var(--base-color-scale-teal-8);
+  --brand-Eyebrowbanner-icon-background-yellow: var(--base-color-scale-yellow-8);
+  --brand-Eyebrowbanner-fgColor-default-start: var(--base-color-scale-purple-2);
+  --brand-Eyebrowbanner-fgColor-default-middle: var(--base-color-scale-pink-3);
+  --brand-Eyebrowbanner-fgColor-default-end: var(--base-color-scale-red-3);
+  --brand-Eyebrowbanner-fgColor-blue: var(--base-color-scale-blue-2);
+  --brand-Eyebrowbanner-fgColor-blue-purple-start: var(--base-color-scale-blue-2);
+  --brand-Eyebrowbanner-fgColor-blue-purple-end: var(--base-color-scale-purple-2);
+  --brand-Eyebrowbanner-fgColor-coral: var(--base-color-scale-coral-2);
+  --brand-Eyebrowbanner-fgColor-green: var(--base-color-scale-green-2);
+  --brand-Eyebrowbanner-fgColor-green-blue-start: var(--base-color-scale-green-2);
+  --brand-Eyebrowbanner-fgColor-green-blue-end: var(--base-color-scale-blue-2);
+  --brand-Eyebrowbanner-fgColor-gray: var(--base-color-scale-gray-2);
+  --brand-Eyebrowbanner-fgColor-indigo: var(--base-color-scale-indigo-2);
+  --brand-Eyebrowbanner-fgColor-lemon: var(--base-color-scale-lemon-2);
+  --brand-Eyebrowbanner-fgColor-lime: var(--base-color-scale-lime-2);
+  --brand-Eyebrowbanner-fgColor-orange: var(--base-color-scale-orange-2);
+  --brand-Eyebrowbanner-fgColor-pink: var(--base-color-scale-pink-2);
+  --brand-Eyebrowbanner-fgColor-pink-blue-start: var(--base-color-scale-pink-2);
+  --brand-Eyebrowbanner-fgColor-pink-blue-end: var(--base-color-scale-blue-2);
+  --brand-Eyebrowbanner-fgColor-purple: var(--base-color-scale-purple-2);
+  --brand-Eyebrowbanner-fgColor-purple-red-start: var(--base-color-scale-purple-2);
+  --brand-Eyebrowbanner-fgColor-purple-red-end: var(--base-color-scale-red-2);
+  --brand-Eyebrowbanner-fgColor-red: var(--base-color-scale-red-2);
+  --brand-Eyebrowbanner-fgColor-red-orange-start: var(--base-color-scale-red-2);
+  --brand-Eyebrowbanner-fgColor-red-orange-end: var(--base-color-scale-orange-2);
+  --brand-Eyebrowbanner-fgColor-teal: var(--base-color-scale-teal-2);
+  --brand-Eyebrowbanner-fgColor-yellow: var(--base-color-scale-yellow-2);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner___pFgEn {
+  display: inline-block;
+  align-self: flex-start;
+  text-decoration: none;
+  background: var(--brand-Eyebrowbanner-bgColor-rest);
+  border: var(--brand-borderWidth-thin) solid var(--brand-Eyebrowbanner-borderColor-rest);
+  padding: var(--brand-EyebrowBanner-spacing-inner-block) var(--brand-EyebrowBanner-spacing-inner-inline);
+  border-radius: var(--brand-EyebrowBanner-borderRadius);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner___pFgEn.Primer_Brand__EyebrowBanner-module__focus-visible___SSqEu {
+  transition: none;
+  outline: var(--base-size-4) solid var(--brand-color-focus);
+  outline-offset: 2px;
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner___pFgEn:focus-visible {
+  transition: none;
+  outline: var(--base-size-4) solid var(--brand-color-focus);
+  outline-offset: 2px;
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__inner___LiSah {
+  display: flex;
+  align-items: center;
+}
+[dir="ltr"] .Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___Tyish {
+  margin-left: var(--brand-EyebrowBanner-spacing-inner-inline);
+}
+[dir="rtl"] .Primer_Brand__EyebrowBanner-module__EyebrowBanner__headings___Tyish {
+  margin-right: var(--brand-EyebrowBanner-spacing-inner-inline);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___bPH2f {
+  display: flex;
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___bPH2f img,
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___bPH2f picture,
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingVisual___bPH2f svg {
+  height: var(--base-size-44);
+  width: auto;
+  max-width: var(--base-size-44);
+  max-height: var(--base-size-44);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual___vQJwY {
+  display: flex;
+}
+[dir="ltr"] .Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___m2rYL {
+  margin-left: var(--base-size-20);
+}
+[dir="rtl"] .Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___m2rYL {
+  margin-right: var(--base-size-20);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___m2rYL {
+  color: var(--brand-color-text-default);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__trailingVisual-icon___m2rYL {
+  fill: var(--brand-color-text-default);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel___JfbO4 {
+  display: flex;
+  font-family: var(--brand-body-fontFamily);
+  font-weight: var(--base-text-weight-bold);
+  font-size: var(--brand-EyebrowBanner-label-size);
+  line-height: 1em; /* for optical alignment */
+  letter-spacing: var(--brand-text-letterSpacing-200);
+  background: linear-gradient(
+    92deg,
+    var(--brand-Eyebrowbanner-fgColor-default-start) 12.09%,
+    var(--brand-Eyebrowbanner-fgColor-default-middle) 42.58%,
+    var(--brand-Eyebrowbanner-fgColor-default-end) 84.96%
+  );
+  background: linear-gradient(
+    92deg,
+    var(--brand-EyebrowBanner-leadingLabel-color-start, var(--brand-Eyebrowbanner-fgColor-default-start)) 12.09%,
+    var(--brand-EyebrowBanner-leadingLabel-color-middle, var(--brand-Eyebrowbanner-fgColor-default-middle)) 42.58%,
+    var(--brand-EyebrowBanner-leadingLabel-color-end, var(--brand-Eyebrowbanner-fgColor-default-end)) 84.96%
+  );
+  text-transform: uppercase;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue___gWZsh {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-blue-purple___jHrJf {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-blue-purple-start);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-blue-purple-end);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-coral___zDffR {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-coral);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-coral);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-coral);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green___KfjSH {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-green-blue___IT4vV {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-green-blue-start);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-green-blue-start);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-green-blue-end);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-gray___ZXNfp {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-gray);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-gray);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-gray);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-indigo___jRhXl {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-indigo);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-indigo);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-indigo);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lemon___VfgJy {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lemon);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lemon);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lemon);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-lime___QxCgJ {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-lime);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-lime);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-lime);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-orange___ctXEe {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-orange);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-orange);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-orange);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink___DK8mh {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-pink-blue___taquP {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-pink-blue-start);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-pink-blue-end);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple___SjSu3 {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-purple-red___mFOTU {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-purple-red-start);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-purple-red-start);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-purple-red-end);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red___fvZYM {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-red-orange___MoG8u {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-red-orange-start);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-red-orange-start);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-red-orange-end);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-teal___QCvJH {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-teal);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-teal);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-teal);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__leadingLabel--color-yellow___nHfOQ {
+  --brand-EyebrowBanner-leadingLabel-color-start: var(--brand-Eyebrowbanner-fgColor-yellow);
+  --brand-EyebrowBanner-leadingLabel-color-middle: var(--brand-Eyebrowbanner-fgColor-yellow);
+  --brand-EyebrowBanner-leadingLabel-color-end: var(--brand-Eyebrowbanner-fgColor-yellow);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__heading___gGjRD {
+  display: block;
+  color: var(--brand-Eyebrowbanner-heading-fgColor);
+  font-size: var(--brand-EyebrowBanner-heading-size);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__subHeading___EHr9v {
+  display: block;
+  color: var(--brand-Eyebrowbanner-subHeading-fgColor);
+  font-size: var(--brand-EyebrowBanner-subHeading-size);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  width: var(--base-size-44);
+  height: var(--base-size-44);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon___RlAjy svg {
+  width: var(--base-size-20);
+  height: var(--base-size-20);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___zjZm_ {
+  color: var(--brand-color-text-default);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-default___zjZm_.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-default);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___JEOeh {
+  color: var(--brand-Eyebrowbanner-fgColor-blue);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-blue___JEOeh.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-blue);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___f1EgJ {
+  color: var(--brand-Eyebrowbanner-fgColor-coral);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-coral___f1EgJ.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-coral);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green___l3tOa {
+  color: var(--brand-Eyebrowbanner-fgColor-green);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-green___l3tOa.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-green);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___DfR6X {
+  color: var(--brand-Eyebrowbanner-fgColor-gray);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-gray___DfR6X.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-gray);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___SwE_O {
+  color: var(--brand-Eyebrowbanner-fgColor-indigo);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-indigo___SwE_O.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-indigo);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon___uo7HU {
+  color: var(--brand-Eyebrowbanner-fgColor-lemon);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lemon___uo7HU.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-lemon);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___UoH_J {
+  color: var(--brand-Eyebrowbanner-fgColor-lime);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-lime___UoH_J.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-lime);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___Oakbb {
+  color: var(--brand-Eyebrowbanner-fgColor-orange);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-orange___Oakbb.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-orange);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___RtapL {
+  color: var(--brand-Eyebrowbanner-fgColor-pink);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-pink___RtapL.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-pink);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___qMl8t {
+  color: var(--brand-Eyebrowbanner-fgColor-purple);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-purple___qMl8t.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-purple);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red___jbmX3 {
+  color: var(--brand-Eyebrowbanner-fgColor-red);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-red___jbmX3.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-red);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal___iB9Rw {
+  color: var(--brand-Eyebrowbanner-fgColor-teal);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-teal___iB9Rw.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-teal);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___Jt5i1 {
+  color: var(--brand-Eyebrowbanner-fgColor-yellow);
+}
+.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--color-yellow___Jt5i1.Primer_Brand__EyebrowBanner-module__EyebrowBanner__icon--badge___P_sDD {
+  background-color: var(--brand-Eyebrowbanner-icon-background-yellow);
+}