@primer/react-brand 0.65.0-rc.dd3b4470 → 0.65.0

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 (365) hide show
  1. package/lib/EyebrowText/EyebrowText.d.ts +13 -0
  2. package/lib/EyebrowText/index.d.ts +1 -0
  3. package/lib/Hero/HeroContext.d.ts +1 -1
  4. package/lib/IDE/IDE.d.ts +10 -0
  5. package/lib/Tiles/Tiles.d.ts +49 -0
  6. package/lib/Tiles/Tiles.fixtures.d.ts +6 -0
  7. package/lib/Tiles/index.d.ts +1 -0
  8. package/lib/css/main.css +845 -96
  9. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/river/river.css +21 -6
  69. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +17 -0
  82. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  97. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  98. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  99. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +21 -3
  130. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  149. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  150. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  151. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  152. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  153. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  154. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  156. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  157. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  158. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  159. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/river/river.js +9 -3
  182. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  183. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  201. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  202. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  203. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  204. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  205. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  206. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  212. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +9 -3
  234. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  235. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  253. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  254. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  255. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  256. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  257. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  258. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  259. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  260. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  261. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  262. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  263. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  267. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +20 -2
  318. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +21 -3
  319. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  357. package/lib/fixtures/third-party-logos/AzureLogo.d.ts +4 -0
  358. package/lib/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts +4 -0
  359. package/lib/fixtures/third-party-logos/MicrosoftLogo.d.ts +4 -0
  360. package/lib/index.d.ts +2 -0
  361. package/lib/index.js +1 -1
  362. package/lib/river/River/River.d.ts +22 -0
  363. package/lib/river/River/index.d.ts +1 -1
  364. package/lib/river/RiverBreakout/RiverBreakout.d.ts +9 -1
  365. 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 Tue, 24 Feb 2026 13:29:45 GMT
81
+ * Generated on Thu, 26 Feb 2026 09:27:33 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 Tue, 24 Feb 2026 13:29:45 GMT
359
+ * Generated on Thu, 26 Feb 2026 09:27:32 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 Tue, 24 Feb 2026 13:29:45 GMT
386
+ * Generated on Thu, 26 Feb 2026 09:27:32 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 Tue, 24 Feb 2026 13:29:45 GMT
403
+ * Generated on Thu, 26 Feb 2026 09:27:33 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 Tue, 24 Feb 2026 13:29:44 GMT
561
+ * Generated on Thu, 26 Feb 2026 09:27:32 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 Tue, 24 Feb 2026 13:29:44 GMT
575
+ * Generated on Thu, 26 Feb 2026 09:27:32 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 Tue, 24 Feb 2026 13:29:45 GMT
594
+ * Generated on Thu, 26 Feb 2026 09:27:33 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 Tue, 24 Feb 2026 13:29:45 GMT
674
+ * Generated on Thu, 26 Feb 2026 09:27:33 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 Tue, 24 Feb 2026 13:29:45 GMT
701
+ * Generated on Thu, 26 Feb 2026 09:27:33 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 Tue, 24 Feb 2026 13:29:44 GMT
1474
+ * Generated on Thu, 26 Feb 2026 09:27:32 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 Tue, 24 Feb 2026 13:29:44 GMT
1782
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
1783
1783
  */
1784
1784
 
1785
1785
  :root {
@@ -6155,7 +6155,7 @@ html {
6155
6155
  .Primer_Brand__Hero-module__Hero-label___exV9w {
6156
6156
  text-transform: uppercase;
6157
6157
  letter-spacing: 1px;
6158
- margin-block-end: var(--base-size-24);
6158
+ margin-block-end: var(--base-size-16);
6159
6159
  display: flex;
6160
6160
  align-items: center;
6161
6161
  }
@@ -6168,6 +6168,7 @@ html {
6168
6168
  .Primer_Brand__Hero-module__Hero-heading___QuVBH b {
6169
6169
  color: var(--brand-color-accent-primary);
6170
6170
  font-style: normal;
6171
+ font-weight: inherit;
6171
6172
  }
6172
6173
 
6173
6174
  .Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
@@ -6764,7 +6765,7 @@ html {
6764
6765
 
6765
6766
  /**
6766
6767
  * Do not edit directly
6767
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
6768
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
6768
6769
  */
6769
6770
 
6770
6771
  :root,
@@ -7101,7 +7102,7 @@ html {
7101
7102
 
7102
7103
  /**
7103
7104
  * Do not edit directly
7104
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
7105
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
7105
7106
  */
7106
7107
 
7107
7108
  :root {
@@ -7407,7 +7408,7 @@ html {
7407
7408
 
7408
7409
  /**
7409
7410
  * Do not edit directly
7410
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
7411
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
7411
7412
  */
7412
7413
 
7413
7414
  :root,
@@ -7423,7 +7424,7 @@ html {
7423
7424
 
7424
7425
  /**
7425
7426
  * Do not edit directly
7426
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
7427
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
7427
7428
  */
7428
7429
 
7429
7430
  :root,
@@ -7688,9 +7689,14 @@ html {
7688
7689
  }
7689
7690
  }
7690
7691
 
7692
+ .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
7693
+ text-transform: uppercase;
7694
+ letter-spacing: var(--brand-text-letterSpacing-100);
7695
+ }
7696
+
7691
7697
  /**
7692
7698
  * Do not edit directly
7693
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
7699
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
7694
7700
  */
7695
7701
 
7696
7702
  :root {
@@ -7701,30 +7707,45 @@ html {
7701
7707
 
7702
7708
  /**
7703
7709
  * Do not edit directly
7704
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
7710
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
7705
7711
  */
7706
7712
 
7707
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);
7708
7718
  --brand-RiverBreakout-spacing-inner: var(--base-size-40);
7709
- --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);
7710
7722
  --brand-River-spacing-innerY: var(--base-size-24);
7711
- --brand-River-spacing-inner: var(--base-size-24);
7723
+ --brand-River-spacing-inner: var(--base-size-40);
7712
7724
  }
7713
7725
 
7714
7726
  @media (min-width: 768px) {
7715
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);
7716
7732
  --brand-RiverBreakout-spacing-inner: var(--base-size-48);
7717
7733
  --brand-River-spacing-innerY: var(--base-size-24);
7718
- --brand-River-spacing-inner: var(--base-size-36);
7719
7734
  }
7720
7735
  }
7721
7736
 
7722
7737
  @media (min-width: 1280px) {
7723
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);
7724
7743
  --brand-RiverBreakout-spacing-inner: var(--base-size-64);
7725
- --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);
7726
7747
  --brand-River-spacing-innerY: var(--base-size-32);
7727
- --brand-River-spacing-inner: var(--base-size-48);
7748
+ --brand-River-spacing-inner: var(--base-size-24);
7728
7749
  }
7729
7750
  }
7730
7751
 
@@ -7733,8 +7754,48 @@ html {
7733
7754
  grid-gap: var(--brand-River-spacing-inner);
7734
7755
  gap: var(--brand-River-spacing-inner);
7735
7756
  grid-auto-rows: min-content;
7736
- padding-top: var(--brand-River-spacing-outer);
7737
- 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
+ }
7738
7799
  }
7739
7800
 
7740
7801
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
@@ -7763,12 +7824,62 @@ html {
7763
7824
  box-shadow: var(--brand-River-visual-shadow);
7764
7825
  }
7765
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
+
7766
7877
  .Primer_Brand__river-shared-module__River__heading___tl6zS {
7767
7878
  margin-bottom: var(--brand-River-heading-margin);
7768
7879
  }
7769
7880
 
7770
7881
  .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7771
- margin-top: var(--base-size-24);
7882
+ margin-top: var(--base-size-20);
7772
7883
  }
7773
7884
 
7774
7885
  .Primer_Brand__river-shared-module__River__text___TQQhU strong,
@@ -7777,6 +7888,36 @@ html {
7777
7888
  color: var(--brand-color-text-default);
7778
7889
  }
7779
7890
 
7891
+ .Primer_Brand__river-shared-module__River__heading___tl6zS code,
7892
+ .Primer_Brand__river-shared-module__River__text___TQQhU code {
7893
+ font-size: inherit;
7894
+ font-family: var(--brand-fontStack-monospace) !important;
7895
+ background-color: var(--brand-color-canvas-subtle);
7896
+ padding: 0 var(--base-size-4) var(--base-size-2);
7897
+ margin-inline: var(--base-size-2);
7898
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
7899
+ border-radius: var(--brand-borderRadius-small);
7900
+ box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);
7901
+ }
7902
+
7903
+ .Primer_Brand__river-shared-module__River__text___TQQhU code {
7904
+ padding: var(--base-size-2) var(--base-size-4) 0;
7905
+ }
7906
+
7907
+ .Primer_Brand__river-shared-module__River__heading-inner___HlgBo:has(code) {
7908
+ line-height: calc(1lh * 1.8);
7909
+ }
7910
+
7911
+ @media screen and (min-width: 64rem) {
7912
+ .Primer_Brand__river-shared-module__River__heading-inner___HlgBo:has(code) {
7913
+ line-height: calc(1lh * 2.1);
7914
+ }
7915
+ }
7916
+
7917
+ .Primer_Brand__river-shared-module__River__text___TQQhU:has(code) {
7918
+ line-height: calc(1lh * 1.1);
7919
+ }
7920
+
7780
7921
  .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
7781
7922
  margin-block-start: var(--brand-River-spacing-inner);
7782
7923
  }
@@ -7790,12 +7931,47 @@ html {
7790
7931
  margin-block-end: var(--brand-River-label-margin);
7791
7932
  }
7792
7933
 
7793
- /* Medium breakpoint and up */
7794
- @media screen and (min-width: 48rem) {
7934
+ .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 {
7935
+ order: 1;
7936
+ }
7937
+
7938
+ .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 {
7939
+ order: 2;
7940
+ }
7941
+
7942
+ .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 {
7943
+ order: 1;
7944
+ }
7945
+
7946
+ .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 {
7947
+ order: 2;
7948
+ }
7949
+
7950
+ @media screen and (max-width: 63.24rem) {
7951
+ .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 {
7952
+ margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7953
+ }
7954
+
7955
+ .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 {
7956
+ margin-block-end: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7957
+ }
7958
+
7959
+ .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 {
7960
+ margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7961
+ }
7962
+ }
7963
+
7964
+ /* Large breakpoint and up */
7965
+ @media screen and (min-width: 63.25rem) {
7795
7966
  .Primer_Brand__river-shared-module__River___eSXvR {
7796
7967
  grid-template-rows: initial;
7797
7968
  }
7798
7969
 
7970
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7971
+ padding: var(--base-size-64);
7972
+ margin: 0;
7973
+ }
7974
+
7799
7975
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7800
7976
  order: initial;
7801
7977
  }
@@ -7820,12 +7996,37 @@ html {
7820
7996
  grid-template-columns: [visual] 6fr [content] 4fr;
7821
7997
  }
7822
7998
 
7999
+ .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 {
8000
+ margin-inline-start: calc(var(--base-size-80) + var(--base-size-8));
8001
+ }
8002
+
8003
+ .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 {
8004
+ margin-inline-end: calc(var(--base-size-80) + var(--base-size-8));
8005
+ }
8006
+
7823
8007
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7824
8008
  display: grid;
7825
8009
  align-content: center;
7826
8010
  grid-area: content;
7827
8011
  }
7828
8012
 
8013
+ .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,
8014
+ .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 {
8015
+ max-width: 400px;
8016
+ }
8017
+
8018
+ .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 {
8019
+ padding-inline-end: var(--base-size-128);
8020
+ }
8021
+
8022
+ .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 {
8023
+ padding-inline-start: var(--base-size-128);
8024
+ }
8025
+
8026
+ .Primer_Brand__river-shared-module__River__content--align-block-end___xI62E {
8027
+ align-content: end;
8028
+ }
8029
+
7829
8030
  .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7830
8031
  grid-area: visual;
7831
8032
  }
@@ -7853,21 +8054,90 @@ html {
7853
8054
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
7854
8055
  margin-top: var(--brand-River-spacing-inner);
7855
8056
  }
7856
- }
7857
8057
 
7858
- /* Large breakpoint and up */
7859
- @media screen and (min-width: 63.25rem) {
7860
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__body-text___aJne5,
7861
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__heading___tl6zS {
7862
- max-width: 400px;
8058
+ .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) {
8059
+ padding: 0;
8060
+ gap: 0;
8061
+ }
8062
+
8063
+ .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) {
8064
+ grid-template-columns: 1fr 1fr;
8065
+ }
8066
+
8067
+ .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) {
8068
+ grid-template-columns: 560fr 676fr;
8069
+ }
8070
+
8071
+ .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) {
8072
+ grid-template-columns: 676fr 560fr;
7863
8073
  }
7864
8074
 
7865
- .Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
8075
+ .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 {
8076
+ padding-inline-start: var(--base-size-64);
8077
+ padding-inline-end: var(--brand-River-spacing-inner);
8078
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
8079
+ }
8080
+
8081
+ .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 {
8082
+ padding-inline-end: calc(var(--base-size-80) + var(--base-size-32));
8083
+ }
8084
+
8085
+ .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 {
7866
8086
  padding-inline-end: var(--base-size-128);
7867
8087
  }
7868
8088
 
7869
- .Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7870
- padding-inline: var(--base-size-64);
8089
+ .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 {
8090
+ padding-inline-start: var(--brand-River-spacing-inner);
8091
+ padding-inline-end: var(--base-size-64);
8092
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
8093
+ }
8094
+
8095
+ .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 {
8096
+ padding-inline-start: calc(var(--base-size-80) + var(--base-size-32));
8097
+ }
8098
+
8099
+ .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 {
8100
+ padding-inline-start: var(--base-size-128);
8101
+ }
8102
+
8103
+ .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 {
8104
+ padding-inline-end: var(--brand-River-spacing-inner);
8105
+ }
8106
+
8107
+ .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 {
8108
+ padding-inline-start: var(--brand-River-spacing-inner);
8109
+ }
8110
+
8111
+ .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 {
8112
+ margin-inline-start: 0;
8113
+ margin-inline-end: 0;
8114
+ }
8115
+
8116
+ .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) {
8117
+ padding: 0;
8118
+ }
8119
+
8120
+ .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 {
8121
+ width: 100%;
8122
+ margin: 0;
8123
+ }
8124
+
8125
+ .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 {
8126
+ margin-bottom: 0;
8127
+ }
8128
+
8129
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
8130
+ gap: 0;
8131
+ }
8132
+
8133
+ .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 {
8134
+ margin-top: 0;
8135
+ margin-bottom: var(--base-size-64);
8136
+ }
8137
+
8138
+ .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 {
8139
+ padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
8140
+ padding-block-start: var(--brand-River-variant-gridline-spacing-outerBlock);
7871
8141
  }
7872
8142
  }
7873
8143
 
@@ -7875,8 +8145,8 @@ html {
7875
8145
  display: flex;
7876
8146
  flex-direction: column;
7877
8147
  gap: var(--brand-RiverBreakout-spacing-inner);
7878
- padding-block-end: var(--brand-River-spacing-outer);
7879
- padding-block-start: var(--brand-River-spacing-outer);
8148
+ padding-block-end: var(--brand-River-spacing-outerBlock);
8149
+ padding-block-start: var(--brand-River-spacing-outerBlock);
7880
8150
  }
7881
8151
 
7882
8152
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
@@ -7910,7 +8180,7 @@ html {
7910
8180
  }
7911
8181
 
7912
8182
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7913
- margin-block-end: var(--base-size-40);
8183
+ padding-block-start: var(--base-size-12);
7914
8184
  }
7915
8185
 
7916
8186
  @media screen and (min-width: 48rem) {
@@ -7943,6 +8213,192 @@ html {
7943
8213
  }
7944
8214
  }
7945
8215
 
8216
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8217
+ position: relative;
8218
+ padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8219
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8220
+ padding-block-end: 0;
8221
+ gap: 0;
8222
+ }
8223
+
8224
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
8225
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8226
+ content: '';
8227
+ position: absolute;
8228
+ left: 50%;
8229
+ transform: translateX(-50%);
8230
+ width: 100vw;
8231
+ height: 0;
8232
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8233
+ }
8234
+
8235
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before {
8236
+ top: 0;
8237
+ }
8238
+
8239
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8240
+ bottom: 0;
8241
+ }
8242
+
8243
+ @media screen and (min-width: 80rem) {
8244
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8245
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8246
+ }
8247
+ }
8248
+
8249
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual___kjFE2 {
8250
+ overflow: hidden;
8251
+ }
8252
+
8253
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
8254
+ border-radius: var(--brand-borderRadius-large);
8255
+ }
8256
+
8257
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8258
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8259
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8260
+ gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8261
+ }
8262
+
8263
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
8264
+ padding-block-start: var(--base-size-12);
8265
+ }
8266
+
8267
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
8268
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8269
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8270
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8271
+ margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8272
+ padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8273
+ }
8274
+
8275
+ /* Reset base RiverBreakout grid for gridline variant until desktop breakpoint */
8276
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
8277
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8278
+ display: flex;
8279
+ flex-direction: column;
8280
+ }
8281
+
8282
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
8283
+ margin-block-start: 0;
8284
+ }
8285
+ }
8286
+
8287
+ @media screen and (min-width: 63.25rem) {
8288
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY) {
8289
+ padding-block-end: 0;
8290
+ }
8291
+
8292
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8293
+ display: grid;
8294
+ grid-template-areas:
8295
+ 'text trailingComponent'
8296
+ 'cta trailingComponent';
8297
+ grid-template-columns: 1fr 31rem;
8298
+ grid-template-columns: 1fr var(--brand-RiverBreakout-gridline-trailing-width, 31rem);
8299
+ grid-template-rows: auto 1fr;
8300
+ grid-gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8301
+ gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8302
+ flex: 1;
8303
+ padding-block: 0;
8304
+ }
8305
+
8306
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__text___TQQhU {
8307
+ grid-area: text;
8308
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8309
+ }
8310
+
8311
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
8312
+ grid-area: cta;
8313
+ margin-block: 0;
8314
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8315
+ }
8316
+
8317
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
8318
+ grid-area: trailingComponent;
8319
+ margin-block-start: 0;
8320
+ }
8321
+
8322
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
8323
+ border-top: none;
8324
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8325
+ margin-inline: 0;
8326
+ margin-block: 0;
8327
+ padding-inline: 0;
8328
+ padding-inline-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8329
+ padding-block: 0;
8330
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8331
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8332
+ align-self: stretch;
8333
+ }
8334
+ }
8335
+
8336
+ /* Gridline + background: remove outer container top padding (background fills to top edge) */
8337
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8338
+ padding-block-start: 0;
8339
+ }
8340
+
8341
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8342
+ display: flex;
8343
+ align-items: center;
8344
+ justify-content: center;
8345
+ background-color: var(--brand-color-canvas-subtle);
8346
+ border-radius: 0;
8347
+ overflow: hidden;
8348
+ }
8349
+
8350
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8351
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8352
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8353
+ max-width: 100%;
8354
+ height: auto;
8355
+ width: auto;
8356
+ border-radius: var(--brand-borderRadius-large);
8357
+ }
8358
+
8359
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8360
+ margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8361
+ padding: var(--base-size-32);
8362
+ }
8363
+
8364
+ @media screen and (max-width: 47.99rem) {
8365
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8366
+ align-items: flex-end;
8367
+ padding-block-end: 0;
8368
+ }
8369
+
8370
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8371
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8372
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8373
+ border-end-start-radius: 0;
8374
+ border-end-end-radius: 0;
8375
+ }
8376
+ }
8377
+
8378
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
8379
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8380
+ align-items: flex-end;
8381
+ padding-block-end: 0;
8382
+ }
8383
+
8384
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8385
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8386
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8387
+ border-end-start-radius: 0;
8388
+ border-end-end-radius: 0;
8389
+ }
8390
+ }
8391
+
8392
+ @media screen and (min-width: 63.25rem) {
8393
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8394
+ padding: var(--base-size-64);
8395
+ }
8396
+
8397
+ .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 {
8398
+ border-radius: 0;
8399
+ }
8400
+ }
8401
+
7946
8402
  .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7947
8403
  --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
7948
8404
  -webkit-font-smoothing: antialiased;
@@ -8429,7 +8885,7 @@ html {
8429
8885
 
8430
8886
  /**
8431
8887
  * Do not edit directly
8432
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
8888
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
8433
8889
  */
8434
8890
 
8435
8891
  :root,
@@ -9197,7 +9653,7 @@ html {
9197
9653
 
9198
9654
  /**
9199
9655
  * Do not edit directly
9200
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
9656
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
9201
9657
  */
9202
9658
 
9203
9659
  :root,
@@ -9225,7 +9681,7 @@ html {
9225
9681
 
9226
9682
  /**
9227
9683
  * Do not edit directly
9228
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
9684
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
9229
9685
  */
9230
9686
 
9231
9687
  :root,
@@ -9241,7 +9697,7 @@ html {
9241
9697
 
9242
9698
  /**
9243
9699
  * Do not edit directly
9244
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
9700
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
9245
9701
  */
9246
9702
 
9247
9703
  :root {
@@ -9294,7 +9750,7 @@ html {
9294
9750
 
9295
9751
  /**
9296
9752
  * Do not edit directly
9297
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
9753
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
9298
9754
  */
9299
9755
 
9300
9756
  :root,
@@ -9722,7 +10178,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9722
10178
 
9723
10179
  /**
9724
10180
  * Do not edit directly
9725
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
10181
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
9726
10182
  */
9727
10183
 
9728
10184
  :root {
@@ -9731,7 +10187,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9731
10187
 
9732
10188
  /**
9733
10189
  * Do not edit directly
9734
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
10190
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
9735
10191
  */
9736
10192
 
9737
10193
  :root,
@@ -9753,7 +10209,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9753
10209
 
9754
10210
  /**
9755
10211
  * Do not edit directly
9756
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
10212
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
9757
10213
  */
9758
10214
 
9759
10215
  :root {
@@ -10035,7 +10491,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10035
10491
 
10036
10492
  /**
10037
10493
  * Do not edit directly
10038
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
10494
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
10039
10495
  */
10040
10496
 
10041
10497
  :root,
@@ -11238,7 +11694,7 @@ Fixes safari bug where outline doesn't respect border-radius
11238
11694
 
11239
11695
  /**
11240
11696
  * Do not edit directly
11241
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
11697
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
11242
11698
  */
11243
11699
 
11244
11700
  :root {
@@ -11252,7 +11708,7 @@ Fixes safari bug where outline doesn't respect border-radius
11252
11708
 
11253
11709
  /**
11254
11710
  * Do not edit directly
11255
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
11711
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
11256
11712
  */
11257
11713
 
11258
11714
  :root,
@@ -11546,7 +12002,7 @@ Fixes safari bug where outline doesn't respect border-radius
11546
12002
 
11547
12003
  /**
11548
12004
  * Do not edit directly
11549
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
12005
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
11550
12006
  */
11551
12007
 
11552
12008
  :root,
@@ -11562,7 +12018,7 @@ Fixes safari bug where outline doesn't respect border-radius
11562
12018
 
11563
12019
  /**
11564
12020
  * Do not edit directly
11565
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
12021
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
11566
12022
  */
11567
12023
 
11568
12024
  :root {
@@ -12307,7 +12763,7 @@ Fixes safari bug where outline doesn't respect border-radius
12307
12763
 
12308
12764
  /**
12309
12765
  * Do not edit directly
12310
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
12766
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
12311
12767
  */
12312
12768
 
12313
12769
  :root,
@@ -12323,7 +12779,7 @@ Fixes safari bug where outline doesn't respect border-radius
12323
12779
 
12324
12780
  /**
12325
12781
  * Do not edit directly
12326
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
12782
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
12327
12783
  */
12328
12784
 
12329
12785
  :root,
@@ -12376,7 +12832,7 @@ Fixes safari bug where outline doesn't respect border-radius
12376
12832
  }
12377
12833
 
12378
12834
  .Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
12379
- gap: 0;
12835
+ row-gap: 0;
12380
12836
  --brand-Grid-spacing-row: 0;
12381
12837
  padding-inline: 0;
12382
12838
  }
@@ -12412,6 +12868,15 @@ Fixes safari bug where outline doesn't respect border-radius
12412
12868
  justify-content: flex-start;
12413
12869
  }
12414
12870
 
12871
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12872
+ order: -1;
12873
+ margin-block-start: 0;
12874
+ }
12875
+
12876
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
12877
+ margin-block-start: var(--base-size-24);
12878
+ }
12879
+
12415
12880
  .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12416
12881
  margin-block-start: var(--base-size-24);
12417
12882
  }
@@ -12564,6 +13029,45 @@ Fixes safari bug where outline doesn't respect border-radius
12564
13029
  height: auto;
12565
13030
  }
12566
13031
 
13032
+ .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV code,
13033
+ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6 code {
13034
+ font-size: inherit;
13035
+ font-family: var(--brand-fontStack-monospace);
13036
+ background-color: var(--brand-color-canvas-default);
13037
+ padding: 0 var(--base-size-4) 0;
13038
+ margin-inline: var(--base-size-2);
13039
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
13040
+ border-radius: var(--brand-borderRadius-small);
13041
+ box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);
13042
+ }
13043
+
13044
+ .Primer_Brand__CTABanner-module__CTABanner--bgColor-default___ST6SJ .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV code,
13045
+ .Primer_Brand__CTABanner-module__CTABanner--bgColor-default___ST6SJ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6 code {
13046
+ background-color: var(--brand-color-canvas-subtle);
13047
+ }
13048
+
13049
+ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6 code {
13050
+ padding: 0 var(--base-size-4) 0;
13051
+ }
13052
+
13053
+ .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
13054
+ line-height: calc(1lh * 2);
13055
+ }
13056
+
13057
+ @media screen and (min-width: 63.25rem) {
13058
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
13059
+ line-height: calc(1lh * 2.8);
13060
+ }
13061
+ }
13062
+
13063
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
13064
+ line-height: calc(1lh * 1.9);
13065
+ }
13066
+
13067
+ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6.Primer_Brand__CTABanner-module__CTABanner-description___I7md6:has(code) {
13068
+ line-height: calc(1lh * 1.25);
13069
+ }
13070
+
12567
13071
  .Primer_Brand__ListItem-module__ListItem___aFf5u {
12568
13072
  display: flex;
12569
13073
  align-items: flex-start;
@@ -12661,7 +13165,7 @@ Fixes safari bug where outline doesn't respect border-radius
12661
13165
 
12662
13166
  /**
12663
13167
  * Do not edit directly
12664
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
13168
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
12665
13169
  */
12666
13170
 
12667
13171
  :root,
@@ -12825,7 +13329,7 @@ Fixes safari bug where outline doesn't respect border-radius
12825
13329
 
12826
13330
  /**
12827
13331
  * Do not edit directly
12828
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
13332
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
12829
13333
  */
12830
13334
 
12831
13335
  :root,
@@ -13133,7 +13637,7 @@ Fixes safari bug where outline doesn't respect border-radius
13133
13637
 
13134
13638
  /**
13135
13639
  * Do not edit directly
13136
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
13640
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
13137
13641
  */
13138
13642
 
13139
13643
  :root {
@@ -13169,7 +13673,7 @@ Fixes safari bug where outline doesn't respect border-radius
13169
13673
 
13170
13674
  /**
13171
13675
  * Do not edit directly
13172
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
13676
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
13173
13677
  */
13174
13678
 
13175
13679
  :root,
@@ -13237,7 +13741,7 @@ Fixes safari bug where outline doesn't respect border-radius
13237
13741
 
13238
13742
  /**
13239
13743
  * Do not edit directly
13240
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
13744
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
13241
13745
  */
13242
13746
 
13243
13747
  :root {
@@ -13248,7 +13752,7 @@ Fixes safari bug where outline doesn't respect border-radius
13248
13752
 
13249
13753
  /**
13250
13754
  * Do not edit directly
13251
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
13755
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
13252
13756
  */
13253
13757
 
13254
13758
  :root,
@@ -13364,6 +13868,29 @@ Fixes safari bug where outline doesn't respect border-radius
13364
13868
  text-decoration: none !important;
13365
13869
  }
13366
13870
 
13871
+ .Primer_Brand__Card-module__Card__link___Ye5mq code,
13872
+ .Primer_Brand__Card-module__Card__description___KN9CH code {
13873
+ font-size: inherit;
13874
+ font-family: var(--brand-fontStack-monospace);
13875
+ background-color: var(--brand-color-canvas-subtle);
13876
+ padding: 0 var(--base-size-4) var(--base-size-2);
13877
+ margin-inline: var(--base-size-2);
13878
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
13879
+ border-radius: var(--brand-borderRadius-small);
13880
+ box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);
13881
+ }
13882
+
13883
+ .Primer_Brand__Card-module__Card__description___KN9CH code {
13884
+ padding: var(--base-size-2) var(--base-size-4) 0;
13885
+ }
13886
+ .Primer_Brand__Card-module__Card__link___Ye5mq:has(code) {
13887
+ line-height: calc(1lh * 1.4);
13888
+ }
13889
+
13890
+ .Primer_Brand__Card-module__Card__description___KN9CH.Primer_Brand__Card-module__Card__description___KN9CH:has(code) {
13891
+ line-height: calc(1lh * 1.25);
13892
+ }
13893
+
13367
13894
  .Primer_Brand__Card-module__Card--disableAnimation___Zv8eW:hover .Primer_Brand__Card-module__Card__link___Ye5mq {
13368
13895
  -webkit-text-decoration: underline !important;
13369
13896
  text-decoration: underline !important;
@@ -13593,7 +14120,7 @@ Fixes safari bug where outline doesn't respect border-radius
13593
14120
 
13594
14121
  /**
13595
14122
  * Do not edit directly
13596
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
14123
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
13597
14124
  */
13598
14125
 
13599
14126
  :root,
@@ -14434,7 +14961,7 @@ Fixes safari bug where outline doesn't respect border-radius
14434
14961
 
14435
14962
  /**
14436
14963
  * Do not edit directly
14437
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
14964
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
14438
14965
  */
14439
14966
 
14440
14967
  :root {
@@ -14445,7 +14972,7 @@ Fixes safari bug where outline doesn't respect border-radius
14445
14972
 
14446
14973
  /**
14447
14974
  * Do not edit directly
14448
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
14975
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
14449
14976
  */
14450
14977
 
14451
14978
  :root,
@@ -14944,7 +15471,7 @@ Fixes safari bug where outline doesn't respect border-radius
14944
15471
 
14945
15472
  /**
14946
15473
  * Do not edit directly
14947
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
15474
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
14948
15475
  */
14949
15476
 
14950
15477
  :root {
@@ -14964,7 +15491,7 @@ Fixes safari bug where outline doesn't respect border-radius
14964
15491
 
14965
15492
  /**
14966
15493
  * Do not edit directly
14967
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
15494
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
14968
15495
  */
14969
15496
 
14970
15497
  :root,
@@ -15000,7 +15527,7 @@ Fixes safari bug where outline doesn't respect border-radius
15000
15527
 
15001
15528
  /**
15002
15529
  * Do not edit directly
15003
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
15530
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
15004
15531
  */
15005
15532
 
15006
15533
  :root,
@@ -15024,7 +15551,7 @@ Fixes safari bug where outline doesn't respect border-radius
15024
15551
 
15025
15552
  /**
15026
15553
  * Do not edit directly
15027
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
15554
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
15028
15555
  */
15029
15556
 
15030
15557
  :root {
@@ -15107,14 +15634,17 @@ Fixes safari bug where outline doesn't respect border-radius
15107
15634
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
15108
15635
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
15109
15636
  width: auto;
15110
- height: var(--base-size-32);
15637
+ height: var(--base-size-28);
15111
15638
  }
15112
15639
 
15113
15640
  @media screen and (min-width: 48rem) {
15114
15641
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
15115
15642
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
15116
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
15117
- height: var(--base-size-40);
15643
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a,
15644
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
15645
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
15646
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
15647
+ height: var(--base-size-32);
15118
15648
  }
15119
15649
  }
15120
15650
 
@@ -15497,7 +16027,7 @@ Fixes safari bug where outline doesn't respect border-radius
15497
16027
 
15498
16028
  /**
15499
16029
  * Do not edit directly
15500
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
16030
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
15501
16031
  */
15502
16032
 
15503
16033
  :root,
@@ -15511,7 +16041,7 @@ Fixes safari bug where outline doesn't respect border-radius
15511
16041
 
15512
16042
  /**
15513
16043
  * Do not edit directly
15514
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
16044
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
15515
16045
  */
15516
16046
 
15517
16047
  :root {
@@ -15525,7 +16055,7 @@ Fixes safari bug where outline doesn't respect border-radius
15525
16055
 
15526
16056
  /**
15527
16057
  * Do not edit directly
15528
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
16058
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
15529
16059
  */
15530
16060
 
15531
16061
  :root {
@@ -17701,7 +18231,7 @@ Fixes safari bug where outline doesn't respect border-radius
17701
18231
 
17702
18232
  /**
17703
18233
  * Do not edit directly
17704
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
18234
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
17705
18235
  */
17706
18236
 
17707
18237
  :root {
@@ -17725,7 +18255,7 @@ Fixes safari bug where outline doesn't respect border-radius
17725
18255
 
17726
18256
  /**
17727
18257
  * Do not edit directly
17728
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
18258
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
17729
18259
  */
17730
18260
 
17731
18261
  :root,
@@ -18160,7 +18690,7 @@ Fixes safari bug where outline doesn't respect border-radius
18160
18690
 
18161
18691
  /**
18162
18692
  * Do not edit directly
18163
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
18693
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
18164
18694
  */
18165
18695
 
18166
18696
  :root {
@@ -18176,7 +18706,7 @@ Fixes safari bug where outline doesn't respect border-radius
18176
18706
 
18177
18707
  /**
18178
18708
  * Do not edit directly
18179
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
18709
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
18180
18710
  */
18181
18711
 
18182
18712
  :root,
@@ -18680,7 +19210,7 @@ Fixes safari bug where outline doesn't respect border-radius
18680
19210
 
18681
19211
  /**
18682
19212
  * Do not edit directly
18683
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
19213
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
18684
19214
  */
18685
19215
 
18686
19216
  :root {
@@ -18689,7 +19219,7 @@ Fixes safari bug where outline doesn't respect border-radius
18689
19219
 
18690
19220
  /**
18691
19221
  * Do not edit directly
18692
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
19222
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
18693
19223
  */
18694
19224
 
18695
19225
  :root,
@@ -19299,7 +19829,7 @@ Fixes safari bug where outline doesn't respect border-radius
19299
19829
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
19300
19830
  align-items: center;
19301
19831
  display: flex;
19302
- gap: var(--base-size-20);
19832
+ gap: var(--base-size-2);
19303
19833
  z-index: 92;
19304
19834
  flex-grow: 1;
19305
19835
  padding-inline-start: var(--base-size-24);
@@ -19310,7 +19840,8 @@ Fixes safari bug where outline doesn't respect border-radius
19310
19840
  text-decoration: none !important; /* dotcom override */
19311
19841
  transition: color 0.2s var(--brand-animation-easing-glide);
19312
19842
  position: relative;
19313
- padding: var(--base-size-4) 0;
19843
+ padding: var(--base-size-4) var(--base-size-12);
19844
+ border-radius: var(--brand-borderRadius-full);
19314
19845
  }
19315
19846
 
19316
19847
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -19421,8 +19952,6 @@ Fixes safari bug where outline doesn't respect border-radius
19421
19952
  /* Active link pill styling */
19422
19953
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19423
19954
  background-color: var(--brand-SubNav-color-link-bgColor);
19424
- border-radius: var(--brand-borderRadius-full);
19425
- padding: var(--base-size-4) var(--base-size-12);
19426
19955
  line-height: 1.1em;
19427
19956
  }
19428
19957
 
@@ -19496,7 +20025,7 @@ Fixes safari bug where outline doesn't respect border-radius
19496
20025
 
19497
20026
  /**
19498
20027
  * Do not edit directly
19499
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
20028
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
19500
20029
  */
19501
20030
 
19502
20031
  :root {
@@ -19505,7 +20034,7 @@ Fixes safari bug where outline doesn't respect border-radius
19505
20034
 
19506
20035
  /**
19507
20036
  * Do not edit directly
19508
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
20037
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
19509
20038
  */
19510
20039
 
19511
20040
  :root,
@@ -20001,7 +20530,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20001
20530
 
20002
20531
  /**
20003
20532
  * Do not edit directly
20004
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
20533
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
20005
20534
  */
20006
20535
 
20007
20536
  :root,
@@ -20100,7 +20629,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20100
20629
 
20101
20630
  /**
20102
20631
  * Do not edit directly
20103
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
20632
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
20104
20633
  */
20105
20634
 
20106
20635
  :root,
@@ -20478,7 +21007,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20478
21007
 
20479
21008
  /**
20480
21009
  * Do not edit directly
20481
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
21010
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
20482
21011
  */
20483
21012
 
20484
21013
  :root,
@@ -20492,7 +21021,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20492
21021
 
20493
21022
  /**
20494
21023
  * Do not edit directly
20495
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
21024
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
20496
21025
  */
20497
21026
 
20498
21027
  :root {
@@ -20679,7 +21208,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20679
21208
 
20680
21209
  /**
20681
21210
  * Do not edit directly
20682
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
21211
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
20683
21212
  */
20684
21213
 
20685
21214
  :root {
@@ -20963,7 +21492,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20963
21492
 
20964
21493
  /**
20965
21494
  * Do not edit directly
20966
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
21495
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
20967
21496
  */
20968
21497
 
20969
21498
  :root {
@@ -20974,7 +21503,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20974
21503
 
20975
21504
  /**
20976
21505
  * Do not edit directly
20977
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
21506
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
20978
21507
  */
20979
21508
 
20980
21509
  :root,
@@ -21112,7 +21641,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21112
21641
 
21113
21642
  /**
21114
21643
  * Do not edit directly
21115
- * Generated on Tue, 24 Feb 2026 13:29:44 GMT
21644
+ * Generated on Thu, 26 Feb 2026 09:27:32 GMT
21116
21645
  */
21117
21646
 
21118
21647
  :root {
@@ -21121,7 +21650,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21121
21650
 
21122
21651
  /**
21123
21652
  * Do not edit directly
21124
- * Generated on Tue, 24 Feb 2026 13:29:45 GMT
21653
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
21125
21654
  */
21126
21655
 
21127
21656
  :root,
@@ -21365,3 +21894,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21365
21894
  }
21366
21895
  }
21367
21896
 
21897
+ /**
21898
+ * Do not edit directly
21899
+ * Generated on Thu, 26 Feb 2026 09:27:33 GMT
21900
+ */
21901
+
21902
+ :root,
21903
+ [data-color-mode="light"] {
21904
+ --brand-tiles-bgColor-rest: #fafafa;
21905
+ --brand-tiles-bgColor-hover: #f2f5f3;
21906
+ --brand-tiles-highlightColor: #08872b;
21907
+ }
21908
+
21909
+ [data-color-mode="dark"] {
21910
+ --brand-tiles-bgColor-rest: #090d0a;
21911
+ --brand-tiles-bgColor-hover: #101411;
21912
+ --brand-tiles-highlightColor: #5fed83;
21913
+ }
21914
+
21915
+ .Primer_Brand__Tiles-module__Tiles___z9bH9 {
21916
+ width: 100%;
21917
+ color: var(--brand-color-text-default);
21918
+ }
21919
+
21920
+ .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21921
+ --tiles-columns: 2;
21922
+ display: flex;
21923
+ flex-wrap: wrap;
21924
+ justify-content: center;
21925
+ list-style: none;
21926
+ margin: 0;
21927
+ padding: 0;
21928
+ }
21929
+
21930
+ @media screen and (min-width: 48rem) {
21931
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21932
+ --tiles-columns: 4;
21933
+ }
21934
+ }
21935
+
21936
+ @media screen and (min-width: 63.25rem) {
21937
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21938
+ --tiles-columns: 6;
21939
+ }
21940
+ }
21941
+
21942
+ @media screen and (min-width: 48rem) {
21943
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21944
+ --tiles-columns: 4;
21945
+ }
21946
+ }
21947
+
21948
+ @media screen and (min-width: 63.25rem) {
21949
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21950
+ --tiles-columns: 8;
21951
+ }
21952
+ }
21953
+
21954
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
21955
+ position: relative;
21956
+ }
21957
+
21958
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
21959
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21960
+ content: '';
21961
+ position: absolute;
21962
+ left: 50%;
21963
+ transform: translateX(-50%);
21964
+ width: 100vw;
21965
+ height: 0;
21966
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21967
+ }
21968
+
21969
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
21970
+ top: 0;
21971
+ }
21972
+
21973
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21974
+ bottom: 0;
21975
+ }
21976
+
21977
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21978
+ position: relative;
21979
+ padding-right: var(--brand-borderWidth-thin);
21980
+ padding-bottom: var(--brand-borderWidth-thin);
21981
+ }
21982
+
21983
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
21984
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21985
+ content: '';
21986
+ position: absolute;
21987
+ top: 0;
21988
+ bottom: 0;
21989
+ width: 0;
21990
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21991
+ z-index: 1;
21992
+ pointer-events: none;
21993
+ }
21994
+
21995
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
21996
+ left: 0;
21997
+ }
21998
+
21999
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
22000
+ right: 0;
22001
+ }
22002
+
22003
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22004
+ --tiles-inset-shadow: inset 0 0 0 transparent;
22005
+ position: relative;
22006
+ display: flex;
22007
+ flex-direction: column;
22008
+ width: calc(100% / var(--tiles-columns));
22009
+ box-sizing: border-box;
22010
+ background-color: var(--brand-tiles-bgColor-rest);
22011
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
22012
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
22013
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
22014
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
22015
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
22016
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
22017
+ transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
22018
+ box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
22019
+ }
22020
+
22021
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
22022
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
22023
+ --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
22024
+ background-color: var(--brand-tiles-bgColor-hover);
22025
+ }
22026
+
22027
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
22028
+ display: flex;
22029
+ width: 100%;
22030
+ flex: 1;
22031
+ -webkit-text-decoration: none;
22032
+ text-decoration: none;
22033
+ color: inherit;
22034
+ }
22035
+
22036
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
22037
+ outline: var(--base-size-4) solid var(--brand-color-focus);
22038
+ outline-offset: calc(-1 * var(--base-size-4));
22039
+ border-radius: var(--brand-borderRadius-small);
22040
+ }
22041
+
22042
+ .Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
22043
+ position: relative;
22044
+ display: flex;
22045
+ align-items: center;
22046
+ justify-content: center;
22047
+ width: 100%;
22048
+ aspect-ratio: 1;
22049
+ }
22050
+
22051
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
22052
+ display: flex;
22053
+ align-items: center;
22054
+ justify-content: center;
22055
+ }
22056
+
22057
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
22058
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
22059
+ width: auto;
22060
+ height: var(--base-size-40);
22061
+ max-width: 100%;
22062
+ }
22063
+
22064
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
22065
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
22066
+ height: var(--base-size-32);
22067
+ }
22068
+
22069
+ .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22070
+ position: absolute;
22071
+ bottom: 0;
22072
+ left: 0;
22073
+ right: 0;
22074
+ display: flex;
22075
+ align-items: center;
22076
+ justify-content: space-between;
22077
+ gap: var(--base-size-4);
22078
+ padding: var(--base-size-12) var(--base-size-16);
22079
+ }
22080
+
22081
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22082
+ opacity: 0;
22083
+ transform: translateY(var(--base-size-4));
22084
+ transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
22085
+ transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
22086
+ pointer-events: none;
22087
+ }
22088
+
22089
+ .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,
22090
+ .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 {
22091
+ opacity: 1;
22092
+ transform: translateY(0);
22093
+ }
22094
+
22095
+ .Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
22096
+ white-space: nowrap;
22097
+ overflow: hidden;
22098
+ text-overflow: ellipsis;
22099
+ min-width: 0;
22100
+ }
22101
+
22102
+ .Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
22103
+ flex-shrink: 0;
22104
+ color: var(--brand-color-text-default);
22105
+ }
22106
+
22107
+ @media (prefers-reduced-motion: reduce) {
22108
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22109
+ transition: none;
22110
+ }
22111
+
22112
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22113
+ transition: none;
22114
+ }
22115
+ }
22116
+