@primer/react-brand 0.44.1 → 0.45.0-rc.055bde67

package/lib/css/main.css

@@ -82,7 +82,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -360,7 +360,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:18 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -387,7 +387,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:18 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -403,7 +403,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:18 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -535,7 +535,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -549,7 +549,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -568,7 +568,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -955,7 +955,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -1506,7 +1506,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -1772,7 +1772,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -2051,7 +2051,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:18 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -2078,7 +2078,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -2834,7 +2834,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -3679,7 +3679,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -3700,7 +3700,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -3711,7 +3711,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:18 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -4413,7 +4413,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5166,7 +5166,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5194,7 +5194,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5210,7 +5210,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -5329,7 +5329,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5345,7 +5345,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5572,7 +5572,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -5581,7 +5581,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5599,7 +5599,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -5730,7 +5730,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -6826,7 +6826,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -6840,11 +6840,13 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
 [data-color-mode="light"] {
+  --brand-Testimonial-borderMask-default: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
+  --brand-Testimonial-borderMask-subtle: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
   --brand-Testimonial-quoteMarkColor-default: var(--brand-color-text-default);
   --brand-Testimonial-quoteMarkColor-blue: var(--base-color-scale-blue-5);
   --brand-Testimonial-quoteMarkColor-blue-purple-start: var(--base-color-scale-blue-5);
@@ -6872,6 +6874,8 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 [data-color-mode="dark"] {
+  --brand-Testimonial-borderMask-default: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
+  --brand-Testimonial-borderMask-subtle: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
   --brand-Testimonial-quoteMarkColor-default: var(--brand-color-text-default);
   --brand-Testimonial-quoteMarkColor-blue: var(--base-color-scale-blue-2);
   --brand-Testimonial-quoteMarkColor-blue-purple-start: var(--base-color-scale-blue-2);
@@ -6904,6 +6908,59 @@ Fixes safari bug where outline doesn't respect border-radius
   font-family: var(--brand-fontStack-sansSerif);
 }
 
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc,
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 {
+  position: relative;
+  border-radius: var(--brand-borderRadius-xlarge);
+  padding: var(--base-size-48) var(--base-size-32);
+}
+
+@media screen and (min-width: 48rem) {
+  .Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc,
+  .Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 {
+    padding: var(--base-size-48);
+  }
+}
+
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c,
+  .Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c {
+    padding: var(--base-size-96) var(--base-size-128);
+  }
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc {
+  background-color: var(--brand-color-canvas-subtle);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 {
+  background-color: var(--brand-color-canvas-default);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc::before,
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: '';
+  border-radius: inherit;
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc::before {
+  -webkit-mask-image: var(--brand-Testimonial-borderMask-subtle);
+          mask-image: var(--brand-Testimonial-borderMask-subtle);
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+}
+
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4::before {
+  -webkit-mask-image: var(--brand-Testimonial-borderMask-default);
+          mask-image: var(--brand-Testimonial-borderMask-default);
+  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
+}
+
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
   --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(
     circle at top left,
@@ -7077,7 +7134,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -7093,7 +7150,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -7411,7 +7468,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -7515,6 +7572,12 @@ html {
 
 /* Up to large breakpoint */
 @media screen and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ:not(.Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk) .Primer_Brand__AnchorNav-module__AnchorNav-inner-container___lshlZ {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
   .Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ {
     background-color: var(--brand-color-canvas-default);
   }
@@ -7534,6 +7597,14 @@ html {
   }
 }
 
+@media screen and (min-width: 40rem) and (max-width: 63.25rem) {
+  .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq:not(.Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer--no-offset___xn5H8) {
+    position: absolute;
+    top: var(--base-size-8);
+    right: 0;
+  }
+}
+
 /* Large breakpoint and up */
 @media screen and (min-width: 63.25rem) {
   .Primer_Brand__AnchorNav-module__AnchorNav___bwgAJ {
@@ -7819,14 +7890,6 @@ html {
   }
 }
 
-@media screen and (min-width: 40rem) and (max-width: 63.25rem) {
-  .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq {
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-}
-
 @media screen and (min-width: 40rem) {
   .Primer_Brand__AnchorNav-module__AnchorNav__actionsContainer___jgpnq {
     gap: var(--base-size-16);
@@ -7851,7 +7914,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8071,7 +8134,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8207,7 +8270,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8459,7 +8522,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -8495,7 +8558,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8563,7 +8626,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -8574,7 +8637,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8826,7 +8889,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -9364,7 +9427,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -9375,7 +9438,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12544,7 +12607,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -12564,7 +12627,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12600,7 +12663,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12620,7 +12683,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -12886,7 +12949,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12900,7 +12963,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -12914,7 +12977,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -15090,7 +15153,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -15114,7 +15177,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -15537,7 +15600,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -15550,7 +15613,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -15927,7 +15990,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -15936,7 +15999,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -16238,6 +16301,10 @@ html {
     z-index: 9998;
   }
 
+  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp:not(.Primer_Brand__SubNav-module__SubNav__heading-separator--has-adjacent-label___F3S2G) {
+    display: none;
+  }
+
   .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
     position: relative;
     display: flex;
@@ -16601,7 +16668,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -16610,7 +16677,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17034,7 +17101,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17133,7 +17200,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17480,7 +17547,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17494,7 +17561,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:19 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -17681,7 +17748,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 14:06:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -17926,3 +17993,101 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
   gap: var(--base-size-4);
 }
 
+/**
+ * Do not edit directly
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
+ */
+
+:root {
+  --brand-FrostedGlassVFX-blurIntensity-high: var(--base-size-80);
+  --brand-FrostedGlassVFX-blurIntensity-medium: var(--base-size-48);
+  --brand-FrostedGlassVFX-blurIntensity-low: var(--base-size-12);
+}
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-FrostedGlassVFX-bgColor: rgba(255, 255, 255, 0.7);
+  --brand-FrostedGlassVFX-boxShadow: 0 4px 10px 0 rgba(0, 0, 0, 0.02);
+  --brand-FrostedGlassVFX-borderMask: linear-gradient(to bottom, rgba(216,222,228,0.50196), rgba(216,222,228,0.36863) 100%);
+}
+
+[data-color-mode="dark"] {
+  --brand-FrostedGlassVFX-bgColor: rgba(156, 156, 156, 0.1);
+  --brand-FrostedGlassVFX-boxShadow: 0 4px 10px 0 rgba(0, 0, 0, 0.02);
+  --brand-FrostedGlassVFX-borderMask: linear-gradient(#000 0, #000 0) exclude, linear-gradient(#000 0, #000 0) content-box;
+}
+
+@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
+[data-color-mode="dark"] {
+  --brand-FrostedGlassVFX-borderMask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
+}
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___DrCGZ {
+  position: relative;
+  background-color: var(--brand-FrostedGlassVFX-bgColor);
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___V4gcI {
+  border-radius: var(--brand-borderRadius-xlarge);
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-low___a87yo {
+  -webkit-backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-low));
+          backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-low));
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-medium___z1VQ1 {
+  -webkit-backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));
+          backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-high___kUSHI {
+  -webkit-backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-high));
+          backdrop-filter: blur(var(--brand-FrostedGlassVFX-blurIntensity-high));
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___DrCGZ::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  padding: var(--brand-borderWidth-thin);
+  background: var(--brand-FrostedGlassVFX-borderMask);
+  -webkit-mask: linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0),
+    linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;
+  -webkit-mask-composite: xor;
+          -webkit-mask: linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0),
+    linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;
+          -webkit-mask-composite: xor;
+                  mask: linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) exclude,
+    linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;
+}
+
+@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___DrCGZ::before {
+  -webkit-mask: linear-gradient(var(--base-color-scale-black-0) 0 0),
+    linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;
+          mask: linear-gradient(var(--base-color-scale-black-0) 0 0) exclude,
+    linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;
+}
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___V4gcI::before {
+  border-radius: var(--brand-borderRadius-xlarge);
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___DrCGZ > * {
+  background-color: transparent;
+}
+
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___DrCGZ > *,
+.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___DrCGZ > *::before {
+  border-color: transparent;
+}
+