@primer/react-brand 0.53.0-rc.ca2c46ef → 0.53.0

package/lib/css/main.css

@@ -78,7 +78,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -219,7 +219,7 @@ html {
 }
 
 [data-color-mode="dark"] {
-  --base-color-scale-black-0: #010409;
+  --base-color-scale-black-0: #000000;
   --base-color-scale-transparent: rgba(0,0,0,0);
   --base-color-scale-white-0: #ffffff;
   --base-color-scale-gray-0: #f0f6fc;
@@ -356,7 +356,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -383,7 +383,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -399,7 +399,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -536,7 +536,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -550,7 +550,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -569,7 +569,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -621,7 +621,7 @@ html {
   --brand-color-neutral-emphasis: var(--base-color-scale-gray-4);
   --brand-color-neutral-muted: rgba(110,118,129,0.99608);
   --brand-color-neutral-subtle: rgba(110,118,129,1);
-  --brand-color-canvas-default: var(--base-color-scale-gray-9);
+  --brand-color-canvas-default: var(--base-color-scale-black-0);
   --brand-color-canvas-overlay: var(--base-color-scale-gray-8);
   --brand-color-canvas-inset: var(--base-color-scale-black-0);
   --brand-color-canvas-subtle: var(--base-color-scale-gray-8);
@@ -989,7 +989,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -1611,7 +1611,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -1904,7 +1904,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -2226,7 +2226,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -2253,7 +2253,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -3009,7 +3009,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -3854,7 +3854,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -4046,7 +4046,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -4057,7 +4057,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -4785,7 +4785,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -5550,7 +5550,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -5578,7 +5578,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -5594,7 +5594,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -5757,7 +5757,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -5773,7 +5773,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -6160,7 +6160,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -6169,7 +6169,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -6187,7 +6187,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -6319,7 +6319,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -7475,7 +7475,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -7489,7 +7489,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -7783,7 +7783,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -7799,7 +7799,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -8544,7 +8544,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -8560,7 +8560,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -8783,7 +8783,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -8931,7 +8931,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -9235,7 +9235,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -9271,7 +9271,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -9339,7 +9339,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -9350,7 +9350,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -9667,7 +9667,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -10296,7 +10296,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -10307,7 +10307,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -13540,7 +13540,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -13560,7 +13560,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -13596,7 +13596,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -13616,7 +13616,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -13894,7 +13894,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -13908,7 +13908,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -13922,7 +13922,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -16098,7 +16098,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -16122,7 +16122,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -16557,7 +16557,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -16572,16 +16572,24 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
 [data-color-mode="light"] {
-  --brand-PricingOptions-item-bgColor: var(--brand-color-canvas-subtle);
+  --brand-PricingOptions-borderMask: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
+  --brand-PricingOptions-item-bgColor-solid: var(--brand-color-canvas-subtle);
+  --brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
+  --brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
+  --brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
 }
 
 [data-color-mode="dark"] {
-  --brand-PricingOptions-item-bgColor: var(--brand-color-canvas-subtle);
+  --brand-PricingOptions-borderMask: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4));
+  --brand-PricingOptions-item-bgColor-solid: var(--brand-color-canvas-subtle);
+  --brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
+  --brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
+  --brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
 }
 
 /* ---------------------------------------------------------- */
@@ -16595,8 +16603,7 @@ Fixes safari bug where outline doesn't respect border-radius
   /* prettier-ignore */
   --brand-pricing-options-template-areas: 
     'leadingComponent'
-    'label'
-    'heading'
+    'header'
     'description'
     'price'
     'actions'
@@ -16607,8 +16614,7 @@ Fixes safari bug where outline doesn't respect border-radius
   /* prettier-ignore */
   --brand-pricing-options-template-areas-single-item: 
     'leadingComponent actions'
-      'label actions'
-      'heading actions'
+      'header actions'
       'description actions'
       'price actions'
       'feature-list actions';
@@ -16637,33 +16643,58 @@ Fixes safari bug where outline doesn't respect border-radius
 /* Layout: default                                         */
 /* ---------------------------------------------------------- */
 
-.Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku {
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
+  position: relative;
   border-radius: var(--brand-borderRadius-xlarge);
-  border: solid var(--brand-borderWidth-thin) var(--brand-color-border-default);
-  background-color: var(--brand-PricingOptions-item-bgColor);
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
+  border: solid 1px var(--brand-color-border-default);
+  background-color: var(--brand-PricingOptions-item-bgColor-solid);
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ,
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+  background: linear-gradient(
+    180deg,
+    var(--brand-PricingOptions-item-bgColor-gradient-start) 0%,
+    var(--brand-PricingOptions-item-bgColor-gradient-end) 100%
+  );
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ::before,
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
+  position: absolute;
+  content: '';
+  inset: 0;
+  pointer-events: none;
+  border-radius: inherit;
+  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
+          mask-image: var(--brand-PricingOptions-borderMask);
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
 }
 
 @media (min-width: 63.25rem) {
-  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
     padding-inline: var(--brand-pricing-options-container-padding-inline);
   }
 }
 
-.Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
   position: relative; /* Used for positioning the divider between items */
   padding-inline: var(--base-size-24);
-  padding-block: var(--base-size-24);
+  padding-block: var(--base-size-20);
 }
 
 @media (min-width: 63.25rem) {
-  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
     padding-inline: 0;
     padding-block: var(--base-size-40);
   }
 }
 
 /* Horizontal divider between items on small viewports */
-.Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
   content: '';
   position: absolute;
   inset-inline: 0;
@@ -16673,7 +16704,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /* Vertical divider between items on larger viewports */
 @media (min-width: 63.25rem) {
-  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
     inset-inline: 0;
     inset-block: 0;
     width: 1px;
@@ -16681,20 +16712,29 @@ Fixes safari bug where outline doesn't respect border-radius
     margin-block-start: 0;
     margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
   }
+
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
+    -webkit-mask-image: var(--brand-PricingOptions-borderMask);
+            mask-image: var(--brand-PricingOptions-borderMask);
+  }
 }
 
 /* ---------------------------------------------------------- */
 /* Layout: cards                                           */
 /* ---------------------------------------------------------- */
 
-.Primer_Brand__PricingOptions-module__PricingOptions--variant-cards___qUWf4 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+  position: relative;
   padding-inline: var(--base-size-32);
   border-radius: var(--brand-borderRadius-xlarge);
-  border: solid 1px var(--brand-color-border-default);
-  background-color: var(--brand-PricingOptions-item-bgColor);
   padding-block: var(--base-size-32);
 }
 
+.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
+  background-color: var(--brand-PricingOptions-item-bgColor-solid);
+  border: solid var(--brand-borderWidth-thin) var(--brand-color-border-default);
+}
+
 /* ---------------------------------------------------------- */
 /* Single item                                             */
 /* ---------------------------------------------------------- */
@@ -16726,7 +16766,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /* ---------------------------------------------------------- */
 
 @media (min-width: 48rem) {
-  :where(.Primer_Brand__PricingOptions-module__PricingOptions--variant-cards___qUWf4).Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
+  :where(.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc).Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
     display: grid;
     grid-column-gap: var(--brand-pricing-options-item-gap);
     -moz-column-gap: var(--brand-pricing-options-item-gap);
@@ -16746,16 +16786,16 @@ Fixes safari bug where outline doesn't respect border-radius
     row-gap: 0;
   }
 
-  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
     --brand-pricing-options-item-gap: var(--brand-PricingOptions-items2-gap);
     --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items2-container-padding-inline);
   }
 
-  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
     --brand-pricing-options-item-gap: var(--brand-PricingOptions-items3-gap);
     --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items3-container-padding-inline);
   }
-  .Primer_Brand__PricingOptions-module__PricingOptions--variant-default___OF1Ku.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
     --brand-pricing-options-item-gap: var(--brand-PricingOptions-items4-gap);
     --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items4-container-padding-inline);
   }
@@ -16772,7 +16812,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 @media (min-width: 63.25rem) {
   .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
-    grid-row: label / footnote;
+    grid-row: header / footnote;
     grid-template-rows: subgrid;
   }
 
@@ -16814,6 +16854,63 @@ Fixes safari bug where outline doesn't respect border-radius
 /* Content                                                 */
 /* ---------------------------------------------------------- */
 
+.Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
+  display: flex;
+  grid-area: header;
+  row-gap: var(--base-size-16);
+}
+
+/* When item is left-aligned, place the label next to the heading if it fits, and stack it if it doesn't */
+.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
+  flex-wrap: wrap-reverse;
+  align-items: center;
+  -moz-column-gap: var(--base-size-16);
+       column-gap: var(--base-size-16);
+  margin-block-end: var(--base-size-16);
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
+  --brand-Label-color: var(--brand-color-accent-primary);
+  --brand-Label-color-start: var(--brand-color-accent-primary-start);
+  --brand-Label-color-end: var(--brand-color-accent-primary-end);
+  flex: 0 0 auto;
+  order: 2;
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
+  margin-block: var(--base-size-16);
+  flex: 0 1 auto;
+  order: 1;
+  align-self: flex-start;
+}
+
+@media (min-width: 63.24rem) {
+  .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
+    margin-block: 0;
+  }
+}
+
+/* When item is centered, stack the label on top the heading */
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
+  --brand-Label-color: var(--brand-color-accent-primary);
+  --brand-Label-color-start: var(--brand-color-accent-primary-start);
+  --brand-Label-color-end: var(--brand-color-accent-primary-end);
+  order: 1;
+  margin: 0 auto;
+}
+
+.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
+  margin-block-start: 0;
+  margin-block-end: var(--base-size-16);
+  order: 2;
+}
+
 .Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
   grid-row: leadingComponent;
 }
@@ -16827,13 +16924,15 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Label-color-start: var(--brand-color-accent-primary-start);
   --brand-Label-color-end: var(--brand-color-accent-primary-end);
 
-  grid-row: label;
-  justify-self: flex-start;
+  flex: 0 0 auto;
+  order: 2;
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
-  grid-row: heading;
   margin-block: var(--base-size-16);
+  flex: 0 1 auto; /* Minimum width before wrapping */
+  order: 1;
+  align-self: flex-start;
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__description___hb2GR {
@@ -16844,30 +16943,29 @@ Fixes safari bug where outline doesn't respect border-radius
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
-  -moz-column-gap: var(--base-size-12);
-       column-gap: var(--base-size-12);
   grid-row: price;
-  padding-block: var(--base-size-24);
+  padding-block-start: var(--base-size-20);
+  padding-block-end: var(--base-size-8);
 }
 
-.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___Fv4Ny {
-  line-height: var(--brand-text-lineHeight-400);
+@media (max-width: 63.25rem) {
+  .Primer_Brand__PricingOptions-module__PricingOptions__price-value___XH4vo,
+  .Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___Fv4Ny {
+    font-size: var(--brand-text-size-900);
+  }
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
-  align-self: flex-end;
-}
-
-.Primer_Brand__PricingOptions-module__PricingOptions__price-value___XH4vo {
-  font-size: 3.5rem;
-  line-height: 1;
+  margin-inline-start: var(--base-size-4);
+  color: var(--brand-color-text-muted);
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__price-original-price___C9hzM {
   display: inline-flex;
-  align-self: flex-end;
+  align-self: center;
   -webkit-text-decoration: none;
   text-decoration: none;
+  margin-inline-start: var(--base-size-8);
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__price-original-price-value___Xtjg8 {
@@ -16886,13 +16984,13 @@ Fixes safari bug where outline doesn't respect border-radius
   flex-direction: column;
   gap: var(--base-size-8);
   align-items: flex-end;
-  padding-block-start: var(--base-size-24);
+  padding-block-start: var(--base-size-20);
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
   grid-row: footnote;
   display: block;
-  margin-block-start: var(--base-size-40);
+  margin-block-start: var(--base-size-8);
 }
 
 /* ---------------------------------------------------------- */
@@ -16904,24 +17002,26 @@ Fixes safari bug where outline doesn't respect border-radius
   flex-direction: column;
   gap: var(--base-size-8);
   grid-row: feature-list;
-  margin-block-start: var(--base-size-24);
+  margin-block-start: var(--base-size-20);
+  padding-block-start: var(--base-size-20);
   width: 100%;
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
   border-block-start: solid 1px var(--brand-color-border-default);
   margin: 0;
-  margin-block-start: var(--base-size-24);
+  margin-block-start: var(--base-size-20);
   padding-block-start: var(--base-size-40);
   padding-inline: 0;
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
-  margin-block-start: var(--base-size-24);
+  margin-block-start: var(--base-size-20);
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
-  color: var(--brand-color-accent-primary);
+  color: var(--brand-PricingOptions-featureList-group-heading-color);
+  margin-block-start: var(--base-size-12);
   margin-block-end: var(--base-size-8);
 }
 
@@ -16930,14 +17030,14 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
-  margin-block-start: var(--base-size-24);
+  margin-block-start: var(--base-size-20);
 }
 
 /*
  * Accordion component overrides
  */
 
-/* Remove paddings and borders */
+/*  paddings and borders */
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF {
   border: 0;
   padding: 0;
@@ -16950,7 +17050,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /* Adjust heading spacing */
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
-  padding: var(--base-size-16) 0;
+  padding: var(--base-size-8) 0;
   padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
   margin-block-start: calc(var(--base-size-16) * -1);
   margin-block-end: var(--base-size-8);
@@ -16958,9 +17058,8 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /* Accordion heading styling */
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
-  color: var(--brand-color-text-muted);
-  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);
   gap: var(--base-size-8);
   display: inline-flex;
   align-items: center;
@@ -16974,7 +17073,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /* Adjust content paddings */
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content___hCzO7 {
   padding: 0;
-  padding-block-start: var(--base-size-40);
+  padding-block-start: var(--base-size-8);
   padding-inline-start: 0 !important;
 }
 
@@ -16985,7 +17084,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -16994,7 +17093,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -17201,7 +17300,8 @@ Fixes safari bug where outline doesn't respect border-radius
   text-decoration: none !important; /* dotcom override */
 }
 
-.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
+.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
   content: '';
   position: absolute;
   bottom: calc(var(--base-size-2) * -1);
@@ -17323,6 +17423,11 @@ Fixes safari bug where outline doesn't respect border-radius
     padding-block-end: var(--base-size-16);
   }
 
+  .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
+    border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+    margin-block-start: var(--base-size-16);
+  }
+
   .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
     color: var(--brand-color-text-default);
   }
@@ -17344,6 +17449,10 @@ Fixes safari bug where outline doesn't respect border-radius
     justify-content: end;
   }
 
+  .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___AxXKr) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
+    margin-block-start: var(--base-size-12);
+  }
+
   .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
     justify-content: space-between;
     width: 100%;
@@ -17480,12 +17589,29 @@ Fixes safari bug where outline doesn't respect border-radius
 
 .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible,
 .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
 .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
 .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
   outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
   outline-offset: var(--base-size-2);
 }
 
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
+  display: block;
+  position: relative;
+}
+
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
+  border-color: var(--brand-color-text-default);
+  opacity: 1;
+  transform: scale(0.8, 1);
+}
+
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
+  opacity: 0;
+}
+
 @media screen and (min-width: 48rem) {
   .Primer_Brand__SubNav-module__SubNav___dVoQu {
     padding: var(--base-size-16) var(--base-size-24);
@@ -17546,6 +17672,11 @@ Fixes safari bug where outline doesn't respect border-radius
     margin-inline-end: var(--base-size-20);
   }
 
+  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
+    font-size: var(--brand-text-size-100);
+    line-height: var(--brand-text-lineHeight-100);
+  }
+
   .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
     align-items: center;
     display: flex;
@@ -17717,7 +17848,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -17726,7 +17857,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -18184,7 +18315,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -18283,7 +18414,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -18653,7 +18784,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,
@@ -18667,7 +18798,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root {
@@ -18854,7 +18985,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -19105,7 +19236,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:18 GMT
+ * Generated on Fri, 09 May 2025 16:03:49 GMT
  */
 
 :root {
@@ -19116,7 +19247,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 09 May 2025 09:38:19 GMT
+ * Generated on Fri, 09 May 2025 16:03:50 GMT
  */
 
 :root,