@primer/react-brand 0.29.0-rc.520f636 → 0.29.0-rc.5984bc3

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -392,7 +392,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -408,7 +408,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -540,7 +540,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -554,7 +554,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -573,7 +573,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 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 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -1518,7 +1522,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -1745,7 +1749,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -2004,7 +2008,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -2030,7 +2034,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -2788,7 +2792,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -3624,7 +3628,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -3645,7 +3649,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -3655,7 +3659,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -4574,7 +4578,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -4602,7 +4606,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -4618,7 +4622,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 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 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -4756,7 +4762,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -5003,7 +5009,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -5012,7 +5018,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -5030,7 +5036,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -5161,7 +5167,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -6262,7 +6268,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -6276,7 +6282,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -6486,7 +6492,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -6502,7 +6508,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -6820,7 +6826,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -7237,7 +7243,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -7415,7 +7421,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -7542,7 +7548,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -7672,7 +7678,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -7683,7 +7689,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -8107,7 +8113,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -8551,7 +8557,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -8562,7 +8568,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -12796,7 +12802,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -12814,7 +12820,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -12850,7 +12856,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -12866,7 +12872,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -13091,7 +13097,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root,
@@ -13105,7 +13111,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -13119,7 +13125,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 20:12:18 GMT
+ * Generated on Fri, 03 Nov 2023 15:27:19 GMT
  */
 
 :root {
@@ -15292,3 +15298,466 @@ html {
   padding-top: 0;
 }
 
+/**
+ * Do not edit directly
+ * Generated on Fri, 03 Nov 2023 15:27:19 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 Fri, 03 Nov 2023 15:27:19 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);
+}
+