@primer/react-brand 0.21.0-rc.e36a95f → 0.21.1-rc.ab7bd87

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 (223) hide show
  1. package/lib/Grid/Grid.d.ts +1 -1
  2. package/lib/Hero/Hero.d.ts +4 -0
  3. package/lib/SectionIntro/SectionIntro.d.ts +5 -1
  4. package/lib/Text/Text.d.ts +7 -1
  5. package/lib/css/main.css +1185 -1150
  6. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  7. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  8. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  9. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/animation/base.css +4 -1
  11. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/card/base.css +2 -2
  18. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/control/base.css +2 -2
  23. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +2 -2
  37. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  56. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +49 -1
  60. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +3 -3
  62. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  63. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +3 -3
  65. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +3 -3
  74. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  75. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  76. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  77. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  78. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  79. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  80. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  81. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  82. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  83. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  84. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  85. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  86. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  87. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  88. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  89. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  90. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  91. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  92. package/lib/design-tokens/js/tokens/functional/animation/base.js +4 -1
  93. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  94. package/lib/design-tokens/js/tokens/functional/components/card/base.js +2 -2
  95. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  96. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  97. package/lib/design-tokens/js/tokens/functional/components/control/base.js +2 -2
  98. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  99. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  100. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  101. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  102. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  103. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  104. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  105. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  106. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +2 -2
  107. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  108. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  109. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  110. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  111. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  112. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  113. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  114. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  115. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  116. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  117. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  118. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  119. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  120. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  121. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  122. package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +1 -1
  123. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  124. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  125. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +4 -1
  126. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  127. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +2 -2
  128. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  129. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  130. package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +2 -2
  131. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  132. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  133. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  134. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  135. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  136. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  137. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  138. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  139. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +2 -2
  140. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  141. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  142. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  143. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  144. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  145. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  146. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  147. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  148. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  149. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  150. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  151. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  152. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  153. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  154. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  155. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  156. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  157. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  158. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  159. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  160. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  161. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +5 -2
  162. package/lib/design-tokens/ts/tokens/functional/animation/base.js +5 -2
  163. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  164. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  165. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  166. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +2 -2
  167. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  168. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  169. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  170. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  171. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  172. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +2 -2
  173. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  174. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  175. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  176. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  177. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  178. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  179. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  180. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  181. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  182. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  183. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  184. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  185. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  186. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  187. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  188. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  189. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  190. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +2 -2
  191. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  192. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  193. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  194. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  195. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  196. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  197. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  198. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  199. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  200. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  201. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  202. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  203. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  204. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  205. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  206. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  207. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  208. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  209. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  210. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  211. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  212. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  213. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  214. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  215. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  216. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  217. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  218. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  219. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  220. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  221. package/lib/forms/TextInput/TextInput.d.ts +1 -1
  222. package/lib/index.js +1 -1
  223. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -89,7 +89,7 @@ select {
89
89
 
90
90
  /**
91
91
  * Do not edit directly
92
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
92
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
93
93
  */
94
94
 
95
95
  :root,
@@ -629,7 +629,7 @@ select {
629
629
 
630
630
  /**
631
631
  * Do not edit directly
632
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
632
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
633
633
  */
634
634
 
635
635
  :root {
@@ -654,7 +654,7 @@ select {
654
654
 
655
655
  /**
656
656
  * Do not edit directly
657
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
657
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
658
658
  */
659
659
 
660
660
  :root {
@@ -669,7 +669,7 @@ select {
669
669
 
670
670
  /**
671
671
  * Do not edit directly
672
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
672
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
673
673
  */
674
674
 
675
675
  :root {
@@ -841,7 +841,7 @@ select {
841
841
 
842
842
  /**
843
843
  * Do not edit directly
844
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
844
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
845
845
  */
846
846
 
847
847
  :root {
@@ -855,7 +855,7 @@ select {
855
855
 
856
856
  /**
857
857
  * Do not edit directly
858
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
858
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
859
859
  */
860
860
 
861
861
  :root {
@@ -873,7 +873,7 @@ select {
873
873
 
874
874
  /**
875
875
  * Do not edit directly
876
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
876
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
877
877
  */
878
878
 
879
879
  :root,
@@ -971,6 +971,11 @@ select {
971
971
  justify-content: center;
972
972
  }
973
973
 
974
+ .Primer_Brand__Hero-module__Hero-label___exV9w {
975
+ -webkit-margin-after: var(--base-size-24);
976
+ margin-bottom: var(--base-size-24);
977
+ }
978
+
974
979
  .Primer_Brand__Hero-module__Hero-heading___QuVBH {
975
980
  margin: 0;
976
981
  max-width: 18ch;
@@ -1173,9 +1178,29 @@ select {
1173
1178
  }
1174
1179
  }
1175
1180
 
1181
+ [dir="ltr"] .Primer_Brand__Text-module__Text-align--start___wkiCN {
1182
+ text-align: left;
1183
+ }
1184
+
1185
+ [dir="rtl"] .Primer_Brand__Text-module__Text-align--start___wkiCN {
1186
+ text-align: right;
1187
+ }
1188
+
1189
+ [dir="ltr"] .Primer_Brand__Text-module__Text-align--end___E4m7M {
1190
+ text-align: right;
1191
+ }
1192
+
1193
+ [dir="rtl"] .Primer_Brand__Text-module__Text-align--end___E4m7M {
1194
+ text-align: left;
1195
+ }
1196
+
1197
+ .Primer_Brand__Text-module__Text-align--center___NbZtZ {
1198
+ text-align: center;
1199
+ }
1200
+
1176
1201
  /**
1177
1202
  * Do not edit directly
1178
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
1203
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
1179
1204
  */
1180
1205
 
1181
1206
  :root,
@@ -1217,7 +1242,7 @@ select {
1217
1242
  vertical-align: middle;
1218
1243
  align-items: center;
1219
1244
  justify-content: center;
1220
- transition: box-shadow 0.2s;
1245
+ transition: box-shadow var(--brand-animation-duration-faster);
1221
1246
  text-decoration: none;
1222
1247
  border-radius: 6px;
1223
1248
  cursor: pointer;
@@ -1629,1512 +1654,1516 @@ select {
1629
1654
 
1630
1655
  /**
1631
1656
  * Do not edit directly
1632
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
1657
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
1633
1658
  */
1634
1659
 
1635
1660
  :root {
1636
- --brand-Hero-regular-padding: var(--base-size-128) 0;
1637
- --brand-Hero-narrow-padding: var(--base-size-96) 0;
1661
+ --brand-animation-variant-scaleInLeft-end: 1;
1662
+ --brand-animation-variant-scaleInLeft-start: 0.90;
1663
+ --brand-animation-variant-scaleInLeft-distance: 1.25rem;
1664
+ --brand-animation-variant-scaleInRight-end: 1;
1665
+ --brand-animation-variant-scaleInRight-start: 0.90;
1666
+ --brand-animation-variant-scaleInRight-distance: -1.25rem;
1667
+ --brand-animation-variant-scaleInTop-distance: ;
1668
+ --brand-animation-variant-scaleIn-end: 1;
1669
+ --brand-animation-variant-scaleIn-start: 0.96;
1670
+ --brand-animation-variant-scaleInDown-end: 1;
1671
+ --brand-animation-variant-scaleInDown-start: 0;
1672
+ --brand-animation-variant-scaleInDown-distance: -3.125rem;
1673
+ --brand-animation-variant-scaleInUp-end: 1;
1674
+ --brand-animation-variant-scaleInUp-start: 0.96;
1675
+ --brand-animation-variant-scaleInUp-distance: 1.5rem;
1676
+ --brand-animation-variant-slideInRight-distance: -0.9375rem;
1677
+ --brand-animation-variant-slideInLeft-distance: 0.9375rem;
1678
+ --brand-animation-variant-slideInDown-distance: -0.9375rem;
1679
+ --brand-animation-variant-slideInUp-distance: 0.9375rem;
1680
+ --brand-animation-transition-default: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1681
+ --brand-animation-easing-glide: cubic-bezier(0.33, 1, 0.68, 1);
1682
+ --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
1683
+ --brand-animation-duration-extended: 0.7s;
1684
+ --brand-animation-duration-default: 0.6s;
1685
+ --brand-animation-duration-fast: 0.3s;
1686
+ --brand-animation-duration-faster: 0.2s;
1638
1687
  }
1639
1688
 
1640
- .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj {
1641
- display: inline-flex;
1642
- gap: var(--base-size-8);
1643
- flex-direction: row;
1644
- flex-wrap: wrap;
1689
+ .Primer_Brand__Animation-module__Animation___KNtEW {
1690
+ transition: var(--brand-animation-transition-default);
1645
1691
  }
1646
1692
 
1647
- .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj > * {
1648
- flex-grow: 1;
1693
+ /**
1694
+ * Fade in
1695
+ */
1696
+ .Primer_Brand__Animation-module__Animation--fade-in___jUvJD {
1697
+ opacity: 0;
1698
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1699
+ }
1700
+
1701
+ .Primer_Brand__Animation-module__Animation--fade-in___jUvJD.Primer_Brand__Animation-module__Animation--active___g_UBK {
1702
+ opacity: 1;
1649
1703
  }
1650
1704
 
1651
1705
  /**
1652
- * Do not edit directly
1653
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
1706
+ * Fade out
1654
1707
  */
1708
+ .Primer_Brand__Animation-module__Animation--fade-out___CsyfK {
1709
+ opacity: 1;
1710
+ }
1655
1711
 
1656
- :root {
1657
- --brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
1658
- --brand-River-heading-margin: var(--base-size-8);
1712
+ .Primer_Brand__Animation-module__Animation--fade-out___CsyfK.Primer_Brand__Animation-module__Animation--active___g_UBK {
1713
+ opacity: 0;
1714
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1659
1715
  }
1660
1716
 
1661
1717
  /**
1662
- * Do not edit directly
1663
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
1718
+ * Slide in up
1664
1719
  */
1665
-
1666
- :root {
1667
- --brand-River-spacing-outer: var(--base-size-28);
1668
- --brand-River-spacing-inner: var(--base-size-24);
1720
+ .Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI {
1721
+ opacity: 0;
1722
+ transform: translateY(var(--brand-animation-variant-slideInUp-distance));
1723
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
1724
+ transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1669
1725
  }
1670
1726
 
1671
- @media (min-width: 768px) {
1672
- :root {
1673
- --brand-River-spacing-outer: var(--base-size-36);
1674
- --brand-River-spacing-inner: var(--base-size-36);
1675
- }
1727
+ .Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI.Primer_Brand__Animation-module__Animation--active___g_UBK {
1728
+ opacity: 1;
1729
+ transform: translateY(0);
1676
1730
  }
1677
1731
 
1678
- @media (min-width: 1280px) {
1679
- :root {
1680
- --brand-River-spacing-outer: var(--base-size-48);
1681
- --brand-River-spacing-inner: var(--base-size-48);
1682
- }
1732
+ /**
1733
+ * Slide in down
1734
+ */
1735
+ .Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv {
1736
+ opacity: 0;
1737
+ transform: translateY(var(--brand-animation-variant-slideInDown-distance));
1738
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
1739
+ transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1683
1740
  }
1684
1741
 
1685
- .Primer_Brand__River-module__River___VHPl5 {
1686
- display: grid;
1687
- grid-gap: var(--brand-River-spacing-inner);
1688
- gap: var(--brand-River-spacing-inner);
1689
- grid-auto-rows: min-content;
1690
- padding-top: var(--brand-River-spacing-outer);
1691
- padding-bottom: var(--brand-River-spacing-outer);
1742
+ .Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv.Primer_Brand__Animation-module__Animation--active___g_UBK {
1743
+ opacity: 1;
1744
+ transform: translateY(0);
1692
1745
  }
1693
1746
 
1694
- .Primer_Brand__River-module__River--align-center___TH7xI {
1695
- text-align: center;
1747
+ /**
1748
+ * Slide in left
1749
+ */
1750
+ .Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js {
1751
+ opacity: 0;
1752
+ transform: translateX(var(--brand-animation-variant-slideInLeft-distance));
1753
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
1754
+ transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1696
1755
  }
1697
1756
 
1698
- .Primer_Brand__River-module__River__visual___sTe_U {
1699
- position: relative;
1700
- order: 2;
1757
+ .Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js.Primer_Brand__Animation-module__Animation--active___g_UBK {
1758
+ opacity: 1;
1759
+ transform: translateX(0);
1701
1760
  }
1702
1761
 
1703
- .Primer_Brand__River-module__River__visual--fill-media___AVMgH img,
1704
- .Primer_Brand__River-module__River__visual--fill-media___AVMgH video {
1705
- width: 100%;
1706
- height: 100%;
1707
- -o-object-fit: cover;
1708
- object-fit: cover;
1762
+ /**
1763
+ * Slide in right
1764
+ */
1765
+ .Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx {
1766
+ opacity: 0;
1767
+ transform: translateX(var(--brand-animation-variant-slideInRight-distance));
1768
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
1769
+ transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1709
1770
  }
1710
1771
 
1711
- .Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
1712
- box-shadow: var(--brand-River-visual-shadow);
1772
+ .Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx.Primer_Brand__Animation-module__Animation--active___g_UBK {
1773
+ opacity: 1;
1774
+ transform: translateX(0);
1713
1775
  }
1714
1776
 
1715
- .Primer_Brand__River-module__River__heading___pwKXi {
1716
- margin-bottom: var(--brand-River-heading-margin);
1777
+ /**
1778
+ * Scale in
1779
+ */
1780
+ .Primer_Brand__Animation-module__Animation--scale-in___P7xzG {
1781
+ opacity: 0;
1782
+ transform: scale(var(--brand-animation-variant-scaleIn-start));
1783
+ transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
1784
+ transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
1717
1785
  }
1718
1786
 
1719
- .Primer_Brand__River-module__River__call-to-action___GIOCe {
1720
- margin-top: var(--base-size-24);
1787
+ .Primer_Brand__Animation-module__Animation--scale-in___P7xzG.Primer_Brand__Animation-module__Animation--active___g_UBK {
1788
+ opacity: 1;
1789
+ transform: scale(--brand-animation-variant-scaleIn-end);
1721
1790
  }
1722
1791
 
1723
- .Primer_Brand__River-module__River__text___ZlR1K strong {
1724
- color: var(--brand-color-text-default);
1792
+ /**
1793
+ * Scale in up
1794
+ */
1795
+ .Primer_Brand__Animation-module__Animation--scale-in-up___n0qDP {
1796
+ opacity: 0;
1797
+ transform: scale(var(--brand-animation-variant-scaleInUp-start))
1798
+ translateY(var(--brand-animation-variant-scaleInUp-distance));
1799
+ transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
1800
+ transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
1725
1801
  }
1726
1802
 
1727
- /* Medium breakpoint and up */
1728
- @media screen and (min-width: 48rem) {
1729
- .Primer_Brand__River-module__River___VHPl5 {
1730
- grid-template-rows: initial;
1731
- }
1732
- .Primer_Brand__River-module__River--50-50___cpSFU {
1733
- grid-template-columns: [content] 1fr [visual] 1fr;
1734
- }
1803
+ .Primer_Brand__Animation-module__Animation--scale-in-up___n0qDP.Primer_Brand__Animation-module__Animation--active___g_UBK {
1804
+ opacity: 1;
1805
+ transform: scale(var(--brand-animation-variant-scaleInUp-end)) translateY(0);
1806
+ }
1735
1807
 
1736
- .Primer_Brand__River-module__River--60-40___XDKAU {
1737
- grid-template-columns: [content] 4fr [visual] 6fr;
1738
- }
1808
+ /**
1809
+ * Scale in down
1810
+ */
1811
+ .Primer_Brand__Animation-module__Animation--scale-in-down___YEgko {
1812
+ opacity: 0;
1813
+ transform: translateY(var(--brand-animation-variant-scaleInDown-distance))
1814
+ scale(var(--brand-animation-variant-scaleInDown-start));
1815
+ transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
1816
+ transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
1817
+ }
1739
1818
 
1740
- .Primer_Brand__River-module__River--align-start___L0mn_ {
1741
- grid-template-areas: 'content visual';
1742
- }
1819
+ .Primer_Brand__Animation-module__Animation--scale-in-down___YEgko.Primer_Brand__Animation-module__Animation--active___g_UBK {
1820
+ opacity: 1;
1821
+ transform: translateY(0) scale(var(--brand-animation-variant-scaleInDown-end));
1822
+ }
1743
1823
 
1744
- .Primer_Brand__River-module__River--align-end___UIM3e {
1745
- grid-template-areas: 'visual content';
1746
- }
1824
+ /**
1825
+ * Scale in right
1826
+ */
1827
+ .Primer_Brand__Animation-module__Animation--scale-in-right___jBPh4 {
1828
+ opacity: 0;
1829
+ transform: scale(var(--brand-animation-variant-scaleInRight-start))
1830
+ translateX(var(--brand-animation-variant-scaleInRight-distance));
1831
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
1832
+ transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1833
+ }
1747
1834
 
1748
- .Primer_Brand__River-module__River--align-end___UIM3e.Primer_Brand__River-module__River--60-40___XDKAU {
1749
- grid-template-columns: [visual] 6fr [content] 4fr;
1750
- }
1835
+ .Primer_Brand__Animation-module__Animation--scale-in-right___jBPh4.Primer_Brand__Animation-module__Animation--active___g_UBK {
1836
+ opacity: 1;
1837
+ transform: translateX(0) scale(var(--brand-animation-variant-scaleInRight-end));
1838
+ }
1751
1839
 
1752
- .Primer_Brand__River-module__River__content___opQUA {
1753
- display: grid;
1754
- align-content: center;
1755
- grid-area: content;
1756
- }
1840
+ /**
1841
+ * Scale in left
1842
+ */
1843
+ .Primer_Brand__Animation-module__Animation--scale-in-left___g8_dC {
1844
+ opacity: 0;
1845
+ transform: scale(var(--brand-animation-variant-scaleInLeft-start))
1846
+ translateX(var(--brand-animation-variant-scaleInLeft-distance));
1847
+ transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
1848
+ transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
1849
+ }
1757
1850
 
1758
- .Primer_Brand__River-module__River__visual___sTe_U {
1759
- grid-area: visual;
1760
- order: initial;
1761
- }
1851
+ .Primer_Brand__Animation-module__Animation--scale-in-left___g8_dC.Primer_Brand__Animation-module__Animation--active___g_UBK {
1852
+ opacity: 1;
1853
+ transform: translateX(0) scale(var(--brand-animation-variant-scaleInLeft-end));
1854
+ }
1762
1855
 
1763
- .Primer_Brand__River-module__River--align-center___TH7xI {
1764
- grid-auto-rows: min-content;
1765
- grid-template-columns: initial;
1766
- }
1856
+ /**
1857
+ * Fill in right
1858
+ */
1859
+ .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH {
1860
+ transform-origin: left;
1861
+ transform: scaleX(0);
1862
+ transition: transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
1863
+ }
1767
1864
 
1768
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
1769
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
1770
- grid-area: unset;
1771
- justify-self: center;
1772
- }
1865
+ .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH.Primer_Brand__Animation-module__Animation--active___g_UBK {
1866
+ transform: scaleX(1);
1867
+ }
1773
1868
 
1774
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
1775
- max-width: 600px;
1776
- justify-self: center;
1777
- }
1869
+ /**
1870
+ * Scale in top
1871
+ */
1872
+ .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS {
1873
+ transform-origin: top;
1874
+ transform: scaleY(0);
1875
+ transition: transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
1876
+ }
1778
1877
 
1779
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
1780
- margin-bottom: var(--base-size-48);
1781
- }
1782
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
1783
- margin-top: var(--base-size-48);
1784
- }
1878
+ .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS.Primer_Brand__Animation-module__Animation--active___g_UBK {
1879
+ transform: scaleY(1);
1785
1880
  }
1786
1881
 
1787
- /*
1788
- * Main styles for the subdomain navigation bar.
1882
+ /**
1883
+ * Do not edit directly
1884
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
1789
1885
  */
1790
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___JNpcK {
1791
- position: relative;
1792
- z-index: 90;
1793
- font-weight: 550;
1794
- background: var(--brand-SubdomainNavBar-canvas-default);
1795
- -webkit-backdrop-filter: blur(16px);
1796
- backdrop-filter: blur(16px);
1797
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1798
- transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
1799
- height: 75px;
1886
+
1887
+ :root,
1888
+ [data-color-mode="light"] {
1889
+ --brand-Label-color-default: var(--brand-color-text-default);
1890
+ --brand-Label-color-blue: var(--base-color-scale-blue-5);
1891
+ --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-5);
1892
+ --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
1893
+ --brand-Label-color-coral: var(--base-color-scale-coral-5);
1894
+ --brand-Label-color-green: var(--base-color-scale-green-5);
1895
+ --brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
1896
+ --brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
1897
+ --brand-Label-color-gray: var(--base-color-scale-gray-6);
1898
+ --brand-Label-color-indigo: var(--base-color-scale-indigo-5);
1899
+ --brand-Label-color-lemon: var(--base-color-scale-lemon-5);
1900
+ --brand-Label-color-lime: var(--base-color-scale-lime-5);
1901
+ --brand-Label-color-orange: var(--base-color-scale-orange-5);
1902
+ --brand-Label-color-pink: var(--base-color-scale-pink-5);
1903
+ --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-5);
1904
+ --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-5);
1905
+ --brand-Label-color-purple: var(--base-color-scale-purple-5);
1906
+ --brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
1907
+ --brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
1908
+ --brand-Label-color-red: var(--base-color-scale-red-5);
1909
+ --brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
1910
+ --brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
1911
+ --brand-Label-color-teal: var(--base-color-scale-teal-5);
1912
+ --brand-Label-color-yellow: var(--base-color-scale-yellow-5);
1800
1913
  }
1801
1914
 
1802
- /*
1803
- * Outer container
1804
- */
1805
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv {
1806
- z-index: 90;
1915
+ [data-color-mode="dark"] {
1916
+ --brand-Label-color-default: var(--brand-color-text-default);
1917
+ --brand-Label-color-blue: var(--base-color-scale-blue-0);
1918
+ --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-2);
1919
+ --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-3);
1920
+ --brand-Label-color-coral: var(--base-color-scale-coral-0);
1921
+ --brand-Label-color-green: var(--base-color-scale-green-0);
1922
+ --brand-Label-color-green-blue-start: var(--base-color-scale-green-2);
1923
+ --brand-Label-color-green-blue-end: var(--base-color-scale-blue-3);
1924
+ --brand-Label-color-gray: var(--base-color-scale-gray-0);
1925
+ --brand-Label-color-indigo: var(--base-color-scale-indigo-0);
1926
+ --brand-Label-color-lemon: var(--base-color-scale-lemon-0);
1927
+ --brand-Label-color-lime: var(--base-color-scale-lime-0);
1928
+ --brand-Label-color-orange: var(--base-color-scale-orange-0);
1929
+ --brand-Label-color-pink: var(--base-color-scale-pink-0);
1930
+ --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-2);
1931
+ --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-3);
1932
+ --brand-Label-color-purple: var(--base-color-scale-purple-0);
1933
+ --brand-Label-color-purple-red-start: var(--base-color-scale-purple-2);
1934
+ --brand-Label-color-purple-red-end: var(--base-color-scale-red-3);
1935
+ --brand-Label-color-red: var(--base-color-scale-red-0);
1936
+ --brand-Label-color-red-orange-start: var(--base-color-scale-red-2);
1937
+ --brand-Label-color-red-orange-end: var(--base-color-scale-orange-3);
1938
+ --brand-Label-color-teal: var(--base-color-scale-teal-0);
1939
+ --brand-Label-color-yellow: var(--base-color-scale-yellow-0);
1807
1940
  }
1808
1941
 
1809
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf {
1810
- position: fixed;
1942
+ .Primer_Brand__Label-module__Label___TW0HL {
1943
+ --brand-Label-gradient: radial-gradient(
1944
+ circle at top left,
1945
+ var(--brand-Label-color-start),
1946
+ var(--brand-Label-color-end)
1947
+ );
1948
+ --brand-Label-background: var(--brand-Label-gradient, var(--brand-Label-color, currentColor));
1949
+
1950
+ vertical-align: middle;
1951
+ align-items: center;
1952
+ justify-content: center;
1953
+ border-radius: var(--brand-borderRadius-full);
1954
+ display: inline-flex;
1955
+ color: currentColor;
1956
+ color: var(--brand-Label-color-start, var(--brand-Label-color, currentColor));
1957
+ position: relative;
1958
+ background: none;
1959
+ }
1960
+
1961
+ .Primer_Brand__Label-module__Label___TW0HL::before {
1962
+ content: '';
1963
+ position: absolute;
1811
1964
  top: 0;
1812
1965
  right: 0;
1966
+ bottom: 0;
1813
1967
  left: 0;
1968
+ padding: var(--brand-borderWidth-thin);
1969
+ border-radius: inherit;
1970
+ background: var(--brand-Label-background);
1971
+ -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
1972
+ linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
1973
+ mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
1974
+ linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
1975
+ -webkit-mask-composite: xor;
1976
+ mask-composite: exclude;
1814
1977
  }
1815
1978
 
1816
- /*
1817
- * Inner container
1818
- */
1819
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
1820
- display: flex;
1821
- padding: 4px 28px;
1979
+ .Primer_Brand__Label-module__Label--size-small___TvoL_ {
1980
+ padding-left: var(--base-size-8);
1981
+ padding-right: var(--base-size-8);
1982
+ height: var(--base-size-24);
1822
1983
  }
1823
1984
 
1824
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--centered___FXUTh {
1825
- max-width: 1280px;
1826
- margin: 0 auto;
1985
+ .Primer_Brand__Label-module__Label--size-medium___g4Jkm {
1986
+ padding-left: var(--base-size-16);
1987
+ padding-right: var(--base-size-16);
1988
+ height: var(--base-size-28);
1827
1989
  }
1828
1990
 
1829
- @media screen and (min-width: 48rem) {
1830
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
1831
- padding: 4px 32px;
1832
- }
1991
+ .Primer_Brand__Label-module__Label--size-large___BrKTp {
1992
+ padding-left: var(--base-size-16);
1993
+ padding-right: var(--base-size-16);
1994
+ height: var(--base-size-32);
1833
1995
  }
1834
1996
 
1835
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
1836
- animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
1997
+ .Primer_Brand__Label-module__Label--color-default___YCx2l {
1998
+ --brand-Label-color: var(--brand-Label-color-default);
1837
1999
  }
1838
2000
 
1839
- /*
1840
- * Logo and title area
1841
- */
1842
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___W8IC5 {
1843
- display: inline-flex;
1844
- list-style-type: none;
1845
- align-items: center;
1846
- gap: 16px;
1847
- padding: 0;
1848
- margin: 0;
1849
- max-width: 340px;
1850
- color: var(--brand-color-text-default);
1851
- padding: var(--base-size-16) 0;
2001
+ .Primer_Brand__Label-module__Label--color-blue___lZSxf {
2002
+ --brand-Label-color: var(--brand-Label-color-blue);
1852
2003
  }
1853
2004
 
1854
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ {
1855
- color: var(--brand-color-text-default);
1856
- position: relative;
2005
+ .Primer_Brand__Label-module__Label--color-blue-purple___ER3VP {
2006
+ --brand-Label-color-start: var(--brand-Label-color-blue-purple-start);
2007
+ --brand-Label-color-end: var(--brand-Label-color-blue-purple-end);
1857
2008
  }
1858
2009
 
1859
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
1860
- position: absolute;
1861
- left: calc(-32px + 5px);
1862
- opacity: 0;
1863
- transition: opacity 0.3s, transform 0.3s ease;
1864
- transform: translateX(5px);
1865
- color: var(--brand-color-text-muted);
2010
+ .Primer_Brand__Label-module__Label--color-coral___V0Yif {
2011
+ --brand-Label-color: var(--brand-Label-color-coral);
1866
2012
  }
1867
2013
 
1868
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_:hover .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
1869
- opacity: 1;
1870
- transform: translateX(0);
2014
+ .Primer_Brand__Label-module__Label--color-green___SoiE4 {
2015
+ --brand-Label-color: var(--brand-Label-color-green);
1871
2016
  }
1872
2017
 
1873
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-separator___djrH2 {
1874
- color: var(--brand-color-text-muted);
1875
- font-weight: var(--base-text-weight-semibold);
1876
- font-size: var(--base-size-32);
1877
- line-height: 29px;
2018
+ .Primer_Brand__Label-module__Label--color-green-blue___R2mSi {
2019
+ --brand-Label-color-start: var(--brand-Label-color-green-blue-start);
2020
+ --brand-Label-color-end: var(--brand-Label-color-green-blue-end);
1878
2021
  }
1879
2022
 
1880
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ svg {
1881
- width: 32px;
1882
- height: 32px;
2023
+ .Primer_Brand__Label-module__Label--color-gray___MCa_k {
2024
+ --brand-Label-color: var(--brand-Label-color-gray);
1883
2025
  }
1884
2026
 
1885
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2 {
1886
- font-family: var(--brand-heading-fontFamily);
1887
- font-weight: var(--base-text-weight-semibold);
1888
- font-size: var(--base-size-24);
1889
- line-height: var(--base-size-32);
1890
- color: var(--brand-color-text-default);
1891
- text-decoration: none;
1892
- padding-right: var(--base-size-16);
1893
- white-space: nowrap;
2027
+ .Primer_Brand__Label-module__Label--color-indigo___VEHOi {
2028
+ --brand-Label-color: var(--brand-Label-color-indigo);
1894
2029
  }
1895
2030
 
1896
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2:hover {
1897
- text-decoration: none;
2031
+ .Primer_Brand__Label-module__Label--color-lemon___xvb0x {
2032
+ --brand-Label-color: var(--brand-Label-color-lemon);
1898
2033
  }
1899
2034
 
1900
- /*
1901
- * Primary navigation link area
1902
- */
1903
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___rZwCn {
1904
- display: inline-flex;
1905
- list-style-type: none;
1906
- align-items: center;
1907
- padding: 0;
1908
- margin: 0;
2035
+ .Primer_Brand__Label-module__Label--color-lime___rORM1 {
2036
+ --brand-Label-color: var(--brand-Label-color-lime);
1909
2037
  }
1910
2038
 
1911
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1912
- list-style-type: none;
2039
+ .Primer_Brand__Label-module__Label--color-orange___PMqMi {
2040
+ --brand-Label-color: var(--brand-Label-color-orange);
1913
2041
  }
1914
2042
 
1915
- @media screen and (max-width: 767px) {
1916
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1917
- display: none;
1918
- }
2043
+ .Primer_Brand__Label-module__Label--color-pink___kHEv5 {
2044
+ --brand-Label-color: var(--brand-Label-color-pink);
2045
+ }
1919
2046
 
1920
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--invisible___HnkQO {
1921
- display: none;
1922
- }
2047
+ .Primer_Brand__Label-module__Label--color-pink-blue___y5skb {
2048
+ --brand-Label-color-start: var(--brand-Label-color-pink-blue-start);
2049
+ --brand-Label-color-end: var(--brand-Label-color-pink-blue-end);
2050
+ }
1923
2051
 
1924
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv {
1925
- display: block;
1926
- margin: 0;
1927
- padding: 0;
1928
- position: absolute;
1929
- top: 75px;
1930
- left: 0;
1931
- right: 0;
1932
- z-index: 2;
1933
- background-color: var(--brand-color-canvas-default);
1934
- width: 100vw;
1935
- height: calc(100vh - 75px);
1936
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1937
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1938
- }
2052
+ .Primer_Brand__Label-module__Label--color-purple___ZHLtp {
2053
+ --brand-Label-color: var(--brand-Label-color-purple);
1939
2054
  }
1940
2055
 
1941
- @media screen and (min-width: 48rem) {
1942
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1943
- display: flex;
1944
- align-items: center;
1945
- width: 100%;
1946
- max-width: 150px;
1947
- padding: 0;
1948
- margin: 0 24px 0 0;
1949
- /* overflow: hidden; */
1950
- }
2056
+ .Primer_Brand__Label-module__Label--color-purple-red___MsWGq {
2057
+ --brand-Label-color-start: var(--brand-Label-color-purple-red-start);
2058
+ --brand-Label-color-end: var(--brand-Label-color-purple-red-end);
1951
2059
  }
1952
2060
 
1953
- @media screen and (min-width: 768px) {
1954
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1955
- max-width: 100px;
1956
- }
2061
+ .Primer_Brand__Label-module__Label--color-red___GYMDt {
2062
+ --brand-Label-color: var(--brand-Label-color-red);
1957
2063
  }
1958
2064
 
1959
- @media screen and (min-width: 850px) {
1960
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1961
- max-width: 200px;
1962
- }
2065
+ .Primer_Brand__Label-module__Label--color-red-orange___FVyXX {
2066
+ --brand-Label-color-start: var(--brand-Label-color-red-orange-start);
2067
+ --brand-Label-color-end: var(--brand-Label-color-red-orange-end);
1963
2068
  }
1964
2069
 
1965
- @media screen and (min-width: 1024px) {
1966
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1967
- max-width: 300px;
1968
- }
2070
+ .Primer_Brand__Label-module__Label--color-teal___VOUIS {
2071
+ --brand-Label-color: var(--brand-Label-color-teal);
1969
2072
  }
1970
2073
 
1971
- @media screen and (min-width: 1280px) {
1972
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1973
- max-width: 520px;
1974
- margin-right: 80px;
1975
- }
2074
+ .Primer_Brand__Label-module__Label--color-yellow___S2Zu2 {
2075
+ --brand-Label-color: var(--brand-Label-color-yellow);
1976
2076
  }
1977
2077
 
1978
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
1979
- white-space: nowrap;
2078
+ .Primer_Brand__Label-module__Label__text____nAxj {
2079
+ background: var(--brand-Label-background);
2080
+ -webkit-background-clip: text;
2081
+ background-clip: text;
2082
+ -webkit-text-fill-color: transparent;
2083
+ -webkit-box-decoration-break: clone;
2084
+ box-decoration-break: clone;
1980
2085
  }
1981
2086
 
1982
- @media screen and (max-width: 767px) {
1983
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
1984
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1985
- animation-duration: 500ms;
1986
- animation-delay: calc(var(--animation-order) * 80ms);
1987
- animation-fill-mode: both;
1988
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1989
- }
2087
+ .Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
2088
+ line-height: var(--brand-text-lineHeight-100);
1990
2089
  }
1991
2090
 
1992
- @media screen and (min-width: 48rem) {
1993
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
1994
- order: 0;
1995
- visibility: visible;
1996
- opacity: 1;
1997
- }
2091
+ .Primer_Brand__Label-module__Label--size-medium___g4Jkm .Primer_Brand__Label-module__Label__text____nAxj {
2092
+ line-height: var(--brand-text-lineHeight-200);
2093
+ }
1998
2094
 
1999
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh {
2000
- order: 100;
2001
- visibility: hidden;
2002
- pointer-events: none;
2003
- }
2095
+ .Primer_Brand__Label-module__Label--size-large___BrKTp .Primer_Brand__Label-module__Label__text____nAxj {
2096
+ line-height: var(--brand-text-lineHeight-300);
2097
+ }
2004
2098
 
2005
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___FXC7u {
2006
- order: 99;
2007
- position: relative;
2008
- right: 0;
2009
- }
2099
+ .Primer_Brand__Label-module__Label__icon-visual___lD1Qa {
2100
+ display: flex;
2101
+ align-self: center;
2102
+ height: var(--base-size-16);
2103
+ width: auto;
2010
2104
  }
2011
2105
 
2012
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2013
- position: relative;
2014
- display: block;
2015
- color: var(--brand-color-text-default);
2016
- font-family: var(--brand-heading-fontFamily);
2017
- font-weight: var(--base-text-weight-normal);
2018
- font-size: var(--base-size-20);
2019
- line-height: var(--base-size-20);
2020
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-16) var(--base-size-28);
2021
- text-decoration: none;
2106
+ .Primer_Brand__Label-module__Label__leading-visual___a1rnF {
2107
+ display: flex;
2108
+ margin-right: var(--base-size-8);
2022
2109
  }
2023
2110
 
2024
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2025
- text-decoration: none;
2111
+ .Primer_Brand__Label-module__Label__label___bD_B4 {
2112
+ font-weight: var(--base-text-weight-semibold);
2026
2113
  }
2027
2114
 
2028
- @media screen and (max-width: 767px) {
2029
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-of-type {
2030
- padding-top: var(--base-size-24);
2115
+ @media (forced-colors: active) {
2116
+ .Primer_Brand__Label-module__Label___TW0HL {
2117
+ outline: var(--brand-borderWidth-thin) solid transparent;
2031
2118
  }
2032
2119
  }
2033
2120
 
2034
- @media screen and (min-width: 48rem) {
2035
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2036
- font-family: var(--brand-heading-fontFamily);
2037
- font-weight: var(--base-text-weight-semibold);
2038
- font-size: var(--base-size-16);
2039
- line-height: var(--base-size-16);
2040
- padding: var(--base-size-16) var(--base-size-24);
2041
- }
2121
+ /**
2122
+ * Do not edit directly
2123
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
2124
+ */
2042
2125
 
2043
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
2044
- content: '';
2045
- position: absolute;
2046
- bottom: 10px;
2047
- left: 0;
2048
- width: 100%;
2049
- height: 2px;
2050
- background-color: var(--brand-SubdomainNavBar-border-nav-default);
2051
- opacity: 0;
2052
- transition: opacity 300ms, transform 300ms;
2053
- opacity: 1;
2054
- transform: scale(0);
2055
- transform-origin: center;
2056
- }
2126
+ :root {
2127
+ --brand-Hero-regular-padding: var(--base-size-128) 0;
2128
+ --brand-Hero-narrow-padding: var(--base-size-96) 0;
2129
+ }
2057
2130
 
2058
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover::after,
2059
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus::after {
2060
- opacity: 1;
2061
- transform: translate3d(0, 0.2em, 0);
2062
- transform: scale(0.4);
2063
- }
2131
+ .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj {
2132
+ display: inline-flex;
2133
+ gap: var(--base-size-8);
2134
+ flex-direction: row;
2135
+ flex-wrap: wrap;
2136
+ }
2064
2137
 
2065
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:active::after {
2066
- background-color: var(--brand-SubdomainNavBar-border-nav-pressed);
2067
- transform: scale(0.6);
2068
- }
2138
+ .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj > * {
2139
+ flex-grow: 1;
2140
+ }
2069
2141
 
2070
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2071
- transition: background-color cubic-bezier(0.16, 1, 0.3, 1) 250ms;
2072
- background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);
2073
- color: var(--brand-SubdomainNavBar-fg-overflow-default);
2074
- }
2142
+ /**
2143
+ * Do not edit directly
2144
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
2145
+ */
2075
2146
 
2076
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
2077
- display: none;
2078
- }
2147
+ :root {
2148
+ --brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
2149
+ --brand-River-heading-margin: var(--base-size-8);
2150
+ }
2079
2151
 
2080
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2081
- background-color: var(--brand-SubdomainNavBar-canvas-overflow-hover);
2082
- }
2152
+ /**
2153
+ * Do not edit directly
2154
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
2155
+ */
2083
2156
 
2084
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
2085
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc.Primer_Brand__SubdomainNavBar-module__focus-visible___LbPb7 {
2086
- box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
2087
- outline: none;
2088
- }
2157
+ :root {
2158
+ --brand-River-spacing-outer: var(--base-size-28);
2159
+ --brand-River-spacing-inner: var(--base-size-24);
2160
+ }
2089
2161
 
2090
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
2091
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus-visible {
2092
- box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
2093
- outline: none;
2162
+ @media (min-width: 768px) {
2163
+ :root {
2164
+ --brand-River-spacing-outer: var(--base-size-36);
2165
+ --brand-River-spacing-inner: var(--base-size-36);
2094
2166
  }
2095
2167
  }
2096
2168
 
2097
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2098
- display: none;
2169
+ @media (min-width: 1280px) {
2170
+ :root {
2171
+ --brand-River-spacing-outer: var(--base-size-48);
2172
+ --brand-River-spacing-inner: var(--base-size-48);
2173
+ }
2099
2174
  }
2100
2175
 
2101
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:hover::after,
2102
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:focus::after {
2103
- display: none;
2176
+ .Primer_Brand__River-module__River___VHPl5 {
2177
+ display: grid;
2178
+ grid-gap: var(--brand-River-spacing-inner);
2179
+ gap: var(--brand-River-spacing-inner);
2180
+ grid-auto-rows: min-content;
2181
+ padding-top: var(--brand-River-spacing-outer);
2182
+ padding-bottom: var(--brand-River-spacing-outer);
2104
2183
  }
2105
2184
 
2106
- @media screen and (min-width: 48rem) {
2107
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2108
- cursor: pointer;
2109
- -webkit-appearance: none;
2110
- -moz-appearance: none;
2111
- appearance: none;
2112
- border: none;
2113
- background-color: transparent;
2114
- display: inline-flex;
2115
- align-items: center;
2116
- gap: var(--base-size-4);
2117
- }
2185
+ .Primer_Brand__River-module__River--align-center___TH7xI {
2186
+ text-align: center;
2118
2187
  }
2119
2188
 
2120
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t {
2121
- position: absolute;
2122
- right: 0;
2123
- top: var(--base-size-48);
2124
- background-color: var(--base-color-scale-white-0);
2125
- border-radius: var(--brand-borderRadius-large);
2126
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
2127
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2128
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2129
- overflow: hidden;
2189
+ .Primer_Brand__River-module__River__visual___sTe_U {
2190
+ position: relative;
2191
+ order: 2;
2130
2192
  }
2131
2193
 
2132
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list___EbzqG {
2133
- display: grid;
2134
- list-style-type: none;
2135
- padding: 0;
2136
- margin: 0;
2137
- width: -moz-max-content;
2138
- width: max-content;
2139
- }
2140
-
2141
- /*
2142
- * Toolbar actions area for search and mobile menu
2143
- */
2144
-
2145
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___WHTTz {
2146
- display: flex;
2147
- align-items: center;
2148
- margin-left: auto;
2149
- }
2150
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
2151
- display: flex;
2152
- align-items: center;
2153
- }
2154
-
2155
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
2156
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2157
- cursor: pointer;
2158
- -webkit-appearance: none;
2159
- -moz-appearance: none;
2160
- appearance: none;
2161
- background-color: transparent;
2162
- border: var(--brand-borderWidth-thick) solid transparent;
2163
- color: var(--brand-color-text-default);
2164
- width: calc(48px - var(--brand-borderWidth-thick));
2165
- height: calc(48px - var(--brand-borderWidth-thick));
2166
- display: flex;
2167
- align-items: center;
2168
- justify-content: center;
2169
- transition: border 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms ease;
2170
- border-radius: var(--brand-borderRadius-medium);
2171
- box-shadow: 0 0 0 2px transparent;
2172
- }
2173
-
2174
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R svg,
2175
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J svg {
2176
- width: 24px;
2177
- height: 24px;
2178
- }
2179
-
2180
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2181
- display: inline-block;
2182
- align-self: center;
2183
- }
2184
-
2185
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
2186
- width: 22px;
2187
- height: 2px;
2188
- background-color: var(--brand-color-text-default);
2189
- margin: var(--base-size-4) auto;
2190
- border-radius: var(--brand-borderRadius-large);
2191
- display: block;
2192
- }
2193
-
2194
- @media (prefers-reduced-motion: no-preference) {
2195
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
2196
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2197
- transition-duration: 500ms;
2198
- transition-property: opacity, transform;
2199
- }
2200
- }
2201
-
2202
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2203
- transform-origin: bottom right;
2194
+ .Primer_Brand__River-module__River__visual--fill-media___AVMgH img,
2195
+ .Primer_Brand__River-module__River__visual--fill-media___AVMgH video {
2196
+ width: 100%;
2197
+ height: 100%;
2198
+ -o-object-fit: cover;
2199
+ object-fit: cover;
2204
2200
  }
2205
2201
 
2206
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2207
- transform-origin: top right;
2202
+ .Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
2203
+ box-shadow: var(--brand-River-visual-shadow);
2208
2204
  }
2209
2205
 
2210
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2211
- transform: rotate(-45deg) translateY(-3px);
2206
+ .Primer_Brand__River-module__River__heading___pwKXi {
2207
+ margin-bottom: var(--brand-River-heading-margin);
2212
2208
  }
2213
2209
 
2214
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(2) {
2215
- opacity: 0;
2216
- transform: scale(0);
2210
+ .Primer_Brand__River-module__River__call-to-action___GIOCe {
2211
+ margin-top: var(--base-size-24);
2217
2212
  }
2218
2213
 
2219
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2220
- transform: rotate(45deg) translateY(3px);
2214
+ .Primer_Brand__River-module__River__text___ZlR1K strong {
2215
+ color: var(--brand-color-text-default);
2221
2216
  }
2222
2217
 
2218
+ /* Medium breakpoint and up */
2223
2219
  @media screen and (min-width: 48rem) {
2224
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:hover,
2225
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:hover {
2226
- border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);
2220
+ .Primer_Brand__River-module__River___VHPl5 {
2221
+ grid-template-rows: initial;
2227
2222
  }
2228
-
2229
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:active,
2230
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:active {
2231
- box-shadow: 0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);
2223
+ .Primer_Brand__River-module__River--50-50___cpSFU {
2224
+ grid-template-columns: [content] 1fr [visual] 1fr;
2232
2225
  }
2233
2226
 
2234
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW {
2235
- display: none;
2227
+ .Primer_Brand__River-module__River--60-40___XDKAU {
2228
+ grid-template-columns: [content] 4fr [visual] 6fr;
2236
2229
  }
2237
2230
 
2238
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
2239
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2240
- display: inline-flex;
2241
- width: 48px;
2231
+ .Primer_Brand__River-module__River--align-start___L0mn_ {
2232
+ grid-template-areas: 'content visual';
2242
2233
  }
2243
2234
 
2244
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2245
- margin: 0 var(--base-size-16) 0 auto;
2235
+ .Primer_Brand__River-module__River--align-end___UIM3e {
2236
+ grid-template-areas: 'visual content';
2246
2237
  }
2247
- }
2248
2238
 
2249
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2250
- display: inline-flex;
2251
- gap: var(--base-size-16);
2252
- align-items: center;
2253
- }
2239
+ .Primer_Brand__River-module__River--align-end___UIM3e.Primer_Brand__River-module__River--60-40___XDKAU {
2240
+ grid-template-columns: [visual] 6fr [content] 4fr;
2241
+ }
2254
2242
 
2255
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
2256
- display: flex;
2257
- gap: 16px;
2258
- }
2243
+ .Primer_Brand__River-module__River__content___opQUA {
2244
+ display: grid;
2245
+ align-content: center;
2246
+ grid-area: content;
2247
+ }
2259
2248
 
2260
- @media screen and (max-width: 48rem) {
2261
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2262
- display: none;
2249
+ .Primer_Brand__River-module__River__visual___sTe_U {
2250
+ grid-area: visual;
2251
+ order: initial;
2263
2252
  }
2264
2253
 
2265
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
2266
- display: flex;
2267
- position: absolute;
2268
- left: 0;
2269
- z-index: 99;
2270
- width: 100%;
2271
- bottom: calc((-100vh - 75px) - -150px);
2272
- bottom: calc(calc(-100vh - 75px) - -150px);
2273
- height: auto;
2274
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
2275
- animation-duration: 500ms;
2276
- animation-delay: calc(10 * 80ms);
2277
- animation-fill-mode: both;
2278
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2254
+ .Primer_Brand__River-module__River--align-center___TH7xI {
2255
+ grid-auto-rows: min-content;
2256
+ grid-template-columns: initial;
2279
2257
  }
2280
2258
 
2281
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
2282
- display: none;
2259
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
2260
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
2261
+ grid-area: unset;
2262
+ justify-self: center;
2283
2263
  }
2284
2264
 
2285
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
2286
- width: 100%;
2287
- flex-direction: column;
2265
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
2266
+ max-width: 600px;
2267
+ justify-self: center;
2268
+ }
2288
2269
 
2289
- margin: 24px;
2270
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
2271
+ margin-bottom: var(--base-size-48);
2272
+ }
2273
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
2274
+ margin-top: var(--base-size-48);
2290
2275
  }
2291
2276
  }
2292
2277
 
2293
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
2294
- height: 48px; /*TODO: investigate why this is shorter than medium default height*/
2295
- white-space: nowrap;
2278
+ /*
2279
+ * Main styles for the subdomain navigation bar.
2280
+ */
2281
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___JNpcK {
2282
+ position: relative;
2283
+ z-index: 90;
2284
+ font-weight: 550;
2285
+ background: var(--brand-SubdomainNavBar-canvas-default);
2286
+ -webkit-backdrop-filter: blur(16px);
2287
+ backdrop-filter: blur(16px);
2288
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2289
+ transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
2290
+ border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
2291
+ height: 75px;
2296
2292
  }
2297
2293
 
2298
- @media screen and (min-width: 1024px) {
2299
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
2300
- display: inline-flex;
2301
- }
2294
+ /*
2295
+ * Outer container
2296
+ */
2297
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv {
2298
+ z-index: 90;
2299
+ }
2300
+
2301
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf {
2302
+ position: fixed;
2303
+ top: 0;
2304
+ right: 0;
2305
+ left: 0;
2302
2306
  }
2303
2307
 
2304
2308
  /*
2305
- * Search dialog control area
2309
+ * Inner container
2306
2310
  */
2307
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5 {
2311
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
2308
2312
  display: flex;
2309
- width: 100%;
2310
- }
2311
-
2312
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2313
- position: absolute;
2314
- z-index: 99;
2313
+ padding: 4px 28px;
2315
2314
  }
2316
2315
 
2317
- @media screen and (max-width: 767px) {
2318
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2319
- top: 0;
2320
- left: 0;
2321
- right: 0;
2322
- background: var(--brand-SubdomainNavBar-canvas-search);
2323
- -webkit-backdrop-filter: blur(100px);
2324
- backdrop-filter: blur(100px);
2325
- height: 100vh;
2326
- width: 100vw;
2327
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
2328
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
2329
- }
2316
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--centered___FXUTh {
2317
+ max-width: 1280px;
2318
+ margin: 0 auto;
2330
2319
  }
2331
2320
 
2332
2321
  @media screen and (min-width: 48rem) {
2333
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2334
- position: absolute;
2335
- top: 0;
2336
- bottom: 1px;
2337
- width: 100vw;
2338
- left: 0;
2339
- right: 0;
2340
- background-color: var(--brand-SubdomainNavBar-canvas-search);
2322
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
2323
+ padding: 4px 32px;
2341
2324
  }
2342
2325
  }
2343
2326
 
2344
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2345
- margin-right: 0;
2327
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
2328
+ animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
2346
2329
  }
2347
2330
 
2348
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
2349
- height: 74px;
2350
- background: var(--brand-SubdomainNavBar-canvas-default);
2351
- -webkit-backdrop-filter: blur(16px);
2352
- backdrop-filter: blur(16px);
2353
- padding: var(--base-size-12) var(--base-size-28);
2354
- display: flex;
2355
- align-items: center;
2356
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2357
- gap: var(--base-size-4);
2358
- }
2359
-
2360
- @media screen and (min-width: 48rem) {
2361
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
2362
- max-width: 570px;
2363
- margin: 0 auto;
2364
- }
2365
- }
2366
-
2367
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0 {
2368
- border-color: transparent;
2369
- }
2370
-
2371
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P {
2372
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2373
- padding: var(--base-size-24);
2374
- background-color: var(--base-color-scale-white-0);
2375
- border-radius: var(--brand-borderRadius-large);
2376
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2377
- max-height: 514px;
2378
- height: 70vh;
2379
- max-width: 570px;
2380
- margin: 0 auto;
2381
- width: 80%;
2382
- }
2383
-
2384
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___haCH9 {
2385
- overflow-y: scroll;
2386
- list-style: none;
2387
- padding: 0 var(--base-size-24) 0 0;
2331
+ /*
2332
+ * Logo and title area
2333
+ */
2334
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___W8IC5 {
2335
+ display: inline-flex;
2336
+ list-style-type: none;
2337
+ align-items: center;
2338
+ gap: 16px;
2339
+ padding: 0;
2388
2340
  margin: 0;
2389
- height: 90%;
2341
+ max-width: 340px;
2342
+ color: var(--brand-color-text-default);
2343
+ padding: var(--base-size-16) 0;
2390
2344
  }
2391
2345
 
2392
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___FTzyR {
2393
- display: block;
2394
- font-weight: var(--brand-heading-weight-600);
2395
- font-size: var(--base-size-20);
2396
- line-height: var(--base-size-24);
2397
- margin-bottom: var(--base-size-20);
2398
- padding: 0 var(--base-size-8);
2399
- color: var(--base-color-scale-black-0);
2346
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ {
2347
+ color: var(--brand-color-text-default);
2348
+ position: relative;
2400
2349
  }
2401
2350
 
2402
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z {
2403
- padding: var(--base-size-16) var(--base-size-8);
2404
- border-bottom: solid 1px
2405
- #b7bfc7;
2406
- border-bottom: solid var(--brand-borderWidth-thin, 1px)
2407
- var(--brand-SubdomainNavBar-search-results-border-default, #b7bfc7);
2351
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
2352
+ position: absolute;
2353
+ left: calc(-32px + 5px);
2354
+ opacity: 0;
2355
+ transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast) ease;
2356
+ transform: translateX(5px);
2357
+ color: var(--brand-color-text-muted);
2408
2358
  }
2409
2359
 
2410
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z[aria-selected='true'] a {
2411
- outline: var(--brand-color-focus) auto var(--brand-borderWidth-thick);
2360
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_:hover .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
2361
+ opacity: 1;
2362
+ transform: translateX(0);
2412
2363
  }
2413
2364
 
2414
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd {
2415
- letter-spacing: var(--brand-heading-letterSpacing-400);
2416
- font-size: var(--brand-text-size-400);
2365
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-separator___djrH2 {
2366
+ color: var(--brand-color-text-muted);
2367
+ font-weight: var(--base-text-weight-semibold);
2368
+ font-size: var(--base-size-32);
2369
+ line-height: 29px;
2417
2370
  }
2418
2371
 
2419
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a {
2420
- display: block;
2421
- color: var(--base-color-scale-black-0);
2422
- text-decoration: none;
2423
- margin: 0 0 var(--base-size-12);
2424
- font-size: var(--base-size-16);
2425
- font-weight: var(--brand-heading-weight-400);
2426
- font-family: var(--brand-heading-fontFamily);
2427
- line-height: var(--brand-text-lineHeight-400);
2372
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ svg {
2373
+ width: 32px;
2374
+ height: 32px;
2428
2375
  }
2429
2376
 
2430
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a:hover {
2377
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2 {
2378
+ font-family: var(--brand-heading-fontFamily);
2379
+ font-weight: var(--base-text-weight-semibold);
2380
+ font-size: var(--base-size-24);
2381
+ line-height: var(--base-size-32);
2382
+ color: var(--brand-color-text-default);
2431
2383
  text-decoration: none;
2384
+ padding-right: var(--base-size-16);
2385
+ white-space: nowrap;
2432
2386
  }
2433
2387
 
2434
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
2435
- color: var(--base-color-scale-black-0);
2388
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2:hover {
2389
+ text-decoration: none;
2436
2390
  }
2437
2391
 
2438
2392
  /*
2439
- * Reusable animations
2393
+ * Primary navigation link area
2440
2394
  */
2441
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
2442
- 0% {
2443
- opacity: 0;
2444
- transform: translateY(-20px);
2445
- }
2446
- 100% {
2447
- opacity: 1;
2448
- transform: translateY(0);
2449
- }
2395
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___rZwCn {
2396
+ display: inline-flex;
2397
+ list-style-type: none;
2398
+ align-items: center;
2399
+ padding: 0;
2400
+ margin: 0;
2450
2401
  }
2451
2402
 
2452
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2453
- 0% {
2454
- opacity: 1;
2455
- }
2456
- 100% {
2457
- opacity: 0;
2458
- }
2403
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2404
+ list-style-type: none;
2459
2405
  }
2460
2406
 
2461
- @keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2462
- 0% {
2463
- scale: 0.98;
2464
- box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
2465
- }
2466
- 100% {
2467
- scale: 1;
2468
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2407
+ @media screen and (max-width: 767px) {
2408
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2409
+ display: none;
2469
2410
  }
2470
- }
2471
2411
 
2472
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2473
- 0% {
2474
- opacity: 0;
2475
- transform: scale(0.6) translateY(-8px);
2412
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--invisible___HnkQO {
2413
+ display: none;
2476
2414
  }
2477
2415
 
2478
- 100% {
2479
- opacity: 1;
2416
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv {
2417
+ display: block;
2418
+ margin: 0;
2419
+ padding: 0;
2420
+ position: absolute;
2421
+ top: 75px;
2422
+ left: 0;
2423
+ right: 0;
2424
+ z-index: 2;
2425
+ background-color: var(--brand-color-canvas-default);
2426
+ width: 100vw;
2427
+ height: calc(100vh - 75px);
2428
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2429
+ animation-timing-function: var(--brand-animation-easing-default);
2480
2430
  }
2481
2431
  }
2482
2432
 
2483
- /**
2484
- * Do not edit directly
2485
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
2486
- */
2487
-
2488
- :root,
2489
- [data-color-mode="light"] {
2490
- --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
2491
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
2492
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2493
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2494
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-default);
2495
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
2496
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
2497
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
2433
+ @media screen and (min-width: 48rem) {
2434
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2435
+ display: flex;
2436
+ align-items: center;
2437
+ width: 100%;
2438
+ max-width: 150px;
2439
+ padding: 0;
2440
+ margin: 0 24px 0 0;
2441
+ /* overflow: hidden; */
2442
+ }
2498
2443
  }
2499
2444
 
2500
- [data-color-mode="dark"] {
2501
- --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
2502
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
2503
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2504
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2505
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
2506
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
2507
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
2508
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
2445
+ @media screen and (min-width: 768px) {
2446
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2447
+ max-width: 100px;
2448
+ }
2509
2449
  }
2510
2450
 
2511
- /**
2512
- * Do not edit directly
2513
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
2514
- */
2515
-
2516
- :root,
2517
- [data-color-mode="light"] {
2518
- --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
2519
- --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
2451
+ @media screen and (min-width: 850px) {
2452
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2453
+ max-width: 200px;
2454
+ }
2520
2455
  }
2521
2456
 
2522
- [data-color-mode="dark"] {
2523
- --brand-InlineLink-color-rest: var(--base-color-scale-blue-4);
2524
- --brand-InlineLink-color-pressed: var(--base-color-scale-blue-2);
2457
+ @media screen and (min-width: 1024px) {
2458
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2459
+ max-width: 300px;
2460
+ }
2525
2461
  }
2526
2462
 
2527
- /**
2528
- * Do not edit directly
2529
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
2530
- */
2531
-
2532
- :root {
2533
- --brand-InlineLink-transition-timing: 0.3s;
2534
- --brand-InlineLink-transition-scale-end: -2;
2535
- --brand-InlineLink-transition-scale-start: 1;
2463
+ @media screen and (min-width: 1280px) {
2464
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2465
+ max-width: 520px;
2466
+ margin-right: 80px;
2467
+ }
2536
2468
  }
2537
2469
 
2538
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
2539
- text-decoration: none;
2540
- position: relative;
2470
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2471
+ white-space: nowrap;
2541
2472
  }
2542
2473
 
2543
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
2544
- text-decoration: none;
2474
+ @media screen and (max-width: 767px) {
2475
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2476
+ animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
2477
+ animation-duration: 500ms;
2478
+ animation-delay: calc(var(--animation-order) * 80ms);
2479
+ animation-fill-mode: both;
2480
+ animation-timing-function: var(--brand-animation-easing-default);
2481
+ }
2545
2482
  }
2546
2483
 
2547
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
2548
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
2549
- color: var(--brand-InlineLink-color-rest);
2550
- }
2484
+ @media screen and (min-width: 48rem) {
2485
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
2486
+ order: 0;
2487
+ visibility: visible;
2488
+ opacity: 1;
2489
+ }
2551
2490
 
2552
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
2553
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
2554
- color: var(--brand-InlineLink-color-pressed);
2555
- }
2556
-
2557
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after {
2558
- content: '';
2559
- border-bottom: var(--brand-borderWidth-thin) solid var(--brand-InlineLink-color-rest);
2560
- height: 0;
2561
- transition: var(--brand-InlineLink-transition-timing) transform;
2562
- transform: scaleY(var(--brand-InlineLink-transition-scale-start));
2563
- transform-origin: 50% 100%;
2564
- width: 100%;
2565
- position: absolute;
2566
- bottom: 0;
2567
- left: 0;
2568
- }
2569
-
2570
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
2571
- transform: scaleY(var(--brand-InlineLink-transition-scale-end));
2572
- }
2491
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh {
2492
+ order: 100;
2493
+ visibility: hidden;
2494
+ pointer-events: none;
2495
+ }
2573
2496
 
2574
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
2575
- border-color: var(--brand-InlineLink-color-pressed);
2497
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___FXC7u {
2498
+ order: 99;
2499
+ position: relative;
2500
+ right: 0;
2501
+ }
2576
2502
  }
2577
2503
 
2578
- .Primer_Brand__Link-module__Link___lvKjM {
2504
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2579
2505
  position: relative;
2580
- display: inline-flex;
2581
- align-items: center;
2582
- justify-content: center;
2583
- transition: box-shadow 0.2s;
2506
+ display: block;
2507
+ color: var(--brand-color-text-default);
2508
+ font-family: var(--brand-heading-fontFamily);
2509
+ font-weight: var(--base-text-weight-normal);
2510
+ font-size: var(--base-size-20);
2511
+ line-height: var(--base-size-20);
2512
+ padding: var(--base-size-8) var(--base-size-16) var(--base-size-16) var(--base-size-28);
2584
2513
  text-decoration: none;
2585
- cursor: pointer;
2586
2514
  }
2587
2515
 
2588
- .Primer_Brand__Link-module__Link___lvKjM:hover {
2516
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2589
2517
  text-decoration: none;
2590
2518
  }
2591
2519
 
2592
- .Primer_Brand__Link-module__Link___lvKjM::after {
2593
- position: absolute;
2594
- bottom: -0.15em;
2595
- left: 0;
2596
- width: calc(100% - 1.5em);
2597
- height: 2px;
2598
- pointer-events: none;
2599
- content: '';
2600
- background-color: currentColor;
2601
- transform: scaleX(0);
2602
- transform-origin: 0 0;
2520
+ @media screen and (max-width: 767px) {
2521
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-of-type {
2522
+ padding-top: var(--base-size-24);
2523
+ }
2603
2524
  }
2604
2525
 
2605
- @media screen and (prefers-reduced-motion: no-preference) {
2606
- .Primer_Brand__Link-module__Link___lvKjM::after {
2607
- transition: transform 0.3s ease;
2526
+ @media screen and (min-width: 48rem) {
2527
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2528
+ font-family: var(--brand-heading-fontFamily);
2529
+ font-weight: var(--base-text-weight-semibold);
2530
+ font-size: var(--base-size-16);
2531
+ line-height: var(--base-size-16);
2532
+ padding: var(--base-size-16) var(--base-size-24);
2608
2533
  }
2609
- }
2610
2534
 
2611
- .Primer_Brand__Link-module__Link___lvKjM:active:after,
2612
- .Primer_Brand__Link-module__Link___lvKjM:hover:after,
2613
- .Primer_Brand__Link-module__Link___lvKjM:focus:after {
2614
- transform: scaleX(1);
2615
- }
2535
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
2536
+ content: '';
2537
+ position: absolute;
2538
+ bottom: 10px;
2539
+ left: 0;
2540
+ width: 100%;
2541
+ height: 2px;
2542
+ background-color: var(--brand-SubdomainNavBar-border-nav-default);
2543
+ opacity: 0;
2544
+ transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);
2545
+ opacity: 1;
2546
+ transform: scale(0);
2547
+ transform-origin: center;
2548
+ }
2616
2549
 
2617
- .Primer_Brand__Link-module__Link___lvKjM:focus {
2618
- outline: 0;
2619
- }
2550
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover::after,
2551
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus::after {
2552
+ opacity: 1;
2553
+ transform: translate3d(0, 0.2em, 0);
2554
+ transform: scale(0.4);
2555
+ }
2620
2556
 
2621
- .Primer_Brand__Link-module__Link--default___UKAcZ,
2622
- .Primer_Brand__Link-module__Link--default___UKAcZ span {
2623
- color: var(--brand-Link-color-default);
2624
- }
2557
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:active::after {
2558
+ background-color: var(--brand-SubdomainNavBar-border-nav-pressed);
2559
+ transform: scale(0.6);
2560
+ }
2625
2561
 
2626
- .Primer_Brand__Link-module__Link--accent___FWEDd,
2627
- .Primer_Brand__Link-module__Link--accent___FWEDd span {
2628
- color: var(--brand-Link-color-accent);
2562
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2563
+ transition: background-color var(--brand-animation-easing-default) 250ms;
2564
+ background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);
2565
+ color: var(--brand-SubdomainNavBar-fg-overflow-default);
2566
+ }
2567
+
2568
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
2569
+ display: none;
2570
+ }
2571
+
2572
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2573
+ background-color: var(--brand-SubdomainNavBar-canvas-overflow-hover);
2574
+ }
2575
+
2576
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
2577
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc.Primer_Brand__SubdomainNavBar-module__focus-visible___LbPb7 {
2578
+ box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
2579
+ outline: none;
2580
+ }
2581
+
2582
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
2583
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus-visible {
2584
+ box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
2585
+ outline: none;
2586
+ }
2629
2587
  }
2630
2588
 
2631
- .Primer_Brand__Link-module__Link--label___j8etE {
2632
- font-weight: var(--base-text-weight-semibold);
2589
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2590
+ display: none;
2633
2591
  }
2634
2592
 
2635
- .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
2636
- margin-left: 4px;
2593
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:hover::after,
2594
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:focus::after {
2595
+ display: none;
2637
2596
  }
2638
2597
 
2639
- .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
2640
- width: 20px;
2641
- height: 20px;
2598
+ @media screen and (min-width: 48rem) {
2599
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2600
+ cursor: pointer;
2601
+ -webkit-appearance: none;
2602
+ -moz-appearance: none;
2603
+ appearance: none;
2604
+ border: none;
2605
+ background-color: transparent;
2606
+ display: inline-flex;
2607
+ align-items: center;
2608
+ gap: var(--base-size-4);
2609
+ }
2642
2610
  }
2643
2611
 
2644
- .Primer_Brand__Link-module__Link--arrow-start___AT1uu::after {
2645
- left: auto;
2612
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t {
2613
+ position: absolute;
2646
2614
  right: 0;
2647
- transform-origin: right 0;
2648
- width: calc(100% - var(--base-size-20));
2615
+ top: var(--base-size-48);
2616
+ background-color: var(--base-color-scale-white-0);
2617
+ border-radius: var(--brand-borderRadius-large);
2618
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
2619
+ animation-timing-function: var(--brand-animation-easing-default);
2620
+ box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2621
+ overflow: hidden;
2649
2622
  }
2650
2623
 
2651
- .Primer_Brand__Link-module__Link--arrow-start___AT1uu .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
2652
- margin-left: auto;
2653
- margin-right: 4px;
2624
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list___EbzqG {
2625
+ display: grid;
2626
+ list-style-type: none;
2627
+ padding: 0;
2628
+ margin: 0;
2629
+ width: -moz-max-content;
2630
+ width: max-content;
2654
2631
  }
2655
2632
 
2656
- /**
2657
- * Do not edit directly
2658
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
2633
+ /*
2634
+ * Toolbar actions area for search and mobile menu
2659
2635
  */
2660
2636
 
2661
- :root,
2662
- [data-color-mode="light"] {
2663
- --brand-Link-color-default: var(--brand-color-text-default);
2664
- --brand-Link-color-accent: var(--base-color-scale-blue-5);
2637
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___WHTTz {
2638
+ display: flex;
2639
+ align-items: center;
2640
+ margin-left: auto;
2665
2641
  }
2666
-
2667
- [data-color-mode="dark"] {
2668
- --brand-Link-color-default: var(--brand-color-text-default);
2669
- --brand-Link-color-accent: var(--base-color-scale-blue-4);
2642
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
2643
+ display: flex;
2644
+ align-items: center;
2670
2645
  }
2671
2646
 
2672
- /**
2673
- * Do not edit directly
2674
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
2675
- */
2647
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
2648
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2649
+ cursor: pointer;
2650
+ -webkit-appearance: none;
2651
+ -moz-appearance: none;
2652
+ appearance: none;
2653
+ background-color: transparent;
2654
+ border: var(--brand-borderWidth-thick) solid transparent;
2655
+ color: var(--brand-color-text-default);
2656
+ width: calc(48px - var(--brand-borderWidth-thick));
2657
+ height: calc(48px - var(--brand-borderWidth-thick));
2658
+ display: flex;
2659
+ align-items: center;
2660
+ justify-content: center;
2661
+ transition: border 250ms var(--brand-animation-easing-default), box-shadow 250ms ease;
2662
+ border-radius: var(--brand-borderRadius-medium);
2663
+ box-shadow: 0 0 0 2px transparent;
2664
+ }
2676
2665
 
2677
- :root {
2678
- --brand-animation-variant-scaleInLeft-end: 1;
2679
- --brand-animation-variant-scaleInLeft-start: 0.90;
2680
- --brand-animation-variant-scaleInLeft-distance: 1.25rem;
2681
- --brand-animation-variant-scaleInRight-end: 1;
2682
- --brand-animation-variant-scaleInRight-start: 0.90;
2683
- --brand-animation-variant-scaleInRight-distance: -1.25rem;
2684
- --brand-animation-variant-scaleInTop-distance: ;
2685
- --brand-animation-variant-scaleIn-end: 1;
2686
- --brand-animation-variant-scaleIn-start: 0.96;
2687
- --brand-animation-variant-scaleInDown-end: 1;
2688
- --brand-animation-variant-scaleInDown-start: 0;
2689
- --brand-animation-variant-scaleInDown-distance: -3.125rem;
2690
- --brand-animation-variant-scaleInUp-end: 1;
2691
- --brand-animation-variant-scaleInUp-start: 0.96;
2692
- --brand-animation-variant-scaleInUp-distance: 1.5rem;
2693
- --brand-animation-variant-slideInRight-distance: -0.9375rem;
2694
- --brand-animation-variant-slideInLeft-distance: 0.9375rem;
2695
- --brand-animation-variant-slideInDown-distance: -0.9375rem;
2696
- --brand-animation-variant-slideInUp-distance: 0.9375rem;
2697
- --brand-animation-transition-default: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2698
- --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
2699
- --brand-animation-duration-extended: 0.7s;
2700
- --brand-animation-duration-default: 0.6s;
2666
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R svg,
2667
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J svg {
2668
+ width: 24px;
2669
+ height: 24px;
2701
2670
  }
2702
2671
 
2703
- .Primer_Brand__Animation-module__Animation___KNtEW {
2704
- transition: var(--brand-animation-transition-default);
2672
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2673
+ display: inline-block;
2674
+ align-self: center;
2705
2675
  }
2706
2676
 
2707
- /**
2708
- * Fade in
2709
- */
2710
- .Primer_Brand__Animation-module__Animation--fade-in___jUvJD {
2711
- opacity: 0;
2712
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2677
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
2678
+ width: 22px;
2679
+ height: 2px;
2680
+ background-color: var(--brand-color-text-default);
2681
+ margin: var(--base-size-4) auto;
2682
+ border-radius: var(--brand-borderRadius-large);
2683
+ display: block;
2713
2684
  }
2714
2685
 
2715
- .Primer_Brand__Animation-module__Animation--fade-in___jUvJD.Primer_Brand__Animation-module__Animation--active___g_UBK {
2716
- opacity: 1;
2686
+ @media (prefers-reduced-motion: no-preference) {
2687
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
2688
+ transition-timing-function: var(--brand-animation-easing-default);
2689
+ transition-duration: 500ms;
2690
+ transition-property: opacity, transform;
2691
+ }
2717
2692
  }
2718
2693
 
2719
- /**
2720
- * Fade out
2721
- */
2722
- .Primer_Brand__Animation-module__Animation--fade-out___CsyfK {
2723
- opacity: 1;
2694
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2695
+ transform-origin: bottom right;
2724
2696
  }
2725
2697
 
2726
- .Primer_Brand__Animation-module__Animation--fade-out___CsyfK.Primer_Brand__Animation-module__Animation--active___g_UBK {
2727
- opacity: 0;
2728
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2698
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2699
+ transform-origin: top right;
2729
2700
  }
2730
2701
 
2731
- /**
2732
- * Slide in up
2733
- */
2734
- .Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI {
2702
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2703
+ transform: rotate(-45deg) translateY(-3px);
2704
+ }
2705
+
2706
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(2) {
2735
2707
  opacity: 0;
2736
- transform: translateY(var(--brand-animation-variant-slideInUp-distance));
2737
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2738
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2708
+ transform: scale(0);
2739
2709
  }
2740
2710
 
2741
- .Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI.Primer_Brand__Animation-module__Animation--active___g_UBK {
2742
- opacity: 1;
2743
- transform: translateY(0);
2711
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2712
+ transform: rotate(45deg) translateY(3px);
2744
2713
  }
2745
2714
 
2746
- /**
2747
- * Slide in down
2748
- */
2749
- .Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv {
2750
- opacity: 0;
2751
- transform: translateY(var(--brand-animation-variant-slideInDown-distance));
2752
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2753
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2715
+ @media screen and (min-width: 48rem) {
2716
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:hover,
2717
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:hover {
2718
+ border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);
2719
+ }
2720
+
2721
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:active,
2722
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:active {
2723
+ box-shadow: 0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);
2724
+ }
2725
+
2726
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW {
2727
+ display: none;
2728
+ }
2729
+
2730
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
2731
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2732
+ display: inline-flex;
2733
+ width: 48px;
2734
+ }
2735
+
2736
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2737
+ margin: 0 var(--base-size-16) 0 auto;
2738
+ }
2754
2739
  }
2755
2740
 
2756
- .Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv.Primer_Brand__Animation-module__Animation--active___g_UBK {
2757
- opacity: 1;
2758
- transform: translateY(0);
2741
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2742
+ display: inline-flex;
2743
+ gap: var(--base-size-16);
2744
+ align-items: center;
2759
2745
  }
2760
2746
 
2761
- /**
2762
- * Slide in left
2763
- */
2764
- .Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js {
2765
- opacity: 0;
2766
- transform: translateX(var(--brand-animation-variant-slideInLeft-distance));
2767
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2768
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2747
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
2748
+ display: flex;
2749
+ gap: 16px;
2769
2750
  }
2770
2751
 
2771
- .Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js.Primer_Brand__Animation-module__Animation--active___g_UBK {
2772
- opacity: 1;
2773
- transform: translateX(0);
2752
+ @media screen and (max-width: 48rem) {
2753
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2754
+ display: none;
2755
+ }
2756
+
2757
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
2758
+ display: flex;
2759
+ position: absolute;
2760
+ left: 0;
2761
+ z-index: 99;
2762
+ width: 100%;
2763
+ bottom: calc((-100vh - 75px) - -150px);
2764
+ bottom: calc(calc(-100vh - 75px) - -150px);
2765
+ height: auto;
2766
+ animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
2767
+ animation-duration: 500ms;
2768
+ animation-delay: calc(10 * 80ms);
2769
+ animation-fill-mode: both;
2770
+ animation-timing-function: var(--brand-animation-easing-default);
2771
+ }
2772
+
2773
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
2774
+ display: none;
2775
+ }
2776
+
2777
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
2778
+ width: 100%;
2779
+ flex-direction: column;
2780
+
2781
+ margin: 24px;
2782
+ }
2774
2783
  }
2775
2784
 
2776
- /**
2777
- * Slide in right
2778
- */
2779
- .Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx {
2780
- opacity: 0;
2781
- transform: translateX(var(--brand-animation-variant-slideInRight-distance));
2782
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2783
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2785
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
2786
+ height: 48px; /*TODO: investigate why this is shorter than medium default height*/
2787
+ white-space: nowrap;
2784
2788
  }
2785
2789
 
2786
- .Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx.Primer_Brand__Animation-module__Animation--active___g_UBK {
2787
- opacity: 1;
2788
- transform: translateX(0);
2790
+ @media screen and (min-width: 1024px) {
2791
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
2792
+ display: inline-flex;
2793
+ }
2789
2794
  }
2790
2795
 
2791
- /**
2792
- * Scale in
2796
+ /*
2797
+ * Search dialog control area
2793
2798
  */
2794
- .Primer_Brand__Animation-module__Animation--scale-in___P7xzG {
2795
- opacity: 0;
2796
- transform: scale(var(--brand-animation-variant-scaleIn-start));
2797
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2798
- transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
2799
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5 {
2800
+ display: flex;
2801
+ width: 100%;
2799
2802
  }
2800
2803
 
2801
- .Primer_Brand__Animation-module__Animation--scale-in___P7xzG.Primer_Brand__Animation-module__Animation--active___g_UBK {
2802
- opacity: 1;
2803
- transform: scale(--brand-animation-variant-scaleIn-end);
2804
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2805
+ position: absolute;
2806
+ z-index: 99;
2804
2807
  }
2805
2808
 
2806
- /**
2807
- * Scale in up
2808
- */
2809
- .Primer_Brand__Animation-module__Animation--scale-in-up___n0qDP {
2810
- opacity: 0;
2811
- transform: scale(var(--brand-animation-variant-scaleInUp-start))
2812
- translateY(var(--brand-animation-variant-scaleInUp-distance));
2813
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2814
- transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
2809
+ @media screen and (max-width: 767px) {
2810
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2811
+ top: 0;
2812
+ left: 0;
2813
+ right: 0;
2814
+ background: var(--brand-SubdomainNavBar-canvas-search);
2815
+ -webkit-backdrop-filter: blur(100px);
2816
+ backdrop-filter: blur(100px);
2817
+ height: 100vh;
2818
+ width: 100vw;
2819
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g var(--brand-animation-duration-fast);
2820
+ animation-timing-function: var(--brand-animation-easing-default);
2821
+ }
2815
2822
  }
2816
2823
 
2817
- .Primer_Brand__Animation-module__Animation--scale-in-up___n0qDP.Primer_Brand__Animation-module__Animation--active___g_UBK {
2818
- opacity: 1;
2819
- transform: scale(var(--brand-animation-variant-scaleInUp-end)) translateY(0);
2824
+ @media screen and (min-width: 48rem) {
2825
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2826
+ position: absolute;
2827
+ top: 0;
2828
+ bottom: 1px;
2829
+ width: 100vw;
2830
+ left: 0;
2831
+ right: 0;
2832
+ background-color: var(--brand-SubdomainNavBar-canvas-search);
2833
+ }
2820
2834
  }
2821
2835
 
2822
- /**
2823
- * Scale in down
2824
- */
2825
- .Primer_Brand__Animation-module__Animation--scale-in-down___YEgko {
2826
- opacity: 0;
2827
- transform: translateY(var(--brand-animation-variant-scaleInDown-distance))
2828
- scale(var(--brand-animation-variant-scaleInDown-start));
2829
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2830
- transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
2836
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2837
+ margin-right: 0;
2831
2838
  }
2832
2839
 
2833
- .Primer_Brand__Animation-module__Animation--scale-in-down___YEgko.Primer_Brand__Animation-module__Animation--active___g_UBK {
2834
- opacity: 1;
2835
- transform: translateY(0) scale(var(--brand-animation-variant-scaleInDown-end));
2840
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
2841
+ height: 74px;
2842
+ background: var(--brand-SubdomainNavBar-canvas-default);
2843
+ -webkit-backdrop-filter: blur(16px);
2844
+ backdrop-filter: blur(16px);
2845
+ padding: var(--base-size-12) var(--base-size-28);
2846
+ display: flex;
2847
+ align-items: center;
2848
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2849
+ gap: var(--base-size-4);
2836
2850
  }
2837
2851
 
2838
- /**
2839
- * Scale in right
2840
- */
2841
- .Primer_Brand__Animation-module__Animation--scale-in-right___jBPh4 {
2842
- opacity: 0;
2843
- transform: scale(var(--brand-animation-variant-scaleInRight-start))
2844
- translateX(var(--brand-animation-variant-scaleInRight-distance));
2845
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2846
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2852
+ @media screen and (min-width: 48rem) {
2853
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
2854
+ max-width: 570px;
2855
+ margin: 0 auto;
2856
+ }
2847
2857
  }
2848
2858
 
2849
- .Primer_Brand__Animation-module__Animation--scale-in-right___jBPh4.Primer_Brand__Animation-module__Animation--active___g_UBK {
2850
- opacity: 1;
2851
- transform: translateX(0) scale(var(--brand-animation-variant-scaleInRight-end));
2859
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0 {
2860
+ border-color: transparent;
2852
2861
  }
2853
2862
 
2854
- /**
2855
- * Scale in left
2856
- */
2857
- .Primer_Brand__Animation-module__Animation--scale-in-left___g8_dC {
2858
- opacity: 0;
2859
- transform: scale(var(--brand-animation-variant-scaleInLeft-start))
2860
- translateX(var(--brand-animation-variant-scaleInLeft-distance));
2861
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2862
- transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
2863
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P {
2864
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2865
+ padding: var(--base-size-24);
2866
+ background-color: var(--base-color-scale-white-0);
2867
+ border-radius: var(--brand-borderRadius-large);
2868
+ box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2869
+ max-height: 514px;
2870
+ height: 70vh;
2871
+ max-width: 570px;
2872
+ margin: 0 auto;
2873
+ width: 80%;
2863
2874
  }
2864
2875
 
2865
- .Primer_Brand__Animation-module__Animation--scale-in-left___g8_dC.Primer_Brand__Animation-module__Animation--active___g_UBK {
2866
- opacity: 1;
2867
- transform: translateX(0) scale(var(--brand-animation-variant-scaleInLeft-end));
2876
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___haCH9 {
2877
+ overflow-y: scroll;
2878
+ list-style: none;
2879
+ padding: 0 var(--base-size-24) 0 0;
2880
+ margin: 0;
2881
+ height: 90%;
2868
2882
  }
2869
2883
 
2870
- /**
2871
- * Fill in right
2872
- */
2873
- .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH {
2874
- transform-origin: left;
2875
- transform: scaleX(0);
2876
- transition: transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2884
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___FTzyR {
2885
+ display: block;
2886
+ font-weight: var(--brand-heading-weight-600);
2887
+ font-size: var(--base-size-20);
2888
+ line-height: var(--base-size-24);
2889
+ margin-bottom: var(--base-size-20);
2890
+ padding: 0 var(--base-size-8);
2891
+ color: var(--base-color-scale-black-0);
2877
2892
  }
2878
2893
 
2879
- .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH.Primer_Brand__Animation-module__Animation--active___g_UBK {
2880
- transform: scaleX(1);
2894
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z {
2895
+ padding: var(--base-size-16) var(--base-size-8);
2896
+ border-bottom: solid 1px
2897
+ #b7bfc7;
2898
+ border-bottom: solid var(--brand-borderWidth-thin, 1px)
2899
+ var(--brand-SubdomainNavBar-search-results-border-default, #b7bfc7);
2881
2900
  }
2882
2901
 
2883
- /**
2884
- * Scale in top
2885
- */
2886
- .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS {
2887
- transform-origin: top;
2888
- transform: scaleY(0);
2889
- transition: transform var(--brand-animation-duration-extended) var(--brand-animation-easing-default);
2902
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z[aria-selected='true'] a {
2903
+ outline: var(--brand-color-focus) auto var(--brand-borderWidth-thick);
2890
2904
  }
2891
2905
 
2892
- .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS.Primer_Brand__Animation-module__Animation--active___g_UBK {
2893
- transform: scaleY(1);
2906
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd {
2907
+ letter-spacing: var(--brand-heading-letterSpacing-400);
2908
+ font-size: var(--brand-text-size-400);
2894
2909
  }
2895
2910
 
2896
- /**
2897
- * Do not edit directly
2898
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
2899
- */
2900
-
2901
- :root,
2902
- [data-color-mode="light"] {
2903
- --brand-Label-color-default: var(--brand-color-text-default);
2904
- --brand-Label-color-blue: var(--base-color-scale-blue-5);
2905
- --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-5);
2906
- --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
2907
- --brand-Label-color-coral: var(--base-color-scale-coral-5);
2908
- --brand-Label-color-green: var(--base-color-scale-green-5);
2909
- --brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
2910
- --brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
2911
- --brand-Label-color-gray: var(--base-color-scale-gray-6);
2912
- --brand-Label-color-indigo: var(--base-color-scale-indigo-5);
2913
- --brand-Label-color-lemon: var(--base-color-scale-lemon-5);
2914
- --brand-Label-color-lime: var(--base-color-scale-lime-5);
2915
- --brand-Label-color-orange: var(--base-color-scale-orange-5);
2916
- --brand-Label-color-pink: var(--base-color-scale-pink-5);
2917
- --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-5);
2918
- --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-5);
2919
- --brand-Label-color-purple: var(--base-color-scale-purple-5);
2920
- --brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
2921
- --brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
2922
- --brand-Label-color-red: var(--base-color-scale-red-5);
2923
- --brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
2924
- --brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
2925
- --brand-Label-color-teal: var(--base-color-scale-teal-5);
2926
- --brand-Label-color-yellow: var(--base-color-scale-yellow-5);
2911
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a {
2912
+ display: block;
2913
+ color: var(--base-color-scale-black-0);
2914
+ text-decoration: none;
2915
+ margin: 0 0 var(--base-size-12);
2916
+ font-size: var(--base-size-16);
2917
+ font-weight: var(--brand-heading-weight-400);
2918
+ font-family: var(--brand-heading-fontFamily);
2919
+ line-height: var(--brand-text-lineHeight-400);
2927
2920
  }
2928
2921
 
2929
- [data-color-mode="dark"] {
2930
- --brand-Label-color-default: var(--brand-color-text-default);
2931
- --brand-Label-color-blue: var(--base-color-scale-blue-0);
2932
- --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-2);
2933
- --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-3);
2934
- --brand-Label-color-coral: var(--base-color-scale-coral-0);
2935
- --brand-Label-color-green: var(--base-color-scale-green-0);
2936
- --brand-Label-color-green-blue-start: var(--base-color-scale-green-2);
2937
- --brand-Label-color-green-blue-end: var(--base-color-scale-blue-3);
2938
- --brand-Label-color-gray: var(--base-color-scale-gray-0);
2939
- --brand-Label-color-indigo: var(--base-color-scale-indigo-0);
2940
- --brand-Label-color-lemon: var(--base-color-scale-lemon-0);
2941
- --brand-Label-color-lime: var(--base-color-scale-lime-0);
2942
- --brand-Label-color-orange: var(--base-color-scale-orange-0);
2943
- --brand-Label-color-pink: var(--base-color-scale-pink-0);
2944
- --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-2);
2945
- --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-3);
2946
- --brand-Label-color-purple: var(--base-color-scale-purple-0);
2947
- --brand-Label-color-purple-red-start: var(--base-color-scale-purple-2);
2948
- --brand-Label-color-purple-red-end: var(--base-color-scale-red-3);
2949
- --brand-Label-color-red: var(--base-color-scale-red-0);
2950
- --brand-Label-color-red-orange-start: var(--base-color-scale-red-2);
2951
- --brand-Label-color-red-orange-end: var(--base-color-scale-orange-3);
2952
- --brand-Label-color-teal: var(--base-color-scale-teal-0);
2953
- --brand-Label-color-yellow: var(--base-color-scale-yellow-0);
2922
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a:hover {
2923
+ text-decoration: none;
2954
2924
  }
2955
2925
 
2956
- .Primer_Brand__Label-module__Label___TW0HL {
2957
- --brand-Label-gradient: radial-gradient(
2958
- circle at top left,
2959
- var(--brand-Label-color-start),
2960
- var(--brand-Label-color-end)
2961
- );
2962
- --brand-Label-background: var(--brand-Label-gradient, var(--brand-Label-color, currentColor));
2926
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
2927
+ color: var(--base-color-scale-black-0);
2928
+ }
2963
2929
 
2964
- vertical-align: middle;
2965
- align-items: center;
2966
- justify-content: center;
2967
- border-radius: var(--brand-borderRadius-full);
2968
- display: inline-flex;
2969
- color: currentColor;
2970
- color: var(--brand-Label-color-start, var(--brand-Label-color, currentColor));
2971
- position: relative;
2972
- background: none;
2930
+ /*
2931
+ * Reusable animations
2932
+ */
2933
+ @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
2934
+ 0% {
2935
+ opacity: 0;
2936
+ transform: translateY(-20px);
2937
+ }
2938
+ 100% {
2939
+ opacity: 1;
2940
+ transform: translateY(0);
2941
+ }
2973
2942
  }
2974
2943
 
2975
- .Primer_Brand__Label-module__Label___TW0HL::before {
2976
- content: '';
2977
- position: absolute;
2978
- top: 0;
2979
- right: 0;
2980
- bottom: 0;
2981
- left: 0;
2982
- padding: var(--brand-borderWidth-thin);
2983
- border-radius: inherit;
2984
- background: var(--brand-Label-background);
2985
- -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
2986
- linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
2987
- mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
2988
- linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
2989
- -webkit-mask-composite: xor;
2990
- mask-composite: exclude;
2944
+ @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2945
+ 0% {
2946
+ opacity: 1;
2947
+ }
2948
+ 100% {
2949
+ opacity: 0;
2950
+ }
2991
2951
  }
2992
2952
 
2993
- .Primer_Brand__Label-module__Label--size-small___TvoL_ {
2994
- padding-left: var(--base-size-8);
2995
- padding-right: var(--base-size-8);
2996
- height: var(--base-size-24);
2953
+ @keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2954
+ 0% {
2955
+ scale: 0.98;
2956
+ box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
2957
+ }
2958
+ 100% {
2959
+ scale: 1;
2960
+ box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2961
+ }
2997
2962
  }
2998
2963
 
2999
- .Primer_Brand__Label-module__Label--size-medium___g4Jkm {
3000
- padding-left: var(--base-size-16);
3001
- padding-right: var(--base-size-16);
3002
- height: var(--base-size-28);
3003
- }
2964
+ @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2965
+ 0% {
2966
+ opacity: 0;
2967
+ transform: scale(0.6) translateY(-8px);
2968
+ }
3004
2969
 
3005
- .Primer_Brand__Label-module__Label--size-large___BrKTp {
3006
- padding-left: var(--base-size-16);
3007
- padding-right: var(--base-size-16);
3008
- height: var(--base-size-32);
2970
+ 100% {
2971
+ opacity: 1;
2972
+ }
3009
2973
  }
3010
2974
 
3011
- .Primer_Brand__Label-module__Label--color-default___YCx2l {
3012
- --brand-Label-color: var(--brand-Label-color-default);
2975
+ /**
2976
+ * Do not edit directly
2977
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
2978
+ */
2979
+
2980
+ :root,
2981
+ [data-color-mode="light"] {
2982
+ --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
2983
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
2984
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2985
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2986
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-default);
2987
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
2988
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
2989
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
3013
2990
  }
3014
2991
 
3015
- .Primer_Brand__Label-module__Label--color-blue___lZSxf {
3016
- --brand-Label-color: var(--brand-Label-color-blue);
2992
+ [data-color-mode="dark"] {
2993
+ --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
2994
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
2995
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2996
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2997
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
2998
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
2999
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
3000
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
3017
3001
  }
3018
3002
 
3019
- .Primer_Brand__Label-module__Label--color-blue-purple___ER3VP {
3020
- --brand-Label-color-start: var(--brand-Label-color-blue-purple-start);
3021
- --brand-Label-color-end: var(--brand-Label-color-blue-purple-end);
3003
+ /**
3004
+ * Do not edit directly
3005
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3006
+ */
3007
+
3008
+ :root,
3009
+ [data-color-mode="light"] {
3010
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
3011
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
3022
3012
  }
3023
3013
 
3024
- .Primer_Brand__Label-module__Label--color-coral___V0Yif {
3025
- --brand-Label-color: var(--brand-Label-color-coral);
3014
+ [data-color-mode="dark"] {
3015
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-4);
3016
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-2);
3026
3017
  }
3027
3018
 
3028
- .Primer_Brand__Label-module__Label--color-green___SoiE4 {
3029
- --brand-Label-color: var(--brand-Label-color-green);
3019
+ /**
3020
+ * Do not edit directly
3021
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3022
+ */
3023
+
3024
+ :root {
3025
+ --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
3026
+ --brand-InlineLink-transition-scale-end: -2;
3027
+ --brand-InlineLink-transition-scale-start: 1;
3030
3028
  }
3031
3029
 
3032
- .Primer_Brand__Label-module__Label--color-green-blue___R2mSi {
3033
- --brand-Label-color-start: var(--brand-Label-color-green-blue-start);
3034
- --brand-Label-color-end: var(--brand-Label-color-green-blue-end);
3030
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
3031
+ text-decoration: none;
3032
+ position: relative;
3035
3033
  }
3036
3034
 
3037
- .Primer_Brand__Label-module__Label--color-gray___MCa_k {
3038
- --brand-Label-color: var(--brand-Label-color-gray);
3035
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
3036
+ text-decoration: none;
3039
3037
  }
3040
3038
 
3041
- .Primer_Brand__Label-module__Label--color-indigo___VEHOi {
3042
- --brand-Label-color: var(--brand-Label-color-indigo);
3039
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
3040
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
3041
+ color: var(--brand-InlineLink-color-rest);
3043
3042
  }
3044
3043
 
3045
- .Primer_Brand__Label-module__Label--color-lemon___xvb0x {
3046
- --brand-Label-color: var(--brand-Label-color-lemon);
3044
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
3045
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
3046
+ color: var(--brand-InlineLink-color-pressed);
3047
3047
  }
3048
3048
 
3049
- .Primer_Brand__Label-module__Label--color-lime___rORM1 {
3050
- --brand-Label-color: var(--brand-Label-color-lime);
3049
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after {
3050
+ content: '';
3051
+ border-bottom: var(--brand-borderWidth-thin) solid var(--brand-InlineLink-color-rest);
3052
+ height: 0;
3053
+ transition: var(--brand-InlineLink-transition-timing) transform;
3054
+ transform: scaleY(var(--brand-InlineLink-transition-scale-start));
3055
+ transform-origin: 50% 100%;
3056
+ width: 100%;
3057
+ position: absolute;
3058
+ bottom: 0;
3059
+ left: 0;
3051
3060
  }
3052
3061
 
3053
- .Primer_Brand__Label-module__Label--color-orange___PMqMi {
3054
- --brand-Label-color: var(--brand-Label-color-orange);
3062
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
3063
+ transform: scaleY(var(--brand-InlineLink-transition-scale-end));
3055
3064
  }
3056
3065
 
3057
- .Primer_Brand__Label-module__Label--color-pink___kHEv5 {
3058
- --brand-Label-color: var(--brand-Label-color-pink);
3066
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
3067
+ border-color: var(--brand-InlineLink-color-pressed);
3059
3068
  }
3060
3069
 
3061
- .Primer_Brand__Label-module__Label--color-pink-blue___y5skb {
3062
- --brand-Label-color-start: var(--brand-Label-color-pink-blue-start);
3063
- --brand-Label-color-end: var(--brand-Label-color-pink-blue-end);
3070
+ .Primer_Brand__Link-module__Link___lvKjM {
3071
+ position: relative;
3072
+ display: inline-flex;
3073
+ align-items: center;
3074
+ justify-content: center;
3075
+ transition: box-shadow var(--brand-animation-duration-faster);
3076
+ text-decoration: none;
3077
+ cursor: pointer;
3064
3078
  }
3065
3079
 
3066
- .Primer_Brand__Label-module__Label--color-purple___ZHLtp {
3067
- --brand-Label-color: var(--brand-Label-color-purple);
3080
+ .Primer_Brand__Link-module__Link___lvKjM:hover {
3081
+ text-decoration: none;
3068
3082
  }
3069
3083
 
3070
- .Primer_Brand__Label-module__Label--color-purple-red___MsWGq {
3071
- --brand-Label-color-start: var(--brand-Label-color-purple-red-start);
3072
- --brand-Label-color-end: var(--brand-Label-color-purple-red-end);
3084
+ .Primer_Brand__Link-module__Link___lvKjM::after {
3085
+ position: absolute;
3086
+ bottom: -0.15em;
3087
+ left: 0;
3088
+ width: calc(100% - 1.5em);
3089
+ height: 2px;
3090
+ pointer-events: none;
3091
+ content: '';
3092
+ background-color: currentColor;
3093
+ transform: scaleX(0);
3094
+ transform-origin: 0 0;
3073
3095
  }
3074
3096
 
3075
- .Primer_Brand__Label-module__Label--color-red___GYMDt {
3076
- --brand-Label-color: var(--brand-Label-color-red);
3097
+ @media screen and (prefers-reduced-motion: no-preference) {
3098
+ .Primer_Brand__Link-module__Link___lvKjM::after {
3099
+ transition: transform var(--brand-animation-duration-fast) ease;
3100
+ }
3077
3101
  }
3078
3102
 
3079
- .Primer_Brand__Label-module__Label--color-red-orange___FVyXX {
3080
- --brand-Label-color-start: var(--brand-Label-color-red-orange-start);
3081
- --brand-Label-color-end: var(--brand-Label-color-red-orange-end);
3103
+ .Primer_Brand__Link-module__Link___lvKjM:active:after,
3104
+ .Primer_Brand__Link-module__Link___lvKjM:hover:after,
3105
+ .Primer_Brand__Link-module__Link___lvKjM:focus:after {
3106
+ transform: scaleX(1);
3082
3107
  }
3083
3108
 
3084
- .Primer_Brand__Label-module__Label--color-teal___VOUIS {
3085
- --brand-Label-color: var(--brand-Label-color-teal);
3109
+ .Primer_Brand__Link-module__Link___lvKjM:focus {
3110
+ outline: 0;
3086
3111
  }
3087
3112
 
3088
- .Primer_Brand__Label-module__Label--color-yellow___S2Zu2 {
3089
- --brand-Label-color: var(--brand-Label-color-yellow);
3113
+ .Primer_Brand__Link-module__Link--default___UKAcZ,
3114
+ .Primer_Brand__Link-module__Link--default___UKAcZ span {
3115
+ color: var(--brand-Link-color-default);
3090
3116
  }
3091
3117
 
3092
- .Primer_Brand__Label-module__Label__text____nAxj {
3093
- background: var(--brand-Label-background);
3094
- -webkit-background-clip: text;
3095
- background-clip: text;
3096
- -webkit-text-fill-color: transparent;
3097
- -webkit-box-decoration-break: clone;
3098
- box-decoration-break: clone;
3118
+ .Primer_Brand__Link-module__Link--accent___FWEDd,
3119
+ .Primer_Brand__Link-module__Link--accent___FWEDd span {
3120
+ color: var(--brand-Link-color-accent);
3099
3121
  }
3100
3122
 
3101
- .Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
3102
- line-height: var(--brand-text-lineHeight-100);
3123
+ .Primer_Brand__Link-module__Link--label___j8etE {
3124
+ font-weight: var(--base-text-weight-semibold);
3103
3125
  }
3104
3126
 
3105
- .Primer_Brand__Label-module__Label--size-medium___g4Jkm .Primer_Brand__Label-module__Label__text____nAxj {
3106
- line-height: var(--brand-text-lineHeight-200);
3127
+ .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3128
+ margin-left: 4px;
3107
3129
  }
3108
3130
 
3109
- .Primer_Brand__Label-module__Label--size-large___BrKTp .Primer_Brand__Label-module__Label__text____nAxj {
3110
- line-height: var(--brand-text-lineHeight-300);
3131
+ .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3132
+ width: 20px;
3133
+ height: 20px;
3111
3134
  }
3112
3135
 
3113
- .Primer_Brand__Label-module__Label__icon-visual___lD1Qa {
3114
- display: flex;
3115
- align-self: center;
3116
- height: var(--base-size-16);
3117
- width: auto;
3136
+ .Primer_Brand__Link-module__Link--arrow-start___AT1uu::after {
3137
+ left: auto;
3138
+ right: 0;
3139
+ transform-origin: right 0;
3140
+ width: calc(100% - var(--base-size-20));
3118
3141
  }
3119
3142
 
3120
- .Primer_Brand__Label-module__Label__leading-visual___a1rnF {
3121
- display: flex;
3122
- margin-right: var(--base-size-8);
3143
+ .Primer_Brand__Link-module__Link--arrow-start___AT1uu .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3144
+ margin-left: auto;
3145
+ margin-right: 4px;
3123
3146
  }
3124
3147
 
3125
- .Primer_Brand__Label-module__Label__label___bD_B4 {
3126
- font-weight: var(--base-text-weight-semibold);
3148
+ /**
3149
+ * Do not edit directly
3150
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3151
+ */
3152
+
3153
+ :root,
3154
+ [data-color-mode="light"] {
3155
+ --brand-Link-color-default: var(--brand-color-text-default);
3156
+ --brand-Link-color-accent: var(--base-color-scale-blue-5);
3127
3157
  }
3128
3158
 
3129
- @media (forced-colors: active) {
3130
- .Primer_Brand__Label-module__Label___TW0HL {
3131
- outline: var(--brand-borderWidth-thin) solid transparent;
3132
- }
3159
+ [data-color-mode="dark"] {
3160
+ --brand-Link-color-default: var(--brand-color-text-default);
3161
+ --brand-Link-color-accent: var(--base-color-scale-blue-4);
3133
3162
  }
3134
3163
 
3135
3164
  /**
3136
3165
  * Do not edit directly
3137
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
3166
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3138
3167
  */
3139
3168
 
3140
3169
  :root,
@@ -3158,7 +3187,7 @@ select {
3158
3187
  content: '';
3159
3188
  border: 3px solid var(--brand-color-border-default);
3160
3189
  height: 0;
3161
- transition: 0.3s transform;
3190
+ transition: var(--brand-animation-duration-fast) transform;
3162
3191
  transform: scaleY(0);
3163
3192
  transform-origin: 50% 100%;
3164
3193
  width: 100%;
@@ -3215,7 +3244,7 @@ select {
3215
3244
 
3216
3245
  .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
3217
3246
  .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
3218
- transition: transform 0.3s ease, opacity 0.2s ease;
3247
+ transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
3219
3248
  display: block;
3220
3249
  background: linear-gradient(
3221
3250
  -70deg,
@@ -3291,7 +3320,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3291
3320
 
3292
3321
  /**
3293
3322
  * Do not edit directly
3294
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
3323
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3295
3324
  */
3296
3325
 
3297
3326
  :root {
@@ -3300,7 +3329,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3300
3329
 
3301
3330
  /**
3302
3331
  * Do not edit directly
3303
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
3332
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3304
3333
  */
3305
3334
 
3306
3335
  :root,
@@ -3314,7 +3343,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3314
3343
 
3315
3344
  /**
3316
3345
  * Do not edit directly
3317
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
3346
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3318
3347
  */
3319
3348
 
3320
3349
  :root {
@@ -3386,11 +3415,11 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3386
3415
 
3387
3416
  /**
3388
3417
  * Do not edit directly
3389
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
3418
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3390
3419
  */
3391
3420
 
3392
3421
  :root {
3393
- --brand-control-animation-easing: cubic-bezier(0.33, 1, 0.68, 1);
3422
+ --brand-control-animation-easing: var(--brand-animation-easing-glide);
3394
3423
  --brand-control-animation-duration: 80ms;
3395
3424
  --brand-control-border-radius: var(--brand-borderRadius-medium);
3396
3425
  --brand-control-large-fontSize: var(--brand-text-size-300);
@@ -3405,7 +3434,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3405
3434
 
3406
3435
  /**
3407
3436
  * Do not edit directly
3408
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
3437
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3409
3438
  */
3410
3439
 
3411
3440
  :root,
@@ -4191,7 +4220,7 @@ Fixes safari bug where outline doesn't respect border-radius
4191
4220
  display: block;
4192
4221
  transform: scale(0.7);
4193
4222
  opacity: 0;
4194
- transition: transform 0.35s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.35s cubic-bezier(0.33, 1, 0.68, 1);
4223
+ transition: transform 0.35s var(--brand-animation-easing-glide), opacity 0.35s var(--brand-animation-easing-glide);
4195
4224
  }
4196
4225
  @media (prefers-reduced-motion) {
4197
4226
  .Primer_Brand__Radio-module__Radio-dot___rmEAJ {
@@ -4348,7 +4377,7 @@ Fixes safari bug where outline doesn't respect border-radius
4348
4377
 
4349
4378
  /**
4350
4379
  * Do not edit directly
4351
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
4380
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
4352
4381
  */
4353
4382
 
4354
4383
  :root {
@@ -5361,7 +5390,7 @@ Fixes safari bug where outline doesn't respect border-radius
5361
5390
 
5362
5391
  /**
5363
5392
  * Do not edit directly
5364
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
5393
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
5365
5394
  */
5366
5395
 
5367
5396
  :root,
@@ -5377,7 +5406,7 @@ Fixes safari bug where outline doesn't respect border-radius
5377
5406
 
5378
5407
  /**
5379
5408
  * Do not edit directly
5380
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
5409
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
5381
5410
  */
5382
5411
 
5383
5412
  :root {
@@ -5695,7 +5724,7 @@ Fixes safari bug where outline doesn't respect border-radius
5695
5724
 
5696
5725
  /**
5697
5726
  * Do not edit directly
5698
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
5727
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
5699
5728
  */
5700
5729
 
5701
5730
  :root,
@@ -5844,7 +5873,7 @@ html {
5844
5873
  .Primer_Brand__AnchorNav-module__AnchorNav--expanded___wVGbk .Primer_Brand__AnchorNav-module__AnchorNav-link___f5YJ2 {
5845
5874
  margin: 0 0 2px; /* allow space for focus border */
5846
5875
  animation: Primer_Brand__AnchorNav-module__fade-in___KfA_2 1s;
5847
- animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); /* TODO: replace with global token for animation timings */
5876
+ animation-timing-function: var(--brand-animation-easing-glide);
5848
5877
  }
5849
5878
 
5850
5879
  /* Up to large breakpoint */
@@ -5862,7 +5891,7 @@ html {
5862
5891
  width: 2px;
5863
5892
  height: 50%;
5864
5893
  background-color: var(--brand-AnchorNav-link-underline-default);
5865
- transition: opacity 300ms, transform 300ms;
5894
+ transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);
5866
5895
  opacity: 1;
5867
5896
  transform: scale(0);
5868
5897
  transform-origin: left;
@@ -5901,7 +5930,7 @@ html {
5901
5930
  font-family: var(--brand-heading-fontFamily);
5902
5931
  letter-spacing: var(--brand-heading-letterSpacing-400);
5903
5932
  color: var(--brand-color-text-default);
5904
- transition: color cubic-bezier(0.33, 1, 0.68, 1) 0.2s; /* TODO: replace with global token for animation timings */
5933
+ transition: color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);
5905
5934
  white-space: nowrap;
5906
5935
  position: relative;
5907
5936
  }
@@ -5959,7 +5988,8 @@ html {
5959
5988
  width: 100%;
5960
5989
  height: 2px;
5961
5990
  background-color: var(--brand-AnchorNav-link-underline-default);
5962
- transition: opacity 300ms, transform 300ms, background-color 300ms;
5991
+ transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
5992
+ background-color var(--brand-animation-duration-fast);
5963
5993
  opacity: 1;
5964
5994
  transform: scale(0);
5965
5995
  transform-origin: center;
@@ -6044,7 +6074,7 @@ html {
6044
6074
  background: hsla(var(--base-color-scale-black-0-hsl) / 0.5);
6045
6075
  transform: translateZ(-1px);
6046
6076
  animation: Primer_Brand__AnchorNav-module__fade-in___KfA_2 0.5s;
6047
- animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
6077
+ animation-timing-function: var(--brand-animation-easing-glide);
6048
6078
  cursor: pointer;
6049
6079
  }
6050
6080
  }
@@ -6098,7 +6128,7 @@ html {
6098
6128
 
6099
6129
  /**
6100
6130
  * Do not edit directly
6101
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
6131
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6102
6132
  */
6103
6133
 
6104
6134
  :root,
@@ -6280,7 +6310,7 @@ html {
6280
6310
 
6281
6311
  /**
6282
6312
  * Do not edit directly
6283
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
6313
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6284
6314
  */
6285
6315
 
6286
6316
  :root,
@@ -6395,7 +6425,7 @@ html {
6395
6425
  background-color: inherit;
6396
6426
  cursor: pointer;
6397
6427
  padding: 0 0 var(--base-size-4) 0;
6398
- transition: border 300ms cubic-bezier(0.33, 1, 0.68, 1);
6428
+ transition: border var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);
6399
6429
  }
6400
6430
 
6401
6431
  .Primer_Brand__MinimalFooter-module__Footer__link___K13BH:hover {
@@ -6406,7 +6436,7 @@ html {
6406
6436
 
6407
6437
  /**
6408
6438
  * Do not edit directly
6409
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
6439
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6410
6440
  */
6411
6441
 
6412
6442
  :root,
@@ -6573,11 +6603,11 @@ html {
6573
6603
 
6574
6604
  /**
6575
6605
  * Do not edit directly
6576
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
6606
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6577
6607
  */
6578
6608
 
6579
6609
  :root {
6580
- --brand-Card-animation-easing: cubic-bezier(0.16, 1, 0.3, 1);
6610
+ --brand-Card-animation-easing: var(--brand-animation-easing-default);
6581
6611
  --brand-Card-animation-duration: 600ms;
6582
6612
  --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
6583
6613
  --brand-Card-maxWidth: 26.25rem;
@@ -6585,7 +6615,7 @@ html {
6585
6615
 
6586
6616
  /**
6587
6617
  * Do not edit directly
6588
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
6618
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6589
6619
  */
6590
6620
 
6591
6621
  :root,
@@ -6923,6 +6953,11 @@ html {
6923
6953
  max-width: 18ch;
6924
6954
  }
6925
6955
 
6956
+ .Primer_Brand__SectionIntro-module__SectionIntro-label___ZjciO {
6957
+ -webkit-margin-after: var(--base-size-8);
6958
+ margin-bottom: var(--base-size-8);
6959
+ }
6960
+
6926
6961
  .Primer_Brand__SectionIntro-module__SectionIntro-description___Sz93l {
6927
6962
  max-width: 50ch;
6928
6963
  }
@@ -6933,7 +6968,7 @@ html {
6933
6968
 
6934
6969
  /**
6935
6970
  * Do not edit directly
6936
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
6971
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6937
6972
  */
6938
6973
 
6939
6974
  :root,
@@ -7003,7 +7038,7 @@ html {
7003
7038
 
7004
7039
  .Primer_Brand__ActionMenu-module__ActionMenu__menu--visible___dIcw5 {
7005
7040
  visibility: visible;
7006
- animation: 189ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Primer_Brand__ActionMenu-module__overlay-appear___hIYSP;
7041
+ animation: 189ms var(--brand-animation-easing-glide) 0s 1 normal none running Primer_Brand__ActionMenu-module__overlay-appear___hIYSP;
7007
7042
  }
7008
7043
 
7009
7044
  @keyframes Primer_Brand__ActionMenu-module__overlay-appear___hIYSP {
@@ -7109,7 +7144,7 @@ html {
7109
7144
 
7110
7145
  /**
7111
7146
  * Do not edit directly
7112
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
7147
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
7113
7148
  */
7114
7149
 
7115
7150
  :root {
@@ -7135,7 +7170,7 @@ html {
7135
7170
 
7136
7171
  /**
7137
7172
  * Do not edit directly
7138
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
7173
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
7139
7174
  */
7140
7175
 
7141
7176
  :root,
@@ -8124,7 +8159,7 @@ html {
8124
8159
 
8125
8160
  /**
8126
8161
  * Do not edit directly
8127
- * Generated on Fri, 21 Jul 2023 10:10:00 GMT
8162
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
8128
8163
  */
8129
8164
 
8130
8165
  :root {