@primer/react-brand 0.65.0-rc.0895cfab → 0.65.0-rc.4081e0d2

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 (368) hide show
  1. package/lib/CTABanner/CTABanner.d.ts +21 -0
  2. package/lib/EyebrowText/EyebrowText.d.ts +13 -0
  3. package/lib/EyebrowText/index.d.ts +1 -0
  4. package/lib/Hero/HeroContext.d.ts +1 -1
  5. package/lib/IDE/IDE.d.ts +10 -0
  6. package/lib/SubNav/SubNav.d.ts +3 -0
  7. package/lib/Tiles/Tiles.d.ts +49 -0
  8. package/lib/Tiles/Tiles.fixtures.d.ts +6 -0
  9. package/lib/Tiles/index.d.ts +1 -0
  10. package/lib/css/main.css +1047 -258
  11. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  13. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  14. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +3 -3
  32. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/river/river.css +21 -6
  71. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +5 -3
  76. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +17 -0
  84. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  98. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  99. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +21 -3
  132. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  150. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  151. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  152. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  153. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  154. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  156. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  157. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  158. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  159. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  183. package/lib/design-tokens/js/tokens/functional/components/river/river.js +9 -3
  184. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  202. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  203. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  204. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  205. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  206. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  212. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  235. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +9 -3
  236. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  254. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  255. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  256. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  257. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  258. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  259. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  260. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  261. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  262. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  263. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  267. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +20 -2
  320. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +21 -3
  321. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  358. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  359. package/lib/fixtures/third-party-logos/AzureLogo.d.ts +4 -0
  360. package/lib/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts +4 -0
  361. package/lib/fixtures/third-party-logos/MicrosoftLogo.d.ts +4 -0
  362. package/lib/index.d.ts +2 -0
  363. package/lib/index.js +1 -1
  364. package/lib/recipes/FlexTemplate/FlexTemplate.types.d.ts +1 -0
  365. package/lib/river/River/River.d.ts +22 -0
  366. package/lib/river/River/index.d.ts +1 -1
  367. package/lib/river/RiverBreakout/RiverBreakout.d.ts +9 -1
  368. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -78,7 +78,7 @@ html {
78
78
 
79
79
  /**
80
80
  * Do not edit directly
81
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
81
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
82
82
  */
83
83
 
84
84
  :root,
@@ -356,7 +356,7 @@ html {
356
356
 
357
357
  /**
358
358
  * Do not edit directly
359
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
359
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
360
360
  */
361
361
 
362
362
  :root {
@@ -383,7 +383,7 @@ html {
383
383
 
384
384
  /**
385
385
  * Do not edit directly
386
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
386
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
387
387
  */
388
388
 
389
389
  :root {
@@ -400,7 +400,7 @@ html {
400
400
 
401
401
  /**
402
402
  * Do not edit directly
403
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
403
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
404
404
  */
405
405
 
406
406
  :root {
@@ -558,7 +558,7 @@ html {
558
558
 
559
559
  /**
560
560
  * Do not edit directly
561
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
561
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
562
562
  */
563
563
 
564
564
  :root {
@@ -572,7 +572,7 @@ html {
572
572
 
573
573
  /**
574
574
  * Do not edit directly
575
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
575
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
576
576
  */
577
577
 
578
578
  :root {
@@ -591,7 +591,7 @@ html {
591
591
 
592
592
  /**
593
593
  * Do not edit directly
594
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
594
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
595
595
  */
596
596
 
597
597
  :root,
@@ -671,7 +671,7 @@ html {
671
671
 
672
672
  /**
673
673
  * Do not edit directly
674
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
674
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
675
675
  */
676
676
 
677
677
  :root {
@@ -698,7 +698,7 @@ html {
698
698
 
699
699
  /**
700
700
  * Do not edit directly
701
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
701
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
702
702
  */
703
703
 
704
704
  :root,
@@ -1471,7 +1471,7 @@ html {
1471
1471
 
1472
1472
  /**
1473
1473
  * Do not edit directly
1474
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
1474
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
1475
1475
  */
1476
1476
 
1477
1477
  :root {
@@ -1779,7 +1779,7 @@ html {
1779
1779
 
1780
1780
  /**
1781
1781
  * Do not edit directly
1782
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
1782
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
1783
1783
  */
1784
1784
 
1785
1785
  :root {
@@ -6165,6 +6165,12 @@ html {
6165
6165
  max-width: 924px;
6166
6166
  }
6167
6167
 
6168
+ .Primer_Brand__Hero-module__Hero-heading___QuVBH b {
6169
+ color: var(--brand-color-accent-primary);
6170
+ font-style: normal;
6171
+ font-weight: inherit;
6172
+ }
6173
+
6168
6174
  .Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
6169
6175
  max-width: none;
6170
6176
  max-width: initial;
@@ -6759,7 +6765,7 @@ html {
6759
6765
 
6760
6766
  /**
6761
6767
  * Do not edit directly
6762
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
6768
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
6763
6769
  */
6764
6770
 
6765
6771
  :root,
@@ -7096,7 +7102,7 @@ html {
7096
7102
 
7097
7103
  /**
7098
7104
  * Do not edit directly
7099
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
7105
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
7100
7106
  */
7101
7107
 
7102
7108
  :root {
@@ -7402,7 +7408,7 @@ html {
7402
7408
 
7403
7409
  /**
7404
7410
  * Do not edit directly
7405
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
7411
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
7406
7412
  */
7407
7413
 
7408
7414
  :root,
@@ -7418,7 +7424,7 @@ html {
7418
7424
 
7419
7425
  /**
7420
7426
  * Do not edit directly
7421
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
7427
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
7422
7428
  */
7423
7429
 
7424
7430
  :root,
@@ -7683,9 +7689,14 @@ html {
7683
7689
  }
7684
7690
  }
7685
7691
 
7692
+ .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
7693
+ text-transform: uppercase;
7694
+ letter-spacing: var(--brand-text-letterSpacing-100);
7695
+ }
7696
+
7686
7697
  /**
7687
7698
  * Do not edit directly
7688
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
7699
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
7689
7700
  */
7690
7701
 
7691
7702
  :root {
@@ -7696,30 +7707,45 @@ html {
7696
7707
 
7697
7708
  /**
7698
7709
  * Do not edit directly
7699
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
7710
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
7700
7711
  */
7701
7712
 
7702
7713
  :root {
7714
+ --brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-16);
7715
+ --brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-20);
7716
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-40);
7717
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-36);
7703
7718
  --brand-RiverBreakout-spacing-inner: var(--base-size-40);
7704
- --brand-River-spacing-outer: var(--base-size-36);
7719
+ --brand-River-variant-gridline-spacing-outerInline: var(--base-size-20);
7720
+ --brand-River-variant-gridline-spacing-outerBlock: var(--base-size-40);
7721
+ --brand-River-spacing-outerBlock: var(--base-size-36);
7705
7722
  --brand-River-spacing-innerY: var(--base-size-24);
7706
- --brand-River-spacing-inner: var(--base-size-24);
7723
+ --brand-River-spacing-inner: var(--base-size-40);
7707
7724
  }
7708
7725
 
7709
7726
  @media (min-width: 768px) {
7710
7727
  :root {
7728
+ --brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-20);
7729
+ --brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-36);
7730
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-48);
7731
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-40);
7711
7732
  --brand-RiverBreakout-spacing-inner: var(--base-size-48);
7712
7733
  --brand-River-spacing-innerY: var(--base-size-24);
7713
- --brand-River-spacing-inner: var(--base-size-36);
7714
7734
  }
7715
7735
  }
7716
7736
 
7717
7737
  @media (min-width: 1280px) {
7718
7738
  :root {
7739
+ --brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-24);
7740
+ --brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-64);
7741
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-80);
7742
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-64);
7719
7743
  --brand-RiverBreakout-spacing-inner: var(--base-size-64);
7720
- --brand-River-spacing-outer: var(--base-size-48);
7744
+ --brand-River-variant-gridline-spacing-outerInline: var(--base-size-64);
7745
+ --brand-River-variant-gridline-spacing-outerBlock: var(--base-size-64);
7746
+ --brand-River-spacing-outerBlock: var(--base-size-48);
7721
7747
  --brand-River-spacing-innerY: var(--base-size-32);
7722
- --brand-River-spacing-inner: var(--base-size-48);
7748
+ --brand-River-spacing-inner: var(--base-size-24);
7723
7749
  }
7724
7750
  }
7725
7751
 
@@ -7728,8 +7754,48 @@ html {
7728
7754
  grid-gap: var(--brand-River-spacing-inner);
7729
7755
  gap: var(--brand-River-spacing-inner);
7730
7756
  grid-auto-rows: min-content;
7731
- padding-top: var(--brand-River-spacing-outer);
7732
- padding-bottom: var(--brand-River-spacing-outer);
7757
+ padding-inline: var(--brand-River-spacing-outerInline);
7758
+ padding-block: var(--brand-River-spacing-outerBlock);
7759
+ container-type: inline-size;
7760
+ }
7761
+
7762
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
7763
+ position: relative;
7764
+ padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
7765
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
7766
+ gap: var(--base-size-32);
7767
+ }
7768
+
7769
+ @media screen and (min-width: 48rem) {
7770
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
7771
+ gap: var(--base-size-28);
7772
+ }
7773
+ }
7774
+
7775
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::before,
7776
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::after {
7777
+ content: '';
7778
+ position: absolute;
7779
+ left: 50%;
7780
+ transform: translateX(-50%);
7781
+ width: 100vw;
7782
+ height: 0;
7783
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
7784
+ z-index: 1;
7785
+ }
7786
+
7787
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::before {
7788
+ top: 0;
7789
+ }
7790
+
7791
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::after {
7792
+ bottom: 0;
7793
+ }
7794
+
7795
+ @media screen and (min-width: 80rem) {
7796
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
7797
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
7798
+ }
7733
7799
  }
7734
7800
 
7735
7801
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
@@ -7758,12 +7824,62 @@ html {
7758
7824
  box-shadow: var(--brand-River-visual-shadow);
7759
7825
  }
7760
7826
 
7827
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7828
+ display: flex;
7829
+ align-items: center;
7830
+ justify-content: center;
7831
+ background-color: var(--brand-color-canvas-subtle);
7832
+ padding: var(--base-size-32);
7833
+ border-radius: 0;
7834
+ margin-inline: calc(-1 * var(--brand-River-variant-gridline-spacing-outerInline));
7835
+ }
7836
+
7837
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
7838
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
7839
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
7840
+ max-width: 100%;
7841
+ height: auto;
7842
+ width: auto;
7843
+ border-radius: var(--brand-borderRadius-large);
7844
+ }
7845
+
7846
+ @media screen and (max-width: 47.99rem) {
7847
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7848
+ align-items: flex-end;
7849
+ justify-content: flex-end;
7850
+ padding-block-end: 0;
7851
+ padding-inline-end: 0;
7852
+ }
7853
+
7854
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
7855
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
7856
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
7857
+ border-end-start-radius: 0;
7858
+ border-end-end-radius: 0;
7859
+ border-start-end-radius: 0;
7860
+ }
7861
+ }
7862
+
7863
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
7864
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7865
+ align-items: flex-end;
7866
+ padding-block-end: 0;
7867
+ }
7868
+
7869
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
7870
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
7871
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
7872
+ border-end-start-radius: 0;
7873
+ border-end-end-radius: 0;
7874
+ }
7875
+ }
7876
+
7761
7877
  .Primer_Brand__river-shared-module__River__heading___tl6zS {
7762
7878
  margin-bottom: var(--brand-River-heading-margin);
7763
7879
  }
7764
7880
 
7765
7881
  .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7766
- margin-top: var(--base-size-24);
7882
+ margin-top: var(--base-size-20);
7767
7883
  }
7768
7884
 
7769
7885
  .Primer_Brand__river-shared-module__River__text___TQQhU strong,
@@ -7785,12 +7901,47 @@ html {
7785
7901
  margin-block-end: var(--brand-River-label-margin);
7786
7902
  }
7787
7903
 
7788
- /* Medium breakpoint and up */
7789
- @media screen and (min-width: 48rem) {
7904
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7905
+ order: 1;
7906
+ }
7907
+
7908
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
7909
+ order: 2;
7910
+ }
7911
+
7912
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7913
+ order: 1;
7914
+ }
7915
+
7916
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7917
+ order: 2;
7918
+ }
7919
+
7920
+ @media screen and (max-width: 63.24rem) {
7921
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7922
+ margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7923
+ }
7924
+
7925
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7926
+ margin-block-end: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7927
+ }
7928
+
7929
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7930
+ margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7931
+ }
7932
+ }
7933
+
7934
+ /* Large breakpoint and up */
7935
+ @media screen and (min-width: 63.25rem) {
7790
7936
  .Primer_Brand__river-shared-module__River___eSXvR {
7791
7937
  grid-template-rows: initial;
7792
7938
  }
7793
7939
 
7940
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7941
+ padding: var(--base-size-64);
7942
+ margin: 0;
7943
+ }
7944
+
7794
7945
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7795
7946
  order: initial;
7796
7947
  }
@@ -7815,12 +7966,37 @@ html {
7815
7966
  grid-template-columns: [visual] 6fr [content] 4fr;
7816
7967
  }
7817
7968
 
7969
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7970
+ margin-inline-start: calc(var(--base-size-80) + var(--base-size-8));
7971
+ }
7972
+
7973
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7974
+ margin-inline-end: calc(var(--base-size-80) + var(--base-size-8));
7975
+ }
7976
+
7818
7977
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7819
7978
  display: grid;
7820
7979
  align-content: center;
7821
7980
  grid-area: content;
7822
7981
  }
7823
7982
 
7983
+ .Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__body-text___aJne5,
7984
+ .Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__heading___tl6zS {
7985
+ max-width: 400px;
7986
+ }
7987
+
7988
+ .Primer_Brand__river-shared-module__River--align-start___wo12V:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__content___p4EdY {
7989
+ padding-inline-end: var(--base-size-128);
7990
+ }
7991
+
7992
+ .Primer_Brand__river-shared-module__River--align-end___aNjz4:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__content___p4EdY {
7993
+ padding-inline-start: var(--base-size-128);
7994
+ }
7995
+
7996
+ .Primer_Brand__river-shared-module__River__content--align-block-end___xI62E {
7997
+ align-content: end;
7998
+ }
7999
+
7824
8000
  .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7825
8001
  grid-area: visual;
7826
8002
  }
@@ -7848,21 +8024,90 @@ html {
7848
8024
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
7849
8025
  margin-top: var(--brand-River-spacing-inner);
7850
8026
  }
7851
- }
7852
8027
 
7853
- /* Large breakpoint and up */
7854
- @media screen and (min-width: 63.25rem) {
7855
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__body-text___aJne5,
7856
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__heading___tl6zS {
7857
- max-width: 400px;
8028
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8029
+ padding: 0;
8030
+ gap: 0;
8031
+ }
8032
+
8033
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8034
+ grid-template-columns: 1fr 1fr;
8035
+ }
8036
+
8037
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8038
+ grid-template-columns: 560fr 676fr;
7858
8039
  }
7859
8040
 
7860
- .Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
8041
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--60-40___NljA1:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8042
+ grid-template-columns: 676fr 560fr;
8043
+ }
8044
+
8045
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8046
+ padding-inline-start: var(--base-size-64);
8047
+ padding-inline-end: var(--brand-River-spacing-inner);
8048
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
8049
+ }
8050
+
8051
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8052
+ padding-inline-end: calc(var(--base-size-80) + var(--base-size-32));
8053
+ }
8054
+
8055
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
7861
8056
  padding-inline-end: var(--base-size-128);
7862
8057
  }
7863
8058
 
7864
- .Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7865
- padding-inline: var(--base-size-64);
8059
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8060
+ padding-inline-start: var(--brand-River-spacing-inner);
8061
+ padding-inline-end: var(--base-size-64);
8062
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
8063
+ }
8064
+
8065
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8066
+ padding-inline-start: calc(var(--base-size-80) + var(--base-size-32));
8067
+ }
8068
+
8069
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8070
+ padding-inline-start: var(--base-size-128);
8071
+ }
8072
+
8073
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__content___p4EdY {
8074
+ padding-inline-end: var(--brand-River-spacing-inner);
8075
+ }
8076
+
8077
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__content___p4EdY {
8078
+ padding-inline-start: var(--brand-River-spacing-inner);
8079
+ }
8080
+
8081
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H) .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8082
+ margin-inline-start: 0;
8083
+ margin-inline-end: 0;
8084
+ }
8085
+
8086
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8087
+ padding: 0;
8088
+ }
8089
+
8090
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8091
+ width: 100%;
8092
+ margin: 0;
8093
+ }
8094
+
8095
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
8096
+ margin-bottom: 0;
8097
+ }
8098
+
8099
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
8100
+ gap: 0;
8101
+ }
8102
+
8103
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
8104
+ margin-top: 0;
8105
+ margin-bottom: var(--base-size-64);
8106
+ }
8107
+
8108
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8109
+ padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
8110
+ padding-block-start: var(--brand-River-variant-gridline-spacing-outerBlock);
7866
8111
  }
7867
8112
  }
7868
8113
 
@@ -7870,8 +8115,8 @@ html {
7870
8115
  display: flex;
7871
8116
  flex-direction: column;
7872
8117
  gap: var(--brand-RiverBreakout-spacing-inner);
7873
- padding-block-end: var(--brand-River-spacing-outer);
7874
- padding-block-start: var(--brand-River-spacing-outer);
8118
+ padding-block-end: var(--brand-River-spacing-outerBlock);
8119
+ padding-block-start: var(--brand-River-spacing-outerBlock);
7875
8120
  }
7876
8121
 
7877
8122
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
@@ -7905,7 +8150,7 @@ html {
7905
8150
  }
7906
8151
 
7907
8152
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7908
- margin-block-end: var(--base-size-40);
8153
+ padding-block-start: var(--base-size-12);
7909
8154
  }
7910
8155
 
7911
8156
  @media screen and (min-width: 48rem) {
@@ -7938,6 +8183,192 @@ html {
7938
8183
  }
7939
8184
  }
7940
8185
 
8186
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8187
+ position: relative;
8188
+ padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8189
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8190
+ padding-block-end: 0;
8191
+ gap: 0;
8192
+ }
8193
+
8194
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
8195
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8196
+ content: '';
8197
+ position: absolute;
8198
+ left: 50%;
8199
+ transform: translateX(-50%);
8200
+ width: 100vw;
8201
+ height: 0;
8202
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8203
+ }
8204
+
8205
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before {
8206
+ top: 0;
8207
+ }
8208
+
8209
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8210
+ bottom: 0;
8211
+ }
8212
+
8213
+ @media screen and (min-width: 80rem) {
8214
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8215
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8216
+ }
8217
+ }
8218
+
8219
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual___kjFE2 {
8220
+ overflow: hidden;
8221
+ }
8222
+
8223
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
8224
+ border-radius: var(--brand-borderRadius-large);
8225
+ }
8226
+
8227
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8228
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8229
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8230
+ gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8231
+ }
8232
+
8233
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
8234
+ padding-block-start: var(--base-size-12);
8235
+ }
8236
+
8237
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
8238
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8239
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8240
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8241
+ margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8242
+ padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8243
+ }
8244
+
8245
+ /* Reset base RiverBreakout grid for gridline variant until desktop breakpoint */
8246
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
8247
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8248
+ display: flex;
8249
+ flex-direction: column;
8250
+ }
8251
+
8252
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
8253
+ margin-block-start: 0;
8254
+ }
8255
+ }
8256
+
8257
+ @media screen and (min-width: 63.25rem) {
8258
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY) {
8259
+ padding-block-end: 0;
8260
+ }
8261
+
8262
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8263
+ display: grid;
8264
+ grid-template-areas:
8265
+ 'text trailingComponent'
8266
+ 'cta trailingComponent';
8267
+ grid-template-columns: 1fr 31rem;
8268
+ grid-template-columns: 1fr var(--brand-RiverBreakout-gridline-trailing-width, 31rem);
8269
+ grid-template-rows: auto 1fr;
8270
+ grid-gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8271
+ gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8272
+ flex: 1;
8273
+ padding-block: 0;
8274
+ }
8275
+
8276
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__text___TQQhU {
8277
+ grid-area: text;
8278
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8279
+ }
8280
+
8281
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
8282
+ grid-area: cta;
8283
+ margin-block: 0;
8284
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8285
+ }
8286
+
8287
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
8288
+ grid-area: trailingComponent;
8289
+ margin-block-start: 0;
8290
+ }
8291
+
8292
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
8293
+ border-top: none;
8294
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8295
+ margin-inline: 0;
8296
+ margin-block: 0;
8297
+ padding-inline: 0;
8298
+ padding-inline-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8299
+ padding-block: 0;
8300
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8301
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8302
+ align-self: stretch;
8303
+ }
8304
+ }
8305
+
8306
+ /* Gridline + background: remove outer container top padding (background fills to top edge) */
8307
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8308
+ padding-block-start: 0;
8309
+ }
8310
+
8311
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8312
+ display: flex;
8313
+ align-items: center;
8314
+ justify-content: center;
8315
+ background-color: var(--brand-color-canvas-subtle);
8316
+ border-radius: 0;
8317
+ overflow: hidden;
8318
+ }
8319
+
8320
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8321
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8322
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8323
+ max-width: 100%;
8324
+ height: auto;
8325
+ width: auto;
8326
+ border-radius: var(--brand-borderRadius-large);
8327
+ }
8328
+
8329
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8330
+ margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8331
+ padding: var(--base-size-32);
8332
+ }
8333
+
8334
+ @media screen and (max-width: 47.99rem) {
8335
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8336
+ align-items: flex-end;
8337
+ padding-block-end: 0;
8338
+ }
8339
+
8340
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8341
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8342
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8343
+ border-end-start-radius: 0;
8344
+ border-end-end-radius: 0;
8345
+ }
8346
+ }
8347
+
8348
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
8349
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8350
+ align-items: flex-end;
8351
+ padding-block-end: 0;
8352
+ }
8353
+
8354
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8355
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8356
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8357
+ border-end-start-radius: 0;
8358
+ border-end-end-radius: 0;
8359
+ }
8360
+ }
8361
+
8362
+ @media screen and (min-width: 63.25rem) {
8363
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8364
+ padding: var(--base-size-64);
8365
+ }
8366
+
8367
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
8368
+ border-radius: 0;
8369
+ }
8370
+ }
8371
+
7941
8372
  .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7942
8373
  --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
7943
8374
  -webkit-font-smoothing: antialiased;
@@ -8424,7 +8855,7 @@ html {
8424
8855
 
8425
8856
  /**
8426
8857
  * Do not edit directly
8427
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
8858
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
8428
8859
  */
8429
8860
 
8430
8861
  :root,
@@ -9192,7 +9623,7 @@ html {
9192
9623
 
9193
9624
  /**
9194
9625
  * Do not edit directly
9195
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
9626
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
9196
9627
  */
9197
9628
 
9198
9629
  :root,
@@ -9220,7 +9651,7 @@ html {
9220
9651
 
9221
9652
  /**
9222
9653
  * Do not edit directly
9223
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
9654
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
9224
9655
  */
9225
9656
 
9226
9657
  :root,
@@ -9236,7 +9667,7 @@ html {
9236
9667
 
9237
9668
  /**
9238
9669
  * Do not edit directly
9239
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
9670
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
9240
9671
  */
9241
9672
 
9242
9673
  :root {
@@ -9289,7 +9720,7 @@ html {
9289
9720
 
9290
9721
  /**
9291
9722
  * Do not edit directly
9292
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
9723
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
9293
9724
  */
9294
9725
 
9295
9726
  :root,
@@ -9717,7 +10148,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9717
10148
 
9718
10149
  /**
9719
10150
  * Do not edit directly
9720
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
10151
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
9721
10152
  */
9722
10153
 
9723
10154
  :root {
@@ -9726,7 +10157,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9726
10157
 
9727
10158
  /**
9728
10159
  * Do not edit directly
9729
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
10160
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
9730
10161
  */
9731
10162
 
9732
10163
  :root,
@@ -9748,7 +10179,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9748
10179
 
9749
10180
  /**
9750
10181
  * Do not edit directly
9751
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
10182
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
9752
10183
  */
9753
10184
 
9754
10185
  :root {
@@ -10030,7 +10461,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10030
10461
 
10031
10462
  /**
10032
10463
  * Do not edit directly
10033
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
10464
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
10034
10465
  */
10035
10466
 
10036
10467
  :root,
@@ -11233,7 +11664,7 @@ Fixes safari bug where outline doesn't respect border-radius
11233
11664
 
11234
11665
  /**
11235
11666
  * Do not edit directly
11236
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
11667
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
11237
11668
  */
11238
11669
 
11239
11670
  :root {
@@ -11247,7 +11678,7 @@ Fixes safari bug where outline doesn't respect border-radius
11247
11678
 
11248
11679
  /**
11249
11680
  * Do not edit directly
11250
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
11681
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
11251
11682
  */
11252
11683
 
11253
11684
  :root,
@@ -11541,7 +11972,7 @@ Fixes safari bug where outline doesn't respect border-radius
11541
11972
 
11542
11973
  /**
11543
11974
  * Do not edit directly
11544
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
11975
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
11545
11976
  */
11546
11977
 
11547
11978
  :root,
@@ -11557,7 +11988,7 @@ Fixes safari bug where outline doesn't respect border-radius
11557
11988
 
11558
11989
  /**
11559
11990
  * Do not edit directly
11560
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
11991
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
11561
11992
  */
11562
11993
 
11563
11994
  :root {
@@ -12302,7 +12733,7 @@ Fixes safari bug where outline doesn't respect border-radius
12302
12733
 
12303
12734
  /**
12304
12735
  * Do not edit directly
12305
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
12736
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
12306
12737
  */
12307
12738
 
12308
12739
  :root,
@@ -12318,20 +12749,20 @@ Fixes safari bug where outline doesn't respect border-radius
12318
12749
 
12319
12750
  /**
12320
12751
  * Do not edit directly
12321
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
12752
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
12322
12753
  */
12323
12754
 
12324
12755
  :root,
12325
12756
  [data-color-mode="light"] {
12326
12757
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
12327
12758
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
12328
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12759
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12329
12760
  }
12330
12761
 
12331
12762
  [data-color-mode="dark"] {
12332
12763
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
12333
12764
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
12334
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12765
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12335
12766
  }
12336
12767
 
12337
12768
  .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
@@ -12355,14 +12786,84 @@ Fixes safari bug where outline doesn't respect border-radius
12355
12786
  );
12356
12787
  }
12357
12788
 
12789
+ /* Heading size overrides for balanced and minimal variants */
12790
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
12791
+ font-weight: var(--brand-heading-weight-700);
12792
+ font-size: var(--brand-text-size-700);
12793
+ line-height: var(--brand-heading-lineHeight-700);
12794
+ letter-spacing: var(--brand-heading-letterSpacing-700);
12795
+ }
12796
+
12797
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
12798
+ font-weight: var(--brand-heading-weight-400);
12799
+ font-size: var(--brand-text-size-400);
12800
+ line-height: var(--brand-text-lineHeight-400);
12801
+ letter-spacing: var(--brand-heading-letterSpacing-400);
12802
+ }
12803
+
12804
+ .Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
12805
+ gap: 0;
12806
+ --brand-Grid-spacing-row: 0;
12807
+ padding-inline: 0;
12808
+ }
12809
+
12810
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
12811
+ display: flex;
12812
+ align-items: center;
12813
+ }
12814
+
12815
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12816
+ display: flex;
12817
+ align-items: center;
12818
+ justify-content: center;
12819
+ }
12820
+
12821
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12822
+ justify-content: flex-end;
12823
+ }
12824
+
12825
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12826
+ justify-content: flex-start;
12827
+ }
12828
+
12829
+ @media screen and (min-width: 63.25rem) {
12830
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12831
+ justify-content: flex-end;
12832
+ }
12833
+ }
12834
+
12835
+ /* Stack on narrow viewports */
12836
+ @media screen and (max-width: 63.24rem) {
12837
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12838
+ justify-content: flex-start;
12839
+ }
12840
+
12841
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12842
+ margin-block-start: var(--base-size-24);
12843
+ }
12844
+ }
12845
+
12846
+ .Primer_Brand__CTABanner-module__CTABanner-outer-container--border___PwQrC {
12847
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12848
+ }
12849
+
12358
12850
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12359
- border-radius: var(--brand-borderRadius-xlarge);
12360
- padding: var(--base-size-40) var(--base-size-32);
12851
+ padding: var(--base-size-64) var(--base-size-32);
12361
12852
  z-index: 1;
12362
12853
  width: 100%;
12363
12854
  box-sizing: border-box;
12364
12855
  }
12365
12856
 
12857
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12858
+ padding-inline: var(--base-size-20);
12859
+ padding-block: var(--base-size-32);
12860
+ }
12861
+
12862
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12863
+ padding-inline: var(--base-size-20);
12864
+ padding-block: var(--base-size-40);
12865
+ }
12866
+
12366
12867
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12367
12868
  display: flex;
12368
12869
  flex-direction: column;
@@ -12372,10 +12873,19 @@ Fixes safari bug where outline doesn't respect border-radius
12372
12873
  margin: 0 auto;
12373
12874
  }
12374
12875
 
12876
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12877
+ gap: 0;
12878
+ }
12879
+
12880
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_,
12881
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12882
+ max-width: 576px;
12883
+ margin: 0;
12884
+ }
12885
+
12375
12886
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12376
- border-radius: var(--brand-borderRadius-xlarge);
12377
12887
  background-repeat: no-repeat;
12378
- background-color: var(--brand-CTABanner-narrow-background-color, var(--brand-CTABanner-background-color));
12888
+ background-color: var(--brand-CTABanner-bgColor);
12379
12889
  background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
12380
12890
  background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
12381
12891
 
@@ -12388,7 +12898,13 @@ Fixes safari bug where outline doesn't respect border-radius
12388
12898
  }
12389
12899
 
12390
12900
  .Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
12391
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
12901
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12902
+ }
12903
+
12904
+ .Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___H1FN8 {
12905
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12906
+ margin-inline: auto;
12907
+ max-width: 534px; /* To match tablet for river */
12392
12908
  }
12393
12909
 
12394
12910
  .Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
@@ -12403,22 +12919,19 @@ Fixes safari bug where outline doesn't respect border-radius
12403
12919
  /* Medium breakpoint and up */
12404
12920
  @media screen and (min-width: 48rem) {
12405
12921
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12406
- padding: var(--base-size-80) var(--base-size-64);
12922
+ padding: var(--base-size-80) var(--base-size-36);
12407
12923
  }
12408
- }
12409
12924
 
12410
- /* Large breakpoint and up */
12411
- @media screen and (min-width: 63.25rem) {
12412
- .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12413
- gap: var(--base-size-24);
12925
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12926
+ padding: var(--base-size-36);
12927
+ padding-block-end: var(--base-size-48);
12414
12928
  }
12415
- .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12416
- padding: var(--base-size-128) var(--base-size-64);
12929
+
12930
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12931
+ padding: var(--base-size-36);
12932
+ padding-block: var(--base-size-48);
12417
12933
  }
12418
- }
12419
12934
 
12420
- /* Regular */
12421
- @media screen and (min-width: 48rem) {
12422
12935
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12423
12936
  background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
12424
12937
  background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
@@ -12430,6 +12943,28 @@ Fixes safari bug where outline doesn't respect border-radius
12430
12943
  }
12431
12944
  }
12432
12945
 
12946
+ /* Large breakpoint and up */
12947
+ @media screen and (min-width: 63.25rem) {
12948
+ .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12949
+ gap: var(--base-size-24);
12950
+ }
12951
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12952
+ gap: var(--base-size-16);
12953
+ }
12954
+ .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12955
+ padding: var(--base-size-96) var(--base-size-64);
12956
+ max-width: 100%;
12957
+ }
12958
+
12959
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12960
+ padding: var(--base-size-64);
12961
+ }
12962
+
12963
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12964
+ padding: var(--base-size-64);
12965
+ }
12966
+ }
12967
+
12433
12968
  /* Wide */
12434
12969
  @media screen and (min-width: 80rem) {
12435
12970
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
@@ -12444,6 +12979,17 @@ Fixes safari bug where outline doesn't respect border-radius
12444
12979
  }
12445
12980
  }
12446
12981
 
12982
+ .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
12983
+ width: 100%;
12984
+ height: auto;
12985
+ }
12986
+
12987
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
12988
+ max-width: 476px;
12989
+ width: 100%;
12990
+ height: auto;
12991
+ }
12992
+
12447
12993
  .Primer_Brand__ListItem-module__ListItem___aFf5u {
12448
12994
  display: flex;
12449
12995
  align-items: flex-start;
@@ -12541,7 +13087,7 @@ Fixes safari bug where outline doesn't respect border-radius
12541
13087
 
12542
13088
  /**
12543
13089
  * Do not edit directly
12544
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
13090
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
12545
13091
  */
12546
13092
 
12547
13093
  :root,
@@ -12705,7 +13251,7 @@ Fixes safari bug where outline doesn't respect border-radius
12705
13251
 
12706
13252
  /**
12707
13253
  * Do not edit directly
12708
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
13254
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
12709
13255
  */
12710
13256
 
12711
13257
  :root,
@@ -13013,7 +13559,7 @@ Fixes safari bug where outline doesn't respect border-radius
13013
13559
 
13014
13560
  /**
13015
13561
  * Do not edit directly
13016
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
13562
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
13017
13563
  */
13018
13564
 
13019
13565
  :root {
@@ -13049,7 +13595,7 @@ Fixes safari bug where outline doesn't respect border-radius
13049
13595
 
13050
13596
  /**
13051
13597
  * Do not edit directly
13052
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
13598
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
13053
13599
  */
13054
13600
 
13055
13601
  :root,
@@ -13117,7 +13663,7 @@ Fixes safari bug where outline doesn't respect border-radius
13117
13663
 
13118
13664
  /**
13119
13665
  * Do not edit directly
13120
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
13666
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
13121
13667
  */
13122
13668
 
13123
13669
  :root {
@@ -13128,7 +13674,7 @@ Fixes safari bug where outline doesn't respect border-radius
13128
13674
 
13129
13675
  /**
13130
13676
  * Do not edit directly
13131
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
13677
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
13132
13678
  */
13133
13679
 
13134
13680
  :root,
@@ -13473,7 +14019,7 @@ Fixes safari bug where outline doesn't respect border-radius
13473
14019
 
13474
14020
  /**
13475
14021
  * Do not edit directly
13476
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
14022
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
13477
14023
  */
13478
14024
 
13479
14025
  :root,
@@ -14314,7 +14860,7 @@ Fixes safari bug where outline doesn't respect border-radius
14314
14860
 
14315
14861
  /**
14316
14862
  * Do not edit directly
14317
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
14863
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
14318
14864
  */
14319
14865
 
14320
14866
  :root {
@@ -14325,7 +14871,7 @@ Fixes safari bug where outline doesn't respect border-radius
14325
14871
 
14326
14872
  /**
14327
14873
  * Do not edit directly
14328
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
14874
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
14329
14875
  */
14330
14876
 
14331
14877
  :root,
@@ -14824,7 +15370,7 @@ Fixes safari bug where outline doesn't respect border-radius
14824
15370
 
14825
15371
  /**
14826
15372
  * Do not edit directly
14827
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
15373
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
14828
15374
  */
14829
15375
 
14830
15376
  :root {
@@ -14844,7 +15390,7 @@ Fixes safari bug where outline doesn't respect border-radius
14844
15390
 
14845
15391
  /**
14846
15392
  * Do not edit directly
14847
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
15393
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
14848
15394
  */
14849
15395
 
14850
15396
  :root,
@@ -14880,7 +15426,7 @@ Fixes safari bug where outline doesn't respect border-radius
14880
15426
 
14881
15427
  /**
14882
15428
  * Do not edit directly
14883
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
15429
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
14884
15430
  */
14885
15431
 
14886
15432
  :root,
@@ -14904,7 +15450,7 @@ Fixes safari bug where outline doesn't respect border-radius
14904
15450
 
14905
15451
  /**
14906
15452
  * Do not edit directly
14907
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
15453
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
14908
15454
  */
14909
15455
 
14910
15456
  :root {
@@ -15377,7 +15923,7 @@ Fixes safari bug where outline doesn't respect border-radius
15377
15923
 
15378
15924
  /**
15379
15925
  * Do not edit directly
15380
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
15926
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
15381
15927
  */
15382
15928
 
15383
15929
  :root,
@@ -15391,7 +15937,7 @@ Fixes safari bug where outline doesn't respect border-radius
15391
15937
 
15392
15938
  /**
15393
15939
  * Do not edit directly
15394
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
15940
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
15395
15941
  */
15396
15942
 
15397
15943
  :root {
@@ -15405,7 +15951,7 @@ Fixes safari bug where outline doesn't respect border-radius
15405
15951
 
15406
15952
  /**
15407
15953
  * Do not edit directly
15408
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
15954
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
15409
15955
  */
15410
15956
 
15411
15957
  :root {
@@ -17581,7 +18127,7 @@ Fixes safari bug where outline doesn't respect border-radius
17581
18127
 
17582
18128
  /**
17583
18129
  * Do not edit directly
17584
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
18130
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
17585
18131
  */
17586
18132
 
17587
18133
  :root {
@@ -17605,7 +18151,7 @@ Fixes safari bug where outline doesn't respect border-radius
17605
18151
 
17606
18152
  /**
17607
18153
  * Do not edit directly
17608
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
18154
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
17609
18155
  */
17610
18156
 
17611
18157
  :root,
@@ -18040,7 +18586,7 @@ Fixes safari bug where outline doesn't respect border-radius
18040
18586
 
18041
18587
  /**
18042
18588
  * Do not edit directly
18043
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
18589
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
18044
18590
  */
18045
18591
 
18046
18592
  :root {
@@ -18056,7 +18602,7 @@ Fixes safari bug where outline doesn't respect border-radius
18056
18602
 
18057
18603
  /**
18058
18604
  * Do not edit directly
18059
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
18605
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
18060
18606
  */
18061
18607
 
18062
18608
  :root,
@@ -18560,7 +19106,7 @@ Fixes safari bug where outline doesn't respect border-radius
18560
19106
 
18561
19107
  /**
18562
19108
  * Do not edit directly
18563
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
19109
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
18564
19110
  */
18565
19111
 
18566
19112
  :root {
@@ -18569,21 +19115,23 @@ Fixes safari bug where outline doesn't respect border-radius
18569
19115
 
18570
19116
  /**
18571
19117
  * Do not edit directly
18572
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
19118
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
18573
19119
  */
18574
19120
 
18575
19121
  :root,
18576
19122
  [data-color-mode="light"] {
19123
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18577
19124
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18578
19125
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18579
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19126
+ --brand-SubNav-color-link-bgColor: #e4ebe6;
18580
19127
  --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
18581
19128
  }
18582
19129
 
18583
19130
  [data-color-mode="dark"] {
19131
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18584
19132
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18585
19133
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18586
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19134
+ --brand-SubNav-color-link-bgColor: #323834;
18587
19135
  --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
18588
19136
  }
18589
19137
 
@@ -18591,6 +19139,7 @@ Fixes safari bug where outline doesn't respect border-radius
18591
19139
  position: absolute;
18592
19140
  width: 100%;
18593
19141
  z-index: 2;
19142
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18594
19143
  }
18595
19144
 
18596
19145
  .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
@@ -18599,11 +19148,15 @@ Fixes safari bug where outline doesn't respect border-radius
18599
19148
  position: relative;
18600
19149
  }
18601
19150
 
19151
+ .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 .Primer_Brand__SubNav-module__SubNav___dVoQu {
19152
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19153
+ }
19154
+
18602
19155
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18603
19156
  width: 100%;
18604
19157
  display: flex;
18605
- padding: var(--base-size-16);
18606
19158
  z-index: 1;
19159
+ background-color: var(--brand-SubNav-bgColor);
18607
19160
  }
18608
19161
 
18609
19162
  [data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
@@ -18611,16 +19164,21 @@ Fixes safari bug where outline doesn't respect border-radius
18611
19164
  -moz-osx-font-smoothing: grayscale;
18612
19165
  }
18613
19166
 
18614
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
19167
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
19168
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18615
19169
  display: block;
18616
- font-weight: var(--base-text-weight-medium);
19170
+ font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */
19171
+ line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */
19172
+ font-weight: var(--brand-text-subhead-weight-medium);
18617
19173
  color: var(--brand-color-text-default);
18618
19174
  font-family: var(--brand-heading-fontFamily);
18619
19175
  -webkit-text-decoration: none;
18620
19176
  text-decoration: none;
18621
19177
  }
18622
19178
 
18623
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover {
19179
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover,
19180
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover,
19181
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18624
19182
  color: var(--brand-color-text-muted);
18625
19183
  -webkit-text-decoration: none !important;
18626
19184
  text-decoration: none !important; /* dotcom override */
@@ -18631,10 +19189,17 @@ Fixes safari bug where outline doesn't respect border-radius
18631
19189
  }
18632
19190
 
18633
19191
  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19192
+ min-height: 60px;
18634
19193
  position: relative;
18635
19194
  z-index: 9998;
18636
- display: inline-block;
18637
- margin-inline-end: var(--base-size-16);
19195
+ display: flex;
19196
+ align-items: center;
19197
+ padding: var(--base-size-16);
19198
+ border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19199
+ }
19200
+
19201
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19202
+ padding-inline-start: var(--base-size-24);
18638
19203
  }
18639
19204
 
18640
19205
  .Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
@@ -18672,16 +19237,6 @@ Fixes safari bug where outline doesn't respect border-radius
18672
19237
  display: none;
18673
19238
  }
18674
19239
 
18675
- .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18676
- position: relative;
18677
- top: 0;
18678
- color: var(--brand-color-text-muted);
18679
- min-width: var(--base-size-8);
18680
- min-height: var(--base-size-16);
18681
- display: inline-flex;
18682
- align-items: center;
18683
- }
18684
-
18685
19240
  /*
18686
19241
  * Anchor Nav Submenu
18687
19242
  */
@@ -18734,8 +19289,8 @@ Fixes safari bug where outline doesn't respect border-radius
18734
19289
 
18735
19290
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18736
19291
  display: flex;
18737
- padding-block-start: var(--base-size-12);
18738
- padding-block-end: var(--base-size-20);
19292
+ padding-block: var(--base-size-12);
19293
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18739
19294
  }
18740
19295
 
18741
19296
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
@@ -18746,28 +19301,20 @@ Fixes safari bug where outline doesn't respect border-radius
18746
19301
  gap: var(--base-size-20);
18747
19302
  }
18748
19303
 
18749
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18750
- color: var(--brand-color-text-default);
18751
- }
18752
-
18753
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18754
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18755
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18756
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18757
- opacity: 1;
18758
- transform: scale(0.8, 1);
19304
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19305
+ font-weight: 450; /* FIXME: unsupported in our font weight primitives */
18759
19306
  }
18760
19307
 
18761
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18762
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18763
- border-color: var(--brand-color-text-default);
18764
- transform: scale(0.9, 1);
19308
+ .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19309
+ padding: var(--base-size-6) var(--base-size-12);
19310
+ background-color: transparent;
19311
+ border-radius: var(--brand-borderRadius-full);
19312
+ transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),
19313
+ color var(--brand-animation-duration-default) var(--brand-animation-easing-default);
18765
19314
  }
18766
19315
 
18767
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18768
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18769
- border-color: var(--brand-color-text-default);
18770
- opacity: 1;
19316
+ .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19317
+ background-color: var(--brand-SubNav-color-link-bgColor);
18771
19318
  }
18772
19319
 
18773
19320
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
@@ -18775,37 +19322,14 @@ Fixes safari bug where outline doesn't respect border-radius
18775
19322
  opacity: 0;
18776
19323
  }
18777
19324
 
18778
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18779
19325
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
18780
19326
  color: var(--brand-SubNav-color-link-active);
18781
19327
  -webkit-text-decoration: none !important;
18782
19328
  text-decoration: none !important; /* dotcom override */
18783
19329
  }
18784
19330
 
18785
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18786
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
18787
- content: '';
18788
- position: absolute;
18789
- bottom: calc(var(--base-size-2) * -1);
18790
- left: 0;
18791
- width: 100%;
18792
- height: 2px;
18793
- border-width: 2px;
18794
- border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
18795
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
18796
- border-color var(--brand-animation-duration-fast);
18797
- opacity: 1;
18798
- transform: scale(0);
18799
- transform-origin: center;
18800
- }
18801
-
18802
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18803
- border-color: var(--brand-color-text-default);
18804
- }
18805
-
18806
19331
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18807
19332
  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
18808
- color: var(--brand-SubNav-color-link-active);
18809
19333
  }
18810
19334
 
18811
19335
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
@@ -18863,6 +19387,18 @@ Fixes safari bug where outline doesn't respect border-radius
18863
19387
  display: block;
18864
19388
  }
18865
19389
 
19390
+ .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav--header-container-outer___tneuD {
19391
+ display: flex;
19392
+ flex-direction: column;
19393
+ max-height: 100dvh;
19394
+ max-height: var(--subnav-available-height, 100dvh);
19395
+ overflow: hidden;
19396
+ }
19397
+
19398
+ .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
19399
+ flex-shrink: 0;
19400
+ }
19401
+
18866
19402
  .Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
18867
19403
  z-index: -1;
18868
19404
  }
@@ -18882,6 +19418,8 @@ Fixes safari bug where outline doesn't respect border-radius
18882
19418
  display: flex;
18883
19419
  width: 100%;
18884
19420
  white-space: pre;
19421
+ position: relative;
19422
+ z-index: 9998;
18885
19423
  }
18886
19424
 
18887
19425
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
@@ -18897,49 +19435,55 @@ Fixes safari bug where outline doesn't respect border-radius
18897
19435
  justify-content: center;
18898
19436
  z-index: 9998;
18899
19437
  display: none;
19438
+ padding-inline: var(--base-size-8);
18900
19439
  }
18901
19440
 
18902
19441
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18903
19442
  display: flex;
18904
19443
  flex-direction: column;
18905
19444
  gap: var(--base-size-8);
18906
- padding-block-start: var(--base-size-16);
18907
- padding-block-end: var(--base-size-16);
18908
- }
18909
-
18910
- .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18911
- border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
18912
- margin-block-start: var(--base-size-16);
19445
+ padding-block: var(--base-size-16);
19446
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19447
+ justify-content: flex-start;
19448
+ overflow-y: auto;
19449
+ min-height: 0;
18913
19450
  }
18914
19451
 
18915
19452
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18916
19453
  color: var(--brand-color-text-default);
18917
19454
  }
18918
19455
 
18919
- .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18920
- color: var(--brand-color-text-muted);
18921
- }
18922
-
18923
19456
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18924
- background-color: transparent;
18925
- border: none;
18926
- cursor: pointer;
18927
19457
  display: flex;
18928
19458
  position: relative;
18929
19459
  width: 100%;
18930
- order: 1;
18931
19460
  z-index: 9999;
18932
- padding: 0;
18933
19461
  justify-content: flex-end;
19462
+ padding-inline-end: var(--base-size-16);
18934
19463
  }
18935
19464
 
18936
19465
  .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___AxXKr) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18937
- margin-block-start: var(--base-size-12);
19466
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19467
+ display: block;
19468
+ padding-block: var(--base-size-12);
19469
+ margin-block: 0;
18938
19470
  }
18939
19471
 
18940
19472
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
18941
- justify-content: space-between;
18942
19473
  width: 100%;
19474
+ padding-inline-start: var(--base-size-16);
19475
+ }
19476
+
19477
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
19478
+ background-color: var(--brand-SubNav-color-link-bgColor);
19479
+ border: none;
19480
+ border-radius: var(--brand-borderRadius-full);
19481
+ padding: var(--base-size-4) var(--base-size-12);
19482
+ gap: var(--base-size-6);
19483
+ display: flex;
19484
+ align-items: center;
19485
+ cursor: pointer;
19486
+ font: inherit;
18943
19487
  }
18944
19488
 
18945
19489
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
@@ -18961,10 +19505,26 @@ Fixes safari bug where outline doesn't respect border-radius
18961
19505
  color: var(--brand-SubNav-color-link-active);
18962
19506
  }
18963
19507
 
19508
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19509
+ padding: var(--base-size-8);
19510
+ }
19511
+
19512
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19513
+ display: inline-block;
19514
+ background-color: var(--brand-SubNav-color-link-bgColor);
19515
+ border-radius: var(--brand-borderRadius-full);
19516
+ padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
19517
+ margin-inline-start: var(--base-size-8);
19518
+ }
19519
+
19520
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
19521
+ background-color: var(--brand-SubNav-color-link-bgColor);
19522
+ border-radius: var(--brand-borderRadius-medium);
19523
+ }
19524
+
18964
19525
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
18965
19526
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
18966
19527
  display: block;
18967
- padding: var(--base-size-8) 0;
18968
19528
  animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
18969
19529
  }
18970
19530
 
@@ -18985,6 +19545,7 @@ Fixes safari bug where outline doesn't respect border-radius
18985
19545
  padding: 0;
18986
19546
  margin: 0;
18987
19547
  padding-inline-start: var(--base-size-16);
19548
+ padding-block-start: var(--base-size-8);
18988
19549
  }
18989
19550
 
18990
19551
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -19016,8 +19577,6 @@ Fixes safari bug where outline doesn't respect border-radius
19016
19577
  }
19017
19578
 
19018
19579
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19019
- font-size: var(--brand-text-size-200);
19020
- font-weight: var(--base-text-weight-medium);
19021
19580
  padding-block-end: var(--base-size-6);
19022
19581
  }
19023
19582
 
@@ -19041,19 +19600,7 @@ Fixes safari bug where outline doesn't respect border-radius
19041
19600
  display: block;
19042
19601
  white-space: pre;
19043
19602
  position: relative;
19044
- }
19045
-
19046
- .Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
19047
- opacity: 0;
19048
- transform: scale(0);
19049
- bottom: 0;
19050
- }
19051
-
19052
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
19053
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
19054
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
19055
- opacity: 1;
19056
- transform: scale(1);
19603
+ top: var(--base-size-2);
19057
19604
  }
19058
19605
  }
19059
19606
 
@@ -19075,7 +19622,7 @@ Fixes safari bug where outline doesn't respect border-radius
19075
19622
  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
19076
19623
  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
19077
19624
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
19078
- .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
19625
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
19079
19626
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
19080
19627
  outline-offset: var(--base-size-2);
19081
19628
  }
@@ -19086,20 +19633,24 @@ Fixes safari bug where outline doesn't respect border-radius
19086
19633
  white-space: nowrap;
19087
19634
  }
19088
19635
 
19089
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
19090
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
19091
- border-color: var(--brand-color-text-default);
19092
- opacity: 1;
19093
- transform: scale(0.8, 1);
19094
- }
19095
-
19096
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
19097
- opacity: 0;
19636
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
19637
+ background-color: var(--brand-SubNav-color-link-bgColor);
19638
+ border: none;
19639
+ border-radius: var(--brand-borderRadius-full);
19640
+ padding: var(--base-size-6) var(--base-size-12);
19098
19641
  }
19099
19642
 
19100
19643
  @media screen and (min-width: 48rem) {
19101
- .Primer_Brand__SubNav-module__SubNav___dVoQu {
19102
- padding: var(--base-size-16) var(--base-size-24);
19644
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19645
+ padding-inline: var(--base-size-24);
19646
+ }
19647
+
19648
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
19649
+ padding-inline-start: var(--base-size-24);
19650
+ }
19651
+
19652
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19653
+ padding: var(--base-size-24);
19103
19654
  }
19104
19655
 
19105
19656
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
@@ -19121,16 +19672,24 @@ Fixes safari bug where outline doesn't respect border-radius
19121
19672
 
19122
19673
  @media screen and (min-width: 63.25rem) {
19123
19674
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
19124
- padding: var(--base-size-16) var(--base-size-32);
19125
19675
  align-items: center;
19126
19676
  display: flex;
19127
19677
  z-index: 92;
19678
+ padding-inline: var(--base-size-32);
19679
+ }
19680
+
19681
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19682
+ padding: 0;
19128
19683
  }
19129
19684
 
19130
19685
  .Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
19131
19686
  padding-block-end: 0;
19132
19687
  }
19133
19688
 
19689
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19690
+ padding-inline-start: 0;
19691
+ }
19692
+
19134
19693
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
19135
19694
  padding-inline: 0;
19136
19695
  }
@@ -19143,11 +19702,6 @@ Fixes safari bug where outline doesn't respect border-radius
19143
19702
  padding-block-end: 1px;
19144
19703
  }
19145
19704
 
19146
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
19147
- font-size: calc(var(--base-size-20) - 2px);
19148
- line-height: var(--base-size-24);
19149
- }
19150
-
19151
19705
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
19152
19706
  margin-inline-end: var(--base-size-20);
19153
19707
  display: inline-flex;
@@ -19163,26 +19717,18 @@ Fixes safari bug where outline doesn't respect border-radius
19163
19717
  align-items: center;
19164
19718
  }
19165
19719
 
19166
- .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19167
- margin-inline-end: var(--base-size-20);
19168
- }
19169
-
19170
19720
  .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
19171
19721
  display: flex;
19172
19722
  align-items: center;
19173
19723
  }
19174
19724
 
19175
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
19176
- font-size: var(--brand-text-size-100);
19177
- line-height: var(--brand-text-lineHeight-100);
19178
- }
19179
-
19180
19725
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
19181
19726
  align-items: center;
19182
19727
  display: flex;
19183
- gap: var(--base-size-20);
19728
+ gap: var(--base-size-2);
19184
19729
  z-index: 92;
19185
19730
  flex-grow: 1;
19731
+ padding-inline-start: var(--base-size-24);
19186
19732
  }
19187
19733
 
19188
19734
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -19190,7 +19736,8 @@ Fixes safari bug where outline doesn't respect border-radius
19190
19736
  text-decoration: none !important; /* dotcom override */
19191
19737
  transition: color 0.2s var(--brand-animation-easing-glide);
19192
19738
  position: relative;
19193
- padding: var(--base-size-4) 0;
19739
+ padding: var(--base-size-4) var(--base-size-12);
19740
+ border-radius: var(--brand-borderRadius-full);
19194
19741
  }
19195
19742
 
19196
19743
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -19215,24 +19762,20 @@ Fixes safari bug where outline doesn't respect border-radius
19215
19762
 
19216
19763
  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
19217
19764
  background-clip: padding-box;
19218
- background-color: var(--brand-SubNav-color-subMenu-bgColor);
19219
- border: max(1px, 0.0625rem) solid var(--borderColor-default, var(--color-border-default));
19220
- border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
19221
- border-radius: 0.375rem;
19222
- border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
19223
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
19765
+ background-color: var(--brand-color-canvas-default);
19766
+ border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
19767
+ border-radius: var(--brand-borderRadius-medium);
19224
19768
  left: 0;
19225
19769
  list-style: none;
19226
19770
  margin-block-start: var(--base-size-8);
19227
- padding: var(--base-size-24);
19228
- padding-inline-end: var(--base-size-24);
19771
+ padding: var(--base-size-8);
19229
19772
  position: absolute;
19230
- top: 100%;
19773
+ top: 90%;
19231
19774
  z-index: 9998;
19232
19775
  transition-timing-function: var(--brand-animation-easing-glide);
19233
19776
  transition-duration: var(--brand-animation-duration-fast);
19234
19777
  transition-property: opacity, transform;
19235
- left: calc(var(--base-size-4) / 4 * -16);
19778
+ left: var(--base-size-4);
19236
19779
  visibility: hidden;
19237
19780
  opacity: 0;
19238
19781
  transform: scale(0.99) translateY(-0.7em) translateX(-8px);
@@ -19247,7 +19790,6 @@ Fixes safari bug where outline doesn't respect border-radius
19247
19790
  visibility: visible;
19248
19791
  opacity: 1;
19249
19792
  transform: scale(1) translateY(0) translateX(-8px);
19250
- box-shadow: var(--brand-SubNav-shadow);
19251
19793
  }
19252
19794
 
19253
19795
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
@@ -19269,10 +19811,6 @@ Fixes safari bug where outline doesn't respect border-radius
19269
19811
  display: block;
19270
19812
  }
19271
19813
 
19272
- .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19273
- color: var(--brand-color-text-default) !important;
19274
- }
19275
-
19276
19814
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
19277
19815
  opacity: 1;
19278
19816
  transform: scale(0);
@@ -19291,18 +19829,53 @@ Fixes safari bug where outline doesn't respect border-radius
19291
19829
  padding: var(--base-size-4) 0;
19292
19830
  }
19293
19831
 
19294
- /* Show underline on submenu parent when child has aria-current */
19295
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:has(.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']))
19296
- > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ
19297
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
19298
- opacity: 1;
19299
- transform: scale(0.8, 1);
19832
+ /* Show pill on submenu parent */
19833
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
19834
+ background-color: var(--brand-SubNav-color-link-bgColor);
19835
+ border-radius: var(--brand-borderRadius-full);
19836
+ padding: 0 var(--base-size-8) 0 0;
19837
+ gap: 0;
19300
19838
  }
19301
19839
 
19302
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
19303
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
19304
- opacity: 1;
19305
- transform: scale(1);
19840
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19841
+ padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
19842
+ }
19843
+
19844
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19845
+ padding: var(--base-size-12);
19846
+ }
19847
+
19848
+ /* Active link pill styling */
19849
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19850
+ background-color: var(--brand-SubNav-color-link-bgColor);
19851
+ line-height: 1.1em;
19852
+ }
19853
+
19854
+ /* Firefox optical alignment fix */
19855
+ @supports (-moz-appearance: none) {
19856
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
19857
+ .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
19858
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
19859
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19860
+ top: 0;
19861
+ }
19862
+ }
19863
+
19864
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19865
+ padding-inline-end: var(--base-size-4);
19866
+ }
19867
+
19868
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19869
+ background-color: transparent;
19870
+ border-radius: var(--brand-borderRadius-medium);
19871
+ padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
19872
+ top: auto;
19873
+ top: initial;
19874
+ }
19875
+
19876
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
19877
+ background-color: var(--brand-SubNav-color-link-bgColor);
19878
+ border-radius: var(--brand-borderRadius-medium);
19306
19879
  }
19307
19880
 
19308
19881
  .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
@@ -19311,10 +19884,6 @@ Fixes safari bug where outline doesn't respect border-radius
19311
19884
  transition: transform var(--brand-animation-duration-fast);
19312
19885
  }
19313
19886
 
19314
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
19315
- transform: translateY(2px);
19316
- }
19317
-
19318
19887
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
19319
19888
  padding-inline: var(--base-size-32);
19320
19889
  }
@@ -19352,7 +19921,7 @@ Fixes safari bug where outline doesn't respect border-radius
19352
19921
 
19353
19922
  /**
19354
19923
  * Do not edit directly
19355
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
19924
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
19356
19925
  */
19357
19926
 
19358
19927
  :root {
@@ -19361,7 +19930,7 @@ Fixes safari bug where outline doesn't respect border-radius
19361
19930
 
19362
19931
  /**
19363
19932
  * Do not edit directly
19364
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
19933
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
19365
19934
  */
19366
19935
 
19367
19936
  :root,
@@ -19857,7 +20426,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19857
20426
 
19858
20427
  /**
19859
20428
  * Do not edit directly
19860
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
20429
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
19861
20430
  */
19862
20431
 
19863
20432
  :root,
@@ -19956,7 +20525,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19956
20525
 
19957
20526
  /**
19958
20527
  * Do not edit directly
19959
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
20528
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
19960
20529
  */
19961
20530
 
19962
20531
  :root,
@@ -20334,7 +20903,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20334
20903
 
20335
20904
  /**
20336
20905
  * Do not edit directly
20337
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
20906
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
20338
20907
  */
20339
20908
 
20340
20909
  :root,
@@ -20348,7 +20917,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20348
20917
 
20349
20918
  /**
20350
20919
  * Do not edit directly
20351
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
20920
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
20352
20921
  */
20353
20922
 
20354
20923
  :root {
@@ -20535,7 +21104,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20535
21104
 
20536
21105
  /**
20537
21106
  * Do not edit directly
20538
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
21107
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
20539
21108
  */
20540
21109
 
20541
21110
  :root {
@@ -20819,7 +21388,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20819
21388
 
20820
21389
  /**
20821
21390
  * Do not edit directly
20822
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
21391
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
20823
21392
  */
20824
21393
 
20825
21394
  :root {
@@ -20830,7 +21399,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20830
21399
 
20831
21400
  /**
20832
21401
  * Do not edit directly
20833
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
21402
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
20834
21403
  */
20835
21404
 
20836
21405
  :root,
@@ -20968,7 +21537,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20968
21537
 
20969
21538
  /**
20970
21539
  * Do not edit directly
20971
- * Generated on Mon, 23 Feb 2026 09:37:10 GMT
21540
+ * Generated on Wed, 25 Feb 2026 15:01:07 GMT
20972
21541
  */
20973
21542
 
20974
21543
  :root {
@@ -20977,7 +21546,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20977
21546
 
20978
21547
  /**
20979
21548
  * Do not edit directly
20980
- * Generated on Mon, 23 Feb 2026 09:37:11 GMT
21549
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
20981
21550
  */
20982
21551
 
20983
21552
  :root,
@@ -21221,3 +21790,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21221
21790
  }
21222
21791
  }
21223
21792
 
21793
+ /**
21794
+ * Do not edit directly
21795
+ * Generated on Wed, 25 Feb 2026 15:01:08 GMT
21796
+ */
21797
+
21798
+ :root,
21799
+ [data-color-mode="light"] {
21800
+ --brand-tiles-bgColor-rest: #fafafa;
21801
+ --brand-tiles-bgColor-hover: #f2f5f3;
21802
+ --brand-tiles-highlightColor: #08872b;
21803
+ }
21804
+
21805
+ [data-color-mode="dark"] {
21806
+ --brand-tiles-bgColor-rest: #090d0a;
21807
+ --brand-tiles-bgColor-hover: #101411;
21808
+ --brand-tiles-highlightColor: #5fed83;
21809
+ }
21810
+
21811
+ .Primer_Brand__Tiles-module__Tiles___z9bH9 {
21812
+ width: 100%;
21813
+ color: var(--brand-color-text-default);
21814
+ }
21815
+
21816
+ .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21817
+ --tiles-columns: 2;
21818
+ display: flex;
21819
+ flex-wrap: wrap;
21820
+ justify-content: center;
21821
+ list-style: none;
21822
+ margin: 0;
21823
+ padding: 0;
21824
+ }
21825
+
21826
+ @media screen and (min-width: 48rem) {
21827
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21828
+ --tiles-columns: 4;
21829
+ }
21830
+ }
21831
+
21832
+ @media screen and (min-width: 63.25rem) {
21833
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21834
+ --tiles-columns: 6;
21835
+ }
21836
+ }
21837
+
21838
+ @media screen and (min-width: 48rem) {
21839
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21840
+ --tiles-columns: 4;
21841
+ }
21842
+ }
21843
+
21844
+ @media screen and (min-width: 63.25rem) {
21845
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21846
+ --tiles-columns: 8;
21847
+ }
21848
+ }
21849
+
21850
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
21851
+ position: relative;
21852
+ }
21853
+
21854
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
21855
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21856
+ content: '';
21857
+ position: absolute;
21858
+ left: 50%;
21859
+ transform: translateX(-50%);
21860
+ width: 100vw;
21861
+ height: 0;
21862
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21863
+ }
21864
+
21865
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
21866
+ top: 0;
21867
+ }
21868
+
21869
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21870
+ bottom: 0;
21871
+ }
21872
+
21873
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21874
+ position: relative;
21875
+ padding-right: var(--brand-borderWidth-thin);
21876
+ padding-bottom: var(--brand-borderWidth-thin);
21877
+ }
21878
+
21879
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
21880
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21881
+ content: '';
21882
+ position: absolute;
21883
+ top: 0;
21884
+ bottom: 0;
21885
+ width: 0;
21886
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21887
+ z-index: 1;
21888
+ pointer-events: none;
21889
+ }
21890
+
21891
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
21892
+ left: 0;
21893
+ }
21894
+
21895
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21896
+ right: 0;
21897
+ }
21898
+
21899
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
21900
+ --tiles-inset-shadow: inset 0 0 0 transparent;
21901
+ position: relative;
21902
+ display: flex;
21903
+ flex-direction: column;
21904
+ width: calc(100% / var(--tiles-columns));
21905
+ box-sizing: border-box;
21906
+ background-color: var(--brand-tiles-bgColor-rest);
21907
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21908
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21909
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
21910
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
21911
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
21912
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
21913
+ transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
21914
+ box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
21915
+ }
21916
+
21917
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
21918
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
21919
+ --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
21920
+ background-color: var(--brand-tiles-bgColor-hover);
21921
+ }
21922
+
21923
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
21924
+ display: flex;
21925
+ width: 100%;
21926
+ flex: 1;
21927
+ -webkit-text-decoration: none;
21928
+ text-decoration: none;
21929
+ color: inherit;
21930
+ }
21931
+
21932
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
21933
+ outline: var(--base-size-4) solid var(--brand-color-focus);
21934
+ outline-offset: calc(-1 * var(--base-size-4));
21935
+ border-radius: var(--brand-borderRadius-small);
21936
+ }
21937
+
21938
+ .Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
21939
+ position: relative;
21940
+ display: flex;
21941
+ align-items: center;
21942
+ justify-content: center;
21943
+ width: 100%;
21944
+ aspect-ratio: 1;
21945
+ }
21946
+
21947
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
21948
+ display: flex;
21949
+ align-items: center;
21950
+ justify-content: center;
21951
+ }
21952
+
21953
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
21954
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
21955
+ width: auto;
21956
+ height: var(--base-size-40);
21957
+ max-width: 100%;
21958
+ }
21959
+
21960
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
21961
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
21962
+ height: var(--base-size-32);
21963
+ }
21964
+
21965
+ .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
21966
+ position: absolute;
21967
+ bottom: 0;
21968
+ left: 0;
21969
+ right: 0;
21970
+ display: flex;
21971
+ align-items: center;
21972
+ justify-content: space-between;
21973
+ gap: var(--base-size-4);
21974
+ padding: var(--base-size-12) var(--base-size-16);
21975
+ }
21976
+
21977
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
21978
+ opacity: 0;
21979
+ transform: translateY(var(--base-size-4));
21980
+ transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
21981
+ transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
21982
+ pointer-events: none;
21983
+ }
21984
+
21985
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:hover .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF,
21986
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
21987
+ opacity: 1;
21988
+ transform: translateY(0);
21989
+ }
21990
+
21991
+ .Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
21992
+ white-space: nowrap;
21993
+ overflow: hidden;
21994
+ text-overflow: ellipsis;
21995
+ min-width: 0;
21996
+ }
21997
+
21998
+ .Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
21999
+ flex-shrink: 0;
22000
+ color: var(--brand-color-text-default);
22001
+ }
22002
+
22003
+ @media (prefers-reduced-motion: reduce) {
22004
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22005
+ transition: none;
22006
+ }
22007
+
22008
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22009
+ transition: none;
22010
+ }
22011
+ }
22012
+