@primer/react-brand 0.3.1 → 0.4.0-rc.61e6d4a

package/lib/css/main.css

@@ -91,277 +91,11 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:05 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
-:root {
-  --base-color-scale-gray-0-hsl: 210 25% 98%;
-  --base-color-scale-gray-0: hsl(210, 25%, 98%);
-  --base-color-scale-gray-1-hsl: 210 24% 93%;
-  --base-color-scale-gray-1: hsl(210, 24%, 93%);
-  --base-color-scale-gray-2-hsl: 210 16% 85%;
-  --base-color-scale-gray-2: hsl(210, 16%, 85%);
-  --base-color-scale-gray-3-hsl: 210 13% 75%;
-  --base-color-scale-gray-3: hsl(210, 13%, 75%);
-  --base-color-scale-gray-4-hsl: 212 10% 62%;
-  --base-color-scale-gray-4: hsl(212, 10%, 62%);
-  --base-color-scale-gray-5-hsl: 210 8% 48%;
-  --base-color-scale-gray-5: hsl(210, 8%, 48%);
-  --base-color-scale-gray-6-hsl: 212 10% 38%;
-  --base-color-scale-gray-6: hsl(212, 10%, 38%);
-  --base-color-scale-gray-7-hsl: 212 11% 29%;
-  --base-color-scale-gray-7: hsl(212, 11%, 29%);
-  --base-color-scale-gray-8-hsl: 212 12% 22%;
-  --base-color-scale-gray-8: hsl(212, 12%, 22%);
-  --base-color-scale-gray-9-hsl: 213 13% 16%;
-  --base-color-scale-gray-9: hsl(213, 13%, 16%);
-  --base-color-scale-red-0-hsl: 4 100% 97%;
-  --base-color-scale-red-0: hsl(4, 100%, 97%);
-  --base-color-scale-red-1-hsl: 3 100% 91%;
-  --base-color-scale-red-1: hsl(3, 100%, 91%);
-  --base-color-scale-red-2-hsl: 2 100% 85%;
-  --base-color-scale-red-2: hsl(2, 100%, 85%);
-  --base-color-scale-red-3-hsl: 1 100% 76%;
-  --base-color-scale-red-3: hsl(1, 100%, 76%);
-  --base-color-scale-red-4-hsl: 359 95% 65%;
-  --base-color-scale-red-4: hsl(359, 95%, 65%);
-  --base-color-scale-red-5-hsl: 357 67% 50%;
-  --base-color-scale-red-5: hsl(357, 67%, 50%);
-  --base-color-scale-red-6-hsl: 356 71% 38%;
-  --base-color-scale-red-6: hsl(356, 71%, 38%);
-  --base-color-scale-red-7-hsl: 355 71% 30%;
-  --base-color-scale-red-7: hsl(355, 71%, 30%);
-  --base-color-scale-red-8-hsl: 354 74% 24%;
-  --base-color-scale-red-8: hsl(354, 74%, 24%);
-  --base-color-scale-red-9-hsl: 352 91% 17%;
-  --base-color-scale-red-9: hsl(352, 91%, 17%);
-  --base-color-scale-coral-0-hsl: 15 100% 96%;
-  --base-color-scale-coral-0: hsl(15, 100%, 96%);
-  --base-color-scale-coral-1-hsl: 12 100% 90%;
-  --base-color-scale-coral-1: hsl(12, 100%, 90%);
-  --base-color-scale-coral-2-hsl: 12 100% 82%;
-  --base-color-scale-coral-2: hsl(12, 100%, 82%);
-  --base-color-scale-coral-3-hsl: 11 97% 72%;
-  --base-color-scale-coral-3: hsl(11, 97%, 72%);
-  --base-color-scale-coral-4-hsl: 11 81% 60%;
-  --base-color-scale-coral-4: hsl(11, 81%, 60%);
-  --base-color-scale-coral-5-hsl: 9 64% 47%;
-  --base-color-scale-coral-5: hsl(9, 64%, 47%);
-  --base-color-scale-coral-6-hsl: 9 70% 36%;
-  --base-color-scale-coral-6: hsl(9, 70%, 36%);
-  --base-color-scale-coral-7-hsl: 8 79% 28%;
-  --base-color-scale-coral-7: hsl(8, 79%, 28%);
-  --base-color-scale-coral-8-hsl: 7 91% 22%;
-  --base-color-scale-coral-8: hsl(7, 91%, 22%);
-  --base-color-scale-coral-9-hsl: 6 98% 16%;
-  --base-color-scale-coral-9: hsl(6, 98%, 16%);
-  --base-color-scale-orange-0-hsl: 28 100% 95%;
-  --base-color-scale-orange-0: hsl(28, 100%, 95%);
-  --base-color-scale-orange-1-hsl: 28 100% 85%;
-  --base-color-scale-orange-1: hsl(28, 100%, 85%);
-  --base-color-scale-orange-2-hsl: 27 100% 74%;
-  --base-color-scale-orange-2: hsl(27, 100%, 74%);
-  --base-color-scale-orange-3-hsl: 25 96% 63%;
-  --base-color-scale-orange-3: hsl(25, 96%, 63%);
-  --base-color-scale-orange-4-hsl: 24 76% 51%;
-  --base-color-scale-orange-4: hsl(24, 76%, 51%);
-  --base-color-scale-orange-5-hsl: 24 100% 37%;
-  --base-color-scale-orange-5: hsl(24, 100%, 37%);
-  --base-color-scale-orange-6-hsl: 23 100% 29%;
-  --base-color-scale-orange-6: hsl(23, 100%, 29%);
-  --base-color-scale-orange-7-hsl: 22 100% 23%;
-  --base-color-scale-orange-7: hsl(22, 100%, 23%);
-  --base-color-scale-orange-8-hsl: 22 100% 18%;
-  --base-color-scale-orange-8: hsl(22, 100%, 18%);
-  --base-color-scale-orange-9-hsl: 19 100% 14%;
-  --base-color-scale-orange-9: hsl(19, 100%, 14%);
-  --base-color-scale-yellow-0-hsl: 50 89% 89%;
-  --base-color-scale-yellow-0: hsl(50, 89%, 89%);
-  --base-color-scale-yellow-1-hsl: 48 87% 73%;
-  --base-color-scale-yellow-1: hsl(48, 87%, 73%);
-  --base-color-scale-yellow-2-hsl: 46 76% 60%;
-  --base-color-scale-yellow-2: hsl(46, 76%, 60%);
-  --base-color-scale-yellow-3-hsl: 44 65% 50%;
-  --base-color-scale-yellow-3: hsl(44, 65%, 50%);
-  --base-color-scale-yellow-4-hsl: 42 100% 37%;
-  --base-color-scale-yellow-4: hsl(42, 100%, 37%);
-  --base-color-scale-yellow-5-hsl: 40 100% 30%;
-  --base-color-scale-yellow-5: hsl(40, 100%, 30%);
-  --base-color-scale-yellow-6-hsl: 37 100% 24%;
-  --base-color-scale-yellow-6: hsl(37, 100%, 24%);
-  --base-color-scale-yellow-7-hsl: 36 98% 19%;
-  --base-color-scale-yellow-7: hsl(36, 98%, 19%);
-  --base-color-scale-yellow-8-hsl: 35 100% 15%;
-  --base-color-scale-yellow-8: hsl(35, 100%, 15%);
-  --base-color-scale-yellow-9-hsl: 34 90% 12%;
-  --base-color-scale-yellow-9: hsl(34, 90%, 12%);
-  --base-color-scale-lemon-0-hsl: 54 95% 85%;
-  --base-color-scale-lemon-0: hsl(54, 95%, 85%);
-  --base-color-scale-lemon-1-hsl: 52 87% 67%;
-  --base-color-scale-lemon-1: hsl(52, 87%, 67%);
-  --base-color-scale-lemon-2-hsl: 51 70% 56%;
-  --base-color-scale-lemon-2: hsl(51, 70%, 56%);
-  --base-color-scale-lemon-3-hsl: 50 72% 45%;
-  --base-color-scale-lemon-3: hsl(50, 72%, 45%);
-  --base-color-scale-lemon-4-hsl: 50 98% 33%;
-  --base-color-scale-lemon-4: hsl(50, 98%, 33%);
-  --base-color-scale-lemon-5-hsl: 49 100% 26%;
-  --base-color-scale-lemon-5: hsl(49, 100%, 26%);
-  --base-color-scale-lemon-6-hsl: 48 100% 20%;
-  --base-color-scale-lemon-6: hsl(48, 100%, 20%);
-  --base-color-scale-lemon-7-hsl: 47 100% 16%;
-  --base-color-scale-lemon-7: hsl(47, 100%, 16%);
-  --base-color-scale-lemon-8-hsl: 46 100% 13%;
-  --base-color-scale-lemon-8: hsl(46, 100%, 13%);
-  --base-color-scale-lemon-9-hsl: 43 100% 10%;
-  --base-color-scale-lemon-9: hsl(43, 100%, 10%);
-  --base-color-scale-lime-0-hsl: 75 86% 85%;
-  --base-color-scale-lime-0: hsl(75, 86%, 85%);
-  --base-color-scale-lime-1-hsl: 76 75% 70%;
-  --base-color-scale-lime-1: hsl(76, 75%, 70%);
-  --base-color-scale-lime-2-hsl: 76 59% 58%;
-  --base-color-scale-lime-2: hsl(76, 59%, 58%);
-  --base-color-scale-lime-3-hsl: 77 51% 48%;
-  --base-color-scale-lime-3: hsl(77, 51%, 48%);
-  --base-color-scale-lime-4-hsl: 78 57% 38%;
-  --base-color-scale-lime-4: hsl(78, 57%, 38%);
-  --base-color-scale-lime-5-hsl: 80 64% 29%;
-  --base-color-scale-lime-5: hsl(80, 64%, 29%);
-  --base-color-scale-lime-6-hsl: 82 66% 22%;
-  --base-color-scale-lime-6: hsl(82, 66%, 22%);
-  --base-color-scale-lime-7-hsl: 84 85% 16%;
-  --base-color-scale-lime-7: hsl(84, 85%, 16%);
-  --base-color-scale-lime-8-hsl: 86 90% 12%;
-  --base-color-scale-lime-8: hsl(86, 90%, 12%);
-  --base-color-scale-lime-9-hsl: 88 96% 9%;
-  --base-color-scale-lime-9: hsl(88, 96%, 9%);
-  --base-color-scale-green-0-hsl: 133 80% 92%;
-  --base-color-scale-green-0: hsl(133, 80%, 92%);
-  --base-color-scale-green-1-hsl: 134 66% 80%;
-  --base-color-scale-green-1: hsl(134, 66%, 80%);
-  --base-color-scale-green-2-hsl: 135 62% 65%;
-  --base-color-scale-green-2: hsl(135, 62%, 65%);
-  --base-color-scale-green-3-hsl: 136 50% 53%;
-  --base-color-scale-green-3: hsl(136, 50%, 53%);
-  --base-color-scale-green-4-hsl: 137 57% 41%;
-  --base-color-scale-green-4: hsl(137, 57%, 41%);
-  --base-color-scale-green-5-hsl: 137 66% 30%;
-  --base-color-scale-green-5: hsl(137, 66%, 30%);
-  --base-color-scale-green-6-hsl: 138 71% 23%;
-  --base-color-scale-green-6: hsl(138, 71%, 23%);
-  --base-color-scale-green-7-hsl: 141 90% 16%;
-  --base-color-scale-green-7: hsl(141, 90%, 16%);
-  --base-color-scale-green-8-hsl: 142 100% 12%;
-  --base-color-scale-green-8: hsl(142, 100%, 12%);
-  --base-color-scale-green-9-hsl: 143 100% 9%;
-  --base-color-scale-green-9: hsl(143, 100%, 9%);
-  --base-color-scale-teal-0-hsl: 172 72% 92%;
-  --base-color-scale-teal-0: hsl(172, 72%, 92%);
-  --base-color-scale-teal-1-hsl: 173 58% 80%;
-  --base-color-scale-teal-1: hsl(173, 58%, 80%);
-  --base-color-scale-teal-2-hsl: 177 57% 63%;
-  --base-color-scale-teal-2: hsl(177, 57%, 63%);
-  --base-color-scale-teal-3-hsl: 177 46% 51%;
-  --base-color-scale-teal-3: hsl(177, 46%, 51%);
-  --base-color-scale-teal-4-hsl: 179 51% 41%;
-  --base-color-scale-teal-4: hsl(179, 51%, 41%);
-  --base-color-scale-teal-5-hsl: 180 66% 29%;
-  --base-color-scale-teal-5: hsl(180, 66%, 29%);
-  --base-color-scale-teal-6-hsl: 181 67% 23%;
-  --base-color-scale-teal-6: hsl(181, 67%, 23%);
-  --base-color-scale-teal-7-hsl: 182 95% 15%;
-  --base-color-scale-teal-7: hsl(182, 95%, 15%);
-  --base-color-scale-teal-8-hsl: 182 82% 13%;
-  --base-color-scale-teal-8: hsl(182, 82%, 13%);
-  --base-color-scale-teal-9-hsl: 182 80% 10%;
-  --base-color-scale-teal-9: hsl(182, 80%, 10%);
-  --base-color-scale-blue-0-hsl: 200 100% 95%;
-  --base-color-scale-blue-0: hsl(200, 100%, 95%);
-  --base-color-scale-blue-1-hsl: 203 100% 87%;
-  --base-color-scale-blue-1: hsl(203, 100%, 87%);
-  --base-color-scale-blue-2-hsl: 205 100% 77%;
-  --base-color-scale-blue-2: hsl(205, 100%, 77%);
-  --base-color-scale-blue-3-hsl: 208 100% 67%;
-  --base-color-scale-blue-3: hsl(208, 100%, 67%);
-  --base-color-scale-blue-4-hsl: 211 100% 58%;
-  --base-color-scale-blue-4: hsl(211, 100%, 58%);
-  --base-color-scale-blue-5-hsl: 212 92% 45%;
-  --base-color-scale-blue-5: hsl(212, 92%, 45%);
-  --base-color-scale-blue-6-hsl: 213 95% 36%;
-  --base-color-scale-blue-6: hsl(213, 95%, 36%);
-  --base-color-scale-blue-7-hsl: 214 96% 29%;
-  --base-color-scale-blue-7: hsl(214, 96%, 29%);
-  --base-color-scale-blue-8-hsl: 216 82% 24%;
-  --base-color-scale-blue-8: hsl(216, 82%, 24%);
-  --base-color-scale-blue-9-hsl: 217 89% 18%;
-  --base-color-scale-blue-9: hsl(217, 89%, 18%);
-  --base-color-scale-indigo-0-hsl: 229 100% 97%;
-  --base-color-scale-indigo-0: hsl(229, 100%, 97%);
-  --base-color-scale-indigo-1-hsl: 231 100% 92%;
-  --base-color-scale-indigo-1: hsl(231, 100%, 92%);
-  --base-color-scale-indigo-2-hsl: 232 100% 86%;
-  --base-color-scale-indigo-2: hsl(232, 100%, 86%);
-  --base-color-scale-indigo-3-hsl: 234 100% 80%;
-  --base-color-scale-indigo-3: hsl(234, 100%, 80%);
-  --base-color-scale-indigo-4-hsl: 234 100% 73%;
-  --base-color-scale-indigo-4: hsl(234, 100%, 73%);
-  --base-color-scale-indigo-5-hsl: 237 84% 64%;
-  --base-color-scale-indigo-5: hsl(237, 84%, 64%);
-  --base-color-scale-indigo-6-hsl: 238 61% 53%;
-  --base-color-scale-indigo-6: hsl(238, 61%, 53%);
-  --base-color-scale-indigo-7-hsl: 237 58% 41%;
-  --base-color-scale-indigo-7: hsl(237, 58%, 41%);
-  --base-color-scale-indigo-8-hsl: 235 58% 32%;
-  --base-color-scale-indigo-8: hsl(235, 58%, 32%);
-  --base-color-scale-indigo-9-hsl: 235 57% 23%;
-  --base-color-scale-indigo-9: hsl(235, 57%, 23%);
-  --base-color-scale-purple-0-hsl: 285 100% 97%;
-  --base-color-scale-purple-0: hsl(285, 100%, 97%);
-  --base-color-scale-purple-1-hsl: 271 100% 92%;
-  --base-color-scale-purple-1: hsl(271, 100%, 92%);
-  --base-color-scale-purple-2-hsl: 267 100% 86%;
-  --base-color-scale-purple-2: hsl(267, 100%, 86%);
-  --base-color-scale-purple-3-hsl: 265 100% 80%;
-  --base-color-scale-purple-3: hsl(265, 100%, 80%);
-  --base-color-scale-purple-4-hsl: 261 92% 72%;
-  --base-color-scale-purple-4: hsl(261, 92%, 72%);
-  --base-color-scale-purple-5-hsl: 261 69% 59%;
-  --base-color-scale-purple-5: hsl(261, 69%, 59%);
-  --base-color-scale-purple-6-hsl: 261 53% 48%;
-  --base-color-scale-purple-6: hsl(261, 53%, 48%);
-  --base-color-scale-purple-7-hsl: 261 56% 38%;
-  --base-color-scale-purple-7: hsl(261, 56%, 38%);
-  --base-color-scale-purple-8-hsl: 261 59% 30%;
-  --base-color-scale-purple-8: hsl(261, 59%, 30%);
-  --base-color-scale-purple-9-hsl: 260 66% 23%;
-  --base-color-scale-purple-9: hsl(260, 66%, 23%);
-  --base-color-scale-pink-0-hsl: 330 100% 97%;
-  --base-color-scale-pink-0: hsl(330, 100%, 97%);
-  --base-color-scale-pink-1-hsl: 327 100% 91%;
-  --base-color-scale-pink-1: hsl(327, 100%, 91%);
-  --base-color-scale-pink-2-hsl: 327 100% 84%;
-  --base-color-scale-pink-2: hsl(327, 100%, 84%);
-  --base-color-scale-pink-3-hsl: 326 100% 75%;
-  --base-color-scale-pink-3: hsl(326, 100%, 75%);
-  --base-color-scale-pink-4-hsl: 325 76% 63%;
-  --base-color-scale-pink-4: hsl(325, 76%, 63%);
-  --base-color-scale-pink-5-hsl: 324 54% 49%;
-  --base-color-scale-pink-5: hsl(324, 54%, 49%);
-  --base-color-scale-pink-6-hsl: 323 59% 38%;
-  --base-color-scale-pink-6: hsl(323, 59%, 38%);
-  --base-color-scale-pink-7-hsl: 322 58% 30%;
-  --base-color-scale-pink-7: hsl(322, 58%, 30%);
-  --base-color-scale-pink-8-hsl: 320 67% 23%;
-  --base-color-scale-pink-8: hsl(320, 67%, 23%);
-  --base-color-scale-pink-9-hsl: 319 93% 16%;
-  --base-color-scale-pink-9: hsl(319, 93%, 16%);
-  --base-color-scale-black-0-hsl: 213 14% 12%;
-  --base-color-scale-black-0: hsl(213, 14%, 12%);
-  --base-color-scale-white-0-hsl: 0 100% 100%;
-  --base-color-scale-white-0: hsl(0, 100%, 100%);
-}
-
-[data-color-mode="light"] {
+:root,
+[data-color-mode="light"] {
   --base-color-scale-gray-0-hsl: 210 25% 98%;
   --base-color-scale-gray-0: hsl(210, 25%, 98%);
   --base-color-scale-gray-1-hsl: 210 24% 93%;
@@ -897,7 +631,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -922,7 +656,22 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
+ */
+
+:root {
+  --base-text-weight-heavy: 900;
+  --base-text-weight-extrabold: 800;
+  --base-text-weight-bold: 700;
+  --base-text-weight-semibold: 600;
+  --base-text-weight-medium: 500;
+  --base-text-weight-normal: 400;
+  --base-text-weight-light: 300;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -1101,7 +850,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -1115,7 +864,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -1133,33 +882,19 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:05 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
-:root {
-  --brand-color-accent-fg: var(--base-color-scale-pink-5);
-  --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
-  --brand-color-accent-muted: hsl(var(--base-color-scale-pink-3-hsl) / 60%);
-  --brand-color-accent-subtle: var(--base-color-scale-pink-0);
-  --brand-color-text-default: var(--base-color-scale-gray-9);
-  --brand-color-text-muted: var(--base-color-scale-gray-6);
-  --brand-color-text-subtle: var(--base-color-scale-gray-5);
-  --brand-color-text-onEmphasis: var(--base-color-scale-white-0);
-  --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-9);
-  --brand-color-neutral-emphasis: var(--base-color-scale-gray-5);
-  --brand-color-neutral-muted: hsl(var(--base-color-scale-gray-3-hsl) / 99.8%);
-  --brand-color-neutral-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.5%);
-  --brand-color-canvas-default: var(--base-color-scale-white-0);
-  --brand-color-canvas-overlay: var(--base-color-scale-white-0);
-  --brand-color-canvas-inset: var(--base-color-scale-gray-0);
-  --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
-  --brand-color-border-default: var(--base-color-scale-gray-2);
-  --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
-  --brand-color-border-subtle: hsl(var(--base-color-scale-black-0-hsl) / 99.85%);
-  --brand-color-focus: var(--base-color-scale-blue-5);
-}
-
+:root,
 [data-color-mode="light"] {
+  --brand-color-success-fg: var(--base-color-scale-green-5);
+  --brand-color-success-emphasis: var(--base-color-scale-green-4);
+  --brand-color-success-muted: hsl(var(--base-color-scale-green-3-hsl) / 60%);
+  --brand-color-success-subtle: var(--base-color-scale-green-0);
+  --brand-color-error-fg: var(--base-color-scale-red-5);
+  --brand-color-error-emphasis: var(--base-color-scale-red-5);
+  --brand-color-error-muted: hsl(var(--base-color-scale-red-3-hsl) / 60%);
+  --brand-color-error-subtle: var(--base-color-scale-red-0);
   --brand-color-accent-fg: var(--base-color-scale-pink-5);
   --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
   --brand-color-accent-muted: hsl(var(--base-color-scale-pink-3-hsl) / 60%);
@@ -1183,6 +918,14 @@ select {
 }
 
 [data-color-mode="dark"] {
+  --brand-color-success-fg: var(--base-color-scale-green-3);
+  --brand-color-success-emphasis: var(--base-color-scale-green-5);
+  --brand-color-success-muted: hsl(var(--base-color-scale-green-4-hsl) / 60%);
+  --brand-color-success-subtle: hsl(var(--base-color-scale-green-4-hsl) / 85%);
+  --brand-color-error-fg: var(--base-color-scale-red-4);
+  --brand-color-error-emphasis: var(--base-color-scale-red-5);
+  --brand-color-error-muted: hsl(var(--base-color-scale-red-4-hsl) / 60%);
+  --brand-color-error-subtle: hsl(var(--base-color-scale-red-4-hsl) / 85%);
   --brand-color-accent-fg: var(--base-color-scale-pink-3);
   --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
   --brand-color-accent-muted: hsl(var(--base-color-scale-pink-4-hsl) / 60%);
@@ -1335,17 +1078,10 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:05 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
-:root {
-  --brand-Button-background-base: var(--base-color-scale-black-0);
-  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
-  --brand-Button-shadow-default: 0 0 0 1px var(--base-color-scale-black-0);
-  --brand-Button-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
-  --brand-Button-shadow-focus: hsl(var(--base-color-scale-black-0-hsl) / 15%) 0 0 0 4px;
-}
-
+:root,
 [data-color-mode="light"] {
   --brand-Button-background-base: var(--base-color-scale-black-0);
   --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
@@ -1474,7 +1210,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -1484,7 +1220,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -1607,14 +1343,10 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:05 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
-:root {
-  --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
-  --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
-}
-
+:root,
 [data-color-mode="light"] {
   --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
   --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
@@ -1716,14 +1448,10 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:05 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
-:root {
-  --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
-  --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
-}
-
+:root,
 [data-color-mode="light"] {
   --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
   --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
@@ -1872,7 +1600,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 :root {
@@ -1882,13 +1610,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:05 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
-:root {
-  --brand-FAQ-heading-color: var(--brand-color-text-default);
-}
-
+:root,
 [data-color-mode="light"] {
   --brand-FAQ-heading-color: var(--brand-color-text-default);
 }
@@ -1953,3 +1678,717 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   }
 }
 
+/**
+ * Do not edit directly
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
+ */
+
+:root {
+  --brand-control-animation-easing: cubic-bezier(0.33, 1, 0.68, 1);
+  --brand-control-animation-duration: 80ms;
+  --brand-control-border-radius: var(--brand-borderRadius-medium);
+  --brand-control-large-fontSize: var(--brand-text-size-300);
+  --brand-control-large-fontWeight: var(--brand-text-weight-300);
+  --brand-control-large-padding: var(--base-size-12);
+  --brand-control-large-size: var(--base-size-48);
+  --brand-control-medium-fontSize: var(--brand-text-size-200);
+  --brand-control-medium-fontWeight: var(--brand-text-weight-200);
+  --brand-control-medium-padding: 0.625rem;
+  --brand-control-medium-size: 2.5rem;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --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);
+  --brand-control-color-fg-default: var(--brand-color-text-default);
+  --brand-control-color-fg-disabled: var(--base-color-scale-gray-4);
+  --brand-control-checkbox-bg-default: var(--base-color-scale-white-0);
+  --brand-control-checkbox-bg-checked: var(--base-color-scale-black-0);
+  --brand-control-checkbox-bg-indeterminate: var(--base-color-scale-black-0);
+  --brand-control-checkbox-bg-disabled: var(--base-color-scale-gray-1);
+  --brand-control-checkbox-fg-checked: var(--base-color-scale-white-0);
+  --brand-control-checkbox-border-default: var(--base-color-scale-gray-4);
+  --brand-control-checkbox-border-checked: var(--base-color-scale-black-0);
+  --brand-control-checkbox-border-indeterminate: var(--base-color-scale-black-0);
+  --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-2);
+}
+
+[data-color-mode="dark"] {
+  --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-checkbox-bg-default: var(--base-color-scale-gray-7);
+  --brand-control-checkbox-bg-checked: var(--base-color-scale-white-0);
+  --brand-control-checkbox-bg-indeterminate: var(--base-color-scale-white-0);
+  --brand-control-checkbox-bg-disabled: var(--base-color-scale-gray-4);
+  --brand-control-checkbox-fg-checked: var(--base-color-scale-black-0);
+  --brand-control-checkbox-border-default: var(--base-color-scale-gray-4);
+  --brand-control-checkbox-border-checked: var(--base-color-scale-white-0);
+  --brand-control-checkbox-border-indeterminate: var(--base-color-scale-white-0);
+  --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-4);
+}
+
+/*
+ * Default Checkbox styles
+ */
+.Primer_Brand__Checkbox-module__Checkbox-wrapper___qo8KL {
+  position: relative;
+}
+
+.Primer_Brand__Checkbox-module__Checkbox___T8FJa {
+  align-items: center;
+  background-color: var(--brand-control-checkbox-bg-default);
+  border: solid 1px var(--brand-control-color-border-default);
+  border: solid var(--brand-borderWidth-normal, 1px) var(--brand-control-color-border-default);
+  border-radius: var(--brand-borderRadius-small);
+  cursor: pointer;
+  display: inline-flex;
+  height: 20px;
+  justify-content: center;
+  margin: 3px 0; /* mimic default browser-applied vertical margin */
+  transition: all 0.35s ease-out;
+  width: 20px;
+  outline: 1px solid var(--brand-control-checkbox-bg-default);
+  box-shadow: 0 0 0 3px transparent;
+}
+
+/**
+ * Checkbox native input - visually hidden
+ */
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.Primer_Brand__Checkbox-module__Checkbox-checkmark___atiwt {
+  height: 16px;
+  width: 16px;
+}
+
+.Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb {
+  stroke: var(--brand-color-focus);
+  stroke-dashoffset: 111.46px;
+  stroke-dasharray: 111.46px;
+  transition: all 350ms var(--brand-control-animation-easing);
+}
+
+/*
+* Checked state
+*/
+
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s:checked + .Primer_Brand__Checkbox-module__Checkbox___T8FJa,
+.Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k {
+  background: var(--brand-control-checkbox-bg-checked);
+  border-color: var(--brand-control-checkbox-border-checked);
+}
+
+.Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k .Primer_Brand__Checkbox-module__Checkbox-checkmark___atiwt {
+  fill: var(--brand-control-checkbox-fg-checked);
+}
+
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s:checked + .Primer_Brand__Checkbox-module__Checkbox___T8FJa .Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb,
+.Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k .Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb {
+  stroke: var(--brand-control-checkbox-fg-checked);
+  stroke-dashoffset: 0;
+}
+
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s:focus + .Primer_Brand__Checkbox-module__Checkbox___T8FJa {
+  box-shadow: 0 0 0 3px var(--brand-color-focus);
+}
+
+/* TODO: Check with a11y team */
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s:checked:focus + .Primer_Brand__Checkbox-module__Checkbox___T8FJa,
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s:focus + .Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k {
+  border-color: var(--brand-control-checkbox-border-checked);
+}
+
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s[disabled] + .Primer_Brand__Checkbox-module__Checkbox___T8FJa,
+.Primer_Brand__Checkbox-module__Checkbox-input___sux6s[disabled]:checked + .Primer_Brand__Checkbox-module__Checkbox___T8FJa {
+  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);
+  color: var(--brand-control-color-fg-disabled);
+  cursor: not-allowed;
+  background-color: var(--brand-control-checkbox-bg-disabled);
+  border-color: var(--brand-control-color-border-disabled);
+  opacity: 1;
+}
+
+/*
+ * Default TextInput styles
+ */
+.Primer_Brand__TextInput-module__TextInput___EtKj3 {
+  display: flex;
+  color: var(--brand-control-color-fg-default);
+  background-color: var(--brand-color-canvas-default);
+  border: none;
+  border-radius: var(--brand-control-border-radius);
+  line-height: var(--brand-text-lineHeight-200);
+  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
+  transition-property: color, background-color, box-shadow;
+}
+
+.Primer_Brand__TextInput-module__TextInput___EtKj3::-moz-placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__TextInput-module__TextInput___EtKj3:-ms-input-placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__TextInput-module__TextInput___EtKj3::placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__TextInput-module__TextInput___EtKj3[disabled] {
+  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);
+  color: var(--brand-control-color-fg-disabled);
+  cursor: not-allowed;
+  background-color: var(--brand-control-color-canvas-disabled);
+  opacity: 1;
+}
+
+.Primer_Brand__TextInput-module__TextInput___EtKj3:focus {
+  outline: none;
+}
+
+/*
+ * Sizes
+ */
+.Primer_Brand__TextInput-module__TextInput--medium___kJrew {
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  height: 40px;
+  height: var(--brand-control-medium-size, 40px);
+  padding: 12px 10px 10px;
+  padding: var(--brand-control-medium-padding, 12px 10px 10px);
+}
+
+.Primer_Brand__TextInput-module__TextInput--large___zpUvY {
+  font-weight: var(--brand-text-weight-300);
+  font-size: var(--brand-text-size-300);
+  height: 48px;
+  height: var(--brand-control-large-size, 48px);
+  padding: 12px;
+  padding: var(--brand-control-large-padding, 12px);
+}
+
+/*
+ * Visual states
+ */
+.Primer_Brand__TextInput-module__TextInput--fullWidth___rbllM {
+  width: 100%;
+}
+
+/*
+ * TextInput wrapper
+ */
+
+.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_ {
+  border-color: var(--brand-control-color-border-disabled);
+}
+
+.Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu {
+  font-family: var(--brand-body-fontFamily);
+  display: inline-flex;
+  position: relative;
+  border: solid 1px var(--brand-control-color-border-default);
+  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
+  border-radius: var(--brand-control-border-radius);
+  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
+  transition-property: border;
+}
+
+.Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4 {
+  display: flex;
+}
+
+.Primer_Brand__TextInput-module__TextInput-wrapper--monospace___y1fd6 {
+  font-family: var(--brand-fontStack-monospace);
+}
+
+.Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu[focus-within] {
+  border-color: var(--brand-color-focus);
+  box-shadow: 0 0 0 1px var(--brand-color-focus);
+  outline: none;
+}
+
+.Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu:focus-within {
+  border-color: var(--brand-color-focus);
+  box-shadow: 0 0 0 1px var(--brand-color-focus);
+  outline: none;
+}
+
+/*
+ * Validation
+ */
+
+.Primer_Brand__TextInput-module__TextInput-wrapper--success___g5ODK,
+.Primer_Brand__TextInput-module__TextInput-wrapper--success___g5ODK.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_ {
+  border-color: var(--brand-color-success-fg);
+}
+
+.Primer_Brand__TextInput-module__TextInput-wrapper--error___V7qtN,
+.Primer_Brand__TextInput-module__TextInput-wrapper--error___V7qtN.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_ {
+  border-color: var(--brand-color-error-fg);
+}
+
+/*
+ * TextInput visuals
+ */
+[dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
+          padding-left: calc(var(--base-size-12) * 2 + var(--base-size-12));
+}
+[dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
+          padding-right: calc(var(--base-size-12) * 2 + var(--base-size-12));
+}
+.Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
+  -webkit-padding-start: calc(var(--base-size-12) * 2 + var(--base-size-12));
+}
+
+[dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
+          padding-left: calc(var(--base-size-8) * 4 + var(--base-size-8));
+}
+
+[dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
+          padding-right: calc(var(--base-size-8) * 4 + var(--base-size-8));
+}
+
+.Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
+  -webkit-padding-start: calc(var(--base-size-8) * 4 + var(--base-size-8));
+}
+
+[dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
+          padding-right: calc(var(--base-size-12) * 2 + var(--base-size-12));
+}
+
+[dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
+          padding-left: calc(var(--base-size-12) * 2 + var(--base-size-12));
+}
+
+.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
+  -webkit-padding-end: calc(var(--base-size-12) * 2 + var(--base-size-12));
+}
+
+[dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
+          padding-right: calc(var(--base-size-8) * 4 + var(--base-size-8));
+}
+
+[dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
+          padding-left: calc(var(--base-size-8) * 4 + var(--base-size-8));
+}
+
+.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
+  -webkit-padding-end: calc(var(--base-size-8) * 4 + var(--base-size-8));
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz,
+.Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L {
+  display: grid;
+  position: absolute;
+  top: 0;
+  display: flex;
+  width: var(--base-size-16);
+  height: 100%;
+  align-items: center;
+  color: var(--color-fg-muted);
+  pointer-events: none;
+  color: var(--brand-color-text-default);
+}
+.Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz {
+  left: var(--base-size-12);
+}
+
+.Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L {
+  right: var(--base-size-12);
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu {
+  width: 16px;
+  height: 16px;
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7 {
+  width: 20px;
+  height: 20px;
+}
+
+/*
+ * TextInput leading and trailing text
+ */
+
+.Primer_Brand__TextInput-module__TextInput-leading-text___H5Cfr,
+.Primer_Brand__TextInput-module__TextInput-trailing-text___ikt8X {
+  display: flex;
+  align-items: center;
+  color: var(--brand-color-text-muted);
+  pointer-events: none;
+  white-space: nowrap;
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text--disabled___APVY0,
+.Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___oM2Ls {
+  color: var(--brand-control-color-fg-disabled);
+  background-color: var(--brand-control-color-canvas-disabled);
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text___H5Cfr {
+  border-top-left-radius: 6px;
+  border-top-left-radius: var(--brand-borderRadius-medium, 6px);
+  border-bottom-left-radius: 6px;
+  border-bottom-left-radius: var(--brand-borderRadius-medium, 6px);
+  border-right: 0;
+}
+
+.Primer_Brand__TextInput-module__TextInput-trailing-text___ikt8X {
+  border-top-right-radius: 6px;
+  border-top-right-radius: var(--brand-borderRadius-medium, 6px);
+  border-bottom-right-radius: 6px;
+  border-bottom-right-radius: var(--brand-borderRadius-medium, 6px);
+  border-left: 0;
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j,
+.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
+  display: inline-flex;
+  padding: 0 10px 0;
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
+  border-right: 1px solid var(--brand-color-border-default);
+}
+
+.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
+  border-left: 1px solid var(--brand-color-border-default);
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra,
+.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA {
+  height: 20px; /*calc(fullheight / 2*/
+}
+.Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI,
+.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33 {
+  height: 22px; /*calc(fullheight / 2*/
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn,
+.Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj {
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  height: 40px;
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE,
+.Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq {
+  font-weight: var(--brand-text-weight-300);
+  font-size: var(--brand-text-size-300);
+  height: 48px;
+}
+
+.Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke {
+  border-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.Primer_Brand__TextInput-module__TextInput--has-trailing-text___Rsoog {
+  border-right: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text--success___LLFx7,
+.Primer_Brand__TextInput-module__TextInput-trailing-text--success___EfLVd {
+  border-color: var(--brand-color-success-fg);
+}
+
+.Primer_Brand__TextInput-module__TextInput-leading-text--error___TM77D,
+.Primer_Brand__TextInput-module__TextInput-trailing-text--error___R96jr {
+  border-color: var(--brand-color-error-fg);
+}
+
+/*
+ * Default Select styles
+ */
+.Primer_Brand__Select-module__Select___Jqn1f {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  display: flex;
+  color: var(--brand-control-color-fg-default);
+  cursor: pointer;
+  background-color: var(--brand-color-canvas-default);
+  border: none;
+  border-radius: var(--brand-control-border-radius);
+  line-height: var(--brand-text-lineHeight-200);
+  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
+  transition-property: color, background-color, box-shadow, border-color;
+  width: 100%;
+}
+
+@media screen and (forced-colors: active) {
+  /* Maintain dark bg color in Firefox on Windows high-contrast mode */
+  .Primer_Brand__Select-module__Select___Jqn1f:disabled {
+    background-color: -moz-combobox;
+  }
+}
+
+.Primer_Brand__Select-module__Select___Jqn1f::-moz-placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__Select-module__Select___Jqn1f:-ms-input-placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__Select-module__Select___Jqn1f::placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__Select-module__Select___Jqn1f.Primer_Brand__Select-module__focus-visible___viA1m {
+  border-color: var(--brand-color-focus);
+  outline: none;
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+}
+
+.Primer_Brand__Select-module__Select___Jqn1f:focus-visible {
+  border-color: var(--brand-color-focus);
+  outline: none;
+  box-shadow: 0 0 0 2px var(--brand-color-focus);
+}
+
+.Primer_Brand__Select-module__Select___Jqn1f[disabled] {
+  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);
+  color: var(--brand-control-color-fg-disabled);
+  cursor: not-allowed;
+  background-color: var(--brand-control-color-canvas-disabled);
+  border-color: var(--brand-control-color-border-disabled);
+  opacity: 1;
+}
+
+.Primer_Brand__Select-module__Select-arrow-indicator___LTpJz {
+  display: flex;
+  height: 16px;
+  pointer-events: none;
+  position: absolute;
+  right: var(--base-size-12);
+  top: 50%;
+  transform: translateY(-50%);
+  width: 16px;
+  color: var(--brand-control-color-fg-default);
+}
+
+.Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI {
+  color: var(--brand-control-color-fg-disabled);
+}
+
+.Primer_Brand__Select-module__Select-arrow-indicator___LTpJz svg {
+  pointer-events: none;
+}
+
+/*
+ * Sizes
+ */
+.Primer_Brand__Select-module__Select--medium___kckBr {
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  height: calc(40px - 2px);
+  height: calc(var(--brand-control-medium-size, 40px) - 2px);
+  padding: 12px 10px 10px;
+  padding: var(--brand-control-medium-padding, 12px 10px 10px);
+  padding-right: var(--base-size-44);
+}
+
+.Primer_Brand__Select-module__Select--large___A7u6F {
+  font-weight: var(--brand-text-weight-300);
+  font-size: var(--brand-text-size-300);
+  height: calc(48px - 2px);
+  height: calc(var(--brand-control-large-size, 48px) - 2px);
+  padding: 12px;
+  padding: var(--brand-control-large-padding, 12px);
+  padding-right: var(--base-size-44);
+}
+
+/*
+ * Visual states
+ */
+
+.Primer_Brand__Select-module__Select--fullWidth___PLk5U {
+  width: 100%;
+}
+
+/*
+ * Select wrapper
+ */
+
+.Primer_Brand__Select-module__Select-wrapper___iV0Tg {
+  align-items: center;
+  border: solid 1px var(--brand-control-color-border-default);
+  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
+  border-radius: 6px;
+  border-radius: var(--brand-borderRadius-medium, 6px);
+  font-family: var(--brand-body-fontFamily);
+  display: inline-flex;
+  position: relative;
+}
+
+.Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y {
+  border-color: var(--brand-control-color-border-disabled);
+}
+
+.Primer_Brand__Select-module__Select-wrapper--fullWidth___oOOo4 {
+  display: flex;
+}
+
+/*
+ * Validation
+ */
+
+.Primer_Brand__Select-module__Select--success___pkmVg {
+  border-color: var(--brand-color-success-fg);
+}
+
+.Primer_Brand__Select-module__Select--error___A9JuG {
+  border-color: var(--brand-color-error-fg);
+}
+
+.Primer_Brand__FormControl-module__FormControl___ZJtXy {
+  display: inline-flex;
+  font-family: var(--brand-body-fontFamily);
+  flex-direction: column;
+  gap: var(--base-size-8);
+}
+
+.Primer_Brand__FormControl-module__FormControl--fullWidth___QyLCS {
+  width: 100%;
+}
+
+.Primer_Brand__FormControl-module__FormControl--checkbox___R2ng7 {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+
+.Primer_Brand__FormControl-module__FormControl--border___CRSaq {
+  border: 1px solid var(--brand-color-border-default);
+  border-radius: var(--brand-control-border-radius);
+  padding: var(--base-size-12);
+}
+
+.Primer_Brand__FormControl-module__FormControl-label___meeuB {
+  color: var(--brand-color-text-default);
+  font-weight: var(--base-text-weight-semibold);
+  font-family: var(--brand-text-fontFamily);
+}
+
+.Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.Primer_Brand__FormControl-module__FormControl-label--medium___inrKd {
+  letter-spacing: var(--brand-text-letterSpacing-200);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
+}
+
+.Primer_Brand__FormControl-module__FormControl-label--large___okLn6 {
+  letter-spacing: var(--brand-text-letterSpacing-300);
+  font-size: var(--brand-text-size-300);
+  line-height: var(--brand-text-lineHeight-300);
+}
+
+.Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X {
+  cursor: pointer;
+  font-size: var(--brand-text-size-300);
+  font-weight: var(--base-text-weight-semibold);
+  letter-spacing: var(--brand-text-letterSpacing-300);
+  line-height: var(--brand-text-lineHeight-300);
+  position: relative;
+  top: 1px;
+  width: 100%;
+}
+
+.Primer_Brand__FormControl-module__FormControl-hint___dbP0O {
+  color: var(--brand-color-text-muted);
+  display: block;
+  font-size: var(--brand-text-size-200);
+  font-weight: var(--base-text-weight-normal);
+  letter-spacing: var(--brand-text-letterSpacing-200);
+  line-height: var(--brand-text-lineHeight-200);
+}
+
+/*Validation*/
+.Primer_Brand__FormControl-module__FormControl-validation___vG5tm {
+  font-weight: var(--base-text-weight-normal);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
+  display: flex;
+  gap: var(--base-size-4);
+}
+
+.Primer_Brand__FormControl-module__FormControl-validation--success___fGV4L {
+  color: var(--brand-color-success-fg);
+}
+
+.Primer_Brand__FormControl-module__FormControl-validation--error___DJVR5 {
+  color: var(--brand-color-error-fg);
+}
+
+.Primer_Brand__FormControl-module__FormControl-validation-icon___xh1go {
+  padding-top: 1px;
+}
+
+.Primer_Brand__FormControl-module__FormControl-validation--animate-in___C_pxB {
+  -webkit-animation: 170ms Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R cubic-bezier(0.44, 0.74, 0.36, 1);
+          animation: 170ms Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R cubic-bezier(0.44, 0.74, 0.36, 1);
+}
+
+@-webkit-keyframes Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R {
+  0% {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R {
+  0% {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+