npm - @primer/react-brand - Versions diffs - 0.80.0-rc.e1dc6447 → 0.80.0 - Mend

@primer/react-brand 0.80.0-rc.e1dc6447 → 0.80.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (695) hide show

package/lib/css/main.css CHANGED Viewed

@@ -74,11 +74,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --base-color-scale-black-0: #000000;
   --base-color-scale-transparent: rgba(255,255,255,0);
   --base-color-scale-white-0: #ffffff;
@@ -350,9 +351,147 @@ select {
   --base-color-scale-indigo-9: #0d103f;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --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: #d2d9d4;
+    --base-color-scale-gray-1: #c4ccc6;
+    --base-color-scale-gray-2: #a4aea6;
+    --base-color-scale-gray-3: #7c8980;
+    --base-color-scale-gray-4: #58635b;
+    --base-color-scale-gray-5: #353d37;
+    --base-color-scale-gray-6: #262c28;
+    --base-color-scale-gray-7: #191f1b;
+    --base-color-scale-gray-8: #0f1511;
+    --base-color-scale-gray-9: #060907;
+    --base-color-scale-blue-0: #c2edff;
+    --base-color-scale-blue-1: #a2daff;
+    --base-color-scale-blue-2: #78bafe;
+    --base-color-scale-blue-3: #3094ff;
+    --base-color-scale-blue-4: #0377ff;
+    --base-color-scale-blue-5: #0a50db;
+    --base-color-scale-blue-6: #1530b7;
+    --base-color-scale-blue-7: #082a8f;
+    --base-color-scale-blue-8: #052063;
+    --base-color-scale-blue-9: #000839;
+    --base-color-scale-green-0: #cdfcd9;
+    --base-color-scale-green-1: #8cf2a6;
+    --base-color-scale-green-2: #5fed83;
+    --base-color-scale-green-3: #23ea57;
+    --base-color-scale-green-4: #0fbf3e;
+    --base-color-scale-green-5: #08872b;
+    --base-color-scale-green-6: #0d6731;
+    --base-color-scale-green-7: #0e422c;
+    --base-color-scale-green-8: #0d3024;
+    --base-color-scale-green-9: #0a241b;
+    --base-color-scale-yellow-0: #f8e3a1;
+    --base-color-scale-yellow-1: #f7d162;
+    --base-color-scale-yellow-2: #fabf21;
+    --base-color-scale-yellow-3: #db9d00;
+    --base-color-scale-yellow-4: #be7d00;
+    --base-color-scale-yellow-5: #a06100;
+    --base-color-scale-yellow-6: #834800;
+    --base-color-scale-yellow-7: #653200;
+    --base-color-scale-yellow-8: #471f00;
+    --base-color-scale-yellow-9: #2a1000;
+    --base-color-scale-orange-0: #ffe2cc;
+    --base-color-scale-orange-1: #fab580;
+    --base-color-scale-orange-2: #f08a3a;
+    --base-color-scale-orange-3: #ea7110;
+    --base-color-scale-orange-4: #d56101;
+    --base-color-scale-orange-5: #b35101;
+    --base-color-scale-orange-6: #924100;
+    --base-color-scale-orange-7: #703100;
+    --base-color-scale-orange-8: #572400;
+    --base-color-scale-orange-9: #3d1800;
+    --base-color-scale-red-0: #ffd9d6;
+    --base-color-scale-red-1: #feb2ae;
+    --base-color-scale-red-2: #fd8986;
+    --base-color-scale-red-3: #fc5c5d;
+    --base-color-scale-red-4: #fa383d;
+    --base-color-scale-red-5: #d31231;
+    --base-color-scale-red-6: #ae0b29;
+    --base-color-scale-red-7: #860620;
+    --base-color-scale-red-8: #5e0217;
+    --base-color-scale-red-9: #33000d;
+    --base-color-scale-purple-0: #eadbff;
+    --base-color-scale-purple-1: #d3b3fe;
+    --base-color-scale-purple-2: #c08bfc;
+    --base-color-scale-purple-3: #a665f9;
+    --base-color-scale-purple-4: #8b40f5;
+    --base-color-scale-purple-5: #6619e1;
+    --base-color-scale-purple-6: #43179e;
+    --base-color-scale-purple-7: #26115f;
+    --base-color-scale-purple-8: #160048;
+    --base-color-scale-purple-9: #0e022c;
+    --base-color-scale-pink-0: #ffdbf7;
+    --base-color-scale-pink-1: #fcabe7;
+    --base-color-scale-pink-2: #f67ed2;
+    --base-color-scale-pink-3: #ed55ba;
+    --base-color-scale-pink-4: #e22d9f;
+    --base-color-scale-pink-5: #ca2186;
+    --base-color-scale-pink-6: #961c66;
+    --base-color-scale-pink-7: #741550;
+    --base-color-scale-pink-8: #520e39;
+    --base-color-scale-pink-9: #30081f;
+    --base-color-scale-coral-0: #ffd5c7;
+    --base-color-scale-coral-1: #fdb7a1;
+    --base-color-scale-coral-2: #fa9072;
+    --base-color-scale-coral-3: #f66945;
+    --base-color-scale-coral-4: #ef4319;
+    --base-color-scale-coral-5: #c53211;
+    --base-color-scale-coral-6: #a22710;
+    --base-color-scale-coral-7: #801e0f;
+    --base-color-scale-coral-8: #500a00;
+    --base-color-scale-coral-9: #3c0000;
+    --base-color-scale-lemon-0: #fcf2a5;
+    --base-color-scale-lemon-1: #f9e76a;
+    --base-color-scale-lemon-2: #f4da38;
+    --base-color-scale-lemon-3: #e4c411;
+    --base-color-scale-lemon-4: #c7a60b;
+    --base-color-scale-lemon-5: #a98906;
+    --base-color-scale-lemon-6: #876a04;
+    --base-color-scale-lemon-7: #654d02;
+    --base-color-scale-lemon-8: #423101;
+    --base-color-scale-lemon-9: #241900;
+    --base-color-scale-lime-0: #edffc9;
+    --base-color-scale-lime-1: #dcff96;
+    --base-color-scale-lime-2: #cdf041;
+    --base-color-scale-lime-3: #b1e119;
+    --base-color-scale-lime-4: #88b80f;
+    --base-color-scale-lime-5: #608a10;
+    --base-color-scale-lime-6: #3e5f0f;
+    --base-color-scale-lime-7: #22360b;
+    --base-color-scale-lime-8: #142a08;
+    --base-color-scale-lime-9: #091d05;
+    --base-color-scale-teal-0: #cff7f2;
+    --base-color-scale-teal-1: #99f1e8;
+    --base-color-scale-teal-2: #61eee3;
+    --base-color-scale-teal-3: #26ede2;
+    --base-color-scale-teal-4: #10dcd4;
+    --base-color-scale-teal-5: #0bbab6;
+    --base-color-scale-teal-6: #079695;
+    --base-color-scale-teal-7: #047172;
+    --base-color-scale-teal-8: #024b4d;
+    --base-color-scale-teal-9: #052d2e;
+    --base-color-scale-indigo-0: #dbe3ff;
+    --base-color-scale-indigo-1: #b3c1fd;
+    --base-color-scale-indigo-2: #8d9ff8;
+    --base-color-scale-indigo-3: #6a7df0;
+    --base-color-scale-indigo-4: #4a5ce5;
+    --base-color-scale-indigo-5: #2d3dd7;
+    --base-color-scale-indigo-6: #232fb3;
+    --base-color-scale-indigo-7: #212183;
+    --base-color-scale-indigo-8: #161962;
+    --base-color-scale-indigo-9: #0d103f;
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -381,7 +520,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -398,7 +537,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -432,7 +571,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -483,7 +622,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -641,7 +780,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -655,7 +794,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -674,11 +813,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-color-success-fg: var(--base-color-scale-green-6);
   --brand-color-success-emphasis: var(--base-color-scale-green-5);
   --brand-color-success-muted: rgba(140,242,166,0.6);
@@ -758,6 +898,48 @@ select {
   --brand-color-focus: var(--base-color-scale-blue-3);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-color-success-fg: var(--base-color-scale-green-3);
+    --brand-color-success-emphasis: var(--base-color-scale-green-6);
+    --brand-color-success-muted: rgba(13,48,36,0.6);
+    --brand-color-success-subtle: rgba(14,66,44,0.85098);
+    --brand-color-danger-fg: var(--base-color-scale-red-4);
+    --brand-color-danger-emphasis: var(--base-color-scale-red-5);
+    --brand-color-danger-muted: rgba(94,2,23,0.6);
+    --brand-color-danger-subtle: rgba(250,56,61,0.85098);
+    --brand-color-error-fg: var(--brand-color-danger-fg);
+    --brand-color-error-emphasis: var(--brand-color-danger-emphasis);
+    --brand-color-error-muted: var(--brand-color-danger-muted);
+    --brand-color-error-subtle: var(--brand-color-danger-subtle);
+    --brand-color-accent-primary: var(--base-color-scale-green-2);
+    --brand-color-accent-secondary: var(--base-color-scale-yellow-3);
+    --brand-color-text-default: var(--base-color-scale-white-0);
+    --brand-color-text-muted: var(--base-color-scale-gray-2);
+    --brand-color-text-subtle: var(--brand-color-text-muted);
+    --brand-color-text-onEmphasis: var(--base-color-scale-black-0);
+    --brand-color-text-emphasized: var(--base-color-scale-green-3);
+    --brand-color-text-link-rest: var(--base-color-scale-blue-1);
+    --brand-color-text-link-pressed: var(--base-color-scale-blue-1);
+    --brand-color-text-danger: #ff8182;
+    --brand-color-text-error: var(--brand-color-text-danger);
+    --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-3);
+    --brand-color-neutral-emphasis: var(--base-color-scale-gray-3);
+    --brand-color-neutral-muted: rgba(124,137,128,0.99608);
+    --brand-color-neutral-subtle: rgba(124,137,128,1);
+    --brand-color-canvas-default: var(--base-color-scale-black-0);
+    --brand-color-canvas-invert: var(--base-color-scale-white-0);
+    --brand-color-canvas-overlay: var(--base-color-scale-gray-6);
+    --brand-color-canvas-inset: var(--base-color-scale-black-0);
+    --brand-color-canvas-subtle: var(--base-color-scale-gray-8);
+    --brand-color-canvas-muted: #090d0a;
+    --brand-color-border-default: var(--base-color-scale-gray-5);
+    --brand-color-border-muted: var(--base-color-scale-gray-7);
+    --brand-color-border-subtle: var(--base-color-scale-gray-6);
+    --brand-color-focus: var(--base-color-scale-blue-3);
+  }
+}
 /*
  * For important high-utility CSS classes that are used
  * frequently throughout the library and helpful to library users.
@@ -776,7 +958,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -803,11 +985,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
 }
@@ -815,6 +998,12 @@ select {
   --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Grid-column-bgColor-overlay: rgba(251,81,84,0.30196);
+  }
+}
 .Primer_Brand__Grid-module__Grid___q48mT {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
@@ -5893,6 +6082,13 @@ select {
   -moz-osx-font-smoothing: auto;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__Text-module__Text--antialiased___fYDxq {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: auto;
+  }
+}
 .Primer_Brand__Text-module__Text--default___DChoE {
   color: var(--brand-color-text-default);
 }
@@ -6119,7 +6315,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -6128,11 +6324,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-TextCursorAnimation-cursor-color: var(--base-color-scale-purple-5);
   --brand-TextCursorAnimation-cursor-deleteColor: var(--base-color-scale-blue-4);
   --brand-TextCursorAnimation-cursor-finalColor: var(--base-color-scale-green-6);
@@ -6144,6 +6341,14 @@ select {
   --brand-TextCursorAnimation-cursor-finalColor: var(--base-color-scale-green-2);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-TextCursorAnimation-cursor-color: var(--base-color-scale-purple-3);
+    --brand-TextCursorAnimation-cursor-deleteColor: var(--base-color-scale-blue-3);
+    --brand-TextCursorAnimation-cursor-finalColor: var(--base-color-scale-green-2);
+  }
+}
 .Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
   display: inline-flex;
   align-items: center;
@@ -6769,6 +6974,13 @@ select {
   -moz-osx-font-smoothing: grayscale;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__Heading-module__Heading___IVpmp {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
 .Primer_Brand__Heading-module__Heading-font--mona-sans___SCnTx {
   font-family: var(--brand-heading-fontFamily);
 }
@@ -7074,7 +7286,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -7088,11 +7300,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-button-primary-bgColor-rest: var(--base-color-scale-green-6);
   --brand-button-primary-bgColor-hover: color-mix(in srgb, var(--base-color-scale-green-6), #000 16%);
   --brand-button-primary-bgColor-active: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%), var(--base-color-scale-green-6);
@@ -7152,6 +7365,38 @@ select {
   --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-4);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-button-primary-bgColor-rest: var(--base-color-scale-green-5);
+    --brand-button-primary-bgColor-hover: color-mix(in srgb, var(--base-color-scale-green-5), #000 16%);
+    --brand-button-primary-bgColor-active: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%), var(--base-color-scale-green-5);
+    --brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
+    --brand-button-primary-borderColor-rest: transparent;
+    --brand-button-primary-borderColor-hover: transparent;
+    --brand-button-primary-borderColor-active: var(--base-color-scale-green-6);
+    --brand-button-primary-borderColor-disabled: transparent;
+    --brand-button-primary-fgColor-rest: var(--base-color-scale-white-0);
+    --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
+    --brand-button-primary-shadow-active: none;
+    --brand-button-secondary-bgColor-rest: rgba(255, 255, 255, 0.12);
+    --brand-button-secondary-bgColor-hover: rgba(255, 255, 255, 0.16);
+    --brand-button-secondary-bgColor-active: rgba(255, 255, 255, 0.26);
+    --brand-button-secondary-borderColor-rest: rgba(255, 255, 255, 0.06);
+    --brand-button-secondary-borderColor-hover: rgba(255, 255, 255, 0.12);
+    --brand-button-secondary-borderColor-active: rgba(255, 255, 255, 0.12);
+    --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
+    --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-4);
+    --brand-button-subtle-bgColor-rest: rgba(0, 0, 0, 0.01);
+    --brand-button-subtle-bgColor-hover: rgba(255, 255, 255, 0.16);
+    --brand-button-subtle-bgColor-active: rgba(255, 255, 255, 0.24);
+    --brand-button-subtle-borderColor-rest: var(--base-color-scale-gray-6);
+    --brand-button-subtle-borderColor-hover: rgba(255, 255, 255, 0.12);
+    --brand-button-subtle-borderColor-active: rgba(255, 255, 255, 0.12);
+    --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
+    --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-4);
+  }
+}
 .Primer_Brand__Button-module__Button___lDruK {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -7641,11 +7886,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Tooltip-color-default: var(--brand-color-text-onEmphasis);
 }
@@ -7653,9 +7899,15 @@ select {
   --brand-Tooltip-color-default: var(--brand-color-text-default);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Tooltip-color-default: var(--brand-color-text-default);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -7668,11 +7920,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Spinner-fgColor: var(--brand-color-text-muted);
 }
@@ -7680,6 +7933,12 @@ select {
   --brand-Spinner-fgColor: var(--brand-color-text-muted);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Spinner-fgColor: var(--brand-color-text-muted);
+  }
+}
 .Primer_Brand__Spinner-module__Spinner__box___jNwep {
   display: inline-flex;
 }
@@ -7724,7 +7983,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -7740,11 +7999,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-IconButton-danger-fgColor-rest: var(--brand-color-danger-fg);
   --brand-IconButton-danger-fgColor-hover: var(--base-color-scale-white-0);
   --brand-IconButton-danger-fgColor-active: var(--base-color-scale-white-0);
@@ -7778,6 +8038,25 @@ select {
   --brand-IconButton-invisible-borderColor-rest: transparent;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-IconButton-danger-fgColor-rest: var(--brand-color-danger-fg);
+    --brand-IconButton-danger-fgColor-hover: var(--base-color-scale-white-0);
+    --brand-IconButton-danger-fgColor-active: var(--base-color-scale-white-0);
+    --brand-IconButton-danger-bgColor-rest: var(--brand-button-secondary-bgColor-rest);
+    --brand-IconButton-danger-bgColor-hover: var(--brand-color-danger-emphasis);
+    --brand-IconButton-danger-bgColor-active: var(--brand-color-danger-emphasis);
+    --brand-IconButton-danger-borderColor-rest: var(--brand-button-secondary-borderColor-rest);
+    --brand-IconButton-danger-borderColor-hover: var(--brand-color-danger-emphasis);
+    --brand-IconButton-danger-borderColor-active: var(--brand-color-danger-emphasis);
+    --brand-IconButton-inactive-fgColor: var(--brand-color-text-muted);
+    --brand-IconButton-inactive-bgColor: var(--brand-color-canvas-subtle);
+    --brand-IconButton-inactive-borderColor: var(--brand-color-canvas-subtle);
+    --brand-IconButton-invisible-bgColor-rest: transparent;
+    --brand-IconButton-invisible-borderColor-rest: transparent;
+  }
+}
 .Primer_Brand__IconButton-module__IconButton___Rw5mP {
   flex: none;
   gap: 0;
@@ -7884,7 +8163,7 @@ select {
   padding: 0;
   margin: calc(var(--base-size-1) * -1);
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   white-space: nowrap;
   border: 0;
 }
@@ -7908,11 +8187,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-ActionMenu-color-splitButton-divider-default: var(--brand-color-border-muted);
   --brand-ActionMenu-color-splitButton-divider-primary: var(--base-color-scale-green-7);
   --brand-ActionMenu-color-item-hover: var(--base-color-scale-gray-1);
@@ -7926,6 +8206,15 @@ select {
   --brand-ActionMenu-color-scrollbar-thumb-bg: var(--base-color-scale-gray-3);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-ActionMenu-color-splitButton-divider-default: var(--brand-color-border-muted);
+    --brand-ActionMenu-color-splitButton-divider-primary: var(--brand-color-border-muted);
+    --brand-ActionMenu-color-item-hover: var(--base-color-scale-gray-6);
+    --brand-ActionMenu-color-scrollbar-thumb-bg: var(--base-color-scale-gray-3);
+  }
+}
 .Primer_Brand__ActionMenu-module__ActionMenu___xAoB5 {
   --focus-outline-width: 3px;
   position: relative;
@@ -8336,7 +8625,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -8461,11 +8750,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Link-color-default: var(--brand-color-text-default);
   --brand-Link-color-accent: var(--brand-color-text-link-rest);
 }
@@ -8475,9 +8765,16 @@ select {
   --brand-Link-color-accent: var(--brand-color-text-link-rest);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Link-color-default: var(--brand-color-text-default);
+    --brand-Link-color-accent: var(--brand-color-text-link-rest);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -8929,11 +9226,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Label-color-default: var(--brand-color-text-default);
   --brand-Label-color-blue: var(--base-color-scale-blue-5);
   --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-5);
@@ -8992,6 +9290,36 @@ select {
   --brand-Label-color-yellow: var(--base-color-scale-yellow-2);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Label-color-default: var(--brand-color-text-default);
+    --brand-Label-color-blue: var(--base-color-scale-blue-2);
+    --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-2);
+    --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-2);
+    --brand-Label-color-coral: var(--base-color-scale-coral-2);
+    --brand-Label-color-green: var(--base-color-scale-green-2);
+    --brand-Label-color-green-blue-start: var(--base-color-scale-green-2);
+    --brand-Label-color-green-blue-end: var(--base-color-scale-blue-2);
+    --brand-Label-color-green-blue-purple-3: #00ff46;
+    --brand-Label-color-gray: var(--base-color-scale-gray-2);
+    --brand-Label-color-indigo: var(--base-color-scale-indigo-2);
+    --brand-Label-color-lemon: var(--base-color-scale-lemon-2);
+    --brand-Label-color-lime: var(--base-color-scale-lime-2);
+    --brand-Label-color-orange: var(--base-color-scale-orange-2);
+    --brand-Label-color-pink: var(--base-color-scale-pink-2);
+    --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-2);
+    --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-2);
+    --brand-Label-color-purple: var(--base-color-scale-purple-2);
+    --brand-Label-color-purple-red-start: var(--base-color-scale-purple-2);
+    --brand-Label-color-purple-red-end: var(--base-color-scale-red-2);
+    --brand-Label-color-red: var(--base-color-scale-red-2);
+    --brand-Label-color-red-orange-start: var(--base-color-scale-red-2);
+    --brand-Label-color-red-orange-end: var(--base-color-scale-orange-2);
+    --brand-Label-color-teal: var(--base-color-scale-teal-2);
+    --brand-Label-color-yellow: var(--base-color-scale-yellow-2);
+  }
+}
 .Primer_Brand__Label-module__Label___TW0HL {
   --brand-Label-gradient-radial: radial-gradient(
     circle at top left,
@@ -9033,6 +9361,13 @@ select {
   -moz-osx-font-smoothing: auto;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__Label-module__Label___TW0HL {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: auto;
+  }
+}
 .Primer_Brand__Label-module__Label___TW0HL::before {
   content: '';
   position: absolute;
@@ -9196,7 +9531,7 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -9207,11 +9542,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-InlineCode-color-fg-default: var(--brand-color-text-muted);
   --brand-InlineCode-color-fg-heading: var(--brand-color-text-default);
   --brand-InlineCode-bgColor: var(--base-color-scale-gray-1);
@@ -9223,6 +9559,14 @@ select {
   --brand-InlineCode-bgColor: var(--base-color-scale-gray-7);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-InlineCode-color-fg-default: var(--brand-color-text-muted);
+    --brand-InlineCode-color-fg-heading: var(--brand-color-text-default);
+    --brand-InlineCode-bgColor: var(--base-color-scale-gray-7);
+  }
+}
 .Primer_Brand__river-shared-module__River___eSXvR {
   display: grid;
   grid-gap: var(--brand-River-spacing-inner);
@@ -10007,11 +10351,12 @@ select {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Accordion-toggle-color-start: var(--brand-color-accent-primary);
   --brand-Accordion-toggle-color-end: var(--brand-color-accent-primary);
   --brand-Accordion-toggle-color-default: var(--brand-color-text-default);
@@ -10077,6 +10422,41 @@ select {
   --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Accordion-toggle-color-start: var(--brand-color-accent-primary);
+    --brand-Accordion-toggle-color-end: var(--brand-color-accent-primary);
+    --brand-Accordion-toggle-color-default: var(--brand-color-text-default);
+    --brand-Accordion-toggle-color-blue: var(--base-color-scale-blue-2);
+    --brand-Accordion-toggle-color-blue-purple-start: var(--base-color-scale-blue-2);
+    --brand-Accordion-toggle-color-blue-purple-end: var(--base-color-scale-purple-2);
+    --brand-Accordion-toggle-color-coral: var(--base-color-scale-coral-2);
+    --brand-Accordion-toggle-color-green: var(--base-color-scale-green-2);
+    --brand-Accordion-toggle-color-green-blue-start: var(--base-color-scale-green-2);
+    --brand-Accordion-toggle-color-green-blue-end: var(--base-color-scale-blue-2);
+    --brand-Accordion-toggle-color-gray: var(--base-color-scale-gray-2);
+    --brand-Accordion-toggle-color-indigo: var(--base-color-scale-indigo-2);
+    --brand-Accordion-toggle-color-lemon: var(--base-color-scale-lemon-2);
+    --brand-Accordion-toggle-color-lime: var(--base-color-scale-lime-2);
+    --brand-Accordion-toggle-color-orange: var(--base-color-scale-orange-2);
+    --brand-Accordion-toggle-color-pink: var(--base-color-scale-pink-2);
+    --brand-Accordion-toggle-color-pink-blue-start: var(--base-color-scale-pink-2);
+    --brand-Accordion-toggle-color-pink-blue-end: var(--base-color-scale-blue-2);
+    --brand-Accordion-toggle-color-purple: var(--base-color-scale-purple-2);
+    --brand-Accordion-toggle-color-purple-red-start: var(--base-color-scale-purple-2);
+    --brand-Accordion-toggle-color-purple-red-end: var(--base-color-scale-red-2);
+    --brand-Accordion-toggle-color-red: var(--base-color-scale-red-2);
+    --brand-Accordion-toggle-color-red-orange-start: var(--base-color-scale-red-2);
+    --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
+    --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
+    --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
+    --brand-Accordion-border-color-default: var(--brand-color-border-muted);
+    --brand-Accordion-indicator-idle: var(--base-color-scale-gray-7);
+    --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
+    --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
+  }
+}
 .Primer_Brand__Accordion-module__Accordion___M_LPt {
   --brand-Accordion-content-height: 0px;
@@ -10380,6 +10760,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc .Pri
   -moz-osx-font-smoothing: auto;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: auto;
+  }
+}
 .Primer_Brand__Accordion-module__Accordion__content___wMZGe p:not(:first-child) {
   margin-block-start: var(--base-size-16);
 }
@@ -10634,7 +11021,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -10670,11 +11057,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Icon-background-default: var(--brand-Icon-background-green);
   --brand-Icon-background-blue: var(--base-color-scale-blue-0);
   --brand-Icon-background-coral: var(--base-color-scale-coral-0);
@@ -10736,6 +11124,39 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   --brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Icon-background-default: var(--brand-Icon-background-green);
+    --brand-Icon-background-blue: var(--base-color-scale-blue-8);
+    --brand-Icon-background-coral: var(--base-color-scale-coral-8);
+    --brand-Icon-background-green: var(--base-color-scale-green-8);
+    --brand-Icon-background-gray: var(--base-color-scale-gray-6);
+    --brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
+    --brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
+    --brand-Icon-background-lime: var(--base-color-scale-lime-8);
+    --brand-Icon-background-orange: var(--base-color-scale-orange-8);
+    --brand-Icon-background-pink: var(--base-color-scale-pink-8);
+    --brand-Icon-background-purple: var(--base-color-scale-purple-8);
+    --brand-Icon-background-red: var(--base-color-scale-red-8);
+    --brand-Icon-background-teal: var(--base-color-scale-teal-8);
+    --brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
+    --brand-Icon-color-default: var(--brand-Icon-color-green);
+    --brand-Icon-color-blue: var(--base-color-scale-blue-2);
+    --brand-Icon-color-coral: var(--base-color-scale-coral-2);
+    --brand-Icon-color-green: var(--base-color-scale-green-2);
+    --brand-Icon-color-gray: var(--base-color-scale-gray-2);
+    --brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
+    --brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
+    --brand-Icon-color-lime: var(--base-color-scale-lime-2);
+    --brand-Icon-color-orange: var(--base-color-scale-orange-2);
+    --brand-Icon-color-pink: var(--base-color-scale-pink-2);
+    --brand-Icon-color-purple: var(--base-color-scale-purple-2);
+    --brand-Icon-color-red: var(--base-color-scale-red-2);
+    --brand-Icon-color-teal: var(--base-color-scale-teal-2);
+    --brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
+  }
+}
 .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
   --river-breakout-tabs-columns: 1;
 }
@@ -11576,11 +11997,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-RiverStoryScroll-pagination-fgColor: var(--base-color-scale-gray-6);
   --brand-RiverStoryScroll-content-inactive-bgColor: var(--brand-color-canvas-default);
 }
@@ -11590,6 +12012,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   --brand-RiverStoryScroll-content-inactive-bgColor: var(--brand-color-canvas-default);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-RiverStoryScroll-pagination-fgColor: var(--base-color-scale-white-0);
+    --brand-RiverStoryScroll-content-inactive-bgColor: var(--brand-color-canvas-default);
+  }
+}
 .Primer_Brand__Pagination-module__Pagination___qDHkk {
   margin-top: var(--base-size-20);
   margin-bottom: var(--base-size-16);
@@ -11673,11 +12102,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-MediaPlaylist-bgColor: linear-gradient(180deg, rgba(242, 245, 243, 0.5) 0%, rgba(242, 245, 243, 0) 100%), var(--brand-color-canvas-default);
 }
@@ -11685,6 +12115,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   --brand-MediaPlaylist-bgColor: linear-gradient(180deg, var(--base-color-scale-gray-8) 0%, var(--base-color-scale-black-0) 100%), var(--brand-color-canvas-default);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-MediaPlaylist-bgColor: linear-gradient(180deg, var(--base-color-scale-gray-8) 0%, var(--base-color-scale-black-0) 100%), var(--brand-color-canvas-default);
+  }
+}
 .Primer_Brand__MediaPlaylist-module__MediaPlaylist___X3BZt {
   padding-block-start: var(--base-size-36);
   padding-inline: var(--base-size-20);
@@ -12062,11 +12498,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-control-color-border-default: var(--base-color-scale-gray-4);
   --brand-control-color-border-disabled: var(--base-color-scale-gray-2);
   --brand-control-color-canvas-disabled: var(--base-color-scale-gray-1);
@@ -12146,6 +12583,48 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   --brand-control-radio-dot-checked-hover: #309a4d;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-control-color-border-default: var(--base-color-scale-gray-4);
+    --brand-control-color-border-disabled: var(--base-color-scale-gray-5);
+    --brand-control-color-canvas-disabled: var(--base-color-scale-gray-8);
+    --brand-control-color-fg-default: var(--brand-color-text-default);
+    --brand-control-color-fg-disabled: var(--base-color-scale-gray-5);
+    --brand-control-color-focus: var(--base-color-scale-blue-2);
+    --brand-control-color-validation-error: var(--base-color-scale-red-2);
+    --brand-control-checkbox-bg-default: var(--base-color-scale-gray-7);
+    --brand-control-checkbox-bg-hover: var(--brand-color-canvas-subtle);
+    --brand-control-checkbox-bg-checked: var(--base-color-scale-green-5);
+    --brand-control-checkbox-bg-checked-hover: #309a4d;
+    --brand-control-checkbox-bg-indeterminate: var(--base-color-scale-green-5);
+    --brand-control-checkbox-bg-indeterminate-hover: #309a4d;
+    --brand-control-checkbox-bg-checked-disabled: color-mix(in srgb, var(--base-color-scale-green-6), #000 35%);
+    --brand-control-checkbox-fg-checked: var(--base-color-scale-white-0);
+    --brand-control-checkbox-fg-checked-disabled: color-mix(in srgb, var(--base-color-scale-green-5), #000 20%);
+    --brand-control-checkbox-border-default: var(--base-color-scale-gray-4);
+    --brand-control-checkbox-border-hover: var(--base-color-scale-gray-5);
+    --brand-control-checkbox-border-checked: #077726;
+    --brand-control-checkbox-border-checked-hover: rgba(0, 0, 0, 0.12);
+    --brand-control-checkbox-border-indeterminate: #077726;
+    --brand-control-checkbox-border-indeterminate-hover: rgba(0, 0, 0, 0.12);
+    --brand-control-checkbox-border-checked-disabled: color-mix(in srgb, var(--base-color-scale-green-6), #000 35%);
+    --brand-control-checkbox-border-unchecked-disabled: var(--base-color-scale-gray-5);
+    --brand-control-radio-bg-default: var(--base-color-scale-black-0);
+    --brand-control-radio-bg-hover: var(--brand-color-canvas-subtle);
+    --brand-control-radio-bg-checked: var(--base-color-scale-black-0);
+    --brand-control-radio-bg-checked-hover: var(--brand-color-canvas-subtle);
+    --brand-control-radio-bg-disabled: var(--brand-color-canvas-default);
+    --brand-control-radio-border-default: var(--base-color-scale-gray-4);
+    --brand-control-radio-border-hover: var(--base-color-scale-gray-5);
+    --brand-control-radio-border-checked: var(--base-color-scale-gray-4);
+    --brand-control-radio-border-checked-hover: var(--base-color-scale-gray-4);
+    --brand-control-radio-border-disabled: var(--base-color-scale-gray-5);
+    --brand-control-radio-dot-default: var(--base-color-scale-white-0);
+    --brand-control-radio-dot-checked: var(--base-color-scale-green-5);
+    --brand-control-radio-dot-checked-hover: #309a4d;
+  }
+}
 /*
  * Default Checkbox styles
  */
@@ -13093,7 +13572,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -13124,11 +13603,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-ToggleSwitch-track-bgColor: var(--base-color-scale-gray-0);
   --brand-ToggleSwitch-track-borderColor: var(--base-color-scale-gray-6);
   --brand-ToggleSwitch-thumb-borderColor: rgba(0, 0, 0, 0.08);
@@ -13152,6 +13632,20 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-ToggleSwitch-loading-fgColor: var(--brand-color-text-muted);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-ToggleSwitch-track-bgColor: var(--base-color-scale-gray-7);
+    --brand-ToggleSwitch-track-borderColor: var(--base-color-scale-gray-3);
+    --brand-ToggleSwitch-thumb-borderColor: rgba(0, 0, 0, 0.08);
+    --brand-ToggleSwitch-thumb-on-bgColor-rest: var(--base-color-scale-green-2);
+    --brand-ToggleSwitch-thumb-on-bgColor-hover: color-mix(in srgb, var(--base-color-scale-green-2), black 16%);
+    --brand-ToggleSwitch-thumb-off-bgColor-rest: color-mix(in srgb, var(--base-color-scale-gray-3), white 4%);
+    --brand-ToggleSwitch-thumb-off-bgColor-hover: color-mix(in srgb, var(--base-color-scale-gray-3), white 8%);
+    --brand-ToggleSwitch-thumb-disabled-bgColor: var(--base-color-scale-gray-5);
+    --brand-ToggleSwitch-loading-fgColor: var(--brand-color-text-muted);
+  }
+}
 .Primer_Brand__ToggleSwitch-module__ToggleSwitch___oXbgi {
   display: inline-flex;
   flex-shrink: 0;
@@ -15268,11 +15762,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-SubdomainNavBar-canvas-default: rgba(255,255,255,0.50196);
   --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
   --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
@@ -15300,13 +15795,30 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
+    --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
+    --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
+    --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
+    --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
+    --brand-SubdomainNavBar-color-link-bgColor: var(--base-color-scale-gray-6);
+    --brand-SubdomainNavBar-searchDialog-shadowColor: rgba(0, 0, 0, 0.1);
+    --brand-SubdomainNavBar-searchDialog-backdropColor: rgba(0, 0, 0, 0.2);
+    --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-green-3);
+    --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
+    --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
   --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
 }
@@ -15316,9 +15828,16 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
+    --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -15357,6 +15876,13 @@ Fixes safari bug where outline doesn't respect border-radius
   -moz-osx-font-smoothing: auto;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
+    -webkit-font-smoothing: subpixel-antialiased;
+    -moz-osx-font-smoothing: auto;
+  }
+}
 /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
 @media (prefers-reduced-motion: reduce) {
   .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
@@ -15410,11 +15936,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Token-bgColor-default: var(--base-color-scale-gray-0);
   --brand-Token-bgColor-accent: var(--base-color-scale-green-6);
   --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
@@ -15446,6 +15973,24 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Token-fgColor-invisible: var(--brand-color-text-default);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Token-bgColor-default: var(--base-color-scale-gray-7);
+    --brand-Token-bgColor-accent: var(--base-color-scale-green-2);
+    --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-6);
+    --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-1);
+    --brand-Token-bgColor-hover-outline: var(--brand-color-canvas-subtle);
+    --brand-Token-bgColor-hover-invisible: var(--brand-color-canvas-subtle);
+    --brand-Token-bgColor-invisible: transparent;
+    --brand-Token-bgColor-outline: transparent;
+    --brand-Token-border-outline: var(--brand-color-border-default);
+    --brand-Token-fgColor-default: var(--brand-color-text-default);
+    --brand-Token-fgColor-accent: var(--brand-color-text-onEmphasis);
+    --brand-Token-fgColor-outline: var(--brand-color-text-default);
+    --brand-Token-fgColor-invisible: var(--brand-color-text-default);
+  }
+}
 .Primer_Brand__Token-module__Token___r7qQC {
   align-items: center;
   border: var(--brand-borderWidth-thin) solid transparent;
@@ -15481,6 +16026,13 @@ Fixes safari bug where outline doesn't respect border-radius
   -moz-osx-font-smoothing: auto;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__Token-module__Token___r7qQC {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: auto;
+  }
+}
 .Primer_Brand__Token-module__Token--variant-default___NBxMW {
   background-color: var(--brand-Token-bgColor-default);
   color: var(--brand-Token-fgColor-default);
@@ -15574,7 +16126,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -15583,11 +16135,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-FAQ-color-heading: var(--brand-color-text-default);
   --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
   --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-3);
@@ -15603,9 +16156,19 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-FAQ-color-heading: var(--brand-color-text-default);
+    --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
+    --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-7);
+    --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
+    --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -16081,7 +16644,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -16091,15 +16654,18 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quote-fontWeight-default: var(--brand-heading-weight-1000);
   --brand-Testimonial-quote-fontSize-large: var(--brand-text-size-500);
   --brand-Testimonial-quote-fontSize-default: var(--brand-text-size-400);
+  --brand-Testimonial-minimal-quote-lineHeight: 1.35;
+  --brand-Testimonial-minimal-quote-fontSize-large: 2rem;
 }
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Testimonial-quoteMarkBackground-default: var(--base-color-scale-gray-0);
   --brand-Testimonial-quoteMarkBackground-blue: var(--base-color-scale-blue-0);
   --brand-Testimonial-quoteMarkBackground-coral: var(--base-color-scale-coral-0);
@@ -16114,35 +16680,20 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quoteMarkBackground-red: var(--base-color-scale-red-0);
   --brand-Testimonial-quoteMarkBackground-teal: var(--base-color-scale-teal-0);
   --brand-Testimonial-quoteMarkBackground-yellow: var(--base-color-scale-yellow-0);
-  --brand-Testimonial-quoteMarkBackground-blue-purple: var(--base-color-scale-blue-0);
-  --brand-Testimonial-quoteMarkBackground-green-blue: var(--base-color-scale-green-0);
-  --brand-Testimonial-quoteMarkBackground-pink-blue: var(--base-color-scale-pink-0);
-  --brand-Testimonial-quoteMarkBackground-purple-red: var(--base-color-scale-purple-0);
-  --brand-Testimonial-quoteMarkBackground-red-orange: var(--base-color-scale-red-0);
   --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);
-  --brand-Testimonial-quoteMarkColor-blue-purple-end: var(--base-color-scale-purple-5);
   --brand-Testimonial-quoteMarkColor-coral: var(--base-color-scale-coral-5);
   --brand-Testimonial-quoteMarkColor-green: var(--base-color-scale-green-6);
-  --brand-Testimonial-quoteMarkColor-green-blue-start: var(--base-color-scale-green-6);
-  --brand-Testimonial-quoteMarkColor-green-blue-end: var(--base-color-scale-blue-5);
   --brand-Testimonial-quoteMarkColor-gray: var(--base-color-scale-gray-5);
   --brand-Testimonial-quoteMarkColor-indigo: var(--base-color-scale-indigo-5);
   --brand-Testimonial-quoteMarkColor-lemon: var(--base-color-scale-lemon-5);
   --brand-Testimonial-quoteMarkColor-lime: var(--base-color-scale-lime-5);
   --brand-Testimonial-quoteMarkColor-orange: var(--base-color-scale-orange-5);
   --brand-Testimonial-quoteMarkColor-pink: var(--base-color-scale-pink-5);
-  --brand-Testimonial-quoteMarkColor-pink-blue-start: var(--base-color-scale-pink-5);
-  --brand-Testimonial-quoteMarkColor-pink-blue-end: var(--base-color-scale-blue-5);
   --brand-Testimonial-quoteMarkColor-purple: var(--base-color-scale-purple-5);
-  --brand-Testimonial-quoteMarkColor-purple-red-start: var(--base-color-scale-purple-5);
-  --brand-Testimonial-quoteMarkColor-purple-red-end: var(--base-color-scale-red-5);
   --brand-Testimonial-quoteMarkColor-red: var(--base-color-scale-red-5);
-  --brand-Testimonial-quoteMarkColor-red-orange-start: var(--base-color-scale-red-5);
-  --brand-Testimonial-quoteMarkColor-red-orange-end: var(--base-color-scale-orange-5);
   --brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-5);
   --brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-5);
   --brand-Testimonial-quote-color-default: var(--brand-color-text-default);
@@ -16164,41 +16715,63 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quoteMarkBackground-red: var(--base-color-scale-red-8);
   --brand-Testimonial-quoteMarkBackground-teal: var(--base-color-scale-teal-8);
   --brand-Testimonial-quoteMarkBackground-yellow: var(--base-color-scale-yellow-8);
-  --brand-Testimonial-quoteMarkBackground-blue-purple: var(--base-color-scale-blue-8);
-  --brand-Testimonial-quoteMarkBackground-green-blue: var(--base-color-scale-green-8);
-  --brand-Testimonial-quoteMarkBackground-pink-blue: var(--base-color-scale-pink-8);
-  --brand-Testimonial-quoteMarkBackground-purple-red: var(--base-color-scale-purple-8);
-  --brand-Testimonial-quoteMarkBackground-red-orange: var(--base-color-scale-red-8);
   --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);
-  --brand-Testimonial-quoteMarkColor-blue-purple-end: var(--base-color-scale-purple-2);
   --brand-Testimonial-quoteMarkColor-coral: var(--base-color-scale-coral-2);
   --brand-Testimonial-quoteMarkColor-green: var(--base-color-scale-green-2);
-  --brand-Testimonial-quoteMarkColor-green-blue-start: var(--base-color-scale-green-2);
-  --brand-Testimonial-quoteMarkColor-green-blue-end: var(--base-color-scale-blue-2);
   --brand-Testimonial-quoteMarkColor-gray: var(--base-color-scale-gray-2);
   --brand-Testimonial-quoteMarkColor-indigo: var(--base-color-scale-indigo-2);
   --brand-Testimonial-quoteMarkColor-lemon: var(--base-color-scale-lemon-2);
   --brand-Testimonial-quoteMarkColor-lime: var(--base-color-scale-lime-2);
   --brand-Testimonial-quoteMarkColor-orange: var(--base-color-scale-orange-2);
   --brand-Testimonial-quoteMarkColor-pink: var(--base-color-scale-pink-2);
-  --brand-Testimonial-quoteMarkColor-pink-blue-start: var(--base-color-scale-pink-2);
-  --brand-Testimonial-quoteMarkColor-pink-blue-end: var(--base-color-scale-blue-2);
   --brand-Testimonial-quoteMarkColor-purple: var(--base-color-scale-purple-2);
-  --brand-Testimonial-quoteMarkColor-purple-red-start: var(--base-color-scale-purple-2);
-  --brand-Testimonial-quoteMarkColor-purple-red-end: var(--base-color-scale-red-2);
   --brand-Testimonial-quoteMarkColor-red: var(--base-color-scale-red-2);
-  --brand-Testimonial-quoteMarkColor-red-orange-start: var(--base-color-scale-red-2);
-  --brand-Testimonial-quoteMarkColor-red-orange-end: var(--base-color-scale-orange-2);
   --brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-2);
   --brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-2);
   --brand-Testimonial-quote-color-default: var(--brand-color-text-default);
   --brand-Testimonial-quote-color-emphasis: var(--brand-color-text-emphasized);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Testimonial-quoteMarkBackground-default: var(--base-color-scale-gray-6);
+    --brand-Testimonial-quoteMarkBackground-blue: var(--base-color-scale-blue-8);
+    --brand-Testimonial-quoteMarkBackground-coral: var(--base-color-scale-coral-8);
+    --brand-Testimonial-quoteMarkBackground-green: var(--base-color-scale-green-8);
+    --brand-Testimonial-quoteMarkBackground-gray: var(--base-color-scale-gray-6);
+    --brand-Testimonial-quoteMarkBackground-indigo: var(--base-color-scale-indigo-8);
+    --brand-Testimonial-quoteMarkBackground-lemon: var(--base-color-scale-lemon-8);
+    --brand-Testimonial-quoteMarkBackground-lime: var(--base-color-scale-lime-8);
+    --brand-Testimonial-quoteMarkBackground-orange: var(--base-color-scale-orange-8);
+    --brand-Testimonial-quoteMarkBackground-pink: var(--base-color-scale-pink-8);
+    --brand-Testimonial-quoteMarkBackground-purple: var(--base-color-scale-purple-8);
+    --brand-Testimonial-quoteMarkBackground-red: var(--base-color-scale-red-8);
+    --brand-Testimonial-quoteMarkBackground-teal: var(--base-color-scale-teal-8);
+    --brand-Testimonial-quoteMarkBackground-yellow: var(--base-color-scale-yellow-8);
+    --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-coral: var(--base-color-scale-coral-2);
+    --brand-Testimonial-quoteMarkColor-green: var(--base-color-scale-green-2);
+    --brand-Testimonial-quoteMarkColor-gray: var(--base-color-scale-gray-2);
+    --brand-Testimonial-quoteMarkColor-indigo: var(--base-color-scale-indigo-2);
+    --brand-Testimonial-quoteMarkColor-lemon: var(--base-color-scale-lemon-2);
+    --brand-Testimonial-quoteMarkColor-lime: var(--base-color-scale-lime-2);
+    --brand-Testimonial-quoteMarkColor-orange: var(--base-color-scale-orange-2);
+    --brand-Testimonial-quoteMarkColor-pink: var(--base-color-scale-pink-2);
+    --brand-Testimonial-quoteMarkColor-purple: var(--base-color-scale-purple-2);
+    --brand-Testimonial-quoteMarkColor-red: var(--base-color-scale-red-2);
+    --brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-2);
+    --brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-2);
+    --brand-Testimonial-quote-color-default: var(--brand-color-text-default);
+    --brand-Testimonial-quote-color-emphasis: var(--brand-color-text-emphasized);
+  }
+}
 .Primer_Brand__Testimonial-module__Testimonial___UUywT {
   color: var(--brand-color-text-default);
   font-family: var(--brand-fontStack-sansSerif);
@@ -16236,10 +16809,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .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;
+  inset: 0;
   pointer-events: none;
   content: '';
   border-radius: inherit;
@@ -16257,56 +16827,47 @@ Fixes safari bug where outline doesn't respect border-radius
   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,
-    var(--brand-Testimonial-quoteMarkColor-start),
-    var(--brand-Testimonial-quoteMarkColor-end)
-  );
-  --brand-Testimonial-quoteMarkColor-background: var(
-    --brand-Testimonial-quoteMarkColor-gradient,
-    var(--brand-Testimonial-quoteMarkColor, currentColor)
-  );
-  color: currentColor;
-  color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));
-  font-size: var(--base-size-48);
-  line-height: var(--base-size-48);
-  font-weight: var(--base-text-weight-extrabold);
-  position: relative;
-}
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: var(--brand-Testimonial-quoteMarkColor-background);
-  -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
-    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
-  mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
-    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7,
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7 {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base-size-24) + var(--base-size-16));
 }
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___VV6UY {
+.Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
+  position: relative;
   display: inline-flex;
+  flex: none;
   align-items: center;
   justify-content: center;
   width: calc(var(--base-size-48) + var(--base-size-8));
   height: calc(var(--base-size-48) + var(--base-size-8));
   border-radius: var(--base-size-12);
+  color: currentColor;
+  color: var(--brand-Testimonial-quoteMarkColor, currentColor);
   background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));
-  font-size: var(--base-size-64);
-  line-height: 1;
-}
-.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1:not(.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___VV6UY) {
-  font-size: 7.5rem; /* 120px */
+  font-family: var(--brand-fontStack-monospace);
+  font-size: 4rem;
+  font-weight: var(--base-text-weight-normal);
   line-height: 1;
 }
 .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___skopW {
   display: block;
+  transform: translateY(var(--base-size-12));
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1,
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
+  width: var(--base-size-40);
+  height: var(--base-size-40);
+  border-radius: var(--base-size-8);
+  font-size: 3rem;
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___skopW,
+.Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___skopW {
+  transform: translateY(var(--base-size-8));
 }
 .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
@@ -16335,7 +16896,7 @@ Fixes safari bug where outline doesn't respect border-radius
   display: flex;
   gap: var(--base-size-16);
   align-items: center;
-  margin-top: var(--base-size-24);
+  margin-block-start: var(--base-size-24);
 }
 .Primer_Brand__Testimonial-module__Testimonial-logo-image___KQQfi {
@@ -16343,7 +16904,7 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial__media___JbJUQ {
-  margin-top: var(--base-size-64);
+  margin-block-start: var(--base-size-64);
 }
 .Primer_Brand__Testimonial-module__Testimonial-caption___Wvb67 {
@@ -16427,19 +16988,6 @@ Fixes safari bug where outline doesn't respect border-radius
   letter-spacing: 0.01em;
 }
-.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
-  font-family: var(--brand-fontStack-monospace);
-  font-weight: var(--brand-fontWeight-300);
-}
-.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial__quoteMarkGlyph___skopW {
-  transform: translateY(var(--base-size-12));
-}
-.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1:not(.Primer_Brand__Testimonial-module__Testimonial__quoteMark--hasBackground___VV6UY) {
-  margin-left: -0.18em;
-}
 .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
   font-family: var(--brand-fontStack-monospace);
   font-size: 1.5rem;
@@ -16503,7 +17051,7 @@ Fixes safari bug where outline doesn't respect border-radius
   }
   .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
-    font-size: var(--base-size-32);
+    font-size: 2rem;
   }
   .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
@@ -16524,14 +17072,14 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 .Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
-  margin-top: var(--base-size-8);
+  margin-block-start: var(--base-size-8);
 }
 .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
   align-self: flex-start;
   width: -moz-fit-content;
   width: fit-content;
-  margin-top: 0;
+  margin-block-start: 0;
 }
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark--default___nAhKC {
@@ -16544,12 +17092,6 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);
 }
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue-purple___Ec9P1 {
-  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);
-  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);
-  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue-purple);
-}
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark--coral___WzMiA {
   --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);
@@ -16560,12 +17102,6 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);
 }
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark--green-blue___wqq5w {
-  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);
-  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);
-  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green-blue);
-}
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark--gray___WGLgi {
   --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);
@@ -16596,34 +17132,16 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);
 }
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink-blue___z73Hz {
-  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);
-  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);
-  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink-blue);
-}
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple___H1_Zx {
   --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);
 }
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple-red___Wb4Yy {
-  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);
-  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);
-  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple-red);
-}
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark--red___nzAC4 {
   --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);
 }
-.Primer_Brand__Testimonial-module__Testimonial__quoteMark--red-orange___f5Woq {
-  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);
-  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);
-  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red-orange);
-}
 .Primer_Brand__Testimonial-module__Testimonial__quoteMark--teal___EPZ3D {
   --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);
@@ -16634,13 +17152,373 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);
 }
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM {
+  margin: 0;
+  width: 100%;
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: calc(var(--base-size-24) + var(--base-size-16));
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7 {
+  gap: var(--base-size-48);
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM blockquote {
+  margin: 0;
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
+  font-size: var(--brand-Testimonial-quote-fontSize-default);
+  font-weight: var(--brand-Testimonial-quote-fontWeight-default);
+  line-height: 1.2;
+  letter-spacing: 0;
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
+  font-size: var(--brand-text-size-600);
+  font-weight: var(--brand-heading-weight-500);
+  line-height: var(--brand-Testimonial-minimal-quote-lineHeight);
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial__media___JbJUQ {
+  gap: var(--base-size-16);
+  margin-block-start: calc(var(--base-size-32) + var(--base-size-8));
+  padding-block-start: 0;
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial__media___JbJUQ {
+  margin-block-start: var(--base-size-32);
+  padding-block-start: var(--base-size-8);
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial-caption___Wvb67 {
+  min-width: 0;
+  gap: var(--base-size-2);
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial-from___Kfj__,
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial-position___j2h0f {
+  font-family: var(--brand-fontStack-sansSerif);
+  font-size: var(--brand-text-size-200);
+  font-weight: var(--base-text-weight-normal);
+  line-height: var(--brand-text-lineHeight-200);
+  letter-spacing: var(--brand-text-letterSpacing-200);
+  text-transform: none;
+}
+.Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial-avatar___Kaxqh {
+  width: var(--base-size-64);
+  height: var(--base-size-64);
+}
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__Testimonial-module__Testimonial--variant-subtle___NHtOc .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7,
+  .Primer_Brand__Testimonial-module__Testimonial--variant-default___leAB4 .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7,
+  .Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM .Primer_Brand__Testimonial-module__Testimonial__quoteWrapper___M9wR7 {
+    gap: var(--base-size-48);
+  }
+  .Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
+    font-size: var(--brand-Testimonial-minimal-quote-fontSize-large);
+  }
+}
+@media screen and (min-width: 34rem) and (max-width: 47.99rem) {
+  .Primer_Brand__Testimonial-module__Testimonial--variant-minimal___AbWZM.Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
+    font-size: var(--brand-text-size-700);
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
+ */
+:root,
+[data-color-mode="light"],
+[data-color-mode="auto"] {
+  --brand-CarouselPagination-bgColor: var(--brand-color-canvas-subtle);
+  --brand-CarouselPagination-indicator-bgColor: var(--base-color-scale-gray-6);
+  --brand-CarouselPagination-indicator-active-bgColor: var(--base-color-scale-gray-7);
+  --brand-CarouselPagination-arrowButton-fgColor: var(--base-color-scale-black-0);
+  --brand-CarouselPagination-arrowButton-borderColor: var(--base-color-scale-gray-2);
+  --brand-CarouselPagination-arrowButton-inactive-fgColor: var(--base-color-scale-gray-3);
+}
+[data-color-mode="dark"] {
+  --brand-CarouselPagination-bgColor: var(--brand-color-canvas-subtle);
+  --brand-CarouselPagination-indicator-bgColor: var(--base-color-scale-gray-3);
+  --brand-CarouselPagination-indicator-active-bgColor: var(--base-color-scale-gray-2);
+  --brand-CarouselPagination-arrowButton-fgColor: var(--brand-color-text-default);
+  --brand-CarouselPagination-arrowButton-borderColor: var(--base-color-scale-gray-6);
+  --brand-CarouselPagination-arrowButton-inactive-fgColor: var(--base-color-scale-gray-3);
+}
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-CarouselPagination-bgColor: var(--brand-color-canvas-subtle);
+    --brand-CarouselPagination-indicator-bgColor: var(--base-color-scale-gray-3);
+    --brand-CarouselPagination-indicator-active-bgColor: var(--base-color-scale-gray-2);
+    --brand-CarouselPagination-arrowButton-fgColor: var(--brand-color-text-default);
+    --brand-CarouselPagination-arrowButton-borderColor: var(--base-color-scale-gray-6);
+    --brand-CarouselPagination-arrowButton-inactive-fgColor: var(--base-color-scale-gray-3);
+  }
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination___l0R5C {
+  display: inline-flex;
+  flex: 0 1 auto;
+  min-width: 0;
+  align-items: center;
+  gap: calc(var(--base-size-8) + var(--base-size-2));
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+  padding: var(--base-size-6);
+  border-radius: var(--brand-borderRadius-full);
+  background: var(--brand-CarouselPagination-bgColor);
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination___l0R5C .Primer_Brand__CarouselPagination-module__CarouselPagination__arrowButton___BxmIY {
+  width: calc(var(--base-size-28) + var(--base-size-2));
+  min-width: calc(var(--base-size-28) + var(--base-size-2));
+  height: calc(var(--base-size-28) + var(--base-size-2));
+  min-height: calc(var(--base-size-28) + var(--base-size-2));
+  padding: 0;
+  color: var(--brand-CarouselPagination-arrowButton-fgColor);
+  background: var(--brand-color-canvas-default);
+  border: var(--brand-borderWidth-thin) solid var(--brand-CarouselPagination-arrowButton-borderColor);
+  box-shadow: none;
+  backdrop-filter: none;
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination___l0R5C .Primer_Brand__CarouselPagination-module__CarouselPagination__arrowButton--inactive___QUdPt,
+.Primer_Brand__CarouselPagination-module__CarouselPagination___l0R5C .Primer_Brand__CarouselPagination-module__CarouselPagination__arrowButton--inactive___QUdPt:hover {
+  color: var(--brand-CarouselPagination-arrowButton-inactive-fgColor);
+  background: var(--brand-color-canvas-default);
+  border-color: transparent;
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination___l0R5C .Primer_Brand__CarouselPagination-module__CarouselPagination__arrowButton___BxmIY svg {
+  width: var(--base-size-16);
+  height: var(--base-size-16);
+}
+@media (hover: hover) and (pointer: fine) {
+  .Primer_Brand__CarouselPagination-module__CarouselPagination___l0R5C .Primer_Brand__CarouselPagination-module__CarouselPagination__arrowButton--available___Uv1Mz:hover {
+    background: var(--brand-CarouselPagination-bgColor);
+    border-color: var(--brand-CarouselPagination-arrowButton-borderColor);
+    box-shadow: none;
+  }
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination__indicators___TzF_a {
+  display: flex;
+  align-items: center;
+  gap: var(--base-size-6);
+  width: calc(var(--base-size-6) * (var(--carousel-pagination-item-count) * 2 + 0.5));
+  min-width: 0;
+  height: calc(var(--base-size-28) + var(--base-size-2));
+  overflow-x: auto;
+  scroll-behavior: smooth;
+  scrollbar-width: none;
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination__indicator___S0yJ4 {
+  position: relative;
+  flex: none;
+  width: var(--base-size-6);
+  height: var(--base-size-6);
+  padding: 0;
+  border: 0;
+  border-radius: var(--brand-borderRadius-full);
+  background: var(--brand-CarouselPagination-indicator-bgColor);
+  cursor: pointer;
+  transition: width var(--brand-animation-duration-fast) cubic-bezier(0.4, 0, 0.2, 1),
+    background-color var(--brand-animation-duration-fast) cubic-bezier(0.4, 0, 0.2, 1);
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination__indicator___S0yJ4::before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: calc(100% + var(--base-size-6));
+  height: calc(var(--base-size-28) + var(--base-size-2));
+  content: '';
+  transform: translate(-50%, -50%);
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination__indicator--active___sIEwW {
+  width: calc(var(--base-size-6) * 2.5);
+  background: var(--brand-CarouselPagination-indicator-active-bgColor);
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination__indicator___S0yJ4:focus-visible {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: var(--base-size-4);
+}
+.Primer_Brand__CarouselPagination-module__CarouselPagination__arrowButton___BxmIY:focus-visible {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: var(--base-size-2);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Primer_Brand__CarouselPagination-module__CarouselPagination__indicators___TzF_a {
+    scroll-behavior: auto;
+  }
+  .Primer_Brand__CarouselPagination-module__CarouselPagination__indicator___S0yJ4 {
+    transition: none;
+  }
+}
+@media (forced-colors: active) {
+  .Primer_Brand__CarouselPagination-module__CarouselPagination__indicator___S0yJ4 {
+    background: ButtonText;
+  }
+  .Primer_Brand__CarouselPagination-module__CarouselPagination__indicator--active___sIEwW {
+    background: Highlight;
+    forced-color-adjust: none;
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
+ */
+:root {
+  --brand-TestimonialGroup-fadeOutDuration: 250ms;
+  --brand-TestimonialGroup-fadeInDuration: 475ms;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup___pKOnr {
+  width: 100%;
+  min-width: 0;
+  padding-block: calc(var(--base-size-48) + var(--base-size-8));
+  padding-inline: var(--base-size-32);
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__content___m_cAm {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__slides___SJFC9 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__slide___Ifwws {
+  position: absolute;
+  width: 100%;
+  visibility: hidden;
+  pointer-events: none;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__slide--active___Kuns0 {
+  position: relative;
+  visibility: visible;
+  pointer-events: auto;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar___zya63 {
+  flex: none;
+  border: var(--base-size-2) solid var(--brand-Testimonial-quoteMarkColor-green);
+  border-radius: 50%;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar___zya63.Primer_Brand__TestimonialGroup-module__TestimonialGroup__avatar--size-large___XVwJg {
+  width: var(--base-size-48);
+  height: var(--base-size-48);
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___jR8bd,
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___TtPGE,
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__media___gK5a3 {
+  transition: opacity var(--brand-TestimonialGroup-fadeInDuration) ease-in-out;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___Tcve0 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___jR8bd {
+  opacity: 0;
+  transition: opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 120ms;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___Tcve0 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___TtPGE {
+  opacity: 0;
+  transition: opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 80ms;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--out___Tcve0 .Primer_Brand__TestimonialGroup-module__TestimonialGroup__media___gK5a3 {
+  opacity: 0;
+  transition: opacity var(--brand-TestimonialGroup-fadeOutDuration) ease-in-out 40ms;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--in___dclSL .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___TtPGE {
+  transition-delay: 100ms;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__testimonial--in___dclSL .Primer_Brand__TestimonialGroup-module__TestimonialGroup__media___gK5a3 {
+  transition-delay: var(--brand-animation-duration-faster);
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__controls___znA5O {
+  display: flex;
+  flex: none;
+  order: 1;
+  align-items: center;
+  margin-block-start: var(--base-size-32);
+  padding-block-start: var(--base-size-16);
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__content--expressive___PimiO .Primer_Brand__TestimonialGroup-module__TestimonialGroup__controls___znA5O {
+  margin-block-start: 0;
+}
+.Primer_Brand__TestimonialGroup-module__TestimonialGroup__announcement___m2FzR {
+  position: absolute;
+  width: var(--brand-borderWidth-thin);
+  height: var(--brand-borderWidth-thin);
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quoteMark___jR8bd,
+  .Primer_Brand__TestimonialGroup-module__TestimonialGroup__quote___TtPGE,
+  .Primer_Brand__TestimonialGroup-module__TestimonialGroup__media___gK5a3 {
+    transition: none;
+  }
+}
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__TestimonialGroup-module__TestimonialGroup___pKOnr {
+    padding-block: var(--base-size-60);
+    padding-inline: var(--base-size-60);
+  }
+}
+/**
+ * Do not edit directly
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-ComparisonTable-featured-color-start: var(--base-color-scale-pink-4);
   --brand-ComparisonTable-featured-color-end: var(--base-color-scale-indigo-5);
 }
@@ -16650,9 +17528,16 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-ComparisonTable-featured-color-end: var(--base-color-scale-indigo-3);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-ComparisonTable-featured-color-start: var(--base-color-scale-pink-2);
+    --brand-ComparisonTable-featured-color-end: var(--base-color-scale-indigo-3);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -16975,6 +17860,7 @@ Fixes safari bug where outline doesn't respect border-radius
   container-type: inline-size;
   width: 100%;
   color: var(--brand-color-text-default);
+  background-color: var(--brand-color-canvas-default);
 }
 .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--items2___YTHdd {
@@ -17314,9 +18200,6 @@ Fixes safari bug where outline doesn't respect border-radius
   .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___ci4vK {
     text-align: center;
-  }
-  .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell--hasVariant___CCWEn {
     vertical-align: middle;
   }
@@ -17380,6 +18263,17 @@ Fixes safari bug where outline doesn't respect border-radius
     background-color: var(--brand-color-canvas-default);
   }
+  .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___RYxsg .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___D2x_l::before {
+    content: '';
+    inset: 0;
+    height: auto;
+    border: 0;
+    -o-border-image: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) 0;
+       border-image: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) fill 0;
+    border-image-outset: 0 100vw;
+    z-index: -1;
+  }
   .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___RYxsg .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___D2x_l::after {
     z-index: 4;
   }
@@ -17501,7 +18395,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -17511,11 +18405,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-FeatureComparisonTable-label-accentColor: var(--brand-color-text-emphasized);
   --brand-FeatureComparisonTable-highlightedColumn-bgColor: var(--brand-color-canvas-subtle);
   --brand-FeatureComparisonTable-includedIndicator-fgColor: var(--brand-color-text-emphasized);
@@ -17539,6 +18434,20 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-FeatureComparisonTable-rowHighlight-bgColor: var(--brand-color-canvas-muted);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-FeatureComparisonTable-label-accentColor: var(--brand-color-accent-primary);
+    --brand-FeatureComparisonTable-highlightedColumn-bgColor: var(--brand-color-canvas-subtle);
+    --brand-FeatureComparisonTable-includedIndicator-fgColor: var(--brand-color-accent-primary);
+    --brand-FeatureComparisonTable-includedIndicator-bgColor: rgba(95, 237, 131, 0.2);
+    --brand-FeatureComparisonTable-unlimitedIndicator-fgColor: var(--base-color-scale-green-2);
+    --brand-FeatureComparisonTable-unlimitedIndicator-bgColor: rgba(95, 237, 131, 0.2);
+    --brand-FeatureComparisonTable-refreshIndicator-fgColor: var(--base-color-scale-purple-2);
+    --brand-FeatureComparisonTable-refreshIndicator-bgColor: rgba(192, 139, 252, 0.2);
+    --brand-FeatureComparisonTable-rowHighlight-bgColor: var(--brand-color-canvas-muted);
+  }
+}
 /*
  * AnchorNav
  *
@@ -17968,11 +18877,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-AnchorNav-link-underline-default: var(--base-color-scale-gray-4);
   --brand-AnchorNav-link-underline-pressed: var(--base-color-scale-black-0);
 }
@@ -17982,13 +18892,21 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-AnchorNav-link-underline-pressed: var(--base-color-scale-white-0);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-AnchorNav-link-underline-default: var(--base-color-scale-gray-3);
+    --brand-AnchorNav-link-underline-pressed: var(--base-color-scale-white-0);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-6);
   --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
   --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
@@ -18010,6 +18928,19 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-CTABanner-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
+    --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
+    --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
+    --brand-CTABanner-color-heading-emphasis: var(--brand-color-text-emphasized);
+    --brand-CTABanner-color-logo-muted: var(--brand-color-text-muted);
+    --brand-CTABanner-color-logo-emphasis: var(--brand-color-text-default);
+    --brand-CTABanner-color-logo-filter-muted: brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%);
+    --brand-CTABanner-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%);
+  }
+}
 .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
   position: relative;
   margin: 0 auto;
@@ -18415,11 +19346,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-footer-borderColor: var(--base-color-scale-green-6);
   --brand-footer-bg-color: var(--brand-color-canvas-subtle);
   --brand-footer-backToTop-borderColor-rest: var(--base-color-scale-gray-2);
@@ -18445,9 +19377,24 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-footer-socialIcon-hoverFilter: brightness(2);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-footer-borderColor: var(--base-color-scale-green-3);
+    --brand-footer-bg-color: var(--brand-color-canvas-subtle);
+    --brand-footer-backToTop-borderColor-rest: var(--base-color-scale-gray-6);
+    --brand-footer-backToTop-borderColor-hover: rgba(255, 255, 255, 0.12);
+    --brand-footer-backToTop-borderColor-active: rgba(255, 255, 255, 0.12);
+    --brand-footer-backToTop-bgColor-rest: rgba(0, 0, 0, 0.01);
+    --brand-footer-backToTop-bgColor-hover: rgba(255, 255, 255, 0.16);
+    --brand-footer-backToTop-bgColor-active: rgba(255, 255, 255, 0.24);
+    --brand-footer-socialIcon-restFilter: saturate(73%) hue-rotate(-89deg) brightness(110%);
+    --brand-footer-socialIcon-hoverFilter: brightness(2);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -18825,7 +19772,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -18838,11 +19785,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Card-background-default: var(--brand-color-canvas-default);
   --brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
 }
@@ -18852,6 +19800,13 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Card-background-default: var(--brand-color-canvas-subtle);
+    --brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
+  }
+}
 .Primer_Brand__Card-module__Card___ByGEk {
   /* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
   --Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
@@ -20087,7 +21042,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -20098,11 +21053,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Prose-unorderedList-imageUrl: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 focusable=%27false%27 role=%27img%27 viewBox=%270 -3 16 16%27 width=%2716%27 height=%2716%27 fill=%27black%27 style=%27display: inline-block; vertical-align: text-bottom; overflow: visible;%27%3e%3cpath d=%27M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z%27%3e%3c/path%3e%3c/svg%3e");
   --brand-Prose-code-bgColor: var(--base-color-scale-indigo-0);
 }
@@ -20112,6 +21068,13 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Prose-code-bgColor: var(--base-color-scale-indigo-9);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Prose-unorderedList-imageUrl: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 focusable=%27false%27 role=%27img%27 viewBox=%270 -3 16 16%27 width=%2716%27 height=%2716%27 fill=%27white%27 style=%27display: inline-block; vertical-align: text-bottom; overflow: visible;%27%3e%3cpath d=%27M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z%27%3e%3c/path%3e%3c/svg%3e");
+    --brand-Prose-code-bgColor: var(--base-color-scale-indigo-9);
+  }
+}
 .Primer_Brand__Captions-module__Captions___xrhu1 {
   flex: 0 0 var(--base-size-64);
   width: 100%;
@@ -20600,7 +21563,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -20620,11 +21583,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-videoPlayer-playButton-bgColor-rest: var(--base-color-scale-blue-5);
   --brand-videoPlayer-playButton-fgColor-rest: var(--base-color-scale-gray-0);
   --brand-videoPlayer-title-bgColor: linear-gradient(180deg, rgba(0,0,0,0.90196), rgba(0,0,0,0.45098) 66%, transparent);
@@ -20654,6 +21618,23 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-videoPlayer-range-bgColor-progress: var(--base-color-scale-blue-4);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-videoPlayer-playButton-bgColor-rest: var(--base-color-scale-blue-5);
+    --brand-videoPlayer-playButton-fgColor-rest: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-title-bgColor: linear-gradient(180deg, rgba(0,0,0,0.90196), rgba(0,0,0,0.45098) 66%, transparent);
+    --brand-videoPlayer-title-fgColor: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-controls-bgColor: var(--base-color-scale-black-0);
+    --brand-videoPlayer-controls-fgColor: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-closedCaption-bgColor-enabled: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-closedCaption-fgColor-enabled: var(--base-color-scale-black-0);
+    --brand-videoPlayer-closedCaption-fgColor-disabled: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-closedCaption-borderColor-enabled: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-range-bgColor-default: var(--base-color-scale-gray-0);
+    --brand-videoPlayer-range-bgColor-progress: var(--base-color-scale-blue-4);
+  }
+}
 .Primer_Brand__MinimalVideoPlayer-module__MinimalVideoPlayer___vOvcR {
   position: relative;
   width: 100%;
@@ -20709,11 +21690,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
   --brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-1);
   --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
@@ -20731,9 +21713,20 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-LogoSuite-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
+    --brand-LogoSuite-color-control-hover: #5a5b7c;
+    --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
+    --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
+    --brand-LogoSuite-color-logo-filter-muted: brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%);
+    --brand-LogoSuite-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -21256,11 +22249,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Timeline-line-color: var(--brand-color-border-default);
 }
@@ -21268,9 +22262,15 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Timeline-line-color: var(--base-color-scale-gray-4);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Timeline-line-color: var(--base-color-scale-gray-4);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -21284,7 +22284,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -23460,7 +24460,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -23484,11 +24484,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --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);
@@ -23582,6 +24583,55 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-Eyebrowbanner-fgColor-yellow: var(--base-color-scale-yellow-2);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --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;
@@ -23924,7 +24974,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -23940,11 +24990,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --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);
@@ -23966,6 +25017,19 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-PricingOptions-actionsMessage-accentColor: #1095ff;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --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);
+    --brand-PricingOptions-actionsMessage-bgColor: #0c1c26;
+    --brand-PricingOptions-actionsMessage-borderColor: #0e4678;
+    --brand-PricingOptions-actionsMessage-accentColor: #1095ff;
+  }
+}
 /* ---------------------------------------------------------- */
 /* Container                                               */
 /* ---------------------------------------------------------- */
@@ -24591,7 +25655,9 @@ Fixes safari bug where outline doesn't respect border-radius
   }
   /* Last item: don't overflow past container end */
-  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
+  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
+    .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(:has(~ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw))
+    .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
     inset-inline-end: calc(0px * -1);
     inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
   }
@@ -24764,6 +25830,13 @@ Fixes safari bug where outline doesn't respect border-radius
   -moz-osx-font-smoothing: grayscale;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
 .Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
 .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
   display: block;
@@ -25695,7 +26768,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -25709,11 +26782,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-SubNav-bgColor: var(--brand-color-canvas-default);
   --brand-SubNav-overflowMenu-bgColor-rest: var(--brand-color-canvas-default);
   --brand-SubNav-overflowMenu-bgColor-hover: var(--brand-color-canvas-subtle);
@@ -25743,13 +26817,31 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-SubNav-bgColor: var(--brand-color-canvas-default);
+    --brand-SubNav-overflowMenu-bgColor-rest: var(--brand-color-canvas-default);
+    --brand-SubNav-overflowMenu-bgColor-hover: var(--brand-color-canvas-subtle);
+    --brand-SubNav-overflowMenu-fgColor-rest: var(--brand-color-text-muted);
+    --brand-SubNav-overflowMenu-fgColor-hover: var(--brand-color-text-default);
+    --brand-SubNav-overflowMenu-toggle-bgColor-rest: transparent;
+    --brand-SubNav-overflowMenu-toggle-bgColor-hover: var(--base-color-scale-gray-6);
+    --brand-SubNav-overflowMenu-toggle-bgColor-active: var(--base-color-scale-gray-6);
+    --brand-SubNav-color-link-rest: var(--brand-color-text-default);
+    --brand-SubNav-color-link-active: var(--brand-color-text-default);
+    --brand-SubNav-color-link-bgColor: #323834;
+    --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-NavList-activeIndicator-color: var(--brand-color-text-emphasized);
 }
@@ -25757,6 +26849,12 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-NavList-activeIndicator-color: var(--brand-color-accent-primary);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-NavList-activeIndicator-color: var(--brand-color-accent-primary);
+  }
+}
 .Primer_Brand__NavList-module__NavList___U7Jyj {
   --brand-NavList-label-indent-level-2: 0px;
   --brand-NavList-label-indent-level-3: var(--base-size-16);
@@ -26278,6 +27376,13 @@ Fixes safari bug where outline doesn't respect border-radius
   -moz-osx-font-smoothing: grayscale;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode='auto'] .Primer_Brand__NavList-module__NavList___U7Jyj {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
 @media (prefers-reduced-motion: reduce) {
   .Primer_Brand__NavList-module__NavList___U7Jyj,
   .Primer_Brand__NavList-module__NavList___U7Jyj::before,
@@ -26291,7 +27396,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -26300,11 +27405,12 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-IDE-default-bgColor: var(--base-color-scale-gray-1);
   --brand-IDE-default-editor-bgColor: var(--base-color-scale-white-0);
   --brand-IDE-default-editor-tabs-bgColor: var(--base-color-scale-gray-0);
@@ -26352,6 +27458,32 @@ Fixes safari bug where outline doesn't respect border-radius
   --brand-IDE-playPauseControl-hover: #5a5b7c;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-IDE-default-bgColor: #131337;
+    --brand-IDE-default-editor-bgColor: #242538;
+    --brand-IDE-default-editor-tabs-bgColor: linear-gradient(0deg, rgba(0, 56, 255, 0.02) 0%, rgba(0, 56, 255, 0.02) 100%), #17182c;
+    --brand-IDE-default-editor-tab-bgColor-rest: rgba(36, 37, 56, 0.5);
+    --brand-IDE-default-editor-tab-bgColor-active: #242538;
+    --brand-IDE-default-editor-tab-borderColor: var(--base-color-scale-blue-5);
+    --brand-IDE-glass-bgColor-rest: rgba(0, 0, 0, 0.7);
+    --brand-IDE-glass-chat-bgColor: rgba(0, 0, 0, 0.06);
+    --brand-IDE-glass-editor-bgColor: rgba(36,37,56,0.76863);
+    --brand-IDE-glass-editor-tabs-bgColor: transparent;
+    --brand-IDE-glass-editor-tab-bgColor-rest: rgba(36,37,56,0.50196);
+    --brand-IDE-glass-editor-tab-bgColor-active: rgba(36,37,56,0.76863);
+    --brand-IDE-borderColor: #171d22;
+    --brand-IDE-autoSuggest-bgColor: #0969da;
+    --brand-IDE-autoSuggest-fgColor: var(--base-color-scale-white-0);
+    --brand-IDE-autoSuggest-borderColor: var(--base-color-scale-blue-5);
+    --brand-IDE-autoSuggestLine-bgColor: var(--base-color-scale-blue-9);
+    --brand-IDE-scrollBar-bgColor: transparent;
+    --brand-IDE-scrollBar-fgColor: var(--base-color-scale-gray-5);
+    --brand-IDE-playPauseControl-rest: #4d4e6a;
+    --brand-IDE-playPauseControl-hover: #5a5b7c;
+  }
+}
 .Primer_Brand__IDE-module__IDE__inner___C7yFe {
   --brand-IDE-lineNumber-width: 45px;
   background: var(--brand-IDE-default-bgColor);
@@ -26797,11 +27929,12 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-breadcrumbs-separator-borderColor: var(--base-color-scale-gray-6);
 }
@@ -26809,6 +27942,12 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
   --brand-breadcrumbs-separator-borderColor: var(--base-color-scale-gray-1);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-breadcrumbs-separator-borderColor: var(--base-color-scale-gray-1);
+  }
+}
 .Primer_Brand__Breadcrumbs-module__Breadcrumbs___ANvyl {
   font-family: var(--brand-fontStack-sansSerif);
   display: flex;
@@ -26896,7 +28035,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:38 GMT
  */
 :root {
@@ -27128,7 +28267,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -27420,7 +28559,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -27431,11 +28570,12 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --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%);
@@ -27453,6 +28593,20 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 }
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --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="auto"] {
+    --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);
@@ -27692,7 +28846,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -27701,11 +28855,12 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-Tabs-item-accent-bgColor-rest: var(--base-color-scale-green-6);
   --brand-Tabs-item-accent-fgColor-rest: var(--base-color-scale-white-0);
   --brand-Tabs-item-default-bgColor-active: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(153, 153, 153, 0.12) 100%);
@@ -27723,6 +28878,17 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
   --brand-Tabs-list-borderWidth-active: var(--brand-borderWidth-thick);
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-Tabs-item-accent-bgColor-rest: var(--base-color-scale-green-5);
+    --brand-Tabs-item-accent-fgColor-rest: var(--base-color-scale-white-0);
+    --brand-Tabs-item-default-bgColor-active: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(153, 153, 153, 0.12) 100%);
+    --brand-Tabs-item-default-borderColor-active: var(--base-color-scale-white-0);
+    --brand-Tabs-item-underline-rest: var(--base-color-scale-white-0);
+    --brand-Tabs-list-borderWidth-active: var(--brand-borderWidth-thick);
+  }
+}
 .Primer_Brand__Tabs-module__Tabs___p41NK {
   position: relative;
   display: flex;
@@ -27895,7 +29061,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 }
 .Primer_Brand__Tabs-module__Tabs__panelContainer___oZAgR {
-  margin-top: var(--base-size-16);
+  margin-block-start: var(--base-size-16);
 }
 .Primer_Brand__Tabs-module__Tabs__panel___JjAmC {
@@ -27906,35 +29072,6 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
   margin-block-end: var(--base-size-12);
 }
-.Primer_Brand__Tabs-module__Tabs__indicator___KDvsE {
-  width: var(--base-size-6);
-  border-radius: var(--brand-borderRadius-full);
-  background-color: var(--brand-color-text-muted);
-  height: var(--base-size-6);
-  transition: width var(--brand-animation-duration-default) var(--brand-animation-easing-default);
-}
-.Primer_Brand__Tabs-module__Tabs__indicator--active___XFIc8 {
-  background-color: var(--brand-color-text-default);
-  width: var(--base-size-24);
-}
-.Primer_Brand__Tabs-module__Tabs__control___crCR5 {
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-  height: var(--base-size-24);
-  width: var(--base-size-24);
-  display: flex;
-  align-content: center;
-}
-.Primer_Brand__Tabs-module__Tabs__control-icon___cgGsh {
-  vertical-align: middle !important; /* Required to override dotcom styles */
-  position: relative;
-  top: calc(var(--base-size-2) / -2);
-}
 @media screen and (min-width: 48rem) {
   .Primer_Brand__Tabs-module__Tabs__controls___OrV44 {
     display: none;
@@ -27947,7 +29084,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:06 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:37 GMT
  */
 :root {
@@ -27956,11 +29093,12 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Fri, 16 Oct 2026 17:29:07 GMT
+ * Generated on Wed, 21 Oct 2026 13:21:39 GMT
  */
 :root,
-[data-color-mode="light"] {
+[data-color-mode="light"],
+[data-color-mode="auto"] {
   --brand-tiles-bgColor-rest: #fafafa;
   --brand-tiles-bgColor-hover: #f2f5f3;
   --brand-tiles-highlightColor: #08872b;
@@ -27972,6 +29110,14 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
   --brand-tiles-highlightColor: #5fed83;
 }
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"] {
+    --brand-tiles-bgColor-rest: #090d0a;
+    --brand-tiles-bgColor-hover: #101411;
+    --brand-tiles-highlightColor: #5fed83;
+  }
+}
 .Primer_Brand__Tiles-module__Tiles___z9bH9 {
   width: 100%;
   color: var(--brand-color-text-default);