@primer/react-brand 0.44.2-rc.4dc6abe0 → 0.45.0-rc.055bde67

package/lib/css/main.css

@@ -82,7 +82,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -360,7 +360,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -387,7 +387,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -403,7 +403,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -535,7 +535,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -549,7 +549,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -568,7 +568,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -955,7 +955,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -1506,7 +1506,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -1772,7 +1772,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -2051,7 +2051,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -2078,7 +2078,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -2834,7 +2834,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -3679,7 +3679,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -3700,7 +3700,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -3711,7 +3711,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -4413,7 +4413,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5166,7 +5166,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5194,7 +5194,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5210,7 +5210,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -5329,7 +5329,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -5345,7 +5345,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:16 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 Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:16 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 Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:17 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 Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -7857,7 +7914,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8077,7 +8134,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8213,7 +8270,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8465,7 +8522,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -8501,7 +8558,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8569,7 +8626,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -8580,7 +8637,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -8832,7 +8889,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -9370,7 +9427,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -9381,7 +9438,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12550,7 +12607,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -12570,7 +12627,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12606,7 +12663,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12626,7 +12683,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -12892,7 +12949,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -12906,7 +12963,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -12920,7 +12977,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -15096,7 +15153,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -15120,7 +15177,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -15543,7 +15600,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -15556,7 +15613,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -15933,7 +15990,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -15942,7 +15999,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -16244,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;
@@ -16607,7 +16668,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -16616,7 +16677,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17040,7 +17101,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17139,7 +17200,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17486,7 +17547,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root,
@@ -17500,7 +17561,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:17 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:27 GMT
  */
 
 :root {
@@ -17687,7 +17748,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 09:47:16 GMT
+ * Generated on Wed, 18 Dec 2024 13:21:26 GMT
  */
 
 :root {
@@ -17932,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;
+}
+