@primer/react-brand 0.65.0-rc.974ab0ba → 0.65.0-rc.bea77abb

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 (366) hide show
  1. package/lib/EyebrowText/EyebrowText.d.ts +13 -0
  2. package/lib/EyebrowText/index.d.ts +1 -0
  3. package/lib/Grid/Grid.d.ts +1 -1
  4. package/lib/Hero/HeroContext.d.ts +1 -1
  5. package/lib/SubNav/SubNav.d.ts +1 -1
  6. package/lib/Tiles/Tiles.d.ts +49 -0
  7. package/lib/Tiles/Tiles.fixtures.d.ts +6 -0
  8. package/lib/Tiles/index.d.ts +1 -0
  9. package/lib/css/main.css +732 -87
  10. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  13. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/river/river.css +21 -6
  70. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +17 -0
  83. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  98. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  99. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +21 -3
  131. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  150. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  151. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  152. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  153. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  154. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  156. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  157. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  158. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  159. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/river/river.js +9 -3
  183. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  202. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  203. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  204. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  205. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  206. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  212. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +9 -3
  235. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  254. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  255. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  256. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  257. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  258. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  259. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  260. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  261. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  262. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  263. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  267. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +20 -2
  319. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +21 -3
  320. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  358. package/lib/fixtures/third-party-logos/AzureLogo.d.ts +4 -0
  359. package/lib/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts +4 -0
  360. package/lib/fixtures/third-party-logos/MicrosoftLogo.d.ts +4 -0
  361. package/lib/index.d.ts +2 -0
  362. package/lib/index.js +1 -1
  363. package/lib/river/River/River.d.ts +22 -0
  364. package/lib/river/River/index.d.ts +1 -1
  365. package/lib/river/RiverBreakout/RiverBreakout.d.ts +9 -1
  366. 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 Wed, 25 Feb 2026 12:51:46 GMT
81
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:46 GMT
359
+ * Generated on Wed, 25 Feb 2026 14:15:33 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 Wed, 25 Feb 2026 12:51:46 GMT
386
+ * Generated on Wed, 25 Feb 2026 14:15:33 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 Wed, 25 Feb 2026 12:51:46 GMT
403
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:45 GMT
561
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:45 GMT
575
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:46 GMT
594
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:46 GMT
674
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:46 GMT
701
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:45 GMT
1474
+ * Generated on Wed, 25 Feb 2026 14:15: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 Wed, 25 Feb 2026 12:51:45 GMT
1782
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
1783
1783
  */
1784
1784
 
1785
1785
  :root {
@@ -6765,7 +6765,7 @@ html {
6765
6765
 
6766
6766
  /**
6767
6767
  * Do not edit directly
6768
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
6768
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
6769
6769
  */
6770
6770
 
6771
6771
  :root,
@@ -7102,7 +7102,7 @@ html {
7102
7102
 
7103
7103
  /**
7104
7104
  * Do not edit directly
7105
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
7105
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
7106
7106
  */
7107
7107
 
7108
7108
  :root {
@@ -7408,7 +7408,7 @@ html {
7408
7408
 
7409
7409
  /**
7410
7410
  * Do not edit directly
7411
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
7411
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
7412
7412
  */
7413
7413
 
7414
7414
  :root,
@@ -7424,7 +7424,7 @@ html {
7424
7424
 
7425
7425
  /**
7426
7426
  * Do not edit directly
7427
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
7427
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
7428
7428
  */
7429
7429
 
7430
7430
  :root,
@@ -7689,9 +7689,14 @@ html {
7689
7689
  }
7690
7690
  }
7691
7691
 
7692
+ .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
7693
+ text-transform: uppercase;
7694
+ letter-spacing: var(--brand-text-letterSpacing-100);
7695
+ }
7696
+
7692
7697
  /**
7693
7698
  * Do not edit directly
7694
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
7699
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
7695
7700
  */
7696
7701
 
7697
7702
  :root {
@@ -7702,30 +7707,45 @@ html {
7702
7707
 
7703
7708
  /**
7704
7709
  * Do not edit directly
7705
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
7710
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
7706
7711
  */
7707
7712
 
7708
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);
7709
7718
  --brand-RiverBreakout-spacing-inner: var(--base-size-40);
7710
- --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);
7711
7722
  --brand-River-spacing-innerY: var(--base-size-24);
7712
- --brand-River-spacing-inner: var(--base-size-24);
7723
+ --brand-River-spacing-inner: var(--base-size-40);
7713
7724
  }
7714
7725
 
7715
7726
  @media (min-width: 768px) {
7716
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);
7717
7732
  --brand-RiverBreakout-spacing-inner: var(--base-size-48);
7718
7733
  --brand-River-spacing-innerY: var(--base-size-24);
7719
- --brand-River-spacing-inner: var(--base-size-36);
7720
7734
  }
7721
7735
  }
7722
7736
 
7723
7737
  @media (min-width: 1280px) {
7724
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);
7725
7743
  --brand-RiverBreakout-spacing-inner: var(--base-size-64);
7726
- --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);
7727
7747
  --brand-River-spacing-innerY: var(--base-size-32);
7728
- --brand-River-spacing-inner: var(--base-size-48);
7748
+ --brand-River-spacing-inner: var(--base-size-24);
7729
7749
  }
7730
7750
  }
7731
7751
 
@@ -7734,8 +7754,48 @@ html {
7734
7754
  grid-gap: var(--brand-River-spacing-inner);
7735
7755
  gap: var(--brand-River-spacing-inner);
7736
7756
  grid-auto-rows: min-content;
7737
- padding-top: var(--brand-River-spacing-outer);
7738
- 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
+ }
7739
7799
  }
7740
7800
 
7741
7801
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
@@ -7764,12 +7824,62 @@ html {
7764
7824
  box-shadow: var(--brand-River-visual-shadow);
7765
7825
  }
7766
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
+
7767
7877
  .Primer_Brand__river-shared-module__River__heading___tl6zS {
7768
7878
  margin-bottom: var(--brand-River-heading-margin);
7769
7879
  }
7770
7880
 
7771
7881
  .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7772
- margin-top: var(--base-size-24);
7882
+ margin-top: var(--base-size-20);
7773
7883
  }
7774
7884
 
7775
7885
  .Primer_Brand__river-shared-module__River__text___TQQhU strong,
@@ -7791,12 +7901,47 @@ html {
7791
7901
  margin-block-end: var(--brand-River-label-margin);
7792
7902
  }
7793
7903
 
7794
- /* Medium breakpoint and up */
7795
- @media screen and (min-width: 48rem) {
7904
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7905
+ order: 1;
7906
+ }
7907
+
7908
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
7909
+ order: 2;
7910
+ }
7911
+
7912
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7913
+ order: 1;
7914
+ }
7915
+
7916
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7917
+ order: 2;
7918
+ }
7919
+
7920
+ @media screen and (max-width: 63.24rem) {
7921
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7922
+ margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7923
+ }
7924
+
7925
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7926
+ margin-block-end: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7927
+ }
7928
+
7929
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7930
+ margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
7931
+ }
7932
+ }
7933
+
7934
+ /* Large breakpoint and up */
7935
+ @media screen and (min-width: 63.25rem) {
7796
7936
  .Primer_Brand__river-shared-module__River___eSXvR {
7797
7937
  grid-template-rows: initial;
7798
7938
  }
7799
7939
 
7940
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7941
+ padding: var(--base-size-64);
7942
+ margin: 0;
7943
+ }
7944
+
7800
7945
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7801
7946
  order: initial;
7802
7947
  }
@@ -7821,12 +7966,37 @@ html {
7821
7966
  grid-template-columns: [visual] 6fr [content] 4fr;
7822
7967
  }
7823
7968
 
7969
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7970
+ margin-inline-start: calc(var(--base-size-80) + var(--base-size-8));
7971
+ }
7972
+
7973
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7974
+ margin-inline-end: calc(var(--base-size-80) + var(--base-size-8));
7975
+ }
7976
+
7824
7977
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7825
7978
  display: grid;
7826
7979
  align-content: center;
7827
7980
  grid-area: content;
7828
7981
  }
7829
7982
 
7983
+ .Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__body-text___aJne5,
7984
+ .Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__heading___tl6zS {
7985
+ max-width: 400px;
7986
+ }
7987
+
7988
+ .Primer_Brand__river-shared-module__River--align-start___wo12V:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__content___p4EdY {
7989
+ padding-inline-end: var(--base-size-128);
7990
+ }
7991
+
7992
+ .Primer_Brand__river-shared-module__River--align-end___aNjz4:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__content___p4EdY {
7993
+ padding-inline-start: var(--base-size-128);
7994
+ }
7995
+
7996
+ .Primer_Brand__river-shared-module__River__content--align-block-end___xI62E {
7997
+ align-content: end;
7998
+ }
7999
+
7830
8000
  .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7831
8001
  grid-area: visual;
7832
8002
  }
@@ -7854,21 +8024,90 @@ html {
7854
8024
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
7855
8025
  margin-top: var(--brand-River-spacing-inner);
7856
8026
  }
7857
- }
7858
8027
 
7859
- /* Large breakpoint and up */
7860
- @media screen and (min-width: 63.25rem) {
7861
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__body-text___aJne5,
7862
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__heading___tl6zS {
7863
- max-width: 400px;
8028
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8029
+ padding: 0;
8030
+ gap: 0;
8031
+ }
8032
+
8033
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8034
+ grid-template-columns: 1fr 1fr;
7864
8035
  }
7865
8036
 
7866
- .Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
8037
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8038
+ grid-template-columns: 560fr 676fr;
8039
+ }
8040
+
8041
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--60-40___NljA1:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8042
+ grid-template-columns: 676fr 560fr;
8043
+ }
8044
+
8045
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8046
+ padding-inline-start: var(--base-size-64);
8047
+ padding-inline-end: var(--brand-River-spacing-inner);
8048
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
8049
+ }
8050
+
8051
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8052
+ padding-inline-end: calc(var(--base-size-80) + var(--base-size-32));
8053
+ }
8054
+
8055
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
7867
8056
  padding-inline-end: var(--base-size-128);
7868
8057
  }
7869
8058
 
7870
- .Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7871
- padding-inline: var(--base-size-64);
8059
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8060
+ padding-inline-start: var(--brand-River-spacing-inner);
8061
+ padding-inline-end: var(--base-size-64);
8062
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
8063
+ }
8064
+
8065
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8066
+ padding-inline-start: calc(var(--base-size-80) + var(--base-size-32));
8067
+ }
8068
+
8069
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8070
+ padding-inline-start: var(--base-size-128);
8071
+ }
8072
+
8073
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__content___p4EdY {
8074
+ padding-inline-end: var(--brand-River-spacing-inner);
8075
+ }
8076
+
8077
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__content___p4EdY {
8078
+ padding-inline-start: var(--brand-River-spacing-inner);
8079
+ }
8080
+
8081
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H) .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8082
+ margin-inline-start: 0;
8083
+ margin-inline-end: 0;
8084
+ }
8085
+
8086
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8087
+ padding: 0;
8088
+ }
8089
+
8090
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8091
+ width: 100%;
8092
+ margin: 0;
8093
+ }
8094
+
8095
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
8096
+ margin-bottom: 0;
8097
+ }
8098
+
8099
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
8100
+ gap: 0;
8101
+ }
8102
+
8103
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
8104
+ margin-top: 0;
8105
+ margin-bottom: var(--base-size-64);
8106
+ }
8107
+
8108
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
8109
+ padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
8110
+ padding-block-start: var(--brand-River-variant-gridline-spacing-outerBlock);
7872
8111
  }
7873
8112
  }
7874
8113
 
@@ -7876,8 +8115,8 @@ html {
7876
8115
  display: flex;
7877
8116
  flex-direction: column;
7878
8117
  gap: var(--brand-RiverBreakout-spacing-inner);
7879
- padding-block-end: var(--brand-River-spacing-outer);
7880
- padding-block-start: var(--brand-River-spacing-outer);
8118
+ padding-block-end: var(--brand-River-spacing-outerBlock);
8119
+ padding-block-start: var(--brand-River-spacing-outerBlock);
7881
8120
  }
7882
8121
 
7883
8122
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
@@ -7911,7 +8150,7 @@ html {
7911
8150
  }
7912
8151
 
7913
8152
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7914
- margin-block-end: var(--base-size-40);
8153
+ padding-block-start: var(--base-size-12);
7915
8154
  }
7916
8155
 
7917
8156
  @media screen and (min-width: 48rem) {
@@ -7944,6 +8183,192 @@ html {
7944
8183
  }
7945
8184
  }
7946
8185
 
8186
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8187
+ position: relative;
8188
+ padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8189
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8190
+ padding-block-end: 0;
8191
+ gap: 0;
8192
+ }
8193
+
8194
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
8195
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8196
+ content: '';
8197
+ position: absolute;
8198
+ left: 50%;
8199
+ transform: translateX(-50%);
8200
+ width: 100vw;
8201
+ height: 0;
8202
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8203
+ }
8204
+
8205
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before {
8206
+ top: 0;
8207
+ }
8208
+
8209
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8210
+ bottom: 0;
8211
+ }
8212
+
8213
+ @media screen and (min-width: 80rem) {
8214
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8215
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8216
+ }
8217
+ }
8218
+
8219
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual___kjFE2 {
8220
+ overflow: hidden;
8221
+ }
8222
+
8223
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
8224
+ border-radius: var(--brand-borderRadius-large);
8225
+ }
8226
+
8227
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8228
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8229
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8230
+ gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8231
+ }
8232
+
8233
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
8234
+ padding-block-start: var(--base-size-12);
8235
+ }
8236
+
8237
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
8238
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8239
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8240
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8241
+ margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8242
+ padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8243
+ }
8244
+
8245
+ /* Reset base RiverBreakout grid for gridline variant until desktop breakpoint */
8246
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
8247
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8248
+ display: flex;
8249
+ flex-direction: column;
8250
+ }
8251
+
8252
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
8253
+ margin-block-start: 0;
8254
+ }
8255
+ }
8256
+
8257
+ @media screen and (min-width: 63.25rem) {
8258
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY) {
8259
+ padding-block-end: 0;
8260
+ }
8261
+
8262
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
8263
+ display: grid;
8264
+ grid-template-areas:
8265
+ 'text trailingComponent'
8266
+ 'cta trailingComponent';
8267
+ grid-template-columns: 1fr 31rem;
8268
+ grid-template-columns: 1fr var(--brand-RiverBreakout-gridline-trailing-width, 31rem);
8269
+ grid-template-rows: auto 1fr;
8270
+ grid-gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8271
+ gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
8272
+ flex: 1;
8273
+ padding-block: 0;
8274
+ }
8275
+
8276
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__text___TQQhU {
8277
+ grid-area: text;
8278
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8279
+ }
8280
+
8281
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
8282
+ grid-area: cta;
8283
+ margin-block: 0;
8284
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8285
+ }
8286
+
8287
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
8288
+ grid-area: trailingComponent;
8289
+ margin-block-start: 0;
8290
+ }
8291
+
8292
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
8293
+ border-top: none;
8294
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8295
+ margin-inline: 0;
8296
+ margin-block: 0;
8297
+ padding-inline: 0;
8298
+ padding-inline-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
8299
+ padding-block: 0;
8300
+ padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
8301
+ padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
8302
+ align-self: stretch;
8303
+ }
8304
+ }
8305
+
8306
+ /* Gridline + background: remove outer container top padding (background fills to top edge) */
8307
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
8308
+ padding-block-start: 0;
8309
+ }
8310
+
8311
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8312
+ display: flex;
8313
+ align-items: center;
8314
+ justify-content: center;
8315
+ background-color: var(--brand-color-canvas-subtle);
8316
+ border-radius: 0;
8317
+ overflow: hidden;
8318
+ }
8319
+
8320
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8321
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8322
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8323
+ max-width: 100%;
8324
+ height: auto;
8325
+ width: auto;
8326
+ border-radius: var(--brand-borderRadius-large);
8327
+ }
8328
+
8329
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8330
+ margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8331
+ padding: var(--base-size-32);
8332
+ }
8333
+
8334
+ @media screen and (max-width: 47.99rem) {
8335
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8336
+ align-items: flex-end;
8337
+ padding-block-end: 0;
8338
+ }
8339
+
8340
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8341
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8342
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8343
+ border-end-start-radius: 0;
8344
+ border-end-end-radius: 0;
8345
+ }
8346
+ }
8347
+
8348
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
8349
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8350
+ align-items: flex-end;
8351
+ padding-block-end: 0;
8352
+ }
8353
+
8354
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8355
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8356
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8357
+ border-end-start-radius: 0;
8358
+ border-end-end-radius: 0;
8359
+ }
8360
+ }
8361
+
8362
+ @media screen and (min-width: 63.25rem) {
8363
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8364
+ padding: var(--base-size-64);
8365
+ }
8366
+
8367
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
8368
+ border-radius: 0;
8369
+ }
8370
+ }
8371
+
7947
8372
  .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7948
8373
  --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
7949
8374
  -webkit-font-smoothing: antialiased;
@@ -8430,7 +8855,7 @@ html {
8430
8855
 
8431
8856
  /**
8432
8857
  * Do not edit directly
8433
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
8858
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
8434
8859
  */
8435
8860
 
8436
8861
  :root,
@@ -9198,7 +9623,7 @@ html {
9198
9623
 
9199
9624
  /**
9200
9625
  * Do not edit directly
9201
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
9626
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
9202
9627
  */
9203
9628
 
9204
9629
  :root,
@@ -9226,7 +9651,7 @@ html {
9226
9651
 
9227
9652
  /**
9228
9653
  * Do not edit directly
9229
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
9654
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
9230
9655
  */
9231
9656
 
9232
9657
  :root,
@@ -9242,7 +9667,7 @@ html {
9242
9667
 
9243
9668
  /**
9244
9669
  * Do not edit directly
9245
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
9670
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
9246
9671
  */
9247
9672
 
9248
9673
  :root {
@@ -9295,7 +9720,7 @@ html {
9295
9720
 
9296
9721
  /**
9297
9722
  * Do not edit directly
9298
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
9723
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
9299
9724
  */
9300
9725
 
9301
9726
  :root,
@@ -9723,7 +10148,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9723
10148
 
9724
10149
  /**
9725
10150
  * Do not edit directly
9726
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
10151
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
9727
10152
  */
9728
10153
 
9729
10154
  :root {
@@ -9732,7 +10157,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9732
10157
 
9733
10158
  /**
9734
10159
  * Do not edit directly
9735
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
10160
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
9736
10161
  */
9737
10162
 
9738
10163
  :root,
@@ -9754,7 +10179,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9754
10179
 
9755
10180
  /**
9756
10181
  * Do not edit directly
9757
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
10182
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
9758
10183
  */
9759
10184
 
9760
10185
  :root {
@@ -10036,7 +10461,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10036
10461
 
10037
10462
  /**
10038
10463
  * Do not edit directly
10039
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
10464
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
10040
10465
  */
10041
10466
 
10042
10467
  :root,
@@ -11239,7 +11664,7 @@ Fixes safari bug where outline doesn't respect border-radius
11239
11664
 
11240
11665
  /**
11241
11666
  * Do not edit directly
11242
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
11667
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
11243
11668
  */
11244
11669
 
11245
11670
  :root {
@@ -11253,7 +11678,7 @@ Fixes safari bug where outline doesn't respect border-radius
11253
11678
 
11254
11679
  /**
11255
11680
  * Do not edit directly
11256
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
11681
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
11257
11682
  */
11258
11683
 
11259
11684
  :root,
@@ -11547,7 +11972,7 @@ Fixes safari bug where outline doesn't respect border-radius
11547
11972
 
11548
11973
  /**
11549
11974
  * Do not edit directly
11550
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
11975
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
11551
11976
  */
11552
11977
 
11553
11978
  :root,
@@ -11563,7 +11988,7 @@ Fixes safari bug where outline doesn't respect border-radius
11563
11988
 
11564
11989
  /**
11565
11990
  * Do not edit directly
11566
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
11991
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
11567
11992
  */
11568
11993
 
11569
11994
  :root {
@@ -12308,7 +12733,7 @@ Fixes safari bug where outline doesn't respect border-radius
12308
12733
 
12309
12734
  /**
12310
12735
  * Do not edit directly
12311
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
12736
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
12312
12737
  */
12313
12738
 
12314
12739
  :root,
@@ -12324,7 +12749,7 @@ Fixes safari bug where outline doesn't respect border-radius
12324
12749
 
12325
12750
  /**
12326
12751
  * Do not edit directly
12327
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
12752
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
12328
12753
  */
12329
12754
 
12330
12755
  :root,
@@ -12662,7 +13087,7 @@ Fixes safari bug where outline doesn't respect border-radius
12662
13087
 
12663
13088
  /**
12664
13089
  * Do not edit directly
12665
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
13090
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
12666
13091
  */
12667
13092
 
12668
13093
  :root,
@@ -12826,7 +13251,7 @@ Fixes safari bug where outline doesn't respect border-radius
12826
13251
 
12827
13252
  /**
12828
13253
  * Do not edit directly
12829
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
13254
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
12830
13255
  */
12831
13256
 
12832
13257
  :root,
@@ -13134,7 +13559,7 @@ Fixes safari bug where outline doesn't respect border-radius
13134
13559
 
13135
13560
  /**
13136
13561
  * Do not edit directly
13137
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
13562
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
13138
13563
  */
13139
13564
 
13140
13565
  :root {
@@ -13170,7 +13595,7 @@ Fixes safari bug where outline doesn't respect border-radius
13170
13595
 
13171
13596
  /**
13172
13597
  * Do not edit directly
13173
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
13598
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
13174
13599
  */
13175
13600
 
13176
13601
  :root,
@@ -13238,7 +13663,7 @@ Fixes safari bug where outline doesn't respect border-radius
13238
13663
 
13239
13664
  /**
13240
13665
  * Do not edit directly
13241
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
13666
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
13242
13667
  */
13243
13668
 
13244
13669
  :root {
@@ -13249,7 +13674,7 @@ Fixes safari bug where outline doesn't respect border-radius
13249
13674
 
13250
13675
  /**
13251
13676
  * Do not edit directly
13252
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
13677
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
13253
13678
  */
13254
13679
 
13255
13680
  :root,
@@ -13594,7 +14019,7 @@ Fixes safari bug where outline doesn't respect border-radius
13594
14019
 
13595
14020
  /**
13596
14021
  * Do not edit directly
13597
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
14022
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
13598
14023
  */
13599
14024
 
13600
14025
  :root,
@@ -14435,7 +14860,7 @@ Fixes safari bug where outline doesn't respect border-radius
14435
14860
 
14436
14861
  /**
14437
14862
  * Do not edit directly
14438
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
14863
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
14439
14864
  */
14440
14865
 
14441
14866
  :root {
@@ -14446,7 +14871,7 @@ Fixes safari bug where outline doesn't respect border-radius
14446
14871
 
14447
14872
  /**
14448
14873
  * Do not edit directly
14449
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
14874
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
14450
14875
  */
14451
14876
 
14452
14877
  :root,
@@ -14945,7 +15370,7 @@ Fixes safari bug where outline doesn't respect border-radius
14945
15370
 
14946
15371
  /**
14947
15372
  * Do not edit directly
14948
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
15373
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
14949
15374
  */
14950
15375
 
14951
15376
  :root {
@@ -14965,7 +15390,7 @@ Fixes safari bug where outline doesn't respect border-radius
14965
15390
 
14966
15391
  /**
14967
15392
  * Do not edit directly
14968
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
15393
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
14969
15394
  */
14970
15395
 
14971
15396
  :root,
@@ -15001,7 +15426,7 @@ Fixes safari bug where outline doesn't respect border-radius
15001
15426
 
15002
15427
  /**
15003
15428
  * Do not edit directly
15004
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
15429
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
15005
15430
  */
15006
15431
 
15007
15432
  :root,
@@ -15025,7 +15450,7 @@ Fixes safari bug where outline doesn't respect border-radius
15025
15450
 
15026
15451
  /**
15027
15452
  * Do not edit directly
15028
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
15453
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
15029
15454
  */
15030
15455
 
15031
15456
  :root {
@@ -15498,7 +15923,7 @@ Fixes safari bug where outline doesn't respect border-radius
15498
15923
 
15499
15924
  /**
15500
15925
  * Do not edit directly
15501
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
15926
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
15502
15927
  */
15503
15928
 
15504
15929
  :root,
@@ -15512,7 +15937,7 @@ Fixes safari bug where outline doesn't respect border-radius
15512
15937
 
15513
15938
  /**
15514
15939
  * Do not edit directly
15515
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
15940
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
15516
15941
  */
15517
15942
 
15518
15943
  :root {
@@ -15526,7 +15951,7 @@ Fixes safari bug where outline doesn't respect border-radius
15526
15951
 
15527
15952
  /**
15528
15953
  * Do not edit directly
15529
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
15954
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
15530
15955
  */
15531
15956
 
15532
15957
  :root {
@@ -17702,7 +18127,7 @@ Fixes safari bug where outline doesn't respect border-radius
17702
18127
 
17703
18128
  /**
17704
18129
  * Do not edit directly
17705
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
18130
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
17706
18131
  */
17707
18132
 
17708
18133
  :root {
@@ -17726,7 +18151,7 @@ Fixes safari bug where outline doesn't respect border-radius
17726
18151
 
17727
18152
  /**
17728
18153
  * Do not edit directly
17729
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
18154
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
17730
18155
  */
17731
18156
 
17732
18157
  :root,
@@ -18161,7 +18586,7 @@ Fixes safari bug where outline doesn't respect border-radius
18161
18586
 
18162
18587
  /**
18163
18588
  * Do not edit directly
18164
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
18589
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
18165
18590
  */
18166
18591
 
18167
18592
  :root {
@@ -18177,7 +18602,7 @@ Fixes safari bug where outline doesn't respect border-radius
18177
18602
 
18178
18603
  /**
18179
18604
  * Do not edit directly
18180
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
18605
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
18181
18606
  */
18182
18607
 
18183
18608
  :root,
@@ -18681,7 +19106,7 @@ Fixes safari bug where outline doesn't respect border-radius
18681
19106
 
18682
19107
  /**
18683
19108
  * Do not edit directly
18684
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
19109
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
18685
19110
  */
18686
19111
 
18687
19112
  :root {
@@ -18690,7 +19115,7 @@ Fixes safari bug where outline doesn't respect border-radius
18690
19115
 
18691
19116
  /**
18692
19117
  * Do not edit directly
18693
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
19118
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
18694
19119
  */
18695
19120
 
18696
19121
  :root,
@@ -19496,7 +19921,7 @@ Fixes safari bug where outline doesn't respect border-radius
19496
19921
 
19497
19922
  /**
19498
19923
  * Do not edit directly
19499
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
19924
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
19500
19925
  */
19501
19926
 
19502
19927
  :root {
@@ -19505,7 +19930,7 @@ Fixes safari bug where outline doesn't respect border-radius
19505
19930
 
19506
19931
  /**
19507
19932
  * Do not edit directly
19508
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
19933
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
19509
19934
  */
19510
19935
 
19511
19936
  :root,
@@ -20001,7 +20426,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20001
20426
 
20002
20427
  /**
20003
20428
  * Do not edit directly
20004
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
20429
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
20005
20430
  */
20006
20431
 
20007
20432
  :root,
@@ -20100,7 +20525,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20100
20525
 
20101
20526
  /**
20102
20527
  * Do not edit directly
20103
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
20528
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
20104
20529
  */
20105
20530
 
20106
20531
  :root,
@@ -20478,7 +20903,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20478
20903
 
20479
20904
  /**
20480
20905
  * Do not edit directly
20481
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
20906
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
20482
20907
  */
20483
20908
 
20484
20909
  :root,
@@ -20492,7 +20917,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20492
20917
 
20493
20918
  /**
20494
20919
  * Do not edit directly
20495
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
20920
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
20496
20921
  */
20497
20922
 
20498
20923
  :root {
@@ -20679,7 +21104,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20679
21104
 
20680
21105
  /**
20681
21106
  * Do not edit directly
20682
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
21107
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
20683
21108
  */
20684
21109
 
20685
21110
  :root {
@@ -20963,7 +21388,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20963
21388
 
20964
21389
  /**
20965
21390
  * Do not edit directly
20966
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
21391
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
20967
21392
  */
20968
21393
 
20969
21394
  :root {
@@ -20974,7 +21399,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20974
21399
 
20975
21400
  /**
20976
21401
  * Do not edit directly
20977
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
21402
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
20978
21403
  */
20979
21404
 
20980
21405
  :root,
@@ -21112,7 +21537,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21112
21537
 
21113
21538
  /**
21114
21539
  * Do not edit directly
21115
- * Generated on Wed, 25 Feb 2026 12:51:45 GMT
21540
+ * Generated on Wed, 25 Feb 2026 14:15:32 GMT
21116
21541
  */
21117
21542
 
21118
21543
  :root {
@@ -21121,7 +21546,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21121
21546
 
21122
21547
  /**
21123
21548
  * Do not edit directly
21124
- * Generated on Wed, 25 Feb 2026 12:51:46 GMT
21549
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
21125
21550
  */
21126
21551
 
21127
21552
  :root,
@@ -21365,3 +21790,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21365
21790
  }
21366
21791
  }
21367
21792
 
21793
+ /**
21794
+ * Do not edit directly
21795
+ * Generated on Wed, 25 Feb 2026 14:15:33 GMT
21796
+ */
21797
+
21798
+ :root,
21799
+ [data-color-mode="light"] {
21800
+ --brand-tiles-bgColor-rest: #fafafa;
21801
+ --brand-tiles-bgColor-hover: #f2f5f3;
21802
+ --brand-tiles-highlightColor: #08872b;
21803
+ }
21804
+
21805
+ [data-color-mode="dark"] {
21806
+ --brand-tiles-bgColor-rest: #090d0a;
21807
+ --brand-tiles-bgColor-hover: #101411;
21808
+ --brand-tiles-highlightColor: #5fed83;
21809
+ }
21810
+
21811
+ .Primer_Brand__Tiles-module__Tiles___z9bH9 {
21812
+ width: 100%;
21813
+ color: var(--brand-color-text-default);
21814
+ }
21815
+
21816
+ .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21817
+ --tiles-columns: 2;
21818
+ display: flex;
21819
+ flex-wrap: wrap;
21820
+ justify-content: center;
21821
+ list-style: none;
21822
+ margin: 0;
21823
+ padding: 0;
21824
+ }
21825
+
21826
+ @media screen and (min-width: 48rem) {
21827
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21828
+ --tiles-columns: 4;
21829
+ }
21830
+ }
21831
+
21832
+ @media screen and (min-width: 63.25rem) {
21833
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21834
+ --tiles-columns: 6;
21835
+ }
21836
+ }
21837
+
21838
+ @media screen and (min-width: 48rem) {
21839
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21840
+ --tiles-columns: 4;
21841
+ }
21842
+ }
21843
+
21844
+ @media screen and (min-width: 63.25rem) {
21845
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21846
+ --tiles-columns: 8;
21847
+ }
21848
+ }
21849
+
21850
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
21851
+ position: relative;
21852
+ }
21853
+
21854
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
21855
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21856
+ content: '';
21857
+ position: absolute;
21858
+ left: 50%;
21859
+ transform: translateX(-50%);
21860
+ width: 100vw;
21861
+ height: 0;
21862
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21863
+ }
21864
+
21865
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
21866
+ top: 0;
21867
+ }
21868
+
21869
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21870
+ bottom: 0;
21871
+ }
21872
+
21873
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21874
+ position: relative;
21875
+ padding-right: var(--brand-borderWidth-thin);
21876
+ padding-bottom: var(--brand-borderWidth-thin);
21877
+ }
21878
+
21879
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
21880
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21881
+ content: '';
21882
+ position: absolute;
21883
+ top: 0;
21884
+ bottom: 0;
21885
+ width: 0;
21886
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21887
+ z-index: 1;
21888
+ pointer-events: none;
21889
+ }
21890
+
21891
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
21892
+ left: 0;
21893
+ }
21894
+
21895
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21896
+ right: 0;
21897
+ }
21898
+
21899
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
21900
+ --tiles-inset-shadow: inset 0 0 0 transparent;
21901
+ position: relative;
21902
+ display: flex;
21903
+ flex-direction: column;
21904
+ width: calc(100% / var(--tiles-columns));
21905
+ box-sizing: border-box;
21906
+ background-color: var(--brand-tiles-bgColor-rest);
21907
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21908
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21909
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
21910
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
21911
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
21912
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
21913
+ transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
21914
+ box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
21915
+ }
21916
+
21917
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
21918
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
21919
+ --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
21920
+ background-color: var(--brand-tiles-bgColor-hover);
21921
+ }
21922
+
21923
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
21924
+ display: flex;
21925
+ width: 100%;
21926
+ flex: 1;
21927
+ -webkit-text-decoration: none;
21928
+ text-decoration: none;
21929
+ color: inherit;
21930
+ }
21931
+
21932
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
21933
+ outline: var(--base-size-4) solid var(--brand-color-focus);
21934
+ outline-offset: calc(-1 * var(--base-size-4));
21935
+ border-radius: var(--brand-borderRadius-small);
21936
+ }
21937
+
21938
+ .Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
21939
+ position: relative;
21940
+ display: flex;
21941
+ align-items: center;
21942
+ justify-content: center;
21943
+ width: 100%;
21944
+ aspect-ratio: 1;
21945
+ }
21946
+
21947
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
21948
+ display: flex;
21949
+ align-items: center;
21950
+ justify-content: center;
21951
+ }
21952
+
21953
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
21954
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
21955
+ width: auto;
21956
+ height: var(--base-size-40);
21957
+ max-width: 100%;
21958
+ }
21959
+
21960
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
21961
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
21962
+ height: var(--base-size-32);
21963
+ }
21964
+
21965
+ .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
21966
+ position: absolute;
21967
+ bottom: 0;
21968
+ left: 0;
21969
+ right: 0;
21970
+ display: flex;
21971
+ align-items: center;
21972
+ justify-content: space-between;
21973
+ gap: var(--base-size-4);
21974
+ padding: var(--base-size-12) var(--base-size-16);
21975
+ }
21976
+
21977
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
21978
+ opacity: 0;
21979
+ transform: translateY(var(--base-size-4));
21980
+ transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
21981
+ transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
21982
+ pointer-events: none;
21983
+ }
21984
+
21985
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:hover .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF,
21986
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
21987
+ opacity: 1;
21988
+ transform: translateY(0);
21989
+ }
21990
+
21991
+ .Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
21992
+ white-space: nowrap;
21993
+ overflow: hidden;
21994
+ text-overflow: ellipsis;
21995
+ min-width: 0;
21996
+ }
21997
+
21998
+ .Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
21999
+ flex-shrink: 0;
22000
+ color: var(--brand-color-text-default);
22001
+ }
22002
+
22003
+ @media (prefers-reduced-motion: reduce) {
22004
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22005
+ transition: none;
22006
+ }
22007
+
22008
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22009
+ transition: none;
22010
+ }
22011
+ }
22012
+