@primer/react-brand 0.21.0 → 0.21.1-rc.87fee2a

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 (222) 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/css/main.css +1160 -1143
  5. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  7. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  8. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +3 -3
  37. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +3 -3
  38. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +3 -3
  41. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +2 -2
  42. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  55. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  60. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  62. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  63. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  65. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +5 -5
  74. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  75. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +5 -5
  76. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  77. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  78. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  79. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  80. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  81. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  82. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  83. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  84. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  85. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  86. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  87. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  88. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  89. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  90. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  91. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  92. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  93. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  94. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  95. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  96. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  97. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  98. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  99. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  100. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  101. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  102. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  103. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  104. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  105. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  106. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +3 -3
  107. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  108. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +2 -2
  109. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  110. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  111. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  112. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  113. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  114. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  115. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  116. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  117. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  118. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  119. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  120. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  121. package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +1 -1
  122. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  123. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  124. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  125. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  126. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  127. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  128. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  129. package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +1 -1
  130. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  131. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  132. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  133. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  134. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  135. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  136. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  137. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  138. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  139. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +3 -3
  140. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  141. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +2 -2
  142. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  143. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  144. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  145. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  146. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  147. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  148. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  149. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  150. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  151. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  152. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  153. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  154. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  155. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  156. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  157. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  158. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  159. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  160. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  161. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  162. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  163. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  164. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  165. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  166. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  167. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  168. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  169. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  170. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  171. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  172. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  173. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  174. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  175. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  176. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  177. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  178. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  179. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  180. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  181. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  182. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  183. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  184. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  185. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  186. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  187. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  188. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  189. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  190. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  191. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +3 -3
  192. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  193. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  194. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  195. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +2 -2
  196. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  197. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  198. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  199. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  200. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  201. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  202. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  203. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  204. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  205. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  206. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  207. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  208. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  209. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  210. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  211. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  212. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  213. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  214. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  215. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  216. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  217. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  218. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  219. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  220. package/lib/forms/TextInput/TextInput.d.ts +1 -1
  221. package/lib/index.js +1 -1
  222. 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 Wed, 26 Jul 2023 16:26:13 GMT
92
+ * Generated on Thu, 03 Aug 2023 14:01:49 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 Wed, 26 Jul 2023 16:26:13 GMT
632
+ * Generated on Thu, 03 Aug 2023 14:01:49 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 Wed, 26 Jul 2023 16:26:13 GMT
657
+ * Generated on Thu, 03 Aug 2023 14:01:49 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 Wed, 26 Jul 2023 16:26:13 GMT
672
+ * Generated on Thu, 03 Aug 2023 14:01:49 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 Wed, 26 Jul 2023 16:26:13 GMT
844
+ * Generated on Thu, 03 Aug 2023 14:01:49 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 Wed, 26 Jul 2023 16:26:13 GMT
858
+ * Generated on Thu, 03 Aug 2023 14:01:49 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 Wed, 26 Jul 2023 16:26:13 GMT
876
+ * Generated on Thu, 03 Aug 2023 14:01:50 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;
@@ -1195,7 +1200,7 @@ select {
1195
1200
 
1196
1201
  /**
1197
1202
  * Do not edit directly
1198
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
1203
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
1199
1204
  */
1200
1205
 
1201
1206
  :root,
@@ -1649,1516 +1654,1523 @@ select {
1649
1654
 
1650
1655
  /**
1651
1656
  * Do not edit directly
1652
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
1657
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
1653
1658
  */
1654
1659
 
1655
1660
  :root {
1656
- --brand-Hero-regular-padding: var(--base-size-128) 0;
1657
- --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;
1658
1687
  }
1659
1688
 
1660
- .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj {
1661
- display: inline-flex;
1662
- gap: var(--base-size-8);
1663
- flex-direction: row;
1664
- flex-wrap: wrap;
1689
+ .Primer_Brand__Animation-module__Animation___KNtEW {
1690
+ transition: var(--brand-animation-transition-default);
1665
1691
  }
1666
1692
 
1667
- .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj > * {
1668
- 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;
1669
1703
  }
1670
1704
 
1671
1705
  /**
1672
- * Do not edit directly
1673
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
1706
+ * Fade out
1674
1707
  */
1708
+ .Primer_Brand__Animation-module__Animation--fade-out___CsyfK {
1709
+ opacity: 1;
1710
+ }
1675
1711
 
1676
- :root {
1677
- --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);
1678
- --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);
1679
1715
  }
1680
1716
 
1681
1717
  /**
1682
- * Do not edit directly
1683
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
1718
+ * Slide in up
1684
1719
  */
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);
1725
+ }
1685
1726
 
1686
- :root {
1687
- --brand-River-spacing-outer: var(--base-size-28);
1688
- --brand-River-spacing-inner: var(--base-size-24);
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);
1689
1730
  }
1690
1731
 
1691
- @media (min-width: 768px) {
1692
- :root {
1693
- --brand-River-spacing-outer: var(--base-size-36);
1694
- --brand-River-spacing-inner: var(--base-size-36);
1695
- }
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);
1696
1740
  }
1697
1741
 
1698
- @media (min-width: 1280px) {
1699
- :root {
1700
- --brand-River-spacing-outer: var(--base-size-48);
1701
- --brand-River-spacing-inner: var(--base-size-48);
1702
- }
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);
1703
1745
  }
1704
1746
 
1705
- .Primer_Brand__River-module__River___VHPl5 {
1706
- display: grid;
1707
- grid-gap: var(--brand-River-spacing-inner);
1708
- gap: var(--brand-River-spacing-inner);
1709
- grid-auto-rows: min-content;
1710
- padding-top: var(--brand-River-spacing-outer);
1711
- padding-bottom: var(--brand-River-spacing-outer);
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);
1712
1755
  }
1713
1756
 
1714
- .Primer_Brand__River-module__River--align-center___TH7xI {
1715
- text-align: center;
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);
1716
1760
  }
1717
1761
 
1718
- .Primer_Brand__River-module__River__visual___sTe_U {
1719
- position: relative;
1720
- order: 2;
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);
1721
1770
  }
1722
1771
 
1723
- .Primer_Brand__River-module__River__visual--fill-media___AVMgH img,
1724
- .Primer_Brand__River-module__River__visual--fill-media___AVMgH video {
1725
- width: 100%;
1726
- height: 100%;
1727
- -o-object-fit: cover;
1728
- object-fit: cover;
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);
1729
1775
  }
1730
1776
 
1731
- .Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
1732
- box-shadow: var(--brand-River-visual-shadow);
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);
1733
1785
  }
1734
1786
 
1735
- .Primer_Brand__River-module__River__heading___pwKXi {
1736
- margin-bottom: var(--brand-River-heading-margin);
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);
1737
1790
  }
1738
1791
 
1739
- .Primer_Brand__River-module__River__call-to-action___GIOCe {
1740
- margin-top: var(--base-size-24);
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);
1741
1801
  }
1742
1802
 
1743
- .Primer_Brand__River-module__River__text___ZlR1K strong {
1744
- color: var(--brand-color-text-default);
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);
1745
1806
  }
1746
1807
 
1747
- /* Medium breakpoint and up */
1748
- @media screen and (min-width: 48rem) {
1749
- .Primer_Brand__River-module__River___VHPl5 {
1750
- grid-template-rows: initial;
1751
- }
1752
- .Primer_Brand__River-module__River--50-50___cpSFU {
1753
- grid-template-columns: [content] 1fr [visual] 1fr;
1754
- }
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
+ }
1755
1818
 
1756
- .Primer_Brand__River-module__River--60-40___XDKAU {
1757
- grid-template-columns: [content] 4fr [visual] 6fr;
1758
- }
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
+ }
1759
1823
 
1760
- .Primer_Brand__River-module__River--align-start___L0mn_ {
1761
- grid-template-areas: 'content visual';
1762
- }
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
+ }
1763
1834
 
1764
- .Primer_Brand__River-module__River--align-end___UIM3e {
1765
- grid-template-areas: 'visual content';
1766
- }
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
+ }
1767
1839
 
1768
- .Primer_Brand__River-module__River--align-end___UIM3e.Primer_Brand__River-module__River--60-40___XDKAU {
1769
- grid-template-columns: [visual] 6fr [content] 4fr;
1770
- }
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
+ }
1771
1850
 
1772
- .Primer_Brand__River-module__River__content___opQUA {
1773
- display: grid;
1774
- align-content: center;
1775
- grid-area: content;
1776
- }
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
+ }
1777
1855
 
1778
- .Primer_Brand__River-module__River__visual___sTe_U {
1779
- grid-area: visual;
1780
- order: initial;
1781
- }
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
+ }
1782
1864
 
1783
- .Primer_Brand__River-module__River--align-center___TH7xI {
1784
- grid-auto-rows: min-content;
1785
- grid-template-columns: initial;
1786
- }
1865
+ .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH.Primer_Brand__Animation-module__Animation--active___g_UBK {
1866
+ transform: scaleX(1);
1867
+ }
1787
1868
 
1788
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
1789
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
1790
- grid-area: unset;
1791
- justify-self: center;
1792
- }
1793
-
1794
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
1795
- max-width: 600px;
1796
- justify-self: center;
1797
- }
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
+ }
1798
1877
 
1799
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
1800
- margin-bottom: var(--base-size-48);
1801
- }
1802
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
1803
- margin-top: var(--base-size-48);
1804
- }
1878
+ .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS.Primer_Brand__Animation-module__Animation--active___g_UBK {
1879
+ transform: scaleY(1);
1805
1880
  }
1806
1881
 
1807
- /*
1808
- * Main styles for the subdomain navigation bar.
1882
+ /**
1883
+ * Do not edit directly
1884
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
1809
1885
  */
1810
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___JNpcK {
1811
- position: relative;
1812
- z-index: 90;
1813
- font-weight: 550;
1814
- background: var(--brand-SubdomainNavBar-canvas-default);
1815
- -webkit-backdrop-filter: blur(16px);
1816
- backdrop-filter: blur(16px);
1817
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1818
- transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
1819
- border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
1820
- 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);
1821
1913
  }
1822
1914
 
1823
- /*
1824
- * Outer container
1825
- */
1826
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv {
1827
- 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);
1828
1940
  }
1829
1941
 
1830
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf {
1831
- 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;
1832
1964
  top: 0;
1833
1965
  right: 0;
1966
+ bottom: 0;
1834
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;
1835
1977
  }
1836
1978
 
1837
- /*
1838
- * Inner container
1839
- */
1840
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
1841
- display: flex;
1842
- 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);
1843
1983
  }
1844
1984
 
1845
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--centered___FXUTh {
1846
- max-width: 1280px;
1847
- 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);
1848
1989
  }
1849
1990
 
1850
- @media screen and (min-width: 48rem) {
1851
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
1852
- padding: 4px 32px;
1853
- }
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);
1854
1995
  }
1855
1996
 
1856
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
1857
- 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);
1858
1999
  }
1859
2000
 
1860
- /*
1861
- * Logo and title area
1862
- */
1863
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___W8IC5 {
1864
- display: inline-flex;
1865
- list-style-type: none;
1866
- align-items: center;
1867
- gap: 16px;
1868
- padding: 0;
1869
- margin: 0;
1870
- max-width: 340px;
1871
- color: var(--brand-color-text-default);
1872
- padding: var(--base-size-16) 0;
2001
+ .Primer_Brand__Label-module__Label--color-blue___lZSxf {
2002
+ --brand-Label-color: var(--brand-Label-color-blue);
1873
2003
  }
1874
2004
 
1875
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ {
1876
- color: var(--brand-color-text-default);
1877
- 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);
1878
2008
  }
1879
2009
 
1880
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
1881
- position: absolute;
1882
- left: calc(-32px + 5px);
1883
- opacity: 0;
1884
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast) ease;
1885
- transform: translateX(5px);
1886
- color: var(--brand-color-text-muted);
2010
+ .Primer_Brand__Label-module__Label--color-coral___V0Yif {
2011
+ --brand-Label-color: var(--brand-Label-color-coral);
1887
2012
  }
1888
2013
 
1889
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_:hover .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
1890
- opacity: 1;
1891
- transform: translateX(0);
2014
+ .Primer_Brand__Label-module__Label--color-green___SoiE4 {
2015
+ --brand-Label-color: var(--brand-Label-color-green);
1892
2016
  }
1893
2017
 
1894
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-separator___djrH2 {
1895
- color: var(--brand-color-text-muted);
1896
- font-weight: var(--base-text-weight-semibold);
1897
- font-size: var(--base-size-32);
1898
- 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);
1899
2021
  }
1900
2022
 
1901
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ svg {
1902
- width: 32px;
1903
- height: 32px;
2023
+ .Primer_Brand__Label-module__Label--color-gray___MCa_k {
2024
+ --brand-Label-color: var(--brand-Label-color-gray);
1904
2025
  }
1905
2026
 
1906
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2 {
1907
- font-family: var(--brand-heading-fontFamily);
1908
- font-weight: var(--base-text-weight-semibold);
1909
- font-size: var(--base-size-24);
1910
- line-height: var(--base-size-32);
1911
- color: var(--brand-color-text-default);
1912
- text-decoration: none;
1913
- padding-right: var(--base-size-16);
1914
- white-space: nowrap;
2027
+ .Primer_Brand__Label-module__Label--color-indigo___VEHOi {
2028
+ --brand-Label-color: var(--brand-Label-color-indigo);
1915
2029
  }
1916
2030
 
1917
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2:hover {
1918
- text-decoration: none;
2031
+ .Primer_Brand__Label-module__Label--color-lemon___xvb0x {
2032
+ --brand-Label-color: var(--brand-Label-color-lemon);
1919
2033
  }
1920
2034
 
1921
- /*
1922
- * Primary navigation link area
1923
- */
1924
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___rZwCn {
1925
- display: inline-flex;
1926
- list-style-type: none;
1927
- align-items: center;
1928
- padding: 0;
1929
- margin: 0;
2035
+ .Primer_Brand__Label-module__Label--color-lime___rORM1 {
2036
+ --brand-Label-color: var(--brand-Label-color-lime);
1930
2037
  }
1931
2038
 
1932
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1933
- list-style-type: none;
2039
+ .Primer_Brand__Label-module__Label--color-orange___PMqMi {
2040
+ --brand-Label-color: var(--brand-Label-color-orange);
1934
2041
  }
1935
2042
 
1936
- @media screen and (max-width: 767px) {
1937
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1938
- display: none;
1939
- }
2043
+ .Primer_Brand__Label-module__Label--color-pink___kHEv5 {
2044
+ --brand-Label-color: var(--brand-Label-color-pink);
2045
+ }
1940
2046
 
1941
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--invisible___HnkQO {
1942
- display: none;
1943
- }
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
+ }
1944
2051
 
1945
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv {
1946
- display: block;
1947
- margin: 0;
1948
- padding: 0;
1949
- position: absolute;
1950
- top: 75px;
1951
- left: 0;
1952
- right: 0;
1953
- z-index: 2;
1954
- background-color: var(--brand-color-canvas-default);
1955
- width: 100vw;
1956
- height: calc(100vh - 75px);
1957
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1958
- animation-timing-function: var(--brand-animation-easing-default);
1959
- }
2052
+ .Primer_Brand__Label-module__Label--color-purple___ZHLtp {
2053
+ --brand-Label-color: var(--brand-Label-color-purple);
1960
2054
  }
1961
2055
 
1962
- @media screen and (min-width: 48rem) {
1963
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1964
- display: flex;
1965
- align-items: center;
1966
- width: 100%;
1967
- max-width: 150px;
1968
- padding: 0;
1969
- margin: 0 24px 0 0;
1970
- /* overflow: hidden; */
1971
- }
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);
1972
2059
  }
1973
2060
 
1974
- @media screen and (min-width: 768px) {
1975
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1976
- max-width: 100px;
1977
- }
2061
+ .Primer_Brand__Label-module__Label--color-red___GYMDt {
2062
+ --brand-Label-color: var(--brand-Label-color-red);
1978
2063
  }
1979
2064
 
1980
- @media screen and (min-width: 850px) {
1981
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1982
- max-width: 200px;
1983
- }
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);
1984
2068
  }
1985
2069
 
1986
- @media screen and (min-width: 1024px) {
1987
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1988
- max-width: 300px;
1989
- }
2070
+ .Primer_Brand__Label-module__Label--color-teal___VOUIS {
2071
+ --brand-Label-color: var(--brand-Label-color-teal);
1990
2072
  }
1991
2073
 
1992
- @media screen and (min-width: 1280px) {
1993
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1994
- max-width: 520px;
1995
- margin-right: 80px;
1996
- }
2074
+ .Primer_Brand__Label-module__Label--color-yellow___S2Zu2 {
2075
+ --brand-Label-color: var(--brand-Label-color-yellow);
1997
2076
  }
1998
2077
 
1999
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2000
- 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;
2001
2085
  }
2002
2086
 
2003
- @media screen and (max-width: 767px) {
2004
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2005
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
2006
- animation-duration: 500ms;
2007
- animation-delay: calc(var(--animation-order) * 80ms);
2008
- animation-fill-mode: both;
2009
- animation-timing-function: var(--brand-animation-easing-default);
2010
- }
2087
+ .Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
2088
+ line-height: var(--brand-text-lineHeight-100);
2011
2089
  }
2012
2090
 
2013
- @media screen and (min-width: 48rem) {
2014
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
2015
- order: 0;
2016
- visibility: visible;
2017
- opacity: 1;
2018
- }
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
+ }
2019
2094
 
2020
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh {
2021
- order: 100;
2022
- visibility: hidden;
2023
- pointer-events: none;
2024
- }
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
+ }
2025
2098
 
2026
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___FXC7u {
2027
- order: 99;
2028
- position: relative;
2029
- right: 0;
2030
- }
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;
2031
2104
  }
2032
2105
 
2033
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2034
- position: relative;
2035
- display: block;
2036
- color: var(--brand-color-text-default);
2037
- font-family: var(--brand-heading-fontFamily);
2038
- font-weight: var(--base-text-weight-normal);
2039
- font-size: var(--base-size-20);
2040
- line-height: var(--base-size-20);
2041
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-16) var(--base-size-28);
2042
- text-decoration: none;
2106
+ .Primer_Brand__Label-module__Label__leading-visual___a1rnF {
2107
+ display: flex;
2108
+ margin-right: var(--base-size-8);
2043
2109
  }
2044
2110
 
2045
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2046
- text-decoration: none;
2111
+ .Primer_Brand__Label-module__Label__label___bD_B4 {
2112
+ font-weight: var(--base-text-weight-semibold);
2047
2113
  }
2048
2114
 
2049
- @media screen and (max-width: 767px) {
2050
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-of-type {
2051
- 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;
2052
2118
  }
2053
2119
  }
2054
2120
 
2055
- @media screen and (min-width: 48rem) {
2056
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2057
- font-family: var(--brand-heading-fontFamily);
2058
- font-weight: var(--base-text-weight-semibold);
2059
- font-size: var(--base-size-16);
2060
- line-height: var(--base-size-16);
2061
- padding: var(--base-size-16) var(--base-size-24);
2062
- }
2121
+ /**
2122
+ * Do not edit directly
2123
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
2124
+ */
2063
2125
 
2064
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
2065
- content: '';
2066
- position: absolute;
2067
- bottom: 10px;
2068
- left: 0;
2069
- width: 100%;
2070
- height: 2px;
2071
- background-color: var(--brand-SubdomainNavBar-border-nav-default);
2072
- opacity: 0;
2073
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast);
2074
- opacity: 1;
2075
- transform: scale(0);
2076
- transform-origin: center;
2077
- }
2126
+ :root {
2127
+ --brand-Hero-regular-padding: var(--base-size-128) 0;
2128
+ --brand-Hero-narrow-padding: var(--base-size-96) 0;
2129
+ }
2078
2130
 
2079
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover::after,
2080
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus::after {
2081
- opacity: 1;
2082
- transform: translate3d(0, 0.2em, 0);
2083
- transform: scale(0.4);
2084
- }
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
+ }
2085
2137
 
2086
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:active::after {
2087
- background-color: var(--brand-SubdomainNavBar-border-nav-pressed);
2088
- transform: scale(0.6);
2089
- }
2138
+ .Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj > * {
2139
+ flex-grow: 1;
2140
+ }
2090
2141
 
2091
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2092
- transition: background-color var(--brand-animation-easing-default) 250ms;
2093
- background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);
2094
- color: var(--brand-SubdomainNavBar-fg-overflow-default);
2095
- }
2142
+ /**
2143
+ * Do not edit directly
2144
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
2145
+ */
2096
2146
 
2097
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
2098
- display: none;
2099
- }
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
+ }
2100
2151
 
2101
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2102
- background-color: var(--brand-SubdomainNavBar-canvas-overflow-hover);
2103
- }
2152
+ /**
2153
+ * Do not edit directly
2154
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
2155
+ */
2104
2156
 
2105
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
2106
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc.Primer_Brand__SubdomainNavBar-module__focus-visible___LbPb7 {
2107
- box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
2108
- outline: none;
2157
+ :root {
2158
+ --brand-River-spacing-outer: var(--base-size-28);
2159
+ --brand-River-spacing-inner: var(--base-size-24);
2160
+ }
2161
+
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);
2109
2166
  }
2167
+ }
2110
2168
 
2111
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
2112
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus-visible {
2113
- box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
2114
- outline: 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);
2115
2173
  }
2116
2174
  }
2117
2175
 
2118
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2119
- 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);
2120
2183
  }
2121
2184
 
2122
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:hover::after,
2123
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2[aria-expanded='true']:focus::after {
2124
- display: none;
2185
+ .Primer_Brand__River-module__River--align-center___TH7xI {
2186
+ text-align: center;
2125
2187
  }
2126
2188
 
2127
- @media screen and (min-width: 48rem) {
2128
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2129
- cursor: pointer;
2130
- -webkit-appearance: none;
2131
- -moz-appearance: none;
2132
- appearance: none;
2133
- border: none;
2134
- background-color: transparent;
2135
- display: inline-flex;
2136
- align-items: center;
2137
- gap: var(--base-size-4);
2138
- }
2189
+ .Primer_Brand__River-module__River__visual___sTe_U {
2190
+ position: relative;
2191
+ order: 2;
2139
2192
  }
2140
2193
 
2141
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t {
2142
- position: absolute;
2143
- right: 0;
2144
- top: var(--base-size-48);
2145
- background-color: var(--base-color-scale-white-0);
2146
- border-radius: var(--brand-borderRadius-large);
2147
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
2148
- animation-timing-function: var(--brand-animation-easing-default);
2149
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2150
- overflow: hidden;
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;
2151
2200
  }
2152
2201
 
2153
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list___EbzqG {
2154
- display: grid;
2155
- list-style-type: none;
2156
- padding: 0;
2157
- margin: 0;
2158
- width: -moz-max-content;
2159
- width: max-content;
2160
- }
2161
-
2162
- /*
2163
- * Toolbar actions area for search and mobile menu
2164
- */
2165
-
2166
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___WHTTz {
2167
- display: flex;
2168
- align-items: center;
2169
- margin-left: auto;
2170
- }
2171
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
2172
- display: flex;
2173
- align-items: center;
2174
- }
2175
-
2176
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
2177
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2178
- cursor: pointer;
2179
- -webkit-appearance: none;
2180
- -moz-appearance: none;
2181
- appearance: none;
2182
- background-color: transparent;
2183
- border: var(--brand-borderWidth-thick) solid transparent;
2184
- color: var(--brand-color-text-default);
2185
- width: calc(48px - var(--brand-borderWidth-thick));
2186
- height: calc(48px - var(--brand-borderWidth-thick));
2187
- display: flex;
2188
- align-items: center;
2189
- justify-content: center;
2190
- transition: border 250ms var(--brand-animation-easing-default), box-shadow 250ms ease;
2191
- border-radius: var(--brand-borderRadius-medium);
2192
- box-shadow: 0 0 0 2px transparent;
2193
- }
2194
-
2195
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R svg,
2196
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J svg {
2197
- width: 24px;
2198
- height: 24px;
2199
- }
2200
-
2201
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2202
- display: inline-block;
2203
- align-self: center;
2204
- }
2205
-
2206
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
2207
- width: 22px;
2208
- height: 2px;
2209
- background-color: var(--brand-color-text-default);
2210
- margin: var(--base-size-4) auto;
2211
- border-radius: var(--brand-borderRadius-large);
2212
- display: block;
2213
- }
2214
-
2215
- @media (prefers-reduced-motion: no-preference) {
2216
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
2217
- transition-timing-function: var(--brand-animation-easing-default);
2218
- transition-duration: 500ms;
2219
- transition-property: opacity, transform;
2220
- }
2221
- }
2222
-
2223
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2224
- transform-origin: bottom right;
2225
- }
2226
-
2227
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2228
- transform-origin: top right;
2202
+ .Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
2203
+ box-shadow: var(--brand-River-visual-shadow);
2229
2204
  }
2230
2205
 
2231
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2232
- transform: rotate(-45deg) translateY(-3px);
2206
+ .Primer_Brand__River-module__River__heading___pwKXi {
2207
+ margin-bottom: var(--brand-River-heading-margin);
2233
2208
  }
2234
2209
 
2235
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(2) {
2236
- opacity: 0;
2237
- transform: scale(0);
2210
+ .Primer_Brand__River-module__River__call-to-action___GIOCe {
2211
+ margin-top: var(--base-size-24);
2238
2212
  }
2239
2213
 
2240
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2241
- transform: rotate(45deg) translateY(3px);
2214
+ .Primer_Brand__River-module__River__text___ZlR1K strong {
2215
+ color: var(--brand-color-text-default);
2242
2216
  }
2243
2217
 
2218
+ /* Medium breakpoint and up */
2244
2219
  @media screen and (min-width: 48rem) {
2245
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:hover,
2246
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:hover {
2247
- border: var(--brand-borderWidth-thick) solid var(--brand-SubdomainNavBar-border-button-hover);
2220
+ .Primer_Brand__River-module__River___VHPl5 {
2221
+ grid-template-rows: initial;
2248
2222
  }
2249
-
2250
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:active,
2251
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:active {
2252
- 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;
2253
2225
  }
2254
2226
 
2255
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW {
2256
- display: none;
2227
+ .Primer_Brand__River-module__River--60-40___XDKAU {
2228
+ grid-template-columns: [content] 4fr [visual] 6fr;
2257
2229
  }
2258
2230
 
2259
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
2260
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2261
- display: inline-flex;
2262
- width: 48px;
2231
+ .Primer_Brand__River-module__River--align-start___L0mn_ {
2232
+ grid-template-areas: 'content visual';
2263
2233
  }
2264
2234
 
2265
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2266
- margin: 0 var(--base-size-16) 0 auto;
2235
+ .Primer_Brand__River-module__River--align-end___UIM3e {
2236
+ grid-template-areas: 'visual content';
2267
2237
  }
2268
- }
2269
2238
 
2270
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2271
- display: inline-flex;
2272
- gap: var(--base-size-16);
2273
- align-items: center;
2274
- }
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
+ }
2275
2242
 
2276
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
2277
- display: flex;
2278
- gap: 16px;
2279
- }
2243
+ .Primer_Brand__River-module__River__content___opQUA {
2244
+ display: grid;
2245
+ align-content: center;
2246
+ grid-area: content;
2247
+ }
2280
2248
 
2281
- @media screen and (max-width: 48rem) {
2282
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2283
- display: none;
2249
+ .Primer_Brand__River-module__River__visual___sTe_U {
2250
+ grid-area: visual;
2251
+ order: initial;
2284
2252
  }
2285
2253
 
2286
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
2287
- display: flex;
2288
- position: absolute;
2289
- left: 0;
2290
- z-index: 99;
2291
- width: 100%;
2292
- bottom: calc((-100vh - 75px) - -150px);
2293
- bottom: calc(calc(-100vh - 75px) - -150px);
2294
- height: auto;
2295
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
2296
- animation-duration: 500ms;
2297
- animation-delay: calc(10 * 80ms);
2298
- animation-fill-mode: both;
2299
- animation-timing-function: var(--brand-animation-easing-default);
2254
+ .Primer_Brand__River-module__River--align-center___TH7xI {
2255
+ grid-auto-rows: min-content;
2256
+ grid-template-columns: initial;
2300
2257
  }
2301
2258
 
2302
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
2303
- 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;
2304
2263
  }
2305
2264
 
2306
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
2307
- width: 100%;
2308
- 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
+ }
2309
2269
 
2310
- 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);
2311
2275
  }
2312
2276
  }
2313
2277
 
2314
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
2315
- height: 48px; /*TODO: investigate why this is shorter than medium default height*/
2316
- 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;
2317
2292
  }
2318
2293
 
2319
- @media screen and (min-width: 1024px) {
2320
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
2321
- display: inline-flex;
2322
- }
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;
2323
2306
  }
2324
2307
 
2325
2308
  /*
2326
- * Search dialog control area
2309
+ * Inner container
2327
2310
  */
2328
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5 {
2311
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
2329
2312
  display: flex;
2330
- width: 100%;
2331
- }
2332
-
2333
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2334
- position: absolute;
2335
- z-index: 99;
2313
+ padding: 4px 28px;
2336
2314
  }
2337
2315
 
2338
- @media screen and (max-width: 767px) {
2339
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2340
- top: 0;
2341
- left: 0;
2342
- right: 0;
2343
- background: var(--brand-SubdomainNavBar-canvas-search);
2344
- -webkit-backdrop-filter: blur(100px);
2345
- backdrop-filter: blur(100px);
2346
- height: 100vh;
2347
- width: 100vw;
2348
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g var(--brand-animation-duration-fast);
2349
- animation-timing-function: var(--brand-animation-easing-default);
2350
- }
2316
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--centered___FXUTh {
2317
+ max-width: 1280px;
2318
+ margin: 0 auto;
2351
2319
  }
2352
2320
 
2353
2321
  @media screen and (min-width: 48rem) {
2354
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2355
- position: absolute;
2356
- top: 0;
2357
- bottom: 1px;
2358
- width: 100vw;
2359
- left: 0;
2360
- right: 0;
2361
- background-color: var(--brand-SubdomainNavBar-canvas-search);
2322
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
2323
+ padding: 4px 32px;
2362
2324
  }
2363
2325
  }
2364
2326
 
2365
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2366
- margin-right: 0;
2327
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
2328
+ animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
2367
2329
  }
2368
2330
 
2369
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
2370
- height: 74px;
2371
- background: var(--brand-SubdomainNavBar-canvas-default);
2372
- -webkit-backdrop-filter: blur(16px);
2373
- backdrop-filter: blur(16px);
2374
- padding: var(--base-size-12) var(--base-size-28);
2375
- display: flex;
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;
2376
2337
  align-items: center;
2377
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2378
- gap: var(--base-size-4);
2379
- }
2380
-
2381
- @media screen and (min-width: 48rem) {
2382
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
2383
- max-width: 570px;
2384
- margin: 0 auto;
2385
- }
2386
- }
2387
-
2388
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0 {
2389
- border-color: transparent;
2390
- }
2391
-
2392
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P {
2393
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
2394
- padding: var(--base-size-24);
2395
- background-color: var(--base-color-scale-white-0);
2396
- border-radius: var(--brand-borderRadius-large);
2397
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2398
- max-height: 514px;
2399
- height: 70vh;
2400
- max-width: 570px;
2401
- margin: 0 auto;
2402
- width: 80%;
2403
- }
2404
-
2405
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___haCH9 {
2406
- overflow-y: scroll;
2407
- list-style: none;
2408
- padding: 0 var(--base-size-24) 0 0;
2338
+ gap: 16px;
2339
+ padding: 0;
2409
2340
  margin: 0;
2410
- height: 90%;
2341
+ max-width: 340px;
2342
+ color: var(--brand-color-text-default);
2343
+ padding: var(--base-size-16) 0;
2411
2344
  }
2412
2345
 
2413
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___FTzyR {
2414
- display: block;
2415
- font-weight: var(--brand-heading-weight-600);
2416
- font-size: var(--base-size-20);
2417
- line-height: var(--base-size-24);
2418
- margin-bottom: var(--base-size-20);
2419
- padding: 0 var(--base-size-8);
2420
- 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;
2421
2349
  }
2422
2350
 
2423
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z {
2424
- padding: var(--base-size-16) var(--base-size-8);
2425
- border-bottom: solid 1px
2426
- #b7bfc7;
2427
- border-bottom: solid var(--brand-borderWidth-thin, 1px)
2428
- 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);
2429
2358
  }
2430
2359
 
2431
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z[aria-selected='true'] a {
2432
- 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);
2433
2363
  }
2434
2364
 
2435
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd {
2436
- letter-spacing: var(--brand-heading-letterSpacing-400);
2437
- 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;
2438
2370
  }
2439
2371
 
2440
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a {
2441
- display: block;
2442
- color: var(--base-color-scale-black-0);
2443
- text-decoration: none;
2444
- margin: 0 0 var(--base-size-12);
2445
- font-size: var(--base-size-16);
2446
- font-weight: var(--brand-heading-weight-400);
2447
- font-family: var(--brand-heading-fontFamily);
2448
- line-height: var(--brand-text-lineHeight-400);
2372
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ svg {
2373
+ width: 32px;
2374
+ height: 32px;
2449
2375
  }
2450
2376
 
2451
- .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);
2452
2383
  text-decoration: none;
2384
+ padding-right: var(--base-size-16);
2385
+ white-space: nowrap;
2453
2386
  }
2454
2387
 
2455
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
2456
- color: var(--base-color-scale-black-0);
2388
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2:hover {
2389
+ text-decoration: none;
2457
2390
  }
2458
2391
 
2459
2392
  /*
2460
- * Reusable animations
2393
+ * Primary navigation link area
2461
2394
  */
2462
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
2463
- 0% {
2464
- opacity: 0;
2465
- transform: translateY(-20px);
2466
- }
2467
- 100% {
2468
- opacity: 1;
2469
- transform: translateY(0);
2470
- }
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;
2471
2401
  }
2472
2402
 
2473
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2474
- 0% {
2475
- opacity: 1;
2476
- }
2477
- 100% {
2478
- opacity: 0;
2479
- }
2403
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2404
+ list-style-type: none;
2480
2405
  }
2481
2406
 
2482
- @keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2483
- 0% {
2484
- scale: 0.98;
2485
- box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
2486
- }
2487
- 100% {
2488
- scale: 1;
2489
- 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;
2490
2410
  }
2491
- }
2492
2411
 
2493
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2494
- 0% {
2495
- opacity: 0;
2496
- transform: scale(0.6) translateY(-8px);
2412
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--invisible___HnkQO {
2413
+ display: none;
2497
2414
  }
2498
2415
 
2499
- 100% {
2500
- 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);
2501
2430
  }
2502
2431
  }
2503
2432
 
2504
- /**
2505
- * Do not edit directly
2506
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
2507
- */
2508
-
2509
- :root,
2510
- [data-color-mode="light"] {
2511
- --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
2512
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
2513
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2514
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2515
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-default);
2516
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
2517
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
2518
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
2519
- }
2520
-
2521
- [data-color-mode="dark"] {
2522
- --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
2523
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
2524
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2525
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2526
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
2527
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
2528
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
2529
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-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
+ }
2530
2443
  }
2531
2444
 
2532
- /**
2533
- * Do not edit directly
2534
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
2535
- */
2536
-
2537
- :root,
2538
- [data-color-mode="light"] {
2539
- --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
2540
- --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
2445
+ @media screen and (min-width: 768px) {
2446
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2447
+ max-width: 100px;
2448
+ }
2541
2449
  }
2542
2450
 
2543
- [data-color-mode="dark"] {
2544
- --brand-InlineLink-color-rest: var(--base-color-scale-blue-4);
2545
- --brand-InlineLink-color-pressed: var(--base-color-scale-blue-2);
2451
+ @media screen and (min-width: 850px) {
2452
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2453
+ max-width: 200px;
2454
+ }
2546
2455
  }
2547
2456
 
2548
- /**
2549
- * Do not edit directly
2550
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
2551
- */
2552
-
2553
- :root {
2554
- --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
2555
- --brand-InlineLink-transition-scale-end: -2;
2556
- --brand-InlineLink-transition-scale-start: 1;
2457
+ @media screen and (min-width: 1024px) {
2458
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2459
+ max-width: 300px;
2460
+ }
2557
2461
  }
2558
2462
 
2559
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
2560
- text-decoration: none;
2561
- position: relative;
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
+ }
2562
2468
  }
2563
2469
 
2564
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
2565
- text-decoration: none;
2470
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2471
+ white-space: nowrap;
2566
2472
  }
2567
2473
 
2568
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
2569
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
2570
- color: var(--brand-InlineLink-color-rest);
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
+ }
2571
2482
  }
2572
2483
 
2573
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
2574
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
2575
- color: var(--brand-InlineLink-color-pressed);
2576
- }
2577
-
2578
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after {
2579
- content: '';
2580
- border-bottom: var(--brand-borderWidth-thin) solid var(--brand-InlineLink-color-rest);
2581
- height: 0;
2582
- transition: var(--brand-InlineLink-transition-timing) transform;
2583
- transform: scaleY(var(--brand-InlineLink-transition-scale-start));
2584
- transform-origin: 50% 100%;
2585
- width: 100%;
2586
- position: absolute;
2587
- bottom: 0;
2588
- left: 0;
2589
- }
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
+ }
2590
2490
 
2591
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
2592
- transform: scaleY(var(--brand-InlineLink-transition-scale-end));
2593
- }
2491
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh {
2492
+ order: 100;
2493
+ visibility: hidden;
2494
+ pointer-events: none;
2495
+ }
2594
2496
 
2595
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
2596
- 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
+ }
2597
2502
  }
2598
2503
 
2599
- .Primer_Brand__Link-module__Link___lvKjM {
2504
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
2600
2505
  position: relative;
2601
- display: inline-flex;
2602
- align-items: center;
2603
- justify-content: center;
2604
- transition: box-shadow var(--brand-animation-duration-faster);
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);
2605
2513
  text-decoration: none;
2606
- cursor: pointer;
2607
2514
  }
2608
2515
 
2609
- .Primer_Brand__Link-module__Link___lvKjM:hover {
2516
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
2610
2517
  text-decoration: none;
2611
2518
  }
2612
2519
 
2613
- .Primer_Brand__Link-module__Link___lvKjM::after {
2614
- position: absolute;
2615
- bottom: -0.15em;
2616
- left: 0;
2617
- width: calc(100% - 1.5em);
2618
- height: 2px;
2619
- pointer-events: none;
2620
- content: '';
2621
- background-color: currentColor;
2622
- transform: scaleX(0);
2623
- 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
+ }
2624
2524
  }
2625
2525
 
2626
- @media screen and (prefers-reduced-motion: no-preference) {
2627
- .Primer_Brand__Link-module__Link___lvKjM::after {
2628
- transition: transform var(--brand-animation-duration-fast) 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);
2533
+ }
2534
+
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
+ }
2549
+
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
+ }
2556
+
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
+ }
2561
+
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;
2629
2586
  }
2630
2587
  }
2631
2588
 
2632
- .Primer_Brand__Link-module__Link___lvKjM:active:after,
2633
- .Primer_Brand__Link-module__Link___lvKjM:hover:after,
2634
- .Primer_Brand__Link-module__Link___lvKjM:focus:after {
2635
- transform: scaleX(1);
2589
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
2590
+ display: none;
2636
2591
  }
2637
2592
 
2638
- .Primer_Brand__Link-module__Link___lvKjM:focus {
2639
- outline: 0;
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;
2640
2596
  }
2641
2597
 
2642
- .Primer_Brand__Link-module__Link--default___UKAcZ,
2643
- .Primer_Brand__Link-module__Link--default___UKAcZ span {
2644
- color: var(--brand-Link-color-default);
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
+ }
2645
2610
  }
2646
2611
 
2647
- .Primer_Brand__Link-module__Link--accent___FWEDd,
2648
- .Primer_Brand__Link-module__Link--accent___FWEDd span {
2649
- color: var(--brand-Link-color-accent);
2612
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t {
2613
+ position: absolute;
2614
+ right: 0;
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;
2650
2622
  }
2651
2623
 
2652
- .Primer_Brand__Link-module__Link--label___j8etE {
2653
- font-weight: var(--base-text-weight-semibold);
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
- .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
2657
- margin-left: 4px;
2633
+ /*
2634
+ * Toolbar actions area for search and mobile menu
2635
+ */
2636
+
2637
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-secondary-nav___WHTTz {
2638
+ display: flex;
2639
+ align-items: center;
2640
+ margin-left: auto;
2641
+ }
2642
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
2643
+ display: flex;
2644
+ align-items: center;
2658
2645
  }
2659
2646
 
2660
- .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
2661
- width: 20px;
2662
- height: 20px;
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;
2663
2664
  }
2664
2665
 
2665
- .Primer_Brand__Link-module__Link--arrow-start___AT1uu::after {
2666
- left: auto;
2667
- right: 0;
2668
- transform-origin: right 0;
2669
- width: calc(100% - var(--base-size-20));
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;
2670
2670
  }
2671
2671
 
2672
- .Primer_Brand__Link-module__Link--arrow-start___AT1uu .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
2673
- margin-left: auto;
2674
- margin-right: 4px;
2672
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
2673
+ display: inline-block;
2674
+ align-self: center;
2675
2675
  }
2676
2676
 
2677
- /**
2678
- * Do not edit directly
2679
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
2680
- */
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;
2684
+ }
2681
2685
 
2682
- :root,
2683
- [data-color-mode="light"] {
2684
- --brand-Link-color-default: var(--brand-color-text-default);
2685
- --brand-Link-color-accent: var(--base-color-scale-blue-5);
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
+ }
2686
2692
  }
2687
2693
 
2688
- [data-color-mode="dark"] {
2689
- --brand-Link-color-default: var(--brand-color-text-default);
2690
- --brand-Link-color-accent: var(--base-color-scale-blue-4);
2694
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
2695
+ transform-origin: bottom right;
2691
2696
  }
2692
2697
 
2693
- /**
2694
- * Do not edit directly
2695
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
2696
- */
2698
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2699
+ transform-origin: top right;
2700
+ }
2697
2701
 
2698
- :root {
2699
- --brand-animation-variant-scaleInLeft-end: 1;
2700
- --brand-animation-variant-scaleInLeft-start: 0.90;
2701
- --brand-animation-variant-scaleInLeft-distance: 1.25rem;
2702
- --brand-animation-variant-scaleInRight-end: 1;
2703
- --brand-animation-variant-scaleInRight-start: 0.90;
2704
- --brand-animation-variant-scaleInRight-distance: -1.25rem;
2705
- --brand-animation-variant-scaleInTop-distance: ;
2706
- --brand-animation-variant-scaleIn-end: 1;
2707
- --brand-animation-variant-scaleIn-start: 0.96;
2708
- --brand-animation-variant-scaleInDown-end: 1;
2709
- --brand-animation-variant-scaleInDown-start: 0;
2710
- --brand-animation-variant-scaleInDown-distance: -3.125rem;
2711
- --brand-animation-variant-scaleInUp-end: 1;
2712
- --brand-animation-variant-scaleInUp-start: 0.96;
2713
- --brand-animation-variant-scaleInUp-distance: 1.5rem;
2714
- --brand-animation-variant-slideInRight-distance: -0.9375rem;
2715
- --brand-animation-variant-slideInLeft-distance: 0.9375rem;
2716
- --brand-animation-variant-slideInDown-distance: -0.9375rem;
2717
- --brand-animation-variant-slideInUp-distance: 0.9375rem;
2718
- --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);
2719
- --brand-animation-easing-glide: cubic-bezier(0.33, 1, 0.68, 1);
2720
- --brand-animation-easing-default: cubic-bezier(0.16, 1, 0.3, 1);
2721
- --brand-animation-duration-extended: 0.7s;
2722
- --brand-animation-duration-default: 0.6s;
2723
- --brand-animation-duration-fast: 0.3s;
2724
- --brand-animation-duration-faster: 0.2s;
2725
- }
2726
-
2727
- .Primer_Brand__Animation-module__Animation___KNtEW {
2728
- transition: var(--brand-animation-transition-default);
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);
2729
2704
  }
2730
2705
 
2731
- /**
2732
- * Fade in
2733
- */
2734
- .Primer_Brand__Animation-module__Animation--fade-in___jUvJD {
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
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2708
+ transform: scale(0);
2737
2709
  }
2738
2710
 
2739
- .Primer_Brand__Animation-module__Animation--fade-in___jUvJD.Primer_Brand__Animation-module__Animation--active___g_UBK {
2740
- opacity: 1;
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);
2741
2713
  }
2742
2714
 
2743
- /**
2744
- * Fade out
2745
- */
2746
- .Primer_Brand__Animation-module__Animation--fade-out___CsyfK {
2747
- opacity: 1;
2748
- }
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
+ }
2749
2720
 
2750
- .Primer_Brand__Animation-module__Animation--fade-out___CsyfK.Primer_Brand__Animation-module__Animation--active___g_UBK {
2751
- opacity: 0;
2752
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2753
- }
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
+ }
2754
2725
 
2755
- /**
2756
- * Slide in up
2757
- */
2758
- .Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI {
2759
- opacity: 0;
2760
- transform: translateY(var(--brand-animation-variant-slideInUp-distance));
2761
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2762
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2763
- }
2726
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW {
2727
+ display: none;
2728
+ }
2764
2729
 
2765
- .Primer_Brand__Animation-module__Animation--slide-in-up___ONnmI.Primer_Brand__Animation-module__Animation--active___g_UBK {
2766
- opacity: 1;
2767
- transform: translateY(0);
2768
- }
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
+ }
2769
2735
 
2770
- /**
2771
- * Slide in down
2772
- */
2773
- .Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv {
2774
- opacity: 0;
2775
- transform: translateY(var(--brand-animation-variant-slideInDown-distance));
2776
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2777
- transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
2736
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
2737
+ margin: 0 var(--base-size-16) 0 auto;
2738
+ }
2778
2739
  }
2779
2740
 
2780
- .Primer_Brand__Animation-module__Animation--slide-in-down___bjmGv.Primer_Brand__Animation-module__Animation--active___g_UBK {
2781
- opacity: 1;
2782
- 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;
2783
2745
  }
2784
2746
 
2785
- /**
2786
- * Slide in left
2787
- */
2788
- .Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js {
2789
- opacity: 0;
2790
- transform: translateX(var(--brand-animation-variant-slideInLeft-distance));
2791
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2792
- 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;
2793
2750
  }
2794
2751
 
2795
- .Primer_Brand__Animation-module__Animation--slide-in-left___iy5Js.Primer_Brand__Animation-module__Animation--active___g_UBK {
2796
- opacity: 1;
2797
- 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
+ }
2798
2783
  }
2799
2784
 
2800
- /**
2801
- * Slide in right
2802
- */
2803
- .Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx {
2804
- opacity: 0;
2805
- transform: translateX(var(--brand-animation-variant-slideInRight-distance));
2806
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2807
- 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;
2808
2788
  }
2809
2789
 
2810
- .Primer_Brand__Animation-module__Animation--slide-in-right___UZvNx.Primer_Brand__Animation-module__Animation--active___g_UBK {
2811
- opacity: 1;
2812
- 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
+ }
2813
2794
  }
2814
2795
 
2815
- /**
2816
- * Scale in
2796
+ /*
2797
+ * Search dialog control area
2817
2798
  */
2818
- .Primer_Brand__Animation-module__Animation--scale-in___P7xzG {
2819
- opacity: 0;
2820
- transform: scale(var(--brand-animation-variant-scaleIn-start));
2821
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2822
- 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%;
2823
2802
  }
2824
2803
 
2825
- .Primer_Brand__Animation-module__Animation--scale-in___P7xzG.Primer_Brand__Animation-module__Animation--active___g_UBK {
2826
- opacity: 1;
2827
- transform: scale(--brand-animation-variant-scaleIn-end);
2804
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2805
+ position: absolute;
2806
+ z-index: 99;
2828
2807
  }
2829
2808
 
2830
- /**
2831
- * Scale in up
2832
- */
2833
- .Primer_Brand__Animation-module__Animation--scale-in-up___n0qDP {
2834
- opacity: 0;
2835
- transform: scale(var(--brand-animation-variant-scaleInUp-start))
2836
- translateY(var(--brand-animation-variant-scaleInUp-distance));
2837
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2838
- 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
+ }
2839
2822
  }
2840
2823
 
2841
- .Primer_Brand__Animation-module__Animation--scale-in-up___n0qDP.Primer_Brand__Animation-module__Animation--active___g_UBK {
2842
- opacity: 1;
2843
- 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
+ }
2844
2834
  }
2845
2835
 
2846
- /**
2847
- * Scale in down
2848
- */
2849
- .Primer_Brand__Animation-module__Animation--scale-in-down___YEgko {
2850
- opacity: 0;
2851
- transform: translateY(var(--brand-animation-variant-scaleInDown-distance))
2852
- scale(var(--brand-animation-variant-scaleInDown-start));
2853
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2854
- 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;
2855
2838
  }
2856
2839
 
2857
- .Primer_Brand__Animation-module__Animation--scale-in-down___YEgko.Primer_Brand__Animation-module__Animation--active___g_UBK {
2858
- opacity: 1;
2859
- 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);
2860
2850
  }
2861
2851
 
2862
- /**
2863
- * Scale in right
2864
- */
2865
- .Primer_Brand__Animation-module__Animation--scale-in-right___jBPh4 {
2866
- opacity: 0;
2867
- transform: scale(var(--brand-animation-variant-scaleInRight-start))
2868
- translateX(var(--brand-animation-variant-scaleInRight-distance));
2869
- transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
2870
- 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
+ }
2871
2857
  }
2872
2858
 
2873
- .Primer_Brand__Animation-module__Animation--scale-in-right___jBPh4.Primer_Brand__Animation-module__Animation--active___g_UBK {
2874
- opacity: 1;
2875
- 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;
2876
2861
  }
2877
2862
 
2878
- /**
2879
- * Scale in left
2880
- */
2881
- .Primer_Brand__Animation-module__Animation--scale-in-left___g8_dC {
2882
- opacity: 0;
2883
- transform: scale(var(--brand-animation-variant-scaleInLeft-start))
2884
- translateX(var(--brand-animation-variant-scaleInLeft-distance));
2885
- transition: opacity var(--brand-animation-duration-extended) var(--brand-animation-easing-default),
2886
- 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%;
2887
2874
  }
2888
2875
 
2889
- .Primer_Brand__Animation-module__Animation--scale-in-left___g8_dC.Primer_Brand__Animation-module__Animation--active___g_UBK {
2890
- opacity: 1;
2891
- 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%;
2892
2882
  }
2893
2883
 
2894
- /**
2895
- * Fill in right
2896
- */
2897
- .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH {
2898
- transform-origin: left;
2899
- transform: scaleX(0);
2900
- 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);
2901
2892
  }
2902
2893
 
2903
- .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH.Primer_Brand__Animation-module__Animation--active___g_UBK {
2904
- 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);
2905
2900
  }
2906
2901
 
2907
- /**
2908
- * Scale in top
2909
- */
2910
- .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS {
2911
- transform-origin: top;
2912
- transform: scaleY(0);
2913
- 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);
2914
2904
  }
2915
2905
 
2916
- .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS.Primer_Brand__Animation-module__Animation--active___g_UBK {
2917
- 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);
2918
2909
  }
2919
2910
 
2920
- /**
2921
- * Do not edit directly
2922
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
2923
- */
2924
-
2925
- :root,
2926
- [data-color-mode="light"] {
2927
- --brand-Label-color-default: var(--brand-color-text-default);
2928
- --brand-Label-color-blue: var(--base-color-scale-blue-5);
2929
- --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-5);
2930
- --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
2931
- --brand-Label-color-coral: var(--base-color-scale-coral-5);
2932
- --brand-Label-color-green: var(--base-color-scale-green-5);
2933
- --brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
2934
- --brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
2935
- --brand-Label-color-gray: var(--base-color-scale-gray-6);
2936
- --brand-Label-color-indigo: var(--base-color-scale-indigo-5);
2937
- --brand-Label-color-lemon: var(--base-color-scale-lemon-5);
2938
- --brand-Label-color-lime: var(--base-color-scale-lime-5);
2939
- --brand-Label-color-orange: var(--base-color-scale-orange-5);
2940
- --brand-Label-color-pink: var(--base-color-scale-pink-5);
2941
- --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-5);
2942
- --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-5);
2943
- --brand-Label-color-purple: var(--base-color-scale-purple-5);
2944
- --brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
2945
- --brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
2946
- --brand-Label-color-red: var(--base-color-scale-red-5);
2947
- --brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
2948
- --brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
2949
- --brand-Label-color-teal: var(--base-color-scale-teal-5);
2950
- --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);
2951
2920
  }
2952
2921
 
2953
- [data-color-mode="dark"] {
2954
- --brand-Label-color-default: var(--brand-color-text-default);
2955
- --brand-Label-color-blue: var(--base-color-scale-blue-0);
2956
- --brand-Label-color-blue-purple-start: var(--base-color-scale-blue-2);
2957
- --brand-Label-color-blue-purple-end: var(--base-color-scale-purple-3);
2958
- --brand-Label-color-coral: var(--base-color-scale-coral-0);
2959
- --brand-Label-color-green: var(--base-color-scale-green-0);
2960
- --brand-Label-color-green-blue-start: var(--base-color-scale-green-2);
2961
- --brand-Label-color-green-blue-end: var(--base-color-scale-blue-3);
2962
- --brand-Label-color-gray: var(--base-color-scale-gray-0);
2963
- --brand-Label-color-indigo: var(--base-color-scale-indigo-0);
2964
- --brand-Label-color-lemon: var(--base-color-scale-lemon-0);
2965
- --brand-Label-color-lime: var(--base-color-scale-lime-0);
2966
- --brand-Label-color-orange: var(--base-color-scale-orange-0);
2967
- --brand-Label-color-pink: var(--base-color-scale-pink-0);
2968
- --brand-Label-color-pink-blue-start: var(--base-color-scale-pink-2);
2969
- --brand-Label-color-pink-blue-end: var(--base-color-scale-blue-3);
2970
- --brand-Label-color-purple: var(--base-color-scale-purple-0);
2971
- --brand-Label-color-purple-red-start: var(--base-color-scale-purple-2);
2972
- --brand-Label-color-purple-red-end: var(--base-color-scale-red-3);
2973
- --brand-Label-color-red: var(--base-color-scale-red-0);
2974
- --brand-Label-color-red-orange-start: var(--base-color-scale-red-2);
2975
- --brand-Label-color-red-orange-end: var(--base-color-scale-orange-3);
2976
- --brand-Label-color-teal: var(--base-color-scale-teal-0);
2977
- --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;
2978
2924
  }
2979
2925
 
2980
- .Primer_Brand__Label-module__Label___TW0HL {
2981
- --brand-Label-gradient: radial-gradient(
2982
- circle at top left,
2983
- var(--brand-Label-color-start),
2984
- var(--brand-Label-color-end)
2985
- );
2986
- --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
+ }
2987
2929
 
2988
- vertical-align: middle;
2989
- align-items: center;
2990
- justify-content: center;
2991
- border-radius: var(--brand-borderRadius-full);
2992
- display: inline-flex;
2993
- color: currentColor;
2994
- color: var(--brand-Label-color-start, var(--brand-Label-color, currentColor));
2995
- position: relative;
2996
- 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
+ }
2997
2942
  }
2998
2943
 
2999
- .Primer_Brand__Label-module__Label___TW0HL::before {
3000
- content: '';
3001
- position: absolute;
3002
- top: 0;
3003
- right: 0;
3004
- bottom: 0;
3005
- left: 0;
3006
- padding: var(--brand-borderWidth-thin);
3007
- border-radius: inherit;
3008
- background: var(--brand-Label-background);
3009
- -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
3010
- linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
3011
- mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
3012
- linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
3013
- -webkit-mask-composite: xor;
3014
- mask-composite: exclude;
2944
+ @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2945
+ 0% {
2946
+ opacity: 1;
2947
+ }
2948
+ 100% {
2949
+ opacity: 0;
2950
+ }
3015
2951
  }
3016
2952
 
3017
- .Primer_Brand__Label-module__Label--size-small___TvoL_ {
3018
- padding-left: var(--base-size-8);
3019
- padding-right: var(--base-size-8);
3020
- 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
+ }
3021
2962
  }
3022
2963
 
3023
- .Primer_Brand__Label-module__Label--size-medium___g4Jkm {
3024
- padding-left: var(--base-size-16);
3025
- padding-right: var(--base-size-16);
3026
- height: var(--base-size-28);
2964
+ @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2965
+ 0% {
2966
+ opacity: 0;
2967
+ transform: scale(0.6) translateY(-8px);
2968
+ }
2969
+
2970
+ 100% {
2971
+ opacity: 1;
2972
+ }
3027
2973
  }
3028
2974
 
3029
- .Primer_Brand__Label-module__Label--size-large___BrKTp {
3030
- padding-left: var(--base-size-16);
3031
- padding-right: var(--base-size-16);
3032
- height: var(--base-size-32);
2975
+ /**
2976
+ * Do not edit directly
2977
+ * Generated on Thu, 03 Aug 2023 14:01:50 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);
3033
2990
  }
3034
2991
 
3035
- .Primer_Brand__Label-module__Label--color-default___YCx2l {
3036
- --brand-Label-color: var(--brand-Label-color-default);
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);
3037
3001
  }
3038
3002
 
3039
- .Primer_Brand__Label-module__Label--color-blue___lZSxf {
3040
- --brand-Label-color: var(--brand-Label-color-blue);
3003
+ /**
3004
+ * Do not edit directly
3005
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
3006
+ */
3007
+
3008
+ :root,
3009
+ [data-color-mode="light"] {
3010
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-6);
3011
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-8);
3041
3012
  }
3042
3013
 
3043
- .Primer_Brand__Label-module__Label--color-blue-purple___ER3VP {
3044
- --brand-Label-color-start: var(--brand-Label-color-blue-purple-start);
3045
- --brand-Label-color-end: var(--brand-Label-color-blue-purple-end);
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);
3046
3017
  }
3047
3018
 
3048
- .Primer_Brand__Label-module__Label--color-coral___V0Yif {
3049
- --brand-Label-color: var(--brand-Label-color-coral);
3019
+ /**
3020
+ * Do not edit directly
3021
+ * Generated on Thu, 03 Aug 2023 14:01:49 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;
3050
3028
  }
3051
3029
 
3052
- .Primer_Brand__Label-module__Label--color-green___SoiE4 {
3053
- --brand-Label-color: var(--brand-Label-color-green);
3030
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
3031
+ text-decoration: none;
3032
+ position: relative;
3054
3033
  }
3055
3034
 
3056
- .Primer_Brand__Label-module__Label--color-green-blue___R2mSi {
3057
- --brand-Label-color-start: var(--brand-Label-color-green-blue-start);
3058
- --brand-Label-color-end: var(--brand-Label-color-green-blue-end);
3035
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
3036
+ text-decoration: none;
3059
3037
  }
3060
3038
 
3061
- .Primer_Brand__Label-module__Label--color-gray___MCa_k {
3062
- --brand-Label-color: var(--brand-Label-color-gray);
3039
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
3040
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
3041
+ color: var(--brand-InlineLink-color-rest);
3063
3042
  }
3064
3043
 
3065
- .Primer_Brand__Label-module__Label--color-indigo___VEHOi {
3066
- --brand-Label-color: var(--brand-Label-color-indigo);
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);
3067
3047
  }
3068
3048
 
3069
- .Primer_Brand__Label-module__Label--color-lemon___xvb0x {
3070
- --brand-Label-color: var(--brand-Label-color-lemon);
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;
3071
3060
  }
3072
3061
 
3073
- .Primer_Brand__Label-module__Label--color-lime___rORM1 {
3074
- --brand-Label-color: var(--brand-Label-color-lime);
3062
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
3063
+ transform: scaleY(var(--brand-InlineLink-transition-scale-end));
3075
3064
  }
3076
3065
 
3077
- .Primer_Brand__Label-module__Label--color-orange___PMqMi {
3078
- --brand-Label-color: var(--brand-Label-color-orange);
3066
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
3067
+ border-color: var(--brand-InlineLink-color-pressed);
3079
3068
  }
3080
3069
 
3081
- .Primer_Brand__Label-module__Label--color-pink___kHEv5 {
3082
- --brand-Label-color: var(--brand-Label-color-pink);
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;
3083
3078
  }
3084
3079
 
3085
- .Primer_Brand__Label-module__Label--color-pink-blue___y5skb {
3086
- --brand-Label-color-start: var(--brand-Label-color-pink-blue-start);
3087
- --brand-Label-color-end: var(--brand-Label-color-pink-blue-end);
3080
+ .Primer_Brand__Link-module__Link___lvKjM:hover {
3081
+ text-decoration: none;
3088
3082
  }
3089
3083
 
3090
- .Primer_Brand__Label-module__Label--color-purple___ZHLtp {
3091
- --brand-Label-color: var(--brand-Label-color-purple);
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;
3092
3095
  }
3093
3096
 
3094
- .Primer_Brand__Label-module__Label--color-purple-red___MsWGq {
3095
- --brand-Label-color-start: var(--brand-Label-color-purple-red-start);
3096
- --brand-Label-color-end: var(--brand-Label-color-purple-red-end);
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
+ }
3097
3101
  }
3098
3102
 
3099
- .Primer_Brand__Label-module__Label--color-red___GYMDt {
3100
- --brand-Label-color: var(--brand-Label-color-red);
3103
+ .Primer_Brand__Link-module__Link___lvKjM:active:after,
3104
+ .Primer_Brand__Link-module__Link___lvKjM:hover:after {
3105
+ transform: scaleX(1);
3101
3106
  }
3102
3107
 
3103
- .Primer_Brand__Label-module__Label--color-red-orange___FVyXX {
3104
- --brand-Label-color-start: var(--brand-Label-color-red-orange-start);
3105
- --brand-Label-color-end: var(--brand-Label-color-red-orange-end);
3108
+ .Primer_Brand__Link-module__Link___lvKjM:focus.Primer_Brand__Link-module__focus-visible___MPCba {
3109
+ outline: none;
3110
+ box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 2px 5px var(--brand-color-focus);
3111
+ transition: none;
3106
3112
  }
3107
3113
 
3108
- .Primer_Brand__Label-module__Label--color-teal___VOUIS {
3109
- --brand-Label-color: var(--brand-Label-color-teal);
3114
+ .Primer_Brand__Link-module__Link___lvKjM:focus:focus-visible {
3115
+ outline: none;
3116
+ box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 2px 5px var(--brand-color-focus);
3117
+ transition: none;
3110
3118
  }
3111
3119
 
3112
- .Primer_Brand__Label-module__Label--color-yellow___S2Zu2 {
3113
- --brand-Label-color: var(--brand-Label-color-yellow);
3120
+ .Primer_Brand__Link-module__Link--default___UKAcZ,
3121
+ .Primer_Brand__Link-module__Link--default___UKAcZ span {
3122
+ color: var(--brand-Link-color-default);
3114
3123
  }
3115
3124
 
3116
- .Primer_Brand__Label-module__Label__text____nAxj {
3117
- background: var(--brand-Label-background);
3118
- -webkit-background-clip: text;
3119
- background-clip: text;
3120
- -webkit-text-fill-color: transparent;
3121
- -webkit-box-decoration-break: clone;
3122
- box-decoration-break: clone;
3125
+ .Primer_Brand__Link-module__Link--accent___FWEDd,
3126
+ .Primer_Brand__Link-module__Link--accent___FWEDd span {
3127
+ color: var(--brand-Link-color-accent);
3123
3128
  }
3124
3129
 
3125
- .Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
3126
- line-height: var(--brand-text-lineHeight-100);
3130
+ .Primer_Brand__Link-module__Link--label___j8etE {
3131
+ font-weight: var(--base-text-weight-semibold);
3127
3132
  }
3128
3133
 
3129
- .Primer_Brand__Label-module__Label--size-medium___g4Jkm .Primer_Brand__Label-module__Label__text____nAxj {
3130
- line-height: var(--brand-text-lineHeight-200);
3134
+ .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3135
+ margin-left: 4px;
3131
3136
  }
3132
3137
 
3133
- .Primer_Brand__Label-module__Label--size-large___BrKTp .Primer_Brand__Label-module__Label__text____nAxj {
3134
- line-height: var(--brand-text-lineHeight-300);
3138
+ .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3139
+ width: 20px;
3140
+ height: 20px;
3135
3141
  }
3136
3142
 
3137
- .Primer_Brand__Label-module__Label__icon-visual___lD1Qa {
3138
- display: flex;
3139
- align-self: center;
3140
- height: var(--base-size-16);
3141
- width: auto;
3143
+ .Primer_Brand__Link-module__Link--arrow-start___AT1uu::after {
3144
+ left: auto;
3145
+ right: 0;
3146
+ transform-origin: right 0;
3147
+ width: calc(100% - var(--base-size-20));
3142
3148
  }
3143
3149
 
3144
- .Primer_Brand__Label-module__Label__leading-visual___a1rnF {
3145
- display: flex;
3146
- margin-right: var(--base-size-8);
3150
+ .Primer_Brand__Link-module__Link--arrow-start___AT1uu .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3151
+ margin-left: auto;
3152
+ margin-right: 4px;
3147
3153
  }
3148
3154
 
3149
- .Primer_Brand__Label-module__Label__label___bD_B4 {
3150
- font-weight: var(--base-text-weight-semibold);
3155
+ /**
3156
+ * Do not edit directly
3157
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
3158
+ */
3159
+
3160
+ :root,
3161
+ [data-color-mode="light"] {
3162
+ --brand-Link-color-default: var(--brand-color-text-default);
3163
+ --brand-Link-color-accent: var(--base-color-scale-blue-6);
3151
3164
  }
3152
3165
 
3153
- @media (forced-colors: active) {
3154
- .Primer_Brand__Label-module__Label___TW0HL {
3155
- outline: var(--brand-borderWidth-thin) solid transparent;
3156
- }
3166
+ [data-color-mode="dark"] {
3167
+ --brand-Link-color-default: var(--brand-color-text-default);
3168
+ --brand-Link-color-accent: var(--base-color-scale-blue-2);
3157
3169
  }
3158
3170
 
3159
3171
  /**
3160
3172
  * Do not edit directly
3161
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
3173
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
3162
3174
  */
3163
3175
 
3164
3176
  :root,
@@ -3315,7 +3327,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3315
3327
 
3316
3328
  /**
3317
3329
  * Do not edit directly
3318
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
3330
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
3319
3331
  */
3320
3332
 
3321
3333
  :root {
@@ -3324,7 +3336,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3324
3336
 
3325
3337
  /**
3326
3338
  * Do not edit directly
3327
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
3339
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
3328
3340
  */
3329
3341
 
3330
3342
  :root,
@@ -3338,7 +3350,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3338
3350
 
3339
3351
  /**
3340
3352
  * Do not edit directly
3341
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
3353
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
3342
3354
  */
3343
3355
 
3344
3356
  :root {
@@ -3410,7 +3422,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3410
3422
 
3411
3423
  /**
3412
3424
  * Do not edit directly
3413
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
3425
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
3414
3426
  */
3415
3427
 
3416
3428
  :root {
@@ -3429,7 +3441,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3429
3441
 
3430
3442
  /**
3431
3443
  * Do not edit directly
3432
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
3444
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
3433
3445
  */
3434
3446
 
3435
3447
  :root,
@@ -4372,7 +4384,7 @@ Fixes safari bug where outline doesn't respect border-radius
4372
4384
 
4373
4385
  /**
4374
4386
  * Do not edit directly
4375
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
4387
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
4376
4388
  */
4377
4389
 
4378
4390
  :root {
@@ -5385,7 +5397,7 @@ Fixes safari bug where outline doesn't respect border-radius
5385
5397
 
5386
5398
  /**
5387
5399
  * Do not edit directly
5388
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
5400
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
5389
5401
  */
5390
5402
 
5391
5403
  :root,
@@ -5401,7 +5413,7 @@ Fixes safari bug where outline doesn't respect border-radius
5401
5413
 
5402
5414
  /**
5403
5415
  * Do not edit directly
5404
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
5416
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
5405
5417
  */
5406
5418
 
5407
5419
  :root {
@@ -5719,7 +5731,7 @@ Fixes safari bug where outline doesn't respect border-radius
5719
5731
 
5720
5732
  /**
5721
5733
  * Do not edit directly
5722
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
5734
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
5723
5735
  */
5724
5736
 
5725
5737
  :root,
@@ -6123,7 +6135,7 @@ html {
6123
6135
 
6124
6136
  /**
6125
6137
  * Do not edit directly
6126
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6138
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
6127
6139
  */
6128
6140
 
6129
6141
  :root,
@@ -6305,7 +6317,7 @@ html {
6305
6317
 
6306
6318
  /**
6307
6319
  * Do not edit directly
6308
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6320
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
6309
6321
  */
6310
6322
 
6311
6323
  :root,
@@ -6431,7 +6443,7 @@ html {
6431
6443
 
6432
6444
  /**
6433
6445
  * Do not edit directly
6434
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6446
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
6435
6447
  */
6436
6448
 
6437
6449
  :root,
@@ -6598,7 +6610,7 @@ html {
6598
6610
 
6599
6611
  /**
6600
6612
  * Do not edit directly
6601
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
6613
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
6602
6614
  */
6603
6615
 
6604
6616
  :root {
@@ -6610,7 +6622,7 @@ html {
6610
6622
 
6611
6623
  /**
6612
6624
  * Do not edit directly
6613
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6625
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
6614
6626
  */
6615
6627
 
6616
6628
  :root,
@@ -6948,6 +6960,11 @@ html {
6948
6960
  max-width: 18ch;
6949
6961
  }
6950
6962
 
6963
+ .Primer_Brand__SectionIntro-module__SectionIntro-label___ZjciO {
6964
+ -webkit-margin-after: var(--base-size-8);
6965
+ margin-bottom: var(--base-size-8);
6966
+ }
6967
+
6951
6968
  .Primer_Brand__SectionIntro-module__SectionIntro-description___Sz93l {
6952
6969
  max-width: 50ch;
6953
6970
  }
@@ -6958,7 +6975,7 @@ html {
6958
6975
 
6959
6976
  /**
6960
6977
  * Do not edit directly
6961
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6978
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
6962
6979
  */
6963
6980
 
6964
6981
  :root,
@@ -7134,7 +7151,7 @@ html {
7134
7151
 
7135
7152
  /**
7136
7153
  * Do not edit directly
7137
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
7154
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
7138
7155
  */
7139
7156
 
7140
7157
  :root {
@@ -7160,7 +7177,7 @@ html {
7160
7177
 
7161
7178
  /**
7162
7179
  * Do not edit directly
7163
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
7180
+ * Generated on Thu, 03 Aug 2023 14:01:50 GMT
7164
7181
  */
7165
7182
 
7166
7183
  :root,
@@ -8149,7 +8166,7 @@ html {
8149
8166
 
8150
8167
  /**
8151
8168
  * Do not edit directly
8152
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
8169
+ * Generated on Thu, 03 Aug 2023 14:01:49 GMT
8153
8170
  */
8154
8171
 
8155
8172
  :root {