@primer/react-brand 0.65.0-rc.e1f4ec77 → 0.65.1-rc.7ef81232

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 (371) hide show
  1. package/lib/Accordion/Accordion.d.ts +3 -0
  2. package/lib/CTABanner/CTABanner.d.ts +21 -0
  3. package/lib/EyebrowText/EyebrowText.d.ts +13 -0
  4. package/lib/EyebrowText/index.d.ts +1 -0
  5. package/lib/FAQ/FAQ.d.ts +5 -2
  6. package/lib/FAQ/FAQGroup.d.ts +2 -1
  7. package/lib/IDE/IDE.d.ts +10 -0
  8. package/lib/LogoSuite/LogoSuite.d.ts +11 -1
  9. package/lib/SubNav/SubNav.d.ts +3 -0
  10. package/lib/Tiles/Tiles.d.ts +49 -0
  11. package/lib/Tiles/Tiles.fixtures.d.ts +6 -0
  12. package/lib/Tiles/index.d.ts +1 -0
  13. package/lib/css/main.css +1622 -384
  14. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  16. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  17. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +9 -5
  22. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +3 -3
  35. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +7 -3
  39. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +4 -2
  40. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -7
  62. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +3 -3
  63. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +2 -2
  64. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/river/river.css +21 -6
  74. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +5 -3
  79. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +17 -0
  87. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  98. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  99. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  100. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  101. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  102. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +16 -6
  114. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +3 -3
  129. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +21 -3
  135. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  150. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  151. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  152. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  153. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  154. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  155. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  156. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  157. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  158. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  159. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +4 -2
  166. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +2 -2
  181. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  183. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/river/river.js +9 -3
  187. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  202. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  203. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  204. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  205. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  206. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  212. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +4 -2
  218. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +2 -2
  233. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  235. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +9 -3
  239. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  254. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  255. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  256. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  257. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  258. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  259. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  260. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  261. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  262. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  263. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  267. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +8 -4
  281. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +8 -4
  282. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +2 -2
  312. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +20 -2
  323. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +21 -3
  324. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  358. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  359. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  360. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  361. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  362. package/lib/fixtures/third-party-logos/AzureLogo.d.ts +4 -0
  363. package/lib/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts +4 -0
  364. package/lib/fixtures/third-party-logos/MicrosoftLogo.d.ts +4 -0
  365. package/lib/index.d.ts +2 -0
  366. package/lib/index.js +1 -1
  367. package/lib/recipes/FlexTemplate/FlexTemplate.types.d.ts +1 -0
  368. package/lib/river/River/River.d.ts +22 -0
  369. package/lib/river/River/index.d.ts +1 -1
  370. package/lib/river/RiverBreakout/RiverBreakout.d.ts +9 -1
  371. 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 Sat, 21 Feb 2026 16:14:14 GMT
81
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
359
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
386
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
403
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
561
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
575
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
594
+ * Generated on Thu, 12 Mar 2026 12:51:16 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 Sat, 21 Feb 2026 16:14:14 GMT
674
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:15 GMT
701
+ * Generated on Thu, 12 Mar 2026 12:51:16 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 Sat, 21 Feb 2026 16:14:14 GMT
1474
+ * Generated on Thu, 12 Mar 2026 12:51:15 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 Sat, 21 Feb 2026 16:14:14 GMT
1782
+ * Generated on Thu, 12 Mar 2026 12:51:15 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
  }
@@ -6165,6 +6165,12 @@ html {
6165
6165
  max-width: 924px;
6166
6166
  }
6167
6167
 
6168
+ .Primer_Brand__Hero-module__Hero-heading___QuVBH b {
6169
+ color: var(--brand-color-accent-primary);
6170
+ font-style: normal;
6171
+ font-weight: inherit;
6172
+ }
6173
+
6168
6174
  .Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
6169
6175
  max-width: none;
6170
6176
  max-width: initial;
@@ -6759,7 +6765,7 @@ html {
6759
6765
 
6760
6766
  /**
6761
6767
  * Do not edit directly
6762
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
6768
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
6763
6769
  */
6764
6770
 
6765
6771
  :root,
@@ -7096,7 +7102,7 @@ html {
7096
7102
 
7097
7103
  /**
7098
7104
  * Do not edit directly
7099
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
7105
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
7100
7106
  */
7101
7107
 
7102
7108
  :root {
@@ -7402,7 +7408,7 @@ html {
7402
7408
 
7403
7409
  /**
7404
7410
  * Do not edit directly
7405
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
7411
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
7406
7412
  */
7407
7413
 
7408
7414
  :root,
@@ -7418,7 +7424,7 @@ html {
7418
7424
 
7419
7425
  /**
7420
7426
  * Do not edit directly
7421
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
7427
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
7422
7428
  */
7423
7429
 
7424
7430
  :root,
@@ -7683,9 +7689,14 @@ html {
7683
7689
  }
7684
7690
  }
7685
7691
 
7692
+ .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
7693
+ text-transform: uppercase;
7694
+ letter-spacing: var(--brand-text-letterSpacing-100);
7695
+ }
7696
+
7686
7697
  /**
7687
7698
  * Do not edit directly
7688
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
7699
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
7689
7700
  */
7690
7701
 
7691
7702
  :root {
@@ -7696,30 +7707,45 @@ html {
7696
7707
 
7697
7708
  /**
7698
7709
  * Do not edit directly
7699
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
7710
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
7700
7711
  */
7701
7712
 
7702
7713
  :root {
7714
+ --brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-16);
7715
+ --brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-20);
7716
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-40);
7717
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-36);
7703
7718
  --brand-RiverBreakout-spacing-inner: var(--base-size-40);
7704
- --brand-River-spacing-outer: var(--base-size-36);
7719
+ --brand-River-variant-gridline-spacing-outerInline: var(--base-size-20);
7720
+ --brand-River-variant-gridline-spacing-outerBlock: var(--base-size-40);
7721
+ --brand-River-spacing-outerBlock: var(--base-size-36);
7705
7722
  --brand-River-spacing-innerY: var(--base-size-24);
7706
- --brand-River-spacing-inner: var(--base-size-24);
7723
+ --brand-River-spacing-inner: var(--base-size-40);
7707
7724
  }
7708
7725
 
7709
7726
  @media (min-width: 768px) {
7710
7727
  :root {
7728
+ --brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-20);
7729
+ --brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-36);
7730
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-48);
7731
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-40);
7711
7732
  --brand-RiverBreakout-spacing-inner: var(--base-size-48);
7712
7733
  --brand-River-spacing-innerY: var(--base-size-24);
7713
- --brand-River-spacing-inner: var(--base-size-36);
7714
7734
  }
7715
7735
  }
7716
7736
 
7717
7737
  @media (min-width: 1280px) {
7718
7738
  :root {
7739
+ --brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-24);
7740
+ --brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-64);
7741
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-80);
7742
+ --brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-64);
7719
7743
  --brand-RiverBreakout-spacing-inner: var(--base-size-64);
7720
- --brand-River-spacing-outer: var(--base-size-48);
7744
+ --brand-River-variant-gridline-spacing-outerInline: var(--base-size-64);
7745
+ --brand-River-variant-gridline-spacing-outerBlock: var(--base-size-64);
7746
+ --brand-River-spacing-outerBlock: var(--base-size-48);
7721
7747
  --brand-River-spacing-innerY: var(--base-size-32);
7722
- --brand-River-spacing-inner: var(--base-size-48);
7748
+ --brand-River-spacing-inner: var(--base-size-24);
7723
7749
  }
7724
7750
  }
7725
7751
 
@@ -7728,8 +7754,48 @@ html {
7728
7754
  grid-gap: var(--brand-River-spacing-inner);
7729
7755
  gap: var(--brand-River-spacing-inner);
7730
7756
  grid-auto-rows: min-content;
7731
- padding-top: var(--brand-River-spacing-outer);
7732
- padding-bottom: var(--brand-River-spacing-outer);
7757
+ padding-inline: var(--brand-River-spacing-outerInline);
7758
+ padding-block: var(--brand-River-spacing-outerBlock);
7759
+ container-type: inline-size;
7760
+ }
7761
+
7762
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
7763
+ position: relative;
7764
+ padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
7765
+ padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
7766
+ gap: var(--base-size-32);
7767
+ }
7768
+
7769
+ @media screen and (min-width: 48rem) {
7770
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
7771
+ gap: var(--base-size-28);
7772
+ }
7773
+ }
7774
+
7775
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::before,
7776
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::after {
7777
+ content: '';
7778
+ position: absolute;
7779
+ left: 50%;
7780
+ transform: translateX(-50%);
7781
+ width: 100vw;
7782
+ height: 0;
7783
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
7784
+ z-index: 1;
7785
+ }
7786
+
7787
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::before {
7788
+ top: 0;
7789
+ }
7790
+
7791
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::after {
7792
+ bottom: 0;
7793
+ }
7794
+
7795
+ @media screen and (min-width: 80rem) {
7796
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
7797
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
7798
+ }
7733
7799
  }
7734
7800
 
7735
7801
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
@@ -7758,12 +7824,62 @@ html {
7758
7824
  box-shadow: var(--brand-River-visual-shadow);
7759
7825
  }
7760
7826
 
7827
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7828
+ display: flex;
7829
+ align-items: center;
7830
+ justify-content: center;
7831
+ background-color: var(--brand-color-canvas-subtle);
7832
+ padding: var(--base-size-32);
7833
+ border-radius: 0;
7834
+ margin-inline: calc(-1 * var(--brand-River-variant-gridline-spacing-outerInline));
7835
+ }
7836
+
7837
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
7838
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
7839
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
7840
+ max-width: 100%;
7841
+ height: auto;
7842
+ width: auto;
7843
+ border-radius: var(--brand-borderRadius-large);
7844
+ }
7845
+
7846
+ @media screen and (max-width: 47.99rem) {
7847
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7848
+ align-items: flex-end;
7849
+ justify-content: flex-end;
7850
+ padding-block-end: 0;
7851
+ padding-inline-end: 0;
7852
+ }
7853
+
7854
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
7855
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
7856
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
7857
+ border-end-start-radius: 0;
7858
+ border-end-end-radius: 0;
7859
+ border-start-end-radius: 0;
7860
+ }
7861
+ }
7862
+
7863
+ @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
7864
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
7865
+ align-items: flex-end;
7866
+ padding-block-end: 0;
7867
+ }
7868
+
7869
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
7870
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
7871
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
7872
+ border-end-start-radius: 0;
7873
+ border-end-end-radius: 0;
7874
+ }
7875
+ }
7876
+
7761
7877
  .Primer_Brand__river-shared-module__River__heading___tl6zS {
7762
7878
  margin-bottom: var(--brand-River-heading-margin);
7763
7879
  }
7764
7880
 
7765
7881
  .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7766
- margin-top: var(--base-size-24);
7882
+ margin-top: var(--base-size-20);
7767
7883
  }
7768
7884
 
7769
7885
  .Primer_Brand__river-shared-module__River__text___TQQhU strong,
@@ -7772,6 +7888,36 @@ html {
7772
7888
  color: var(--brand-color-text-default);
7773
7889
  }
7774
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
+
7775
7921
  .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
7776
7922
  margin-block-start: var(--brand-River-spacing-inner);
7777
7923
  }
@@ -7785,12 +7931,47 @@ html {
7785
7931
  margin-block-end: var(--brand-River-label-margin);
7786
7932
  }
7787
7933
 
7788
- /* Medium breakpoint and up */
7789
- @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) {
7790
7966
  .Primer_Brand__river-shared-module__River___eSXvR {
7791
7967
  grid-template-rows: initial;
7792
7968
  }
7793
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
+
7794
7975
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7795
7976
  order: initial;
7796
7977
  }
@@ -7815,12 +7996,37 @@ html {
7815
7996
  grid-template-columns: [visual] 6fr [content] 4fr;
7816
7997
  }
7817
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
+
7818
8007
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7819
8008
  display: grid;
7820
8009
  align-content: center;
7821
8010
  grid-area: content;
7822
8011
  }
7823
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
+
7824
8030
  .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7825
8031
  grid-area: visual;
7826
8032
  }
@@ -7848,21 +8054,90 @@ html {
7848
8054
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
7849
8055
  margin-top: var(--brand-River-spacing-inner);
7850
8056
  }
7851
- }
7852
8057
 
7853
- /* Large breakpoint and up */
7854
- @media screen and (min-width: 63.25rem) {
7855
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__body-text___aJne5,
7856
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__heading___tl6zS {
7857
- max-width: 400px;
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;
7858
8073
  }
7859
8074
 
7860
- .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 {
7861
8086
  padding-inline-end: var(--base-size-128);
7862
8087
  }
7863
8088
 
7864
- .Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7865
- padding-inline: var(--base-size-64);
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);
7866
8141
  }
7867
8142
  }
7868
8143
 
@@ -7870,8 +8145,8 @@ html {
7870
8145
  display: flex;
7871
8146
  flex-direction: column;
7872
8147
  gap: var(--brand-RiverBreakout-spacing-inner);
7873
- padding-block-end: var(--brand-River-spacing-outer);
7874
- 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);
7875
8150
  }
7876
8151
 
7877
8152
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
@@ -7905,7 +8180,7 @@ html {
7905
8180
  }
7906
8181
 
7907
8182
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7908
- margin-block-end: var(--base-size-40);
8183
+ padding-block-start: var(--base-size-12);
7909
8184
  }
7910
8185
 
7911
8186
  @media screen and (min-width: 48rem) {
@@ -7938,6 +8213,192 @@ html {
7938
8213
  }
7939
8214
  }
7940
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
+
7941
8402
  .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7942
8403
  --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
7943
8404
  -webkit-font-smoothing: antialiased;
@@ -8424,7 +8885,7 @@ html {
8424
8885
 
8425
8886
  /**
8426
8887
  * Do not edit directly
8427
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
8888
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
8428
8889
  */
8429
8890
 
8430
8891
  :root,
@@ -9192,7 +9653,7 @@ html {
9192
9653
 
9193
9654
  /**
9194
9655
  * Do not edit directly
9195
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
9656
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
9196
9657
  */
9197
9658
 
9198
9659
  :root,
@@ -9220,7 +9681,7 @@ html {
9220
9681
 
9221
9682
  /**
9222
9683
  * Do not edit directly
9223
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
9684
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
9224
9685
  */
9225
9686
 
9226
9687
  :root,
@@ -9236,7 +9697,7 @@ html {
9236
9697
 
9237
9698
  /**
9238
9699
  * Do not edit directly
9239
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
9700
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
9240
9701
  */
9241
9702
 
9242
9703
  :root {
@@ -9289,7 +9750,7 @@ html {
9289
9750
 
9290
9751
  /**
9291
9752
  * Do not edit directly
9292
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
9753
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
9293
9754
  */
9294
9755
 
9295
9756
  :root,
@@ -9320,8 +9781,10 @@ html {
9320
9781
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
9321
9782
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
9322
9783
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
9323
- --brand-Accordion-border-color-default: var(--brand-color-border-default);
9324
- --brand-Accordion-border-color-emphasis: var(--base-color-scale-black-0);
9784
+ --brand-Accordion-border-color-default: var(--brand-color-border-muted);
9785
+ --brand-Accordion-indicator-idle: var(--base-color-scale-gray-3);
9786
+ --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
9787
+ --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
9325
9788
  }
9326
9789
 
9327
9790
  [data-color-mode="dark"] {
@@ -9351,8 +9814,10 @@ html {
9351
9814
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
9352
9815
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
9353
9816
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
9354
- --brand-Accordion-border-color-default: var(--base-color-scale-gray-5);
9355
- --brand-Accordion-border-color-emphasis: var(--base-color-scale-white-0);
9817
+ --brand-Accordion-border-color-default: var(--brand-color-border-muted);
9818
+ --brand-Accordion-indicator-idle: var(--base-color-scale-gray-7);
9819
+ --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
9820
+ --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
9356
9821
  }
9357
9822
 
9358
9823
  .Primer_Brand__Accordion-module__Accordion___M_LPt {
@@ -9365,13 +9830,67 @@ html {
9365
9830
  }
9366
9831
 
9367
9832
  .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
9368
- border-bottom: var(--brand-borderWidth-thicker) solid var(--brand-Accordion-border-color-emphasis);
9833
+ background-color: var(--brand-color-canvas-subtle);
9834
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9835
+ padding-block: var(--base-size-20);
9836
+ padding-inline: var(--base-size-20);
9837
+ gap: 0;
9838
+ justify-content: flex-start;
9839
+ align-items: center;
9840
+ }
9841
+
9842
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
9843
+ content: '';
9844
+ display: block;
9845
+ width: calc(var(--base-size-8) - 1px);
9846
+ height: var(--base-size-12);
9847
+ flex-shrink: 0;
9848
+ margin-inline-end: var(--base-size-12);
9849
+ background-color: var(--brand-Accordion-indicator-idle);
9850
+ }
9851
+
9852
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk:hover::before {
9853
+ background-color: var(--brand-Accordion-indicator-hover);
9854
+ }
9855
+
9856
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
9857
+ background-color: var(--brand-Accordion-indicator-active);
9858
+ }
9859
+
9860
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h3, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h4, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h5, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h6 {
9861
+ font-family: var(--brand-fontStack-monospace);
9862
+ font-size: var(--brand-text-size-100);
9863
+ font-weight: var(--brand-text-weight-500);
9864
+ line-height: var(--brand-text-lineHeight-100);
9865
+ letter-spacing: 0.15px;
9866
+ text-transform: uppercase;
9867
+ }
9868
+
9869
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
9870
+ + .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
9871
+ > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
9872
+ border-block-start: none;
9873
+ }
9874
+
9875
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9876
+ border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9877
+ padding-block-start: var(--base-size-12);
9878
+ padding-block-end: var(--base-size-12);
9879
+ padding-inline: var(--base-size-20);
9880
+ }
9881
+
9882
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child {
9883
+ border-bottom: none;
9884
+ }
9885
+
9886
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child::after {
9887
+ display: none;
9369
9888
  }
9370
9889
 
9371
9890
  .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
9372
9891
  content: '';
9373
- border: 3px solid var(--brand-Accordion-border-color-default);
9374
- height: 0;
9892
+ background-color: var(--brand-Accordion-border-color-default);
9893
+ height: var(--brand-borderWidth-thin);
9375
9894
  transition: var(--brand-animation-duration-fast) transform;
9376
9895
  transform: scaleY(0);
9377
9896
  transform-origin: 50% 100%;
@@ -9381,8 +9900,10 @@ html {
9381
9900
  left: 0;
9382
9901
  }
9383
9902
 
9384
- .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
9385
- transform: scaleY(0.35);
9903
+ .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after,
9904
+ details[open].Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
9905
+ background-color: var(--brand-color-accent-primary);
9906
+ transform: scaleY(1);
9386
9907
  }
9387
9908
 
9388
9909
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
@@ -9405,20 +9926,27 @@ html {
9405
9926
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9406
9927
  }
9407
9928
 
9929
+ /* When open, move focus ring to the details element to wrap summary + content as one unit */
9930
+ details[open].Primer_Brand__Accordion-module__Accordion___M_LPt:has(> summary:focus-visible) {
9931
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9932
+ outline-offset: var(--base-size-2);
9933
+ }
9934
+
9935
+ details[open].Primer_Brand__Accordion-module__Accordion___M_LPt > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:focus-visible {
9936
+ outline: none;
9937
+ }
9938
+
9408
9939
  .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9409
9940
  .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9410
- font-family: var(--brand-fontStack-sansSerif);
9411
- font-weight: 500;
9412
9941
  cursor: pointer;
9413
- font-size: 32px;
9414
- line-height: 24px;
9415
- text-align: center;
9416
- height: 24px;
9417
- width: 24px;
9418
- -webkit-text-fill-color: transparent;
9419
- -webkit-box-decoration-break: clone;
9420
- box-decoration-break: clone;
9942
+ display: flex;
9943
+ align-items: center;
9944
+ justify-content: center;
9945
+ height: var(--base-size-24);
9946
+ width: var(--base-size-24);
9947
+ color: var(--brand-color-text-default);
9421
9948
  position: absolute;
9949
+ transition: opacity var(--brand-animation-duration-faster) ease;
9422
9950
  }
9423
9951
 
9424
9952
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
@@ -9426,134 +9954,110 @@ html {
9426
9954
  right: 0;
9427
9955
  }
9428
9956
 
9957
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9958
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9959
+ position: static;
9960
+ order: 1;
9961
+ }
9962
+
9963
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
9964
+ margin-inline-start: auto;
9965
+ }
9966
+
9967
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9968
+ margin-inline-start: calc(-1 * var(--base-size-24));
9969
+ }
9970
+
9429
9971
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9430
9972
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9431
9973
  left: 0;
9432
9974
  }
9433
9975
 
9434
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
9435
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9436
- transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
9437
- display: block;
9438
- background: linear-gradient(
9439
- -70deg,
9440
- var(--brand-Accordion-toggle-color-start) 0%,
9441
- var(--brand-Accordion-toggle-color-end) 100%
9442
- );
9443
- -webkit-background-clip: text;
9444
- background-clip: text;
9976
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9977
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9978
+ color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-default));
9445
9979
  }
9446
9980
 
9447
9981
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
9448
9982
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
9449
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
9450
9983
  }
9451
9984
 
9452
9985
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
9453
9986
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
9454
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
9455
9987
  }
9456
9988
 
9457
9989
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
9458
9990
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
9459
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
9460
9991
  }
9461
9992
 
9462
9993
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
9463
9994
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
9464
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
9465
9995
  }
9466
9996
 
9467
9997
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
9468
9998
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
9469
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
9470
9999
  }
9471
10000
 
9472
10001
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
9473
10002
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
9474
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
9475
10003
  }
9476
10004
 
9477
10005
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
9478
10006
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
9479
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
9480
10007
  }
9481
10008
 
9482
10009
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
9483
10010
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
9484
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
9485
10011
  }
9486
10012
 
9487
10013
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
9488
10014
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
9489
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
9490
10015
  }
9491
10016
 
9492
10017
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
9493
10018
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
9494
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
9495
10019
  }
9496
10020
 
9497
10021
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
9498
10022
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
9499
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
9500
10023
  }
9501
10024
 
9502
10025
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
9503
10026
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
9504
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
9505
10027
  }
9506
10028
 
9507
10029
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
9508
10030
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
9509
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
9510
10031
  }
9511
10032
 
9512
10033
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
9513
10034
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
9514
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
9515
10035
  }
9516
10036
 
9517
10037
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
9518
10038
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
9519
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
9520
10039
  }
9521
10040
 
9522
10041
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
9523
10042
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
9524
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
9525
10043
  }
9526
10044
 
9527
10045
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
9528
10046
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
9529
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
9530
10047
  }
9531
10048
 
9532
10049
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
9533
10050
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
9534
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
9535
10051
  }
9536
10052
 
9537
10053
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
9538
10054
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
9539
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
9540
10055
  }
9541
10056
 
9542
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
9543
- font-weight: var(--base-text-weight-medium);
9544
- content: '–';
10057
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9545
10058
  opacity: 0;
9546
10059
  }
9547
10060
 
9548
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9549
- content: '+';
9550
- }
9551
-
9552
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9553
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9554
- transform: translate(0, -2px);
9555
- }
9556
-
9557
10061
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9558
10062
  opacity: 0;
9559
10063
  }
@@ -9566,17 +10070,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
9566
10070
  opacity: 0;
9567
10071
  }
9568
10072
 
9569
- details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
10073
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9570
10074
  opacity: 1;
9571
- transform: rotateZ(180deg);
9572
10075
  }
9573
10076
 
9574
- details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
10077
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
9575
10078
  opacity: 0;
9576
- transform: rotateZ(180deg);
9577
10079
  }
9578
10080
 
9579
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
10081
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
9580
10082
  padding-inline-end: var(--base-size-48);
9581
10083
  }
9582
10084
 
@@ -9639,7 +10141,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9639
10141
  }
9640
10142
 
9641
10143
  .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9642
- margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
10144
+ margin-top: calc(var(--base-size-12) * -1); /* for 12px gap between question and answer */
9643
10145
  }
9644
10146
 
9645
10147
  details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -9676,7 +10178,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9676
10178
 
9677
10179
  /**
9678
10180
  * Do not edit directly
9679
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
10181
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
9680
10182
  */
9681
10183
 
9682
10184
  :root {
@@ -9685,25 +10187,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9685
10187
 
9686
10188
  /**
9687
10189
  * Do not edit directly
9688
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
10190
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
9689
10191
  */
9690
10192
 
9691
10193
  :root,
9692
10194
  [data-color-mode="light"] {
9693
10195
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9694
10196
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9695
- --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-1);
10197
+ --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-3);
10198
+ --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
10199
+ --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
9696
10200
  }
9697
10201
 
9698
10202
  [data-color-mode="dark"] {
9699
10203
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9700
10204
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9701
- --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-7);
10205
+ --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-7);
10206
+ --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
10207
+ --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
9702
10208
  }
9703
10209
 
9704
10210
  /**
9705
10211
  * Do not edit directly
9706
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
10212
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
9707
10213
  */
9708
10214
 
9709
10215
  :root {
@@ -9728,11 +10234,27 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9728
10234
  }
9729
10235
  }
9730
10236
 
9731
- .Primer_Brand__FAQ-module__FAQ___R3vLU {
10237
+ .Primer_Brand__FAQ-module__FAQ___R3vLU {
10238
+ max-width: var(--brand-FAQ-maxWidth-list);
10239
+ margin: 0 auto;
10240
+ }
10241
+
10242
+ .Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
10243
+ padding-block-end: var(--base-size-40);
10244
+ border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
10245
+ max-width: 100%;
10246
+ }
10247
+
10248
+ .Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___XqrgD {
9732
10249
  max-width: var(--brand-FAQ-maxWidth-list);
9733
10250
  margin: 0 auto;
9734
10251
  }
9735
10252
 
10253
+ .Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
10254
+ border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
10255
+ margin-block-end: var(--base-size-40);
10256
+ }
10257
+
9736
10258
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
9737
10259
  color: var(--brand-FAQ-color-heading);
9738
10260
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
@@ -9741,6 +10263,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9741
10263
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
9742
10264
  margin-bottom: var(--base-size-16);
9743
10265
  color: var(--brand-color-text-muted);
10266
+ text-transform: uppercase;
10267
+ font-size: var(--brand-text-size-100);
10268
+ line-height: var(--brand-text-lineHeight-100);
9744
10269
  }
9745
10270
 
9746
10271
  .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -9780,24 +10305,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9780
10305
  margin: 0;
9781
10306
  }
9782
10307
 
10308
+ @media screen and (min-width: 63.25rem) {
10309
+ .Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
10310
+ margin-block-end: var(--base-size-48);
10311
+ }
10312
+
10313
+ .Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
10314
+ padding-block-end: var(--base-size-64);
10315
+ }
10316
+ }
10317
+
9783
10318
  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9784
10319
  display: none;
9785
10320
  justify-content: space-between;
9786
10321
  gap: var(--brand-stack-gap-spacious);
9787
10322
  }
9788
10323
 
9789
- @media screen and (min-width: 48rem) {
9790
- .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9791
- display: grid;
9792
- }
9793
-
9794
- .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
9795
- display: none;
9796
- }
10324
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
10325
+ margin-block-start: var(--base-size-48);
9797
10326
  }
9798
10327
 
9799
10328
  .Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
9800
10329
  margin-block-start: calc(var(--base-size-8) + 1px);
10330
+ text-transform: uppercase;
10331
+ font-size: var(--brand-text-size-100);
10332
+ line-height: var(--brand-text-lineHeight-100);
9801
10333
  }
9802
10334
 
9803
10335
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
@@ -9805,26 +10337,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9805
10337
  }
9806
10338
 
9807
10339
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
10340
+ -webkit-appearance: none;
10341
+ -moz-appearance: none;
10342
+ appearance: none;
10343
+ border: none;
9808
10344
  background-color: transparent;
9809
- justify-content: flex-start;
9810
- }
9811
-
9812
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC > span {
10345
+ padding-block: var(--base-size-8);
10346
+ padding-inline: 0;
10347
+ cursor: pointer;
10348
+ display: flex;
10349
+ align-items: center;
10350
+ gap: var(--base-size-12);
10351
+ width: 100%;
10352
+ font-family: var(--brand-fontStack-monospace);
10353
+ font-size: var(--brand-text-size-100);
10354
+ font-weight: var(--brand-text-weight-500);
10355
+ line-height: var(--brand-text-lineHeight-100);
10356
+ letter-spacing: 0.15px;
10357
+ text-transform: uppercase;
10358
+ text-align: start;
10359
+ color: var(--brand-color-text-muted);
9813
10360
  overflow: hidden;
9814
- white-space: nowrap;
9815
10361
  text-overflow: ellipsis;
10362
+ white-space: nowrap;
10363
+ transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
9816
10364
  }
9817
10365
 
9818
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9819
- background-color: var(--brand-FAQ-color-tabBg-selected);
10366
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:focus-visible {
10367
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
10368
+ outline-offset: 2px;
9820
10369
  }
9821
10370
 
9822
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
9823
- color: var(--brand-color-text-muted);
10371
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC::before {
10372
+ content: '';
10373
+ display: block;
10374
+ width: calc(var(--base-size-8) + var(--base-size-2));
10375
+ height: var(--base-size-12);
10376
+ flex-shrink: 0;
10377
+ background-color: var(--brand-FAQGroup-buttonIndicator-idle);
10378
+ transform: scaleX(0.7);
10379
+ transform-origin: left;
10380
+ transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
10381
+ background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
10382
+ }
10383
+
10384
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:hover::before {
10385
+ background-color: var(--brand-FAQGroup-buttonIndicator-hover);
9824
10386
  }
9825
10387
 
9826
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
10388
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9827
10389
  color: var(--brand-FAQ-color-tabLabel-selected);
10390
+ gap: calc(var(--base-size-12) + 3px);
10391
+ }
10392
+
10393
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true']::before {
10394
+ transform: scaleX(1);
10395
+ background-color: var(--brand-FAQGroup-buttonIndicator-active);
9828
10396
  }
9829
10397
 
9830
10398
  .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
@@ -9833,6 +10401,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9833
10401
  line-height: var(--brand-text-lineHeight-200);
9834
10402
  }
9835
10403
 
10404
+ /* Gridline variant */
10405
+
10406
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
10407
+ padding-inline-start: var(--base-size-48);
10408
+ padding-block: var(--base-size-80);
10409
+ }
10410
+
10411
+ .Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
10412
+ border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10413
+ padding-inline: var(--base-size-64);
10414
+ padding-block-start: var(--base-size-80);
10415
+ padding-block-end: var(--base-size-96);
10416
+ }
10417
+
9836
10418
  @media (forced-colors: active) {
9837
10419
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9838
10420
  border-color: Highlight;
@@ -9841,9 +10423,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9841
10423
  }
9842
10424
  }
9843
10425
 
10426
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
10427
+ padding-inline: var(--base-size-20);
10428
+ }
10429
+
10430
+ /* Custom tablet breakpoint */
10431
+ @media screen and (min-width: 618px) {
10432
+ .Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___OBSr9 {
10433
+ border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10434
+ }
10435
+
10436
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
10437
+ margin-block-start: 0;
10438
+ max-width: 618px;
10439
+ margin-inline: auto;
10440
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10441
+ }
10442
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
10443
+ max-width: 618px;
10444
+ margin: 0 auto;
10445
+ }
10446
+
10447
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
10448
+ padding-block-end: var(--base-size-40);
10449
+ }
10450
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___Q_oGI {
10451
+ border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
10452
+ }
10453
+
10454
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:first-child summary {
10455
+ border-block-start: none !important;
10456
+ }
10457
+
10458
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:last-child summary {
10459
+ border-block-end: none !important;
10460
+ }
10461
+ }
10462
+
10463
+ @media screen and (min-width: 63.25rem) {
10464
+ .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
10465
+ display: grid;
10466
+ }
10467
+
10468
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
10469
+ display: none;
10470
+ }
10471
+
10472
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
10473
+ padding-inline: 0;
10474
+ max-width: 100%;
10475
+ }
10476
+
10477
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
10478
+ padding-block-end: var(--base-size-64);
10479
+ }
10480
+ }
10481
+
10482
+ @media screen and (min-width: 80rem) {
10483
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
10484
+ border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10485
+ }
10486
+
10487
+ .Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
10488
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10489
+ }
10490
+ }
10491
+
9844
10492
  /**
9845
10493
  * Do not edit directly
9846
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
10494
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
9847
10495
  */
9848
10496
 
9849
10497
  :root,
@@ -11046,7 +11694,7 @@ Fixes safari bug where outline doesn't respect border-radius
11046
11694
 
11047
11695
  /**
11048
11696
  * Do not edit directly
11049
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
11697
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
11050
11698
  */
11051
11699
 
11052
11700
  :root {
@@ -11060,7 +11708,7 @@ Fixes safari bug where outline doesn't respect border-radius
11060
11708
 
11061
11709
  /**
11062
11710
  * Do not edit directly
11063
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
11711
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
11064
11712
  */
11065
11713
 
11066
11714
  :root,
@@ -11354,7 +12002,7 @@ Fixes safari bug where outline doesn't respect border-radius
11354
12002
 
11355
12003
  /**
11356
12004
  * Do not edit directly
11357
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
12005
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
11358
12006
  */
11359
12007
 
11360
12008
  :root,
@@ -11370,7 +12018,7 @@ Fixes safari bug where outline doesn't respect border-radius
11370
12018
 
11371
12019
  /**
11372
12020
  * Do not edit directly
11373
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
12021
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
11374
12022
  */
11375
12023
 
11376
12024
  :root {
@@ -12115,7 +12763,7 @@ Fixes safari bug where outline doesn't respect border-radius
12115
12763
 
12116
12764
  /**
12117
12765
  * Do not edit directly
12118
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
12766
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
12119
12767
  */
12120
12768
 
12121
12769
  :root,
@@ -12131,20 +12779,20 @@ Fixes safari bug where outline doesn't respect border-radius
12131
12779
 
12132
12780
  /**
12133
12781
  * Do not edit directly
12134
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
12782
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
12135
12783
  */
12136
12784
 
12137
12785
  :root,
12138
12786
  [data-color-mode="light"] {
12139
12787
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
12140
12788
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
12141
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12789
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12142
12790
  }
12143
12791
 
12144
12792
  [data-color-mode="dark"] {
12145
12793
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
12146
12794
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
12147
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12795
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12148
12796
  }
12149
12797
 
12150
12798
  .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
@@ -12168,14 +12816,93 @@ Fixes safari bug where outline doesn't respect border-radius
12168
12816
  );
12169
12817
  }
12170
12818
 
12819
+ /* Heading size overrides for balanced and minimal variants */
12820
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
12821
+ font-weight: var(--brand-heading-weight-700);
12822
+ font-size: var(--brand-text-size-700);
12823
+ line-height: var(--brand-heading-lineHeight-700);
12824
+ letter-spacing: var(--brand-heading-letterSpacing-700);
12825
+ }
12826
+
12827
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
12828
+ font-weight: var(--brand-heading-weight-400);
12829
+ font-size: var(--brand-text-size-400);
12830
+ line-height: var(--brand-text-lineHeight-400);
12831
+ letter-spacing: var(--brand-heading-letterSpacing-400);
12832
+ }
12833
+
12834
+ .Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
12835
+ row-gap: 0;
12836
+ --brand-Grid-spacing-row: 0;
12837
+ padding-inline: 0;
12838
+ }
12839
+
12840
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
12841
+ display: flex;
12842
+ align-items: center;
12843
+ }
12844
+
12845
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12846
+ display: flex;
12847
+ align-items: center;
12848
+ justify-content: center;
12849
+ }
12850
+
12851
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12852
+ justify-content: flex-end;
12853
+ }
12854
+
12855
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12856
+ justify-content: flex-start;
12857
+ }
12858
+
12859
+ @media screen and (min-width: 63.25rem) {
12860
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12861
+ justify-content: flex-end;
12862
+ }
12863
+ }
12864
+
12865
+ /* Stack on narrow viewports */
12866
+ @media screen and (max-width: 63.24rem) {
12867
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12868
+ justify-content: flex-start;
12869
+ }
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
+
12880
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12881
+ margin-block-start: var(--base-size-24);
12882
+ }
12883
+ }
12884
+
12885
+ .Primer_Brand__CTABanner-module__CTABanner-outer-container--border___PwQrC {
12886
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12887
+ }
12888
+
12171
12889
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12172
- border-radius: var(--brand-borderRadius-xlarge);
12173
- padding: var(--base-size-40) var(--base-size-32);
12890
+ padding: var(--base-size-64) var(--base-size-32);
12174
12891
  z-index: 1;
12175
12892
  width: 100%;
12176
12893
  box-sizing: border-box;
12177
12894
  }
12178
12895
 
12896
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12897
+ padding-inline: var(--base-size-20);
12898
+ padding-block: var(--base-size-32);
12899
+ }
12900
+
12901
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12902
+ padding-inline: var(--base-size-20);
12903
+ padding-block: var(--base-size-40);
12904
+ }
12905
+
12179
12906
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12180
12907
  display: flex;
12181
12908
  flex-direction: column;
@@ -12185,10 +12912,19 @@ Fixes safari bug where outline doesn't respect border-radius
12185
12912
  margin: 0 auto;
12186
12913
  }
12187
12914
 
12915
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12916
+ gap: 0;
12917
+ }
12918
+
12919
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_,
12920
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12921
+ max-width: 576px;
12922
+ margin: 0;
12923
+ }
12924
+
12188
12925
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12189
- border-radius: var(--brand-borderRadius-xlarge);
12190
12926
  background-repeat: no-repeat;
12191
- background-color: var(--brand-CTABanner-narrow-background-color, var(--brand-CTABanner-background-color));
12927
+ background-color: var(--brand-CTABanner-bgColor);
12192
12928
  background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
12193
12929
  background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
12194
12930
 
@@ -12201,7 +12937,13 @@ Fixes safari bug where outline doesn't respect border-radius
12201
12937
  }
12202
12938
 
12203
12939
  .Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
12204
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
12940
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12941
+ }
12942
+
12943
+ .Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___H1FN8 {
12944
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12945
+ margin-inline: auto;
12946
+ max-width: 534px; /* To match tablet for river */
12205
12947
  }
12206
12948
 
12207
12949
  .Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
@@ -12216,7 +12958,27 @@ Fixes safari bug where outline doesn't respect border-radius
12216
12958
  /* Medium breakpoint and up */
12217
12959
  @media screen and (min-width: 48rem) {
12218
12960
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12219
- padding: var(--base-size-80) var(--base-size-64);
12961
+ padding: var(--base-size-80) var(--base-size-36);
12962
+ }
12963
+
12964
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12965
+ padding: var(--base-size-36);
12966
+ padding-block-end: var(--base-size-48);
12967
+ }
12968
+
12969
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12970
+ padding: var(--base-size-36);
12971
+ padding-block: var(--base-size-48);
12972
+ }
12973
+
12974
+ .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12975
+ background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
12976
+ background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
12977
+ background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));
12978
+ background-position: var(
12979
+ --brand-CTABanner-regular-background-image-position,
12980
+ var(--brand-CTABanner-background-image-position)
12981
+ );
12220
12982
  }
12221
12983
  }
12222
12984
 
@@ -12225,36 +12987,85 @@ Fixes safari bug where outline doesn't respect border-radius
12225
12987
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12226
12988
  gap: var(--base-size-24);
12227
12989
  }
12990
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12991
+ gap: var(--base-size-16);
12992
+ }
12228
12993
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12229
- padding: var(--base-size-128) var(--base-size-64);
12994
+ padding: var(--base-size-96) var(--base-size-64);
12995
+ max-width: 100%;
12996
+ }
12997
+
12998
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12999
+ padding: var(--base-size-64);
13000
+ }
13001
+
13002
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
13003
+ padding: var(--base-size-64);
12230
13004
  }
12231
13005
  }
12232
13006
 
12233
- /* Regular */
12234
- @media screen and (min-width: 48rem) {
13007
+ /* Wide */
13008
+ @media screen and (min-width: 80rem) {
12235
13009
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12236
- background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
12237
- background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
12238
- background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));
13010
+ background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
13011
+ background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
13012
+ background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));
13013
+
12239
13014
  background-position: var(
12240
- --brand-CTABanner-regular-background-image-position,
13015
+ --brand-CTABanner-wide-background-image-position,
12241
13016
  var(--brand-CTABanner-background-image-position)
12242
13017
  );
12243
13018
  }
12244
13019
  }
12245
13020
 
12246
- /* Wide */
12247
- @media screen and (min-width: 80rem) {
12248
- .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12249
- background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
12250
- background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
12251
- background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));
13021
+ .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
13022
+ width: 100%;
13023
+ height: auto;
13024
+ }
13025
+
13026
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
13027
+ max-width: 476px;
13028
+ width: 100%;
13029
+ height: auto;
13030
+ }
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
+ }
12252
13066
 
12253
- background-position: var(
12254
- --brand-CTABanner-wide-background-image-position,
12255
- var(--brand-CTABanner-background-image-position)
12256
- );
12257
- }
13067
+ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6.Primer_Brand__CTABanner-module__CTABanner-description___I7md6:has(code) {
13068
+ line-height: calc(1lh * 1.25);
12258
13069
  }
12259
13070
 
12260
13071
  .Primer_Brand__ListItem-module__ListItem___aFf5u {
@@ -12354,7 +13165,7 @@ Fixes safari bug where outline doesn't respect border-radius
12354
13165
 
12355
13166
  /**
12356
13167
  * Do not edit directly
12357
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
13168
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
12358
13169
  */
12359
13170
 
12360
13171
  :root,
@@ -12518,7 +13329,7 @@ Fixes safari bug where outline doesn't respect border-radius
12518
13329
 
12519
13330
  /**
12520
13331
  * Do not edit directly
12521
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
13332
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
12522
13333
  */
12523
13334
 
12524
13335
  :root,
@@ -12826,7 +13637,7 @@ Fixes safari bug where outline doesn't respect border-radius
12826
13637
 
12827
13638
  /**
12828
13639
  * Do not edit directly
12829
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
13640
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
12830
13641
  */
12831
13642
 
12832
13643
  :root {
@@ -12862,7 +13673,7 @@ Fixes safari bug where outline doesn't respect border-radius
12862
13673
 
12863
13674
  /**
12864
13675
  * Do not edit directly
12865
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
13676
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
12866
13677
  */
12867
13678
 
12868
13679
  :root,
@@ -12930,7 +13741,7 @@ Fixes safari bug where outline doesn't respect border-radius
12930
13741
 
12931
13742
  /**
12932
13743
  * Do not edit directly
12933
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
13744
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
12934
13745
  */
12935
13746
 
12936
13747
  :root {
@@ -12941,7 +13752,7 @@ Fixes safari bug where outline doesn't respect border-radius
12941
13752
 
12942
13753
  /**
12943
13754
  * Do not edit directly
12944
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
13755
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
12945
13756
  */
12946
13757
 
12947
13758
  :root,
@@ -13057,6 +13868,29 @@ Fixes safari bug where outline doesn't respect border-radius
13057
13868
  text-decoration: none !important;
13058
13869
  }
13059
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
+
13060
13894
  .Primer_Brand__Card-module__Card--disableAnimation___Zv8eW:hover .Primer_Brand__Card-module__Card__link___Ye5mq {
13061
13895
  -webkit-text-decoration: underline !important;
13062
13896
  text-decoration: underline !important;
@@ -13286,7 +14120,7 @@ Fixes safari bug where outline doesn't respect border-radius
13286
14120
 
13287
14121
  /**
13288
14122
  * Do not edit directly
13289
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
14123
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
13290
14124
  */
13291
14125
 
13292
14126
  :root,
@@ -14127,7 +14961,7 @@ Fixes safari bug where outline doesn't respect border-radius
14127
14961
 
14128
14962
  /**
14129
14963
  * Do not edit directly
14130
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
14964
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
14131
14965
  */
14132
14966
 
14133
14967
  :root {
@@ -14138,7 +14972,7 @@ Fixes safari bug where outline doesn't respect border-radius
14138
14972
 
14139
14973
  /**
14140
14974
  * Do not edit directly
14141
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
14975
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
14142
14976
  */
14143
14977
 
14144
14978
  :root,
@@ -14637,7 +15471,7 @@ Fixes safari bug where outline doesn't respect border-radius
14637
15471
 
14638
15472
  /**
14639
15473
  * Do not edit directly
14640
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
15474
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
14641
15475
  */
14642
15476
 
14643
15477
  :root {
@@ -14657,7 +15491,7 @@ Fixes safari bug where outline doesn't respect border-radius
14657
15491
 
14658
15492
  /**
14659
15493
  * Do not edit directly
14660
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
15494
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
14661
15495
  */
14662
15496
 
14663
15497
  :root,
@@ -14693,12 +15527,12 @@ Fixes safari bug where outline doesn't respect border-radius
14693
15527
 
14694
15528
  /**
14695
15529
  * Do not edit directly
14696
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
15530
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
14697
15531
  */
14698
15532
 
14699
15533
  :root,
14700
15534
  [data-color-mode="light"] {
14701
- --brand-LogoSuite-color-control-rest: var(--base-color-scale-gray-1);
15535
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14702
15536
  --brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-2);
14703
15537
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14704
15538
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14707,7 +15541,7 @@ Fixes safari bug where outline doesn't respect border-radius
14707
15541
  }
14708
15542
 
14709
15543
  [data-color-mode="dark"] {
14710
- --brand-LogoSuite-color-control-rest: #4d4e6a;
15544
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14711
15545
  --brand-LogoSuite-color-control-hover: #5a5b7c;
14712
15546
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14713
15547
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14717,7 +15551,7 @@ Fixes safari bug where outline doesn't respect border-radius
14717
15551
 
14718
15552
  /**
14719
15553
  * Do not edit directly
14720
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
15554
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
14721
15555
  */
14722
15556
 
14723
15557
  :root {
@@ -14730,20 +15564,25 @@ Fixes safari bug where outline doesn't respect border-radius
14730
15564
  --brand-LogoSuite-logobar-columnGap-default: var(--base-size-80);
14731
15565
  }
14732
15566
 
14733
- @media (min-width: 768px) {
14734
- :root {
14735
- --brand-LogoSuite-logobar-rowGap: var(--base-size-80);
14736
- }
14737
- }
14738
-
14739
15567
  .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
14740
15568
  padding-block-end: var(--brand-LogoSuite-logobar-rowGap);
14741
15569
  }
14742
15570
 
14743
- .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
15571
+ .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL + .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL {
14744
15572
  padding-block-start: var(--brand-LogoSuite-logobar-rowGap);
14745
15573
  }
14746
15574
 
15575
+ /* Small monospace heading when standalone (no description) */
15576
+ .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw {
15577
+ font-family: var(--brand-fontStack-monospace);
15578
+ font-weight: var(--brand-text-weight-100);
15579
+ font-size: var(--brand-text-size-100);
15580
+ line-height: var(--brand-text-lineHeight-100);
15581
+ letter-spacing: var(--brand-text-letterSpacing-100);
15582
+ text-transform: uppercase;
15583
+ color: var(--brand-color-text-muted);
15584
+ }
15585
+
14747
15586
  .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
14748
15587
  padding-block-start: var(--base-size-16);
14749
15588
  }
@@ -14757,7 +15596,7 @@ Fixes safari bug where outline doesn't respect border-radius
14757
15596
  text-align: center;
14758
15597
  }
14759
15598
 
14760
- .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
15599
+ .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
14761
15600
  padding-block-start: var(--base-size-32);
14762
15601
  }
14763
15602
 
@@ -14785,7 +15624,7 @@ Fixes safari bug where outline doesn't respect border-radius
14785
15624
  + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
14786
15625
  .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
14787
15626
  padding-block-start: 0;
14788
- margin-block-start: var(--base-size-80);
15627
+ margin-block-start: var(--base-size-44);
14789
15628
  }
14790
15629
 
14791
15630
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14795,20 +15634,17 @@ Fixes safari bug where outline doesn't respect border-radius
14795
15634
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14796
15635
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14797
15636
  width: auto;
14798
- height: var(--base-size-32);
15637
+ height: var(--base-size-28);
14799
15638
  }
14800
15639
 
14801
15640
  @media screen and (min-width: 48rem) {
14802
15641
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
14803
15642
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
14804
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
14805
- height: var(--base-size-40);
14806
- }
14807
-
15643
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a,
14808
15644
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
14809
15645
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14810
15646
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14811
- height: var(--base-size-48);
15647
+ height: var(--base-size-32);
14812
15648
  }
14813
15649
  }
14814
15650
 
@@ -14840,8 +15676,10 @@ Fixes safari bug where outline doesn't respect border-radius
14840
15676
  }
14841
15677
  }
14842
15678
 
14843
- .Primer_Brand__LogoSuite-module__LogoSuite--start___Kk6GC .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
14844
- outline-color: var(--brand-color-focus);
15679
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
15680
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
15681
+ outline-offset: var(--base-size-2);
15682
+ border-radius: var(--base-size-4);
14845
15683
  }
14846
15684
 
14847
15685
  .Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Znsqm {
@@ -14851,8 +15689,9 @@ Fixes safari bug where outline doesn't respect border-radius
14851
15689
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
14852
15690
  position: relative;
14853
15691
  display: flex;
14854
- flex-direction: column;
14855
- gap: var(--base-size-40);
15692
+ flex-direction: row;
15693
+ align-items: center;
15694
+ gap: var(--base-size-24);
14856
15695
  margin: auto;
14857
15696
  max-width: 100dvw;
14858
15697
  }
@@ -14890,18 +15729,22 @@ Fixes safari bug where outline doesn't respect border-radius
14890
15729
  }
14891
15730
  }
14892
15731
 
14893
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
15732
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf,
15733
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
14894
15734
  animation-play-state: paused;
14895
15735
  }
14896
15736
 
14897
15737
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr {
14898
15738
  display: flex;
14899
- overflow: hidden;
15739
+ overflow-x: hidden;
15740
+ overflow-y: visible;
15741
+ padding-block: var(--base-size-4);
14900
15742
  -webkit-user-select: none;
14901
15743
  -moz-user-select: none;
14902
15744
  user-select: none;
14903
15745
  gap: var(--marquee-gap);
14904
- width: calc(100% - var(--base-size-40));
15746
+ flex: 1;
15747
+ min-width: 0;
14905
15748
  -webkit-mask-image: linear-gradient(
14906
15749
  to right,
14907
15750
  hsla(0, 0%, 0%, 0),
@@ -14916,19 +15759,23 @@ Fixes safari bug where outline doesn't respect border-radius
14916
15759
  animation-play-state: paused !important;
14917
15760
  }
14918
15761
 
15762
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___AVQlQ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
15763
+ animation-name: none;
15764
+ }
15765
+
14919
15766
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi {
14920
15767
  cursor: pointer;
14921
- position: absolute;
14922
- right: 0;
15768
+ flex-shrink: 0;
14923
15769
  display: flex;
14924
15770
  align-items: center;
14925
15771
  justify-content: center;
14926
- width: var(--base-size-48);
14927
- height: var(--base-size-48);
15772
+ width: var(--base-size-32);
15773
+ height: var(--base-size-32);
14928
15774
  margin: 0;
14929
15775
  padding: 0;
14930
15776
  border: none;
14931
15777
  border-radius: var(--base-size-48);
15778
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
14932
15779
  background-color: var(--brand-LogoSuite-color-control-rest);
14933
15780
  transition: background-color var(--brand-animation-duration-faster);
14934
15781
  }
@@ -14945,10 +15792,139 @@ Fixes safari bug where outline doesn't respect border-radius
14945
15792
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi svg {
14946
15793
  width: var(--base-size-16);
14947
15794
  height: var(--base-size-16);
15795
+ fill: var(--brand-color-text-muted);
14948
15796
  }
14949
15797
 
14950
15798
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi path {
14951
- fill: var(--brand-button-subtle-fgColor-rest);
15799
+ fill: var(--brand-color-text-muted);
15800
+ }
15801
+
15802
+ /* Gridline expressive variant styles */
15803
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax {
15804
+ padding: 0;
15805
+ }
15806
+
15807
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15808
+ padding-inline: 0;
15809
+ gap: 0;
15810
+ max-width: 618px; /* From the Figma design */
15811
+ }
15812
+
15813
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
15814
+ display: flex;
15815
+ flex-direction: column;
15816
+ justify-content: center;
15817
+ padding: var(--base-size-20);
15818
+ }
15819
+
15820
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
15821
+ margin-block-start: auto;
15822
+ }
15823
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
15824
+ display: flex;
15825
+ flex-direction: column;
15826
+ justify-content: center;
15827
+ padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);
15828
+ }
15829
+
15830
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
15831
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
15832
+ max-width: none;
15833
+ width: 100%;
15834
+ }
15835
+
15836
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
15837
+ padding-block-start: var(--base-size-8);
15838
+ }
15839
+
15840
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
15841
+ padding-block-start: 0;
15842
+ }
15843
+
15844
+ @media screen and (min-width: 48rem) {
15845
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
15846
+ padding: var(--base-size-36);
15847
+ }
15848
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15849
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
15850
+ }
15851
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
15852
+ border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
15853
+ }
15854
+ }
15855
+
15856
+ @media screen and (min-width: 64rem) {
15857
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15858
+ max-width: 1280px;
15859
+ }
15860
+
15861
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
15862
+ text-align: left;
15863
+ padding: var(--base-size-64);
15864
+ }
15865
+
15866
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
15867
+ padding: var(--base-size-64);
15868
+ }
15869
+ }
15870
+
15871
+ @media screen and (min-width: 1281px) {
15872
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15873
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
15874
+ }
15875
+
15876
+ /* When the logobar is the only column visible (no adjacent text), this removes start border */
15877
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_:first-child {
15878
+ border-inline-start: none;
15879
+ }
15880
+ }
15881
+
15882
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm {
15883
+ position: relative;
15884
+ overflow: visible;
15885
+ }
15886
+
15887
+ /* Glass blur overlay effect */
15888
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm::before {
15889
+ content: '';
15890
+ position: absolute;
15891
+ inset: calc(-1 * var(--base-size-16)) 0;
15892
+ z-index: 1;
15893
+ pointer-events: none;
15894
+ opacity: 0;
15895
+ backdrop-filter: blur(var(--base-size-6));
15896
+ -webkit-backdrop-filter: blur(var(--base-size-6));
15897
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
15898
+ }
15899
+
15900
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover::before,
15901
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within::before {
15902
+ opacity: 1;
15903
+ }
15904
+
15905
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover svg,
15906
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within svg,
15907
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover img,
15908
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within img {
15909
+ opacity: 0.7;
15910
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
15911
+ }
15912
+
15913
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
15914
+ opacity: 0;
15915
+ visibility: hidden;
15916
+ z-index: 2;
15917
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
15918
+ position: absolute;
15919
+ top: 50%;
15920
+ left: 50%;
15921
+ transform: translate(-50%, -50%);
15922
+ }
15923
+
15924
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO,
15925
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
15926
+ opacity: 1;
15927
+ visibility: visible;
14952
15928
  }
14953
15929
 
14954
15930
  .Primer_Brand__Timeline-module__Timeline___keSeT {
@@ -15051,7 +16027,7 @@ Fixes safari bug where outline doesn't respect border-radius
15051
16027
 
15052
16028
  /**
15053
16029
  * Do not edit directly
15054
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
16030
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
15055
16031
  */
15056
16032
 
15057
16033
  :root,
@@ -15065,7 +16041,7 @@ Fixes safari bug where outline doesn't respect border-radius
15065
16041
 
15066
16042
  /**
15067
16043
  * Do not edit directly
15068
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
16044
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
15069
16045
  */
15070
16046
 
15071
16047
  :root {
@@ -15079,7 +16055,7 @@ Fixes safari bug where outline doesn't respect border-radius
15079
16055
 
15080
16056
  /**
15081
16057
  * Do not edit directly
15082
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
16058
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
15083
16059
  */
15084
16060
 
15085
16061
  :root {
@@ -17255,7 +18231,7 @@ Fixes safari bug where outline doesn't respect border-radius
17255
18231
 
17256
18232
  /**
17257
18233
  * Do not edit directly
17258
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
18234
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
17259
18235
  */
17260
18236
 
17261
18237
  :root {
@@ -17279,7 +18255,7 @@ Fixes safari bug where outline doesn't respect border-radius
17279
18255
 
17280
18256
  /**
17281
18257
  * Do not edit directly
17282
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
18258
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
17283
18259
  */
17284
18260
 
17285
18261
  :root,
@@ -17714,7 +18690,7 @@ Fixes safari bug where outline doesn't respect border-radius
17714
18690
 
17715
18691
  /**
17716
18692
  * Do not edit directly
17717
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
18693
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
17718
18694
  */
17719
18695
 
17720
18696
  :root {
@@ -17730,7 +18706,7 @@ Fixes safari bug where outline doesn't respect border-radius
17730
18706
 
17731
18707
  /**
17732
18708
  * Do not edit directly
17733
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
18709
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
17734
18710
  */
17735
18711
 
17736
18712
  :root,
@@ -18205,6 +19181,7 @@ Fixes safari bug where outline doesn't respect border-radius
18205
19181
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
18206
19182
  font-size: var(--feature-list-font-size);
18207
19183
  line-height: var(--feature-list-line-height);
19184
+ font-weight: var(--brand-text-subhead-weight-large);
18208
19185
  gap: var(--base-size-8);
18209
19186
  display: inline-flex;
18210
19187
  align-items: center;
@@ -18233,7 +19210,7 @@ Fixes safari bug where outline doesn't respect border-radius
18233
19210
 
18234
19211
  /**
18235
19212
  * Do not edit directly
18236
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
19213
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
18237
19214
  */
18238
19215
 
18239
19216
  :root {
@@ -18242,21 +19219,23 @@ Fixes safari bug where outline doesn't respect border-radius
18242
19219
 
18243
19220
  /**
18244
19221
  * Do not edit directly
18245
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
19222
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
18246
19223
  */
18247
19224
 
18248
19225
  :root,
18249
19226
  [data-color-mode="light"] {
19227
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18250
19228
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18251
19229
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18252
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19230
+ --brand-SubNav-color-link-bgColor: #e4ebe6;
18253
19231
  --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
18254
19232
  }
18255
19233
 
18256
19234
  [data-color-mode="dark"] {
19235
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18257
19236
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18258
19237
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18259
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19238
+ --brand-SubNav-color-link-bgColor: #323834;
18260
19239
  --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
18261
19240
  }
18262
19241
 
@@ -18264,6 +19243,7 @@ Fixes safari bug where outline doesn't respect border-radius
18264
19243
  position: absolute;
18265
19244
  width: 100%;
18266
19245
  z-index: 2;
19246
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18267
19247
  }
18268
19248
 
18269
19249
  .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
@@ -18272,11 +19252,15 @@ Fixes safari bug where outline doesn't respect border-radius
18272
19252
  position: relative;
18273
19253
  }
18274
19254
 
19255
+ .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 .Primer_Brand__SubNav-module__SubNav___dVoQu {
19256
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19257
+ }
19258
+
18275
19259
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18276
19260
  width: 100%;
18277
19261
  display: flex;
18278
- padding: var(--base-size-16);
18279
19262
  z-index: 1;
19263
+ background-color: var(--brand-SubNav-bgColor);
18280
19264
  }
18281
19265
 
18282
19266
  [data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
@@ -18284,16 +19268,21 @@ Fixes safari bug where outline doesn't respect border-radius
18284
19268
  -moz-osx-font-smoothing: grayscale;
18285
19269
  }
18286
19270
 
18287
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
19271
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
19272
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18288
19273
  display: block;
18289
- font-weight: var(--base-text-weight-medium);
19274
+ font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */
19275
+ line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */
19276
+ font-weight: var(--brand-text-subhead-weight-medium);
18290
19277
  color: var(--brand-color-text-default);
18291
19278
  font-family: var(--brand-heading-fontFamily);
18292
19279
  -webkit-text-decoration: none;
18293
19280
  text-decoration: none;
18294
19281
  }
18295
19282
 
18296
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover {
19283
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover,
19284
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover,
19285
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18297
19286
  color: var(--brand-color-text-muted);
18298
19287
  -webkit-text-decoration: none !important;
18299
19288
  text-decoration: none !important; /* dotcom override */
@@ -18304,10 +19293,17 @@ Fixes safari bug where outline doesn't respect border-radius
18304
19293
  }
18305
19294
 
18306
19295
  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19296
+ min-height: 60px;
18307
19297
  position: relative;
18308
19298
  z-index: 9998;
18309
- display: inline-block;
18310
- margin-inline-end: var(--base-size-16);
19299
+ display: flex;
19300
+ align-items: center;
19301
+ padding: var(--base-size-16);
19302
+ border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19303
+ }
19304
+
19305
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19306
+ padding-inline-start: var(--base-size-24);
18311
19307
  }
18312
19308
 
18313
19309
  .Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
@@ -18345,16 +19341,6 @@ Fixes safari bug where outline doesn't respect border-radius
18345
19341
  display: none;
18346
19342
  }
18347
19343
 
18348
- .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18349
- position: relative;
18350
- top: 0;
18351
- color: var(--brand-color-text-muted);
18352
- min-width: var(--base-size-8);
18353
- min-height: var(--base-size-16);
18354
- display: inline-flex;
18355
- align-items: center;
18356
- }
18357
-
18358
19344
  /*
18359
19345
  * Anchor Nav Submenu
18360
19346
  */
@@ -18407,8 +19393,8 @@ Fixes safari bug where outline doesn't respect border-radius
18407
19393
 
18408
19394
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18409
19395
  display: flex;
18410
- padding-block-start: var(--base-size-12);
18411
- padding-block-end: var(--base-size-20);
19396
+ padding-block: var(--base-size-12);
19397
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18412
19398
  }
18413
19399
 
18414
19400
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
@@ -18419,28 +19405,20 @@ Fixes safari bug where outline doesn't respect border-radius
18419
19405
  gap: var(--base-size-20);
18420
19406
  }
18421
19407
 
18422
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18423
- color: var(--brand-color-text-default);
18424
- }
18425
-
18426
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18427
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18428
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18429
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18430
- opacity: 1;
18431
- transform: scale(0.8, 1);
19408
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19409
+ font-weight: 450; /* FIXME: unsupported in our font weight primitives */
18432
19410
  }
18433
19411
 
18434
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18435
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18436
- border-color: var(--brand-color-text-default);
18437
- transform: scale(0.9, 1);
19412
+ .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19413
+ padding: var(--base-size-6) var(--base-size-12);
19414
+ background-color: transparent;
19415
+ border-radius: var(--brand-borderRadius-full);
19416
+ transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),
19417
+ color var(--brand-animation-duration-default) var(--brand-animation-easing-default);
18438
19418
  }
18439
19419
 
18440
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18441
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18442
- border-color: var(--brand-color-text-default);
18443
- opacity: 1;
19420
+ .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19421
+ background-color: var(--brand-SubNav-color-link-bgColor);
18444
19422
  }
18445
19423
 
18446
19424
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
@@ -18448,37 +19426,14 @@ Fixes safari bug where outline doesn't respect border-radius
18448
19426
  opacity: 0;
18449
19427
  }
18450
19428
 
18451
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18452
19429
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
18453
19430
  color: var(--brand-SubNav-color-link-active);
18454
19431
  -webkit-text-decoration: none !important;
18455
19432
  text-decoration: none !important; /* dotcom override */
18456
19433
  }
18457
19434
 
18458
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18459
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
18460
- content: '';
18461
- position: absolute;
18462
- bottom: calc(var(--base-size-2) * -1);
18463
- left: 0;
18464
- width: 100%;
18465
- height: 2px;
18466
- border-width: 2px;
18467
- border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
18468
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
18469
- border-color var(--brand-animation-duration-fast);
18470
- opacity: 1;
18471
- transform: scale(0);
18472
- transform-origin: center;
18473
- }
18474
-
18475
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18476
- border-color: var(--brand-color-text-default);
18477
- }
18478
-
18479
19435
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18480
19436
  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
18481
- color: var(--brand-SubNav-color-link-active);
18482
19437
  }
18483
19438
 
18484
19439
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
@@ -18536,6 +19491,18 @@ Fixes safari bug where outline doesn't respect border-radius
18536
19491
  display: block;
18537
19492
  }
18538
19493
 
19494
+ .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav--header-container-outer___tneuD {
19495
+ display: flex;
19496
+ flex-direction: column;
19497
+ max-height: 100dvh;
19498
+ max-height: var(--subnav-available-height, 100dvh);
19499
+ overflow: hidden;
19500
+ }
19501
+
19502
+ .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
19503
+ flex-shrink: 0;
19504
+ }
19505
+
18539
19506
  .Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
18540
19507
  z-index: -1;
18541
19508
  }
@@ -18555,6 +19522,12 @@ Fixes safari bug where outline doesn't respect border-radius
18555
19522
  display: flex;
18556
19523
  width: 100%;
18557
19524
  white-space: pre;
19525
+ position: relative;
19526
+ z-index: 9998;
19527
+ }
19528
+
19529
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19530
+ padding-inline-start: var(--base-size-16);
18558
19531
  }
18559
19532
 
18560
19533
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
@@ -18570,49 +19543,55 @@ Fixes safari bug where outline doesn't respect border-radius
18570
19543
  justify-content: center;
18571
19544
  z-index: 9998;
18572
19545
  display: none;
19546
+ padding-inline: var(--base-size-8);
18573
19547
  }
18574
19548
 
18575
19549
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18576
19550
  display: flex;
18577
19551
  flex-direction: column;
18578
19552
  gap: var(--base-size-8);
18579
- padding-block-start: var(--base-size-16);
18580
- padding-block-end: var(--base-size-16);
18581
- }
18582
-
18583
- .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18584
- border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
18585
- margin-block-start: var(--base-size-16);
19553
+ padding-block: var(--base-size-16);
19554
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19555
+ justify-content: flex-start;
19556
+ overflow-y: auto;
19557
+ min-height: 0;
18586
19558
  }
18587
19559
 
18588
19560
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18589
19561
  color: var(--brand-color-text-default);
18590
19562
  }
18591
19563
 
18592
- .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18593
- color: var(--brand-color-text-muted);
18594
- }
18595
-
18596
19564
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18597
- background-color: transparent;
18598
- border: none;
18599
- cursor: pointer;
18600
19565
  display: flex;
18601
19566
  position: relative;
18602
19567
  width: 100%;
18603
- order: 1;
18604
19568
  z-index: 9999;
18605
- padding: 0;
18606
19569
  justify-content: flex-end;
19570
+ padding-inline-end: var(--base-size-16);
18607
19571
  }
18608
19572
 
18609
19573
  .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___AxXKr) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18610
- margin-block-start: var(--base-size-12);
19574
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19575
+ display: block;
19576
+ padding-block: var(--base-size-12);
19577
+ margin-block: 0;
18611
19578
  }
18612
19579
 
18613
19580
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
18614
- justify-content: space-between;
18615
19581
  width: 100%;
19582
+ padding-inline-start: var(--base-size-16);
19583
+ }
19584
+
19585
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
19586
+ background-color: var(--brand-SubNav-color-link-bgColor);
19587
+ border: none;
19588
+ border-radius: var(--brand-borderRadius-full);
19589
+ padding: var(--base-size-4) var(--base-size-12);
19590
+ gap: var(--base-size-6);
19591
+ display: flex;
19592
+ align-items: center;
19593
+ cursor: pointer;
19594
+ font: inherit;
18616
19595
  }
18617
19596
 
18618
19597
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
@@ -18634,10 +19613,26 @@ Fixes safari bug where outline doesn't respect border-radius
18634
19613
  color: var(--brand-SubNav-color-link-active);
18635
19614
  }
18636
19615
 
19616
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19617
+ padding: var(--base-size-8);
19618
+ }
19619
+
19620
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19621
+ display: inline-block;
19622
+ background-color: var(--brand-SubNav-color-link-bgColor);
19623
+ border-radius: var(--brand-borderRadius-full);
19624
+ padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
19625
+ margin-inline-start: var(--base-size-8);
19626
+ }
19627
+
19628
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
19629
+ background-color: var(--brand-SubNav-color-link-bgColor);
19630
+ border-radius: var(--brand-borderRadius-medium);
19631
+ }
19632
+
18637
19633
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
18638
19634
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
18639
19635
  display: block;
18640
- padding: var(--base-size-8) 0;
18641
19636
  animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
18642
19637
  }
18643
19638
 
@@ -18658,6 +19653,7 @@ Fixes safari bug where outline doesn't respect border-radius
18658
19653
  padding: 0;
18659
19654
  margin: 0;
18660
19655
  padding-inline-start: var(--base-size-16);
19656
+ padding-block-start: var(--base-size-8);
18661
19657
  }
18662
19658
 
18663
19659
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -18689,8 +19685,6 @@ Fixes safari bug where outline doesn't respect border-radius
18689
19685
  }
18690
19686
 
18691
19687
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18692
- font-size: var(--brand-text-size-200);
18693
- font-weight: var(--base-text-weight-medium);
18694
19688
  padding-block-end: var(--base-size-6);
18695
19689
  }
18696
19690
 
@@ -18714,19 +19708,7 @@ Fixes safari bug where outline doesn't respect border-radius
18714
19708
  display: block;
18715
19709
  white-space: pre;
18716
19710
  position: relative;
18717
- }
18718
-
18719
- .Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18720
- opacity: 0;
18721
- transform: scale(0);
18722
- bottom: 0;
18723
- }
18724
-
18725
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18726
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18727
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18728
- opacity: 1;
18729
- transform: scale(1);
19711
+ top: var(--base-size-2);
18730
19712
  }
18731
19713
  }
18732
19714
 
@@ -18748,7 +19730,7 @@ Fixes safari bug where outline doesn't respect border-radius
18748
19730
  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
18749
19731
  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
18750
19732
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
18751
- .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
19733
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
18752
19734
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
18753
19735
  outline-offset: var(--base-size-2);
18754
19736
  }
@@ -18759,20 +19741,24 @@ Fixes safari bug where outline doesn't respect border-radius
18759
19741
  white-space: nowrap;
18760
19742
  }
18761
19743
 
18762
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
18763
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
18764
- border-color: var(--brand-color-text-default);
18765
- opacity: 1;
18766
- transform: scale(0.8, 1);
18767
- }
18768
-
18769
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
18770
- opacity: 0;
19744
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
19745
+ background-color: var(--brand-SubNav-color-link-bgColor);
19746
+ border: none;
19747
+ border-radius: var(--brand-borderRadius-full);
19748
+ padding: var(--base-size-6) var(--base-size-12);
18771
19749
  }
18772
19750
 
18773
19751
  @media screen and (min-width: 48rem) {
18774
- .Primer_Brand__SubNav-module__SubNav___dVoQu {
18775
- padding: var(--base-size-16) var(--base-size-24);
19752
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19753
+ padding-inline: var(--base-size-24);
19754
+ }
19755
+
19756
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
19757
+ padding-inline-start: var(--base-size-24);
19758
+ }
19759
+
19760
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19761
+ padding: var(--base-size-24);
18776
19762
  }
18777
19763
 
18778
19764
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
@@ -18794,16 +19780,24 @@ Fixes safari bug where outline doesn't respect border-radius
18794
19780
 
18795
19781
  @media screen and (min-width: 63.25rem) {
18796
19782
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18797
- padding: var(--base-size-16) var(--base-size-32);
18798
19783
  align-items: center;
18799
19784
  display: flex;
18800
19785
  z-index: 92;
19786
+ padding-inline: var(--base-size-32);
19787
+ }
19788
+
19789
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19790
+ padding: 0;
18801
19791
  }
18802
19792
 
18803
19793
  .Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
18804
19794
  padding-block-end: 0;
18805
19795
  }
18806
19796
 
19797
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19798
+ padding-inline-start: 0;
19799
+ }
19800
+
18807
19801
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
18808
19802
  padding-inline: 0;
18809
19803
  }
@@ -18816,11 +19810,6 @@ Fixes safari bug where outline doesn't respect border-radius
18816
19810
  padding-block-end: 1px;
18817
19811
  }
18818
19812
 
18819
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
18820
- font-size: calc(var(--base-size-20) - 2px);
18821
- line-height: var(--base-size-24);
18822
- }
18823
-
18824
19813
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18825
19814
  margin-inline-end: var(--base-size-20);
18826
19815
  display: inline-flex;
@@ -18836,26 +19825,18 @@ Fixes safari bug where outline doesn't respect border-radius
18836
19825
  align-items: center;
18837
19826
  }
18838
19827
 
18839
- .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
18840
- margin-inline-end: var(--base-size-20);
18841
- }
18842
-
18843
19828
  .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
18844
19829
  display: flex;
18845
19830
  align-items: center;
18846
19831
  }
18847
19832
 
18848
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18849
- font-size: var(--brand-text-size-100);
18850
- line-height: var(--brand-text-lineHeight-100);
18851
- }
18852
-
18853
19833
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
18854
19834
  align-items: center;
18855
19835
  display: flex;
18856
- gap: var(--base-size-20);
19836
+ gap: var(--base-size-2);
18857
19837
  z-index: 92;
18858
19838
  flex-grow: 1;
19839
+ padding-inline-start: var(--base-size-24);
18859
19840
  }
18860
19841
 
18861
19842
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -18863,7 +19844,8 @@ Fixes safari bug where outline doesn't respect border-radius
18863
19844
  text-decoration: none !important; /* dotcom override */
18864
19845
  transition: color 0.2s var(--brand-animation-easing-glide);
18865
19846
  position: relative;
18866
- padding: var(--base-size-4) 0;
19847
+ padding: var(--base-size-4) var(--base-size-12);
19848
+ border-radius: var(--brand-borderRadius-full);
18867
19849
  }
18868
19850
 
18869
19851
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -18888,24 +19870,20 @@ Fixes safari bug where outline doesn't respect border-radius
18888
19870
 
18889
19871
  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
18890
19872
  background-clip: padding-box;
18891
- background-color: var(--brand-SubNav-color-subMenu-bgColor);
18892
- border: max(1px, 0.0625rem) solid var(--borderColor-default, var(--color-border-default));
18893
- border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
18894
- border-radius: 0.375rem;
18895
- border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
18896
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
19873
+ background-color: var(--brand-color-canvas-default);
19874
+ border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
19875
+ border-radius: var(--brand-borderRadius-medium);
18897
19876
  left: 0;
18898
19877
  list-style: none;
18899
19878
  margin-block-start: var(--base-size-8);
18900
- padding: var(--base-size-24);
18901
- padding-inline-end: var(--base-size-24);
19879
+ padding: var(--base-size-8);
18902
19880
  position: absolute;
18903
- top: 100%;
19881
+ top: 90%;
18904
19882
  z-index: 9998;
18905
19883
  transition-timing-function: var(--brand-animation-easing-glide);
18906
19884
  transition-duration: var(--brand-animation-duration-fast);
18907
19885
  transition-property: opacity, transform;
18908
- left: calc(var(--base-size-4) / 4 * -16);
19886
+ left: var(--base-size-4);
18909
19887
  visibility: hidden;
18910
19888
  opacity: 0;
18911
19889
  transform: scale(0.99) translateY(-0.7em) translateX(-8px);
@@ -18920,7 +19898,6 @@ Fixes safari bug where outline doesn't respect border-radius
18920
19898
  visibility: visible;
18921
19899
  opacity: 1;
18922
19900
  transform: scale(1) translateY(0) translateX(-8px);
18923
- box-shadow: var(--brand-SubNav-shadow);
18924
19901
  }
18925
19902
 
18926
19903
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
@@ -18942,10 +19919,6 @@ Fixes safari bug where outline doesn't respect border-radius
18942
19919
  display: block;
18943
19920
  }
18944
19921
 
18945
- .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18946
- color: var(--brand-color-text-default) !important;
18947
- }
18948
-
18949
19922
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18950
19923
  opacity: 1;
18951
19924
  transform: scale(0);
@@ -18964,18 +19937,54 @@ Fixes safari bug where outline doesn't respect border-radius
18964
19937
  padding: var(--base-size-4) 0;
18965
19938
  }
18966
19939
 
18967
- /* Show underline on submenu parent when child has aria-current */
18968
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:has(.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']))
18969
- > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ
18970
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18971
- opacity: 1;
18972
- transform: scale(0.8, 1);
19940
+ /* Show pill on submenu parent */
19941
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
19942
+ background-color: var(--brand-SubNav-color-link-bgColor);
19943
+ border-radius: var(--brand-borderRadius-full);
19944
+ padding: 0 var(--base-size-8) 0 0;
19945
+ gap: 0;
18973
19946
  }
18974
19947
 
18975
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18976
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18977
- opacity: 1;
18978
- transform: scale(1);
19948
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19949
+ padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
19950
+ }
19951
+
19952
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19953
+ padding: var(--base-size-12);
19954
+ }
19955
+
19956
+ /* Active link pill styling */
19957
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19958
+ background-color: var(--brand-SubNav-color-link-bgColor);
19959
+ line-height: 1.1em;
19960
+ padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
19961
+ }
19962
+
19963
+ /* Firefox optical alignment fix */
19964
+ @supports (-moz-appearance: none) {
19965
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
19966
+ .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
19967
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
19968
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19969
+ top: 0;
19970
+ }
19971
+ }
19972
+
19973
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19974
+ padding-inline-end: var(--base-size-4);
19975
+ }
19976
+
19977
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19978
+ background-color: transparent;
19979
+ border-radius: var(--brand-borderRadius-medium);
19980
+ padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
19981
+ top: auto;
19982
+ top: initial;
19983
+ }
19984
+
19985
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
19986
+ background-color: var(--brand-SubNav-color-link-bgColor);
19987
+ border-radius: var(--brand-borderRadius-medium);
18979
19988
  }
18980
19989
 
18981
19990
  .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
@@ -18984,10 +19993,6 @@ Fixes safari bug where outline doesn't respect border-radius
18984
19993
  transition: transform var(--brand-animation-duration-fast);
18985
19994
  }
18986
19995
 
18987
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
18988
- transform: translateY(2px);
18989
- }
18990
-
18991
19996
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18992
19997
  padding-inline: var(--base-size-32);
18993
19998
  }
@@ -19025,7 +20030,7 @@ Fixes safari bug where outline doesn't respect border-radius
19025
20030
 
19026
20031
  /**
19027
20032
  * Do not edit directly
19028
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
20033
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
19029
20034
  */
19030
20035
 
19031
20036
  :root {
@@ -19034,7 +20039,7 @@ Fixes safari bug where outline doesn't respect border-radius
19034
20039
 
19035
20040
  /**
19036
20041
  * Do not edit directly
19037
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
20042
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
19038
20043
  */
19039
20044
 
19040
20045
  :root,
@@ -19530,7 +20535,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19530
20535
 
19531
20536
  /**
19532
20537
  * Do not edit directly
19533
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
20538
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
19534
20539
  */
19535
20540
 
19536
20541
  :root,
@@ -19629,7 +20634,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19629
20634
 
19630
20635
  /**
19631
20636
  * Do not edit directly
19632
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
20637
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
19633
20638
  */
19634
20639
 
19635
20640
  :root,
@@ -20007,7 +21012,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20007
21012
 
20008
21013
  /**
20009
21014
  * Do not edit directly
20010
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
21015
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
20011
21016
  */
20012
21017
 
20013
21018
  :root,
@@ -20021,7 +21026,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20021
21026
 
20022
21027
  /**
20023
21028
  * Do not edit directly
20024
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
21029
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
20025
21030
  */
20026
21031
 
20027
21032
  :root {
@@ -20208,7 +21213,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20208
21213
 
20209
21214
  /**
20210
21215
  * Do not edit directly
20211
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
21216
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
20212
21217
  */
20213
21218
 
20214
21219
  :root {
@@ -20492,7 +21497,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20492
21497
 
20493
21498
  /**
20494
21499
  * Do not edit directly
20495
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
21500
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
20496
21501
  */
20497
21502
 
20498
21503
  :root {
@@ -20503,7 +21508,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20503
21508
 
20504
21509
  /**
20505
21510
  * Do not edit directly
20506
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
21511
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
20507
21512
  */
20508
21513
 
20509
21514
  :root,
@@ -20641,7 +21646,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20641
21646
 
20642
21647
  /**
20643
21648
  * Do not edit directly
20644
- * Generated on Sat, 21 Feb 2026 16:14:14 GMT
21649
+ * Generated on Thu, 12 Mar 2026 12:51:15 GMT
20645
21650
  */
20646
21651
 
20647
21652
  :root {
@@ -20650,7 +21655,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20650
21655
 
20651
21656
  /**
20652
21657
  * Do not edit directly
20653
- * Generated on Sat, 21 Feb 2026 16:14:15 GMT
21658
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
20654
21659
  */
20655
21660
 
20656
21661
  :root,
@@ -20894,3 +21899,236 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20894
21899
  }
20895
21900
  }
20896
21901
 
21902
+ /**
21903
+ * Do not edit directly
21904
+ * Generated on Thu, 12 Mar 2026 12:51:16 GMT
21905
+ */
21906
+
21907
+ :root,
21908
+ [data-color-mode="light"] {
21909
+ --brand-tiles-bgColor-rest: #fafafa;
21910
+ --brand-tiles-bgColor-hover: #f2f5f3;
21911
+ --brand-tiles-highlightColor: #08872b;
21912
+ }
21913
+
21914
+ [data-color-mode="dark"] {
21915
+ --brand-tiles-bgColor-rest: #090d0a;
21916
+ --brand-tiles-bgColor-hover: #101411;
21917
+ --brand-tiles-highlightColor: #5fed83;
21918
+ }
21919
+
21920
+ .Primer_Brand__Tiles-module__Tiles___z9bH9 {
21921
+ width: 100%;
21922
+ color: var(--brand-color-text-default);
21923
+ }
21924
+
21925
+ .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21926
+ --tiles-columns: 2;
21927
+ display: flex;
21928
+ flex-wrap: wrap;
21929
+ justify-content: center;
21930
+ list-style: none;
21931
+ margin: 0;
21932
+ padding: 0;
21933
+ }
21934
+
21935
+ @media screen and (min-width: 48rem) {
21936
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21937
+ --tiles-columns: 4;
21938
+ }
21939
+ }
21940
+
21941
+ @media screen and (min-width: 63.25rem) {
21942
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21943
+ --tiles-columns: 6;
21944
+ }
21945
+ }
21946
+
21947
+ @media screen and (min-width: 48rem) {
21948
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21949
+ --tiles-columns: 4;
21950
+ }
21951
+ }
21952
+
21953
+ @media screen and (min-width: 63.25rem) {
21954
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21955
+ --tiles-columns: 8;
21956
+ }
21957
+ }
21958
+
21959
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
21960
+ position: relative;
21961
+ }
21962
+
21963
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
21964
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21965
+ content: '';
21966
+ position: absolute;
21967
+ left: 50%;
21968
+ transform: translateX(-50%);
21969
+ width: 100vw;
21970
+ height: 0;
21971
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21972
+ }
21973
+
21974
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
21975
+ top: 0;
21976
+ }
21977
+
21978
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21979
+ bottom: 0;
21980
+ }
21981
+
21982
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21983
+ position: relative;
21984
+ padding-right: var(--brand-borderWidth-thin);
21985
+ padding-bottom: var(--brand-borderWidth-thin);
21986
+ }
21987
+
21988
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
21989
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21990
+ content: '';
21991
+ position: absolute;
21992
+ top: 0;
21993
+ bottom: 0;
21994
+ width: 0;
21995
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21996
+ z-index: 1;
21997
+ pointer-events: none;
21998
+ }
21999
+
22000
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
22001
+ left: 0;
22002
+ }
22003
+
22004
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
22005
+ right: 0;
22006
+ }
22007
+
22008
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22009
+ --tiles-inset-shadow: inset 0 0 0 transparent;
22010
+ position: relative;
22011
+ display: flex;
22012
+ flex-direction: column;
22013
+ width: calc(100% / var(--tiles-columns));
22014
+ box-sizing: border-box;
22015
+ background-color: var(--brand-tiles-bgColor-rest);
22016
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
22017
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
22018
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
22019
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
22020
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
22021
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
22022
+ transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
22023
+ box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
22024
+ }
22025
+
22026
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
22027
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
22028
+ --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
22029
+ background-color: var(--brand-tiles-bgColor-hover);
22030
+ }
22031
+
22032
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
22033
+ display: flex;
22034
+ width: 100%;
22035
+ flex: 1;
22036
+ -webkit-text-decoration: none;
22037
+ text-decoration: none;
22038
+ color: inherit;
22039
+ }
22040
+
22041
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
22042
+ outline: var(--base-size-4) solid var(--brand-color-focus);
22043
+ outline-offset: calc(-1 * var(--base-size-4));
22044
+ border-radius: var(--brand-borderRadius-small);
22045
+ }
22046
+
22047
+ .Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
22048
+ position: relative;
22049
+ display: flex;
22050
+ align-items: center;
22051
+ justify-content: center;
22052
+ width: 100%;
22053
+ aspect-ratio: 1;
22054
+ }
22055
+
22056
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
22057
+ display: flex;
22058
+ align-items: center;
22059
+ justify-content: center;
22060
+ }
22061
+
22062
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
22063
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
22064
+ width: auto;
22065
+ height: var(--base-size-40);
22066
+ max-width: 100%;
22067
+ }
22068
+
22069
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
22070
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
22071
+ height: var(--base-size-32);
22072
+ }
22073
+
22074
+ .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22075
+ position: absolute;
22076
+ bottom: 0;
22077
+ left: 0;
22078
+ right: 0;
22079
+ display: flex;
22080
+ align-items: center;
22081
+ justify-content: space-between;
22082
+ gap: var(--base-size-4);
22083
+ padding: var(--base-size-12) var(--base-size-16);
22084
+ }
22085
+
22086
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
22087
+ transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
22088
+ }
22089
+
22090
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:hover .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU,
22091
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
22092
+ transform: translateY(calc(-1 * var(--base-size-4)));
22093
+ }
22094
+
22095
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22096
+ opacity: 0;
22097
+ transform: translateY(var(--base-size-4));
22098
+ transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
22099
+ transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
22100
+ pointer-events: none;
22101
+ }
22102
+
22103
+ .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,
22104
+ .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 {
22105
+ opacity: 1;
22106
+ transform: translateY(0);
22107
+ }
22108
+
22109
+ .Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
22110
+ white-space: nowrap;
22111
+ overflow: hidden;
22112
+ text-overflow: ellipsis;
22113
+ min-width: 0;
22114
+ }
22115
+
22116
+ .Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
22117
+ flex-shrink: 0;
22118
+ color: var(--brand-color-text-default);
22119
+ }
22120
+
22121
+ @media (prefers-reduced-motion: reduce) {
22122
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22123
+ transition: none;
22124
+ }
22125
+
22126
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
22127
+ transition: none;
22128
+ }
22129
+
22130
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22131
+ transition: none;
22132
+ }
22133
+ }
22134
+