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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +1154 -1144
  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 +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  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 +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 Tue, 01 Aug 2023 14:32:05 GMT
93
93
  */
94
94
 
95
95
  :root,
@@ -629,7 +629,7 @@ select {
629
629
 
630
630
  /**
631
631
  * Do not edit directly
632
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
632
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
633
633
  */
634
634
 
635
635
  :root {
@@ -654,7 +654,7 @@ select {
654
654
 
655
655
  /**
656
656
  * Do not edit directly
657
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
657
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
658
658
  */
659
659
 
660
660
  :root {
@@ -669,7 +669,7 @@ select {
669
669
 
670
670
  /**
671
671
  * Do not edit directly
672
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
672
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
673
673
  */
674
674
 
675
675
  :root {
@@ -841,7 +841,7 @@ select {
841
841
 
842
842
  /**
843
843
  * Do not edit directly
844
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
844
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
845
845
  */
846
846
 
847
847
  :root {
@@ -855,7 +855,7 @@ select {
855
855
 
856
856
  /**
857
857
  * Do not edit directly
858
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
858
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
859
859
  */
860
860
 
861
861
  :root {
@@ -873,7 +873,7 @@ select {
873
873
 
874
874
  /**
875
875
  * Do not edit directly
876
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
876
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
877
877
  */
878
878
 
879
879
  :root,
@@ -971,6 +971,11 @@ select {
971
971
  justify-content: center;
972
972
  }
973
973
 
974
+ .Primer_Brand__Hero-module__Hero-label___exV9w {
975
+ -webkit-margin-after: var(--base-size-24);
976
+ margin-bottom: var(--base-size-24);
977
+ }
978
+
974
979
  .Primer_Brand__Hero-module__Hero-heading___QuVBH {
975
980
  margin: 0;
976
981
  max-width: 18ch;
@@ -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 Tue, 01 Aug 2023 14:32:05 GMT
1199
1204
  */
1200
1205
 
1201
1206
  :root,
@@ -1649,1516 +1654,1516 @@ 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 Tue, 01 Aug 2023 14:32:05 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 Tue, 01 Aug 2023 14:32:05 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 Tue, 01 Aug 2023 14:32:05 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 Tue, 01 Aug 2023 14:32:05 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 Tue, 01 Aug 2023 14:32:05 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);
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
+ }
2519
2443
  }
2520
2444
 
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);
2445
+ @media screen and (min-width: 768px) {
2446
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2447
+ max-width: 100px;
2448
+ }
2530
2449
  }
2531
2450
 
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);
2451
+ @media screen and (min-width: 850px) {
2452
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2453
+ max-width: 200px;
2454
+ }
2541
2455
  }
2542
2456
 
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);
2457
+ @media screen and (min-width: 1024px) {
2458
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
2459
+ max-width: 300px;
2460
+ }
2546
2461
  }
2547
2462
 
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;
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
+ }
2557
2468
  }
2558
2469
 
2559
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
2560
- text-decoration: none;
2561
- position: relative;
2470
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2471
+ white-space: nowrap;
2562
2472
  }
2563
2473
 
2564
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
2565
- text-decoration: none;
2474
+ @media screen and (max-width: 767px) {
2475
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
2476
+ animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
2477
+ animation-duration: 500ms;
2478
+ animation-delay: calc(var(--animation-order) * 80ms);
2479
+ animation-fill-mode: both;
2480
+ animation-timing-function: var(--brand-animation-easing-default);
2481
+ }
2566
2482
  }
2567
2483
 
2568
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
2569
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
2570
- color: var(--brand-InlineLink-color-rest);
2571
- }
2572
-
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
- */
2697
-
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;
2698
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
2699
+ transform-origin: top right;
2725
2700
  }
2726
2701
 
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);
2798
- }
2752
+ @media screen and (max-width: 48rem) {
2753
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
2754
+ display: none;
2755
+ }
2799
2756
 
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);
2808
- }
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
+ }
2809
2772
 
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);
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
+ }
2813
2783
  }
2814
2784
 
2815
- /**
2816
- * Scale in
2817
- */
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);
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;
2823
2788
  }
2824
2789
 
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);
2790
+ @media screen and (min-width: 1024px) {
2791
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
2792
+ display: inline-flex;
2793
+ }
2828
2794
  }
2829
2795
 
2830
- /**
2831
- * Scale in up
2796
+ /*
2797
+ * Search dialog control area
2832
2798
  */
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);
2799
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5 {
2800
+ display: flex;
2801
+ width: 100%;
2839
2802
  }
2840
2803
 
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);
2804
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
2805
+ position: absolute;
2806
+ z-index: 99;
2844
2807
  }
2845
2808
 
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);
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
+ }
2855
2822
  }
2856
2823
 
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));
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
+ }
2860
2834
  }
2861
2835
 
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);
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;
2871
2838
  }
2872
2839
 
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));
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);
2876
2850
  }
2877
2851
 
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);
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
+ }
2887
2857
  }
2888
2858
 
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));
2859
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0 {
2860
+ border-color: transparent;
2892
2861
  }
2893
2862
 
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);
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%;
2901
2874
  }
2902
2875
 
2903
- .Primer_Brand__Animation-module__Animation--fill-in-right___G_LYH.Primer_Brand__Animation-module__Animation--active___g_UBK {
2904
- transform: scaleX(1);
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%;
2905
2882
  }
2906
2883
 
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);
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);
2914
2892
  }
2915
2893
 
2916
- .Primer_Brand__Animation-module__Animation--fill-in-top___AHELS.Primer_Brand__Animation-module__Animation--active___g_UBK {
2917
- transform: scaleY(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);
2918
2900
  }
2919
2901
 
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);
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);
2951
2904
  }
2952
2905
 
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);
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);
2978
2909
  }
2979
2910
 
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));
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);
2920
+ }
2987
2921
 
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;
2922
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-container___bEvSd a:hover {
2923
+ text-decoration: none;
2997
2924
  }
2998
2925
 
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;
2926
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
2927
+ color: var(--base-color-scale-black-0);
3015
2928
  }
3016
2929
 
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);
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
+ }
3021
2942
  }
3022
2943
 
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);
2944
+ @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2945
+ 0% {
2946
+ opacity: 1;
2947
+ }
2948
+ 100% {
2949
+ opacity: 0;
2950
+ }
3027
2951
  }
3028
2952
 
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);
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
+ }
3033
2962
  }
3034
2963
 
3035
- .Primer_Brand__Label-module__Label--color-default___YCx2l {
3036
- --brand-Label-color: var(--brand-Label-color-default);
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
+ }
3037
2973
  }
3038
2974
 
3039
- .Primer_Brand__Label-module__Label--color-blue___lZSxf {
3040
- --brand-Label-color: var(--brand-Label-color-blue);
2975
+ /**
2976
+ * Do not edit directly
2977
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
2978
+ */
2979
+
2980
+ :root,
2981
+ [data-color-mode="light"] {
2982
+ --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
2983
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
2984
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2985
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2986
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-default);
2987
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
2988
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
2989
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
3041
2990
  }
3042
2991
 
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);
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);
3046
3001
  }
3047
3002
 
3048
- .Primer_Brand__Label-module__Label--color-coral___V0Yif {
3049
- --brand-Label-color: var(--brand-Label-color-coral);
3003
+ /**
3004
+ * Do not edit directly
3005
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3006
+ */
3007
+
3008
+ :root,
3009
+ [data-color-mode="light"] {
3010
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
3011
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
3050
3012
  }
3051
3013
 
3052
- .Primer_Brand__Label-module__Label--color-green___SoiE4 {
3053
- --brand-Label-color: var(--brand-Label-color-green);
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);
3054
3017
  }
3055
3018
 
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);
3019
+ /**
3020
+ * Do not edit directly
3021
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3022
+ */
3023
+
3024
+ :root {
3025
+ --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
3026
+ --brand-InlineLink-transition-scale-end: -2;
3027
+ --brand-InlineLink-transition-scale-start: 1;
3059
3028
  }
3060
3029
 
3061
- .Primer_Brand__Label-module__Label--color-gray___MCa_k {
3062
- --brand-Label-color: var(--brand-Label-color-gray);
3030
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
3031
+ text-decoration: none;
3032
+ position: relative;
3063
3033
  }
3064
3034
 
3065
- .Primer_Brand__Label-module__Label--color-indigo___VEHOi {
3066
- --brand-Label-color: var(--brand-Label-color-indigo);
3035
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
3036
+ text-decoration: none;
3067
3037
  }
3068
3038
 
3069
- .Primer_Brand__Label-module__Label--color-lemon___xvb0x {
3070
- --brand-Label-color: var(--brand-Label-color-lemon);
3039
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
3040
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
3041
+ color: var(--brand-InlineLink-color-rest);
3071
3042
  }
3072
3043
 
3073
- .Primer_Brand__Label-module__Label--color-lime___rORM1 {
3074
- --brand-Label-color: var(--brand-Label-color-lime);
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);
3075
3047
  }
3076
3048
 
3077
- .Primer_Brand__Label-module__Label--color-orange___PMqMi {
3078
- --brand-Label-color: var(--brand-Label-color-orange);
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;
3079
3060
  }
3080
3061
 
3081
- .Primer_Brand__Label-module__Label--color-pink___kHEv5 {
3082
- --brand-Label-color: var(--brand-Label-color-pink);
3062
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
3063
+ transform: scaleY(var(--brand-InlineLink-transition-scale-end));
3083
3064
  }
3084
3065
 
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);
3066
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
3067
+ border-color: var(--brand-InlineLink-color-pressed);
3088
3068
  }
3089
3069
 
3090
- .Primer_Brand__Label-module__Label--color-purple___ZHLtp {
3091
- --brand-Label-color: var(--brand-Label-color-purple);
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;
3092
3078
  }
3093
3079
 
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);
3080
+ .Primer_Brand__Link-module__Link___lvKjM:hover {
3081
+ text-decoration: none;
3097
3082
  }
3098
3083
 
3099
- .Primer_Brand__Label-module__Label--color-red___GYMDt {
3100
- --brand-Label-color: var(--brand-Label-color-red);
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;
3101
3095
  }
3102
3096
 
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);
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
+ }
3106
3101
  }
3107
3102
 
3108
- .Primer_Brand__Label-module__Label--color-teal___VOUIS {
3109
- --brand-Label-color: var(--brand-Label-color-teal);
3103
+ .Primer_Brand__Link-module__Link___lvKjM:active:after,
3104
+ .Primer_Brand__Link-module__Link___lvKjM:hover:after,
3105
+ .Primer_Brand__Link-module__Link___lvKjM:focus:after {
3106
+ transform: scaleX(1);
3110
3107
  }
3111
3108
 
3112
- .Primer_Brand__Label-module__Label--color-yellow___S2Zu2 {
3113
- --brand-Label-color: var(--brand-Label-color-yellow);
3109
+ .Primer_Brand__Link-module__Link___lvKjM:focus {
3110
+ outline: 0;
3114
3111
  }
3115
3112
 
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;
3113
+ .Primer_Brand__Link-module__Link--default___UKAcZ,
3114
+ .Primer_Brand__Link-module__Link--default___UKAcZ span {
3115
+ color: var(--brand-Link-color-default);
3123
3116
  }
3124
3117
 
3125
- .Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
3126
- line-height: var(--brand-text-lineHeight-100);
3118
+ .Primer_Brand__Link-module__Link--accent___FWEDd,
3119
+ .Primer_Brand__Link-module__Link--accent___FWEDd span {
3120
+ color: var(--brand-Link-color-accent);
3127
3121
  }
3128
3122
 
3129
- .Primer_Brand__Label-module__Label--size-medium___g4Jkm .Primer_Brand__Label-module__Label__text____nAxj {
3130
- line-height: var(--brand-text-lineHeight-200);
3123
+ .Primer_Brand__Link-module__Link--label___j8etE {
3124
+ font-weight: var(--base-text-weight-semibold);
3131
3125
  }
3132
3126
 
3133
- .Primer_Brand__Label-module__Label--size-large___BrKTp .Primer_Brand__Label-module__Label__text____nAxj {
3134
- line-height: var(--brand-text-lineHeight-300);
3127
+ .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3128
+ margin-left: 4px;
3135
3129
  }
3136
3130
 
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;
3131
+ .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3132
+ width: 20px;
3133
+ height: 20px;
3142
3134
  }
3143
3135
 
3144
- .Primer_Brand__Label-module__Label__leading-visual___a1rnF {
3145
- display: flex;
3146
- margin-right: var(--base-size-8);
3136
+ .Primer_Brand__Link-module__Link--arrow-start___AT1uu::after {
3137
+ left: auto;
3138
+ right: 0;
3139
+ transform-origin: right 0;
3140
+ width: calc(100% - var(--base-size-20));
3147
3141
  }
3148
3142
 
3149
- .Primer_Brand__Label-module__Label__label___bD_B4 {
3150
- font-weight: var(--base-text-weight-semibold);
3143
+ .Primer_Brand__Link-module__Link--arrow-start___AT1uu .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
3144
+ margin-left: auto;
3145
+ margin-right: 4px;
3151
3146
  }
3152
3147
 
3153
- @media (forced-colors: active) {
3154
- .Primer_Brand__Label-module__Label___TW0HL {
3155
- outline: var(--brand-borderWidth-thin) solid transparent;
3156
- }
3148
+ /**
3149
+ * Do not edit directly
3150
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3151
+ */
3152
+
3153
+ :root,
3154
+ [data-color-mode="light"] {
3155
+ --brand-Link-color-default: var(--brand-color-text-default);
3156
+ --brand-Link-color-accent: var(--base-color-scale-blue-5);
3157
+ }
3158
+
3159
+ [data-color-mode="dark"] {
3160
+ --brand-Link-color-default: var(--brand-color-text-default);
3161
+ --brand-Link-color-accent: var(--base-color-scale-blue-4);
3157
3162
  }
3158
3163
 
3159
3164
  /**
3160
3165
  * Do not edit directly
3161
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
3166
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3162
3167
  */
3163
3168
 
3164
3169
  :root,
@@ -3315,7 +3320,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3315
3320
 
3316
3321
  /**
3317
3322
  * Do not edit directly
3318
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
3323
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3319
3324
  */
3320
3325
 
3321
3326
  :root {
@@ -3324,7 +3329,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3324
3329
 
3325
3330
  /**
3326
3331
  * Do not edit directly
3327
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
3332
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3328
3333
  */
3329
3334
 
3330
3335
  :root,
@@ -3338,7 +3343,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3338
3343
 
3339
3344
  /**
3340
3345
  * Do not edit directly
3341
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
3346
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3342
3347
  */
3343
3348
 
3344
3349
  :root {
@@ -3410,7 +3415,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3410
3415
 
3411
3416
  /**
3412
3417
  * Do not edit directly
3413
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
3418
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3414
3419
  */
3415
3420
 
3416
3421
  :root {
@@ -3429,7 +3434,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3429
3434
 
3430
3435
  /**
3431
3436
  * Do not edit directly
3432
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
3437
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
3433
3438
  */
3434
3439
 
3435
3440
  :root,
@@ -4372,7 +4377,7 @@ Fixes safari bug where outline doesn't respect border-radius
4372
4377
 
4373
4378
  /**
4374
4379
  * Do not edit directly
4375
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
4380
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
4376
4381
  */
4377
4382
 
4378
4383
  :root {
@@ -5385,7 +5390,7 @@ Fixes safari bug where outline doesn't respect border-radius
5385
5390
 
5386
5391
  /**
5387
5392
  * Do not edit directly
5388
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
5393
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
5389
5394
  */
5390
5395
 
5391
5396
  :root,
@@ -5401,7 +5406,7 @@ Fixes safari bug where outline doesn't respect border-radius
5401
5406
 
5402
5407
  /**
5403
5408
  * Do not edit directly
5404
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
5409
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
5405
5410
  */
5406
5411
 
5407
5412
  :root {
@@ -5719,7 +5724,7 @@ Fixes safari bug where outline doesn't respect border-radius
5719
5724
 
5720
5725
  /**
5721
5726
  * Do not edit directly
5722
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
5727
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
5723
5728
  */
5724
5729
 
5725
5730
  :root,
@@ -6123,7 +6128,7 @@ html {
6123
6128
 
6124
6129
  /**
6125
6130
  * Do not edit directly
6126
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6131
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6127
6132
  */
6128
6133
 
6129
6134
  :root,
@@ -6305,7 +6310,7 @@ html {
6305
6310
 
6306
6311
  /**
6307
6312
  * Do not edit directly
6308
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6313
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6309
6314
  */
6310
6315
 
6311
6316
  :root,
@@ -6431,7 +6436,7 @@ html {
6431
6436
 
6432
6437
  /**
6433
6438
  * Do not edit directly
6434
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6439
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6435
6440
  */
6436
6441
 
6437
6442
  :root,
@@ -6598,7 +6603,7 @@ html {
6598
6603
 
6599
6604
  /**
6600
6605
  * Do not edit directly
6601
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
6606
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6602
6607
  */
6603
6608
 
6604
6609
  :root {
@@ -6610,7 +6615,7 @@ html {
6610
6615
 
6611
6616
  /**
6612
6617
  * Do not edit directly
6613
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6618
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6614
6619
  */
6615
6620
 
6616
6621
  :root,
@@ -6948,6 +6953,11 @@ html {
6948
6953
  max-width: 18ch;
6949
6954
  }
6950
6955
 
6956
+ .Primer_Brand__SectionIntro-module__SectionIntro-label___ZjciO {
6957
+ -webkit-margin-after: var(--base-size-8);
6958
+ margin-bottom: var(--base-size-8);
6959
+ }
6960
+
6951
6961
  .Primer_Brand__SectionIntro-module__SectionIntro-description___Sz93l {
6952
6962
  max-width: 50ch;
6953
6963
  }
@@ -6958,7 +6968,7 @@ html {
6958
6968
 
6959
6969
  /**
6960
6970
  * Do not edit directly
6961
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
6971
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
6962
6972
  */
6963
6973
 
6964
6974
  :root,
@@ -7134,7 +7144,7 @@ html {
7134
7144
 
7135
7145
  /**
7136
7146
  * Do not edit directly
7137
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
7147
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
7138
7148
  */
7139
7149
 
7140
7150
  :root {
@@ -7160,7 +7170,7 @@ html {
7160
7170
 
7161
7171
  /**
7162
7172
  * Do not edit directly
7163
- * Generated on Wed, 26 Jul 2023 16:26:14 GMT
7173
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
7164
7174
  */
7165
7175
 
7166
7176
  :root,
@@ -8149,7 +8159,7 @@ html {
8149
8159
 
8150
8160
  /**
8151
8161
  * Do not edit directly
8152
- * Generated on Wed, 26 Jul 2023 16:26:13 GMT
8162
+ * Generated on Tue, 01 Aug 2023 14:32:05 GMT
8153
8163
  */
8154
8164
 
8155
8165
  :root {