@primer/react-brand 0.64.1-rc.83bbe583 → 0.65.0-rc.0275476a

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 (373) 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/Grid/Grid.d.ts +25 -1
  8. package/lib/Hero/HeroContext.d.ts +1 -1
  9. package/lib/IDE/IDE.d.ts +10 -0
  10. package/lib/LogoSuite/LogoSuite.d.ts +11 -1
  11. package/lib/SubNav/SubNav.d.ts +3 -0
  12. package/lib/Tiles/Tiles.d.ts +49 -0
  13. package/lib/Tiles/Tiles.fixtures.d.ts +6 -0
  14. package/lib/Tiles/index.d.ts +1 -0
  15. package/lib/css/main.css +1668 -437
  16. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  18. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  19. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +9 -5
  24. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +3 -3
  37. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +7 -3
  41. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +4 -2
  42. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -7
  64. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +3 -3
  65. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +2 -2
  66. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/river/river.css +21 -6
  76. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +5 -3
  81. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +17 -0
  89. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  98. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  99. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  100. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  101. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  102. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  103. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  104. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +16 -6
  116. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +3 -3
  131. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +21 -3
  137. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  150. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  151. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  152. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  153. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  154. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  155. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  156. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  157. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  158. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  159. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +4 -2
  168. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +2 -2
  183. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/river/river.js +9 -3
  189. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  202. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  203. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  204. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  205. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  206. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  207. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  208. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  212. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +4 -2
  220. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +2 -2
  235. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +9 -3
  241. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  254. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  255. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  256. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  257. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  258. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  259. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  260. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  261. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  262. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  263. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  264. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  265. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  267. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +8 -4
  283. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +8 -4
  284. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +2 -2
  314. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +20 -2
  325. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +21 -3
  326. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  358. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  359. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  360. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  361. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  362. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  363. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  364. package/lib/fixtures/third-party-logos/AzureLogo.d.ts +4 -0
  365. package/lib/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts +4 -0
  366. package/lib/fixtures/third-party-logos/MicrosoftLogo.d.ts +4 -0
  367. package/lib/index.d.ts +2 -0
  368. package/lib/index.js +1 -1
  369. package/lib/recipes/FlexTemplate/FlexTemplate.types.d.ts +1 -0
  370. package/lib/river/River/River.d.ts +22 -0
  371. package/lib/river/River/index.d.ts +1 -1
  372. package/lib/river/RiverBreakout/RiverBreakout.d.ts +9 -1
  373. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -78,7 +78,7 @@ html {
78
78
 
79
79
  /**
80
80
  * Do not edit directly
81
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
81
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
82
82
  */
83
83
 
84
84
  :root,
@@ -356,7 +356,7 @@ html {
356
356
 
357
357
  /**
358
358
  * Do not edit directly
359
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
359
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
360
360
  */
361
361
 
362
362
  :root {
@@ -383,7 +383,7 @@ html {
383
383
 
384
384
  /**
385
385
  * Do not edit directly
386
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
386
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
387
387
  */
388
388
 
389
389
  :root {
@@ -400,7 +400,7 @@ html {
400
400
 
401
401
  /**
402
402
  * Do not edit directly
403
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
403
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
404
404
  */
405
405
 
406
406
  :root {
@@ -558,7 +558,7 @@ html {
558
558
 
559
559
  /**
560
560
  * Do not edit directly
561
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
561
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
562
562
  */
563
563
 
564
564
  :root {
@@ -572,7 +572,7 @@ html {
572
572
 
573
573
  /**
574
574
  * Do not edit directly
575
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
575
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
576
576
  */
577
577
 
578
578
  :root {
@@ -591,7 +591,7 @@ html {
591
591
 
592
592
  /**
593
593
  * Do not edit directly
594
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
594
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
595
595
  */
596
596
 
597
597
  :root,
@@ -671,7 +671,7 @@ html {
671
671
 
672
672
  /**
673
673
  * Do not edit directly
674
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
674
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
675
675
  */
676
676
 
677
677
  :root {
@@ -698,7 +698,7 @@ html {
698
698
 
699
699
  /**
700
700
  * Do not edit directly
701
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
701
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
702
702
  */
703
703
 
704
704
  :root,
@@ -713,13 +713,26 @@ html {
713
713
  .Primer_Brand__Grid-module__Grid___q48mT {
714
714
  display: grid;
715
715
  grid-template-columns: repeat(12, minmax(0, 1fr));
716
- grid-row-gap: var(--brand-Grid-spacing-row);
717
- grid-column-gap: var(--brand-Grid-spacing-column-gap);
718
- padding-inline: var(--brand-Grid-spacing-margin);
719
716
  max-width: 1280px;
720
717
  margin: 0 auto;
721
718
  }
722
719
 
720
+ .Primer_Brand__Grid-module__Grid--columnGap-default___NxZ0V {
721
+ grid-column-gap: var(--brand-Grid-spacing-column-gap);
722
+ }
723
+
724
+ .Primer_Brand__Grid-module__Grid--columnGap-none___Qh5GF {
725
+ grid-column-gap: 0;
726
+ }
727
+
728
+ .Primer_Brand__Grid-module__Grid--rowGap-default___X5kJS {
729
+ grid-row-gap: var(--brand-Grid-spacing-row);
730
+ }
731
+
732
+ .Primer_Brand__Grid-module__Grid--rowGap-none___WSM_k {
733
+ grid-row-gap: 0;
734
+ }
735
+
723
736
  .Primer_Brand__Grid-module__Grid--full-width___pIgWW {
724
737
  width: 100%;
725
738
  max-width: none;
@@ -743,6 +756,10 @@ html {
743
756
  min-height: var(--base-size-24);
744
757
  }
745
758
 
759
+ .Primer_Brand__Grid-module__Grid--has-gutters___KoJD2 {
760
+ padding-inline: var(--brand-Grid-spacing-margin);
761
+ }
762
+
746
763
  /**
747
764
  * Non-responsive, default values
748
765
  */
@@ -1454,7 +1471,7 @@ html {
1454
1471
 
1455
1472
  /**
1456
1473
  * Do not edit directly
1457
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
1474
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
1458
1475
  */
1459
1476
 
1460
1477
  :root {
@@ -1762,7 +1779,7 @@ html {
1762
1779
 
1763
1780
  /**
1764
1781
  * Do not edit directly
1765
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
1782
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
1766
1783
  */
1767
1784
 
1768
1785
  :root {
@@ -6138,7 +6155,7 @@ html {
6138
6155
  .Primer_Brand__Hero-module__Hero-label___exV9w {
6139
6156
  text-transform: uppercase;
6140
6157
  letter-spacing: 1px;
6141
- margin-block-end: var(--base-size-24);
6158
+ margin-block-end: var(--base-size-16);
6142
6159
  display: flex;
6143
6160
  align-items: center;
6144
6161
  }
@@ -6148,6 +6165,12 @@ html {
6148
6165
  max-width: 924px;
6149
6166
  }
6150
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
+
6151
6174
  .Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
6152
6175
  max-width: none;
6153
6176
  max-width: initial;
@@ -6742,7 +6765,7 @@ html {
6742
6765
 
6743
6766
  /**
6744
6767
  * Do not edit directly
6745
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
6768
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
6746
6769
  */
6747
6770
 
6748
6771
  :root,
@@ -7079,7 +7102,7 @@ html {
7079
7102
 
7080
7103
  /**
7081
7104
  * Do not edit directly
7082
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
7105
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
7083
7106
  */
7084
7107
 
7085
7108
  :root {
@@ -7385,7 +7408,7 @@ html {
7385
7408
 
7386
7409
  /**
7387
7410
  * Do not edit directly
7388
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
7411
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
7389
7412
  */
7390
7413
 
7391
7414
  :root,
@@ -7401,7 +7424,7 @@ html {
7401
7424
 
7402
7425
  /**
7403
7426
  * Do not edit directly
7404
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
7427
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
7405
7428
  */
7406
7429
 
7407
7430
  :root,
@@ -7666,9 +7689,14 @@ html {
7666
7689
  }
7667
7690
  }
7668
7691
 
7692
+ .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
7693
+ text-transform: uppercase;
7694
+ letter-spacing: var(--brand-text-letterSpacing-100);
7695
+ }
7696
+
7669
7697
  /**
7670
7698
  * Do not edit directly
7671
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
7699
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
7672
7700
  */
7673
7701
 
7674
7702
  :root {
@@ -7679,30 +7707,45 @@ html {
7679
7707
 
7680
7708
  /**
7681
7709
  * Do not edit directly
7682
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
7710
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
7683
7711
  */
7684
7712
 
7685
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);
7686
7718
  --brand-RiverBreakout-spacing-inner: var(--base-size-40);
7687
- --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);
7688
7722
  --brand-River-spacing-innerY: var(--base-size-24);
7689
- --brand-River-spacing-inner: var(--base-size-24);
7723
+ --brand-River-spacing-inner: var(--base-size-40);
7690
7724
  }
7691
7725
 
7692
7726
  @media (min-width: 768px) {
7693
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);
7694
7732
  --brand-RiverBreakout-spacing-inner: var(--base-size-48);
7695
7733
  --brand-River-spacing-innerY: var(--base-size-24);
7696
- --brand-River-spacing-inner: var(--base-size-36);
7697
7734
  }
7698
7735
  }
7699
7736
 
7700
7737
  @media (min-width: 1280px) {
7701
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);
7702
7743
  --brand-RiverBreakout-spacing-inner: var(--base-size-64);
7703
- --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);
7704
7747
  --brand-River-spacing-innerY: var(--base-size-32);
7705
- --brand-River-spacing-inner: var(--base-size-48);
7748
+ --brand-River-spacing-inner: var(--base-size-24);
7706
7749
  }
7707
7750
  }
7708
7751
 
@@ -7711,8 +7754,48 @@ html {
7711
7754
  grid-gap: var(--brand-River-spacing-inner);
7712
7755
  gap: var(--brand-River-spacing-inner);
7713
7756
  grid-auto-rows: min-content;
7714
- padding-top: var(--brand-River-spacing-outer);
7715
- 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
+ }
7716
7799
  }
7717
7800
 
7718
7801
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
@@ -7741,12 +7824,62 @@ html {
7741
7824
  box-shadow: var(--brand-River-visual-shadow);
7742
7825
  }
7743
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
+
7744
7877
  .Primer_Brand__river-shared-module__River__heading___tl6zS {
7745
7878
  margin-bottom: var(--brand-River-heading-margin);
7746
7879
  }
7747
7880
 
7748
7881
  .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7749
- margin-top: var(--base-size-24);
7882
+ margin-top: var(--base-size-20);
7750
7883
  }
7751
7884
 
7752
7885
  .Primer_Brand__river-shared-module__River__text___TQQhU strong,
@@ -7755,6 +7888,36 @@ html {
7755
7888
  color: var(--brand-color-text-default);
7756
7889
  }
7757
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
+
7758
7921
  .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
7759
7922
  margin-block-start: var(--brand-River-spacing-inner);
7760
7923
  }
@@ -7768,12 +7931,47 @@ html {
7768
7931
  margin-block-end: var(--brand-River-label-margin);
7769
7932
  }
7770
7933
 
7771
- /* Medium breakpoint and up */
7772
- @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) {
7773
7966
  .Primer_Brand__river-shared-module__River___eSXvR {
7774
7967
  grid-template-rows: initial;
7775
7968
  }
7776
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
+
7777
7975
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7778
7976
  order: initial;
7779
7977
  }
@@ -7798,12 +7996,37 @@ html {
7798
7996
  grid-template-columns: [visual] 6fr [content] 4fr;
7799
7997
  }
7800
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
+
7801
8007
  .Primer_Brand__river-shared-module__River__content___p4EdY {
7802
8008
  display: grid;
7803
8009
  align-content: center;
7804
8010
  grid-area: content;
7805
8011
  }
7806
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
+
7807
8030
  .Primer_Brand__river-shared-module__River__visual___kjFE2 {
7808
8031
  grid-area: visual;
7809
8032
  }
@@ -7831,21 +8054,90 @@ html {
7831
8054
  .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
7832
8055
  margin-top: var(--brand-River-spacing-inner);
7833
8056
  }
7834
- }
7835
8057
 
7836
- /* Large breakpoint and up */
7837
- @media screen and (min-width: 63.25rem) {
7838
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__body-text___aJne5,
7839
- .Primer_Brand__river-shared-module__River--50-50___y5_l2 .Primer_Brand__river-shared-module__River__heading___tl6zS {
7840
- 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;
8073
+ }
8074
+
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));
7841
8083
  }
7842
8084
 
7843
- .Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
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 {
7844
8086
  padding-inline-end: var(--base-size-128);
7845
8087
  }
7846
8088
 
7847
- .Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
7848
- 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);
7849
8141
  }
7850
8142
  }
7851
8143
 
@@ -7853,8 +8145,8 @@ html {
7853
8145
  display: flex;
7854
8146
  flex-direction: column;
7855
8147
  gap: var(--brand-RiverBreakout-spacing-inner);
7856
- padding-block-end: var(--brand-River-spacing-outer);
7857
- 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);
7858
8150
  }
7859
8151
 
7860
8152
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
@@ -7888,7 +8180,7 @@ html {
7888
8180
  }
7889
8181
 
7890
8182
  .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
7891
- margin-block-end: var(--base-size-40);
8183
+ padding-block-start: var(--base-size-12);
7892
8184
  }
7893
8185
 
7894
8186
  @media screen and (min-width: 48rem) {
@@ -7921,61 +8213,247 @@ html {
7921
8213
  }
7922
8214
  }
7923
8215
 
7924
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7925
- --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
7926
- -webkit-font-smoothing: antialiased;
7927
- --stackDistance: calc(var(--base-size-24) * -1);
7928
-
7929
- /* River visual (videos)
7930
- * UL = unit-less, needed for division in certain scenarios
7931
- */
7932
- --visualMaxWidth: 1032px;
7933
- --visualMaxWidthUL: 1032;
7934
- --visualMaxHeight: min(690px, 60vh);
7935
- --visualMaxHeightUL: 690;
7936
- --storyScrollPadding: min(32px, 5vw);
8216
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
7937
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;
7938
8222
  }
7939
- @media (max-height: 720px) {
7940
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7941
- --visualMaxHeight: 55vh;
7942
- }
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);
7943
8233
  }
7944
8234
 
7945
- @media (max-height: 600px) {
7946
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7947
- --visualMaxHeight: 50vh;
7948
- }
8235
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before {
8236
+ top: 0;
7949
8237
  }
7950
8238
 
7951
- @media (max-height: 500px) {
7952
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
7953
- --visualMaxHeight: 40vh;
7954
- }
8239
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8240
+ bottom: 0;
7955
8241
  }
7956
8242
 
7957
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
7958
- position: relative;
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
+ }
7959
8247
  }
7960
8248
 
7961
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
7962
- position: absolute;
7963
- left: 0;
7964
- width: 100%;
8249
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual___kjFE2 {
8250
+ overflow: hidden;
7965
8251
  }
7966
8252
 
7967
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
7968
- margin-left: auto;
7969
- margin-right: auto;
7970
- width: auto;
7971
- z-index: 10;
7972
- position: relative;
8253
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
7973
8254
  border-radius: var(--brand-borderRadius-large);
7974
8255
  }
7975
8256
 
7976
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
7977
- grid-template-columns: 1fr;
7978
- gap: 0;
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
+
8402
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8403
+ --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
8404
+ -webkit-font-smoothing: antialiased;
8405
+ --stackDistance: calc(var(--base-size-24) * -1);
8406
+
8407
+ /* River visual (videos)
8408
+ * UL = unit-less, needed for division in certain scenarios
8409
+ */
8410
+ --visualMaxWidth: 1032px;
8411
+ --visualMaxWidthUL: 1032;
8412
+ --visualMaxHeight: min(690px, 60vh);
8413
+ --visualMaxHeightUL: 690;
8414
+ --storyScrollPadding: min(32px, 5vw);
8415
+ position: relative;
8416
+ }
8417
+ @media (max-height: 720px) {
8418
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8419
+ --visualMaxHeight: 55vh;
8420
+ }
8421
+ }
8422
+
8423
+ @media (max-height: 600px) {
8424
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8425
+ --visualMaxHeight: 50vh;
8426
+ }
8427
+ }
8428
+
8429
+ @media (max-height: 500px) {
8430
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8431
+ --visualMaxHeight: 40vh;
8432
+ }
8433
+ }
8434
+
8435
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
8436
+ position: relative;
8437
+ }
8438
+
8439
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
8440
+ position: absolute;
8441
+ left: 0;
8442
+ width: 100%;
8443
+ }
8444
+
8445
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
8446
+ margin-left: auto;
8447
+ margin-right: auto;
8448
+ width: auto;
8449
+ z-index: 10;
8450
+ position: relative;
8451
+ border-radius: var(--brand-borderRadius-large);
8452
+ }
8453
+
8454
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
8455
+ grid-template-columns: 1fr;
8456
+ gap: 0;
7979
8457
  }
7980
8458
 
7981
8459
  .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
@@ -8407,7 +8885,7 @@ html {
8407
8885
 
8408
8886
  /**
8409
8887
  * Do not edit directly
8410
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
8888
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
8411
8889
  */
8412
8890
 
8413
8891
  :root,
@@ -8443,6 +8921,10 @@ html {
8443
8921
  z-index: 90;
8444
8922
  }
8445
8923
 
8924
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv:not(.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf) {
8925
+ position: relative;
8926
+ }
8927
+
8446
8928
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf {
8447
8929
  position: fixed;
8448
8930
  top: 0;
@@ -9003,7 +9485,6 @@ html {
9003
9485
  position: absolute;
9004
9486
  top: 0;
9005
9487
  bottom: 1px;
9006
- width: 100vw;
9007
9488
  left: 0;
9008
9489
  right: 0;
9009
9490
  background-color: var(--brand-SubdomainNavBar-canvas-search);
@@ -9106,10 +9587,10 @@ html {
9106
9587
  }
9107
9588
 
9108
9589
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-skip-to-content___WMHSh {
9109
- position: fixed;
9590
+ position: absolute;
9110
9591
  top: 75px;
9111
9592
  border-radius: 0px;
9112
- width: 100vw;
9593
+ width: 100%;
9113
9594
  z-index: 100;
9114
9595
  }
9115
9596
 
@@ -9172,7 +9653,7 @@ html {
9172
9653
 
9173
9654
  /**
9174
9655
  * Do not edit directly
9175
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
9656
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9176
9657
  */
9177
9658
 
9178
9659
  :root,
@@ -9200,7 +9681,7 @@ html {
9200
9681
 
9201
9682
  /**
9202
9683
  * Do not edit directly
9203
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
9684
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9204
9685
  */
9205
9686
 
9206
9687
  :root,
@@ -9216,7 +9697,7 @@ html {
9216
9697
 
9217
9698
  /**
9218
9699
  * Do not edit directly
9219
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
9700
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
9220
9701
  */
9221
9702
 
9222
9703
  :root {
@@ -9269,7 +9750,7 @@ html {
9269
9750
 
9270
9751
  /**
9271
9752
  * Do not edit directly
9272
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
9753
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9273
9754
  */
9274
9755
 
9275
9756
  :root,
@@ -9300,8 +9781,10 @@ html {
9300
9781
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
9301
9782
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
9302
9783
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
9303
- --brand-Accordion-border-color-default: var(--brand-color-border-default);
9304
- --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);
9305
9788
  }
9306
9789
 
9307
9790
  [data-color-mode="dark"] {
@@ -9331,8 +9814,10 @@ html {
9331
9814
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
9332
9815
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
9333
9816
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
9334
- --brand-Accordion-border-color-default: var(--base-color-scale-gray-5);
9335
- --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);
9336
9821
  }
9337
9822
 
9338
9823
  .Primer_Brand__Accordion-module__Accordion___M_LPt {
@@ -9345,13 +9830,67 @@ html {
9345
9830
  }
9346
9831
 
9347
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 {
9348
- 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;
9349
9888
  }
9350
9889
 
9351
9890
  .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
9352
9891
  content: '';
9353
- border: 3px solid var(--brand-Accordion-border-color-default);
9354
- height: 0;
9892
+ background-color: var(--brand-Accordion-border-color-default);
9893
+ height: var(--brand-borderWidth-thin);
9355
9894
  transition: var(--brand-animation-duration-fast) transform;
9356
9895
  transform: scaleY(0);
9357
9896
  transform-origin: 50% 100%;
@@ -9361,8 +9900,10 @@ html {
9361
9900
  left: 0;
9362
9901
  }
9363
9902
 
9364
- .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
9365
- 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);
9366
9907
  }
9367
9908
 
9368
9909
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
@@ -9385,20 +9926,27 @@ html {
9385
9926
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9386
9927
  }
9387
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
+
9388
9939
  .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9389
9940
  .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9390
- font-family: var(--brand-fontStack-sansSerif);
9391
- font-weight: 500;
9392
9941
  cursor: pointer;
9393
- font-size: 32px;
9394
- line-height: 24px;
9395
- text-align: center;
9396
- height: 24px;
9397
- width: 24px;
9398
- -webkit-text-fill-color: transparent;
9399
- -webkit-box-decoration-break: clone;
9400
- 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);
9401
9948
  position: absolute;
9949
+ transition: opacity var(--brand-animation-duration-faster) ease;
9402
9950
  }
9403
9951
 
9404
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,
@@ -9406,134 +9954,110 @@ html {
9406
9954
  right: 0;
9407
9955
  }
9408
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
+
9409
9971
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9410
9972
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9411
9973
  left: 0;
9412
9974
  }
9413
9975
 
9414
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
9415
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9416
- transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
9417
- display: block;
9418
- background: linear-gradient(
9419
- -70deg,
9420
- var(--brand-Accordion-toggle-color-start) 0%,
9421
- var(--brand-Accordion-toggle-color-end) 100%
9422
- );
9423
- -webkit-background-clip: text;
9424
- 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));
9425
9979
  }
9426
9980
 
9427
9981
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
9428
9982
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
9429
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
9430
9983
  }
9431
9984
 
9432
9985
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
9433
9986
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
9434
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
9435
9987
  }
9436
9988
 
9437
9989
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
9438
9990
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
9439
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
9440
9991
  }
9441
9992
 
9442
9993
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
9443
9994
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
9444
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
9445
9995
  }
9446
9996
 
9447
9997
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
9448
9998
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
9449
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
9450
9999
  }
9451
10000
 
9452
10001
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
9453
10002
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
9454
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
9455
10003
  }
9456
10004
 
9457
10005
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
9458
10006
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
9459
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
9460
10007
  }
9461
10008
 
9462
10009
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
9463
10010
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
9464
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
9465
10011
  }
9466
10012
 
9467
10013
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
9468
10014
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
9469
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
9470
10015
  }
9471
10016
 
9472
10017
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
9473
10018
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
9474
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
9475
10019
  }
9476
10020
 
9477
10021
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
9478
10022
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
9479
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
9480
10023
  }
9481
10024
 
9482
10025
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
9483
10026
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
9484
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
9485
10027
  }
9486
10028
 
9487
10029
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
9488
10030
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
9489
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
9490
10031
  }
9491
10032
 
9492
10033
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
9493
10034
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
9494
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
9495
10035
  }
9496
10036
 
9497
10037
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
9498
10038
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
9499
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
9500
10039
  }
9501
10040
 
9502
10041
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
9503
10042
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
9504
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
9505
10043
  }
9506
10044
 
9507
10045
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
9508
10046
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
9509
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
9510
10047
  }
9511
10048
 
9512
10049
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
9513
10050
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
9514
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
9515
10051
  }
9516
10052
 
9517
10053
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
9518
10054
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
9519
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
9520
10055
  }
9521
10056
 
9522
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
9523
- font-weight: var(--base-text-weight-medium);
9524
- 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 {
9525
10058
  opacity: 0;
9526
10059
  }
9527
10060
 
9528
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9529
- content: '+';
9530
- }
9531
-
9532
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9533
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9534
- transform: translate(0, -2px);
9535
- }
9536
-
9537
10061
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9538
10062
  opacity: 0;
9539
10063
  }
@@ -9546,17 +10070,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
9546
10070
  opacity: 0;
9547
10071
  }
9548
10072
 
9549
- 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 {
9550
10074
  opacity: 1;
9551
- transform: rotateZ(180deg);
9552
10075
  }
9553
10076
 
9554
- 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 {
9555
10078
  opacity: 0;
9556
- transform: rotateZ(180deg);
9557
10079
  }
9558
10080
 
9559
- .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) {
9560
10082
  padding-inline-end: var(--base-size-48);
9561
10083
  }
9562
10084
 
@@ -9619,7 +10141,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9619
10141
  }
9620
10142
 
9621
10143
  .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9622
- 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 */
9623
10145
  }
9624
10146
 
9625
10147
  details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -9656,7 +10178,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9656
10178
 
9657
10179
  /**
9658
10180
  * Do not edit directly
9659
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
10181
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
9660
10182
  */
9661
10183
 
9662
10184
  :root {
@@ -9665,25 +10187,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9665
10187
 
9666
10188
  /**
9667
10189
  * Do not edit directly
9668
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
10190
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9669
10191
  */
9670
10192
 
9671
10193
  :root,
9672
10194
  [data-color-mode="light"] {
9673
10195
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9674
10196
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9675
- --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);
9676
10200
  }
9677
10201
 
9678
10202
  [data-color-mode="dark"] {
9679
10203
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9680
10204
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9681
- --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);
9682
10208
  }
9683
10209
 
9684
10210
  /**
9685
10211
  * Do not edit directly
9686
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
10212
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9687
10213
  */
9688
10214
 
9689
10215
  :root {
@@ -9713,6 +10239,22 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9713
10239
  margin: 0 auto;
9714
10240
  }
9715
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 {
10249
+ max-width: var(--brand-FAQ-maxWidth-list);
10250
+ margin: 0 auto;
10251
+ }
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
+
9716
10258
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
9717
10259
  color: var(--brand-FAQ-color-heading);
9718
10260
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
@@ -9721,6 +10263,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9721
10263
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
9722
10264
  margin-bottom: var(--base-size-16);
9723
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);
9724
10269
  }
9725
10270
 
9726
10271
  .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -9760,24 +10305,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9760
10305
  margin: 0;
9761
10306
  }
9762
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
+
9763
10318
  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9764
10319
  display: none;
9765
10320
  justify-content: space-between;
9766
10321
  gap: var(--brand-stack-gap-spacious);
9767
10322
  }
9768
10323
 
9769
- @media screen and (min-width: 48rem) {
9770
- .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9771
- display: grid;
9772
- }
9773
-
9774
- .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
9775
- display: none;
9776
- }
10324
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
10325
+ margin-block-start: var(--base-size-48);
9777
10326
  }
9778
10327
 
9779
10328
  .Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
9780
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);
9781
10333
  }
9782
10334
 
9783
10335
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
@@ -9785,26 +10337,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9785
10337
  }
9786
10338
 
9787
10339
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
10340
+ -webkit-appearance: none;
10341
+ -moz-appearance: none;
10342
+ appearance: none;
10343
+ border: none;
9788
10344
  background-color: transparent;
9789
- justify-content: flex-start;
9790
- }
9791
-
9792
- .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);
9793
10360
  overflow: hidden;
9794
- white-space: nowrap;
9795
10361
  text-overflow: ellipsis;
10362
+ white-space: nowrap;
10363
+ transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
9796
10364
  }
9797
10365
 
9798
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9799
- 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;
9800
10369
  }
9801
10370
 
9802
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
9803
- 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);
9804
10386
  }
9805
10387
 
9806
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
10388
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9807
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);
9808
10396
  }
9809
10397
 
9810
10398
  .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
@@ -9813,6 +10401,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9813
10401
  line-height: var(--brand-text-lineHeight-200);
9814
10402
  }
9815
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
+
9816
10418
  @media (forced-colors: active) {
9817
10419
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9818
10420
  border-color: Highlight;
@@ -9821,9 +10423,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9821
10423
  }
9822
10424
  }
9823
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
+
9824
10492
  /**
9825
10493
  * Do not edit directly
9826
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
10494
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9827
10495
  */
9828
10496
 
9829
10497
  :root,
@@ -11026,7 +11694,7 @@ Fixes safari bug where outline doesn't respect border-radius
11026
11694
 
11027
11695
  /**
11028
11696
  * Do not edit directly
11029
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
11697
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
11030
11698
  */
11031
11699
 
11032
11700
  :root {
@@ -11040,7 +11708,7 @@ Fixes safari bug where outline doesn't respect border-radius
11040
11708
 
11041
11709
  /**
11042
11710
  * Do not edit directly
11043
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
11711
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
11044
11712
  */
11045
11713
 
11046
11714
  :root,
@@ -11334,7 +12002,7 @@ Fixes safari bug where outline doesn't respect border-radius
11334
12002
 
11335
12003
  /**
11336
12004
  * Do not edit directly
11337
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
12005
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
11338
12006
  */
11339
12007
 
11340
12008
  :root,
@@ -11350,7 +12018,7 @@ Fixes safari bug where outline doesn't respect border-radius
11350
12018
 
11351
12019
  /**
11352
12020
  * Do not edit directly
11353
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
12021
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
11354
12022
  */
11355
12023
 
11356
12024
  :root {
@@ -12095,7 +12763,7 @@ Fixes safari bug where outline doesn't respect border-radius
12095
12763
 
12096
12764
  /**
12097
12765
  * Do not edit directly
12098
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
12766
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12099
12767
  */
12100
12768
 
12101
12769
  :root,
@@ -12111,20 +12779,20 @@ Fixes safari bug where outline doesn't respect border-radius
12111
12779
 
12112
12780
  /**
12113
12781
  * Do not edit directly
12114
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
12782
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12115
12783
  */
12116
12784
 
12117
12785
  :root,
12118
12786
  [data-color-mode="light"] {
12119
12787
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
12120
12788
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
12121
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12789
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12122
12790
  }
12123
12791
 
12124
12792
  [data-color-mode="dark"] {
12125
12793
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
12126
12794
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
12127
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12795
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12128
12796
  }
12129
12797
 
12130
12798
  .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
@@ -12148,14 +12816,93 @@ Fixes safari bug where outline doesn't respect border-radius
12148
12816
  );
12149
12817
  }
12150
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
+
12151
12889
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12152
- border-radius: var(--brand-borderRadius-xlarge);
12153
- padding: var(--base-size-40) var(--base-size-32);
12890
+ padding: var(--base-size-64) var(--base-size-32);
12154
12891
  z-index: 1;
12155
12892
  width: 100%;
12156
12893
  box-sizing: border-box;
12157
12894
  }
12158
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
+
12159
12906
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12160
12907
  display: flex;
12161
12908
  flex-direction: column;
@@ -12165,10 +12912,19 @@ Fixes safari bug where outline doesn't respect border-radius
12165
12912
  margin: 0 auto;
12166
12913
  }
12167
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
+
12168
12925
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12169
- border-radius: var(--brand-borderRadius-xlarge);
12170
12926
  background-repeat: no-repeat;
12171
- background-color: var(--brand-CTABanner-narrow-background-color, var(--brand-CTABanner-background-color));
12927
+ background-color: var(--brand-CTABanner-bgColor);
12172
12928
  background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
12173
12929
  background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
12174
12930
 
@@ -12181,7 +12937,13 @@ Fixes safari bug where outline doesn't respect border-radius
12181
12937
  }
12182
12938
 
12183
12939
  .Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
12184
- 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 */
12185
12947
  }
12186
12948
 
12187
12949
  .Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
@@ -12196,7 +12958,27 @@ Fixes safari bug where outline doesn't respect border-radius
12196
12958
  /* Medium breakpoint and up */
12197
12959
  @media screen and (min-width: 48rem) {
12198
12960
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12199
- 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
+ );
12200
12982
  }
12201
12983
  }
12202
12984
 
@@ -12205,38 +12987,87 @@ Fixes safari bug where outline doesn't respect border-radius
12205
12987
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12206
12988
  gap: var(--base-size-24);
12207
12989
  }
12990
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12991
+ gap: var(--base-size-16);
12992
+ }
12208
12993
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12209
- 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);
12210
13004
  }
12211
13005
  }
12212
13006
 
12213
- /* Regular */
12214
- @media screen and (min-width: 48rem) {
13007
+ /* Wide */
13008
+ @media screen and (min-width: 80rem) {
12215
13009
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12216
- background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
12217
- background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
12218
- 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
+
12219
13014
  background-position: var(
12220
- --brand-CTABanner-regular-background-image-position,
13015
+ --brand-CTABanner-wide-background-image-position,
12221
13016
  var(--brand-CTABanner-background-image-position)
12222
13017
  );
12223
13018
  }
12224
13019
  }
12225
13020
 
12226
- /* Wide */
12227
- @media screen and (min-width: 80rem) {
12228
- .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12229
- background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
12230
- background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
12231
- 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
+ }
12232
13052
 
12233
- background-position: var(
12234
- --brand-CTABanner-wide-background-image-position,
12235
- var(--brand-CTABanner-background-image-position)
12236
- );
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);
12237
13060
  }
12238
13061
  }
12239
13062
 
13063
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
13064
+ line-height: calc(1lh * 1.9);
13065
+ }
13066
+
13067
+ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6.Primer_Brand__CTABanner-module__CTABanner-description___I7md6:has(code) {
13068
+ line-height: calc(1lh * 1.25);
13069
+ }
13070
+
12240
13071
  .Primer_Brand__ListItem-module__ListItem___aFf5u {
12241
13072
  display: flex;
12242
13073
  align-items: flex-start;
@@ -12334,7 +13165,7 @@ Fixes safari bug where outline doesn't respect border-radius
12334
13165
 
12335
13166
  /**
12336
13167
  * Do not edit directly
12337
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
13168
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12338
13169
  */
12339
13170
 
12340
13171
  :root,
@@ -12498,7 +13329,7 @@ Fixes safari bug where outline doesn't respect border-radius
12498
13329
 
12499
13330
  /**
12500
13331
  * Do not edit directly
12501
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
13332
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12502
13333
  */
12503
13334
 
12504
13335
  :root,
@@ -12806,7 +13637,7 @@ Fixes safari bug where outline doesn't respect border-radius
12806
13637
 
12807
13638
  /**
12808
13639
  * Do not edit directly
12809
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
13640
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
12810
13641
  */
12811
13642
 
12812
13643
  :root {
@@ -12842,7 +13673,7 @@ Fixes safari bug where outline doesn't respect border-radius
12842
13673
 
12843
13674
  /**
12844
13675
  * Do not edit directly
12845
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
13676
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12846
13677
  */
12847
13678
 
12848
13679
  :root,
@@ -12910,7 +13741,7 @@ Fixes safari bug where outline doesn't respect border-radius
12910
13741
 
12911
13742
  /**
12912
13743
  * Do not edit directly
12913
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
13744
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
12914
13745
  */
12915
13746
 
12916
13747
  :root {
@@ -12921,7 +13752,7 @@ Fixes safari bug where outline doesn't respect border-radius
12921
13752
 
12922
13753
  /**
12923
13754
  * Do not edit directly
12924
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
13755
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12925
13756
  */
12926
13757
 
12927
13758
  :root,
@@ -13037,6 +13868,29 @@ Fixes safari bug where outline doesn't respect border-radius
13037
13868
  text-decoration: none !important;
13038
13869
  }
13039
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
+
13040
13894
  .Primer_Brand__Card-module__Card--disableAnimation___Zv8eW:hover .Primer_Brand__Card-module__Card__link___Ye5mq {
13041
13895
  -webkit-text-decoration: underline !important;
13042
13896
  text-decoration: underline !important;
@@ -13130,19 +13984,11 @@ Fixes safari bug where outline doesn't respect border-radius
13130
13984
  grid-area: heading;
13131
13985
  }
13132
13986
 
13133
- .Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__heading___INFhp {
13134
- max-width: 320px;
13135
- }
13136
-
13137
13987
  .Primer_Brand__Card-module__Card__description___KN9CH {
13138
13988
  margin-bottom: var(--base-size-32);
13139
13989
  grid-area: description;
13140
13990
  }
13141
13991
 
13142
- .Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__description___KN9CH {
13143
- max-width: 400px;
13144
- }
13145
-
13146
13992
  .Primer_Brand__Card-module__Card__action___C6sRY {
13147
13993
  grid-area: action;
13148
13994
  margin-top: auto;
@@ -13274,7 +14120,7 @@ Fixes safari bug where outline doesn't respect border-radius
13274
14120
 
13275
14121
  /**
13276
14122
  * Do not edit directly
13277
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
14123
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
13278
14124
  */
13279
14125
 
13280
14126
  :root,
@@ -14115,7 +14961,7 @@ Fixes safari bug where outline doesn't respect border-radius
14115
14961
 
14116
14962
  /**
14117
14963
  * Do not edit directly
14118
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
14964
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
14119
14965
  */
14120
14966
 
14121
14967
  :root {
@@ -14126,7 +14972,7 @@ Fixes safari bug where outline doesn't respect border-radius
14126
14972
 
14127
14973
  /**
14128
14974
  * Do not edit directly
14129
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
14975
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14130
14976
  */
14131
14977
 
14132
14978
  :root,
@@ -14625,7 +15471,7 @@ Fixes safari bug where outline doesn't respect border-radius
14625
15471
 
14626
15472
  /**
14627
15473
  * Do not edit directly
14628
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
15474
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
14629
15475
  */
14630
15476
 
14631
15477
  :root {
@@ -14645,7 +15491,7 @@ Fixes safari bug where outline doesn't respect border-radius
14645
15491
 
14646
15492
  /**
14647
15493
  * Do not edit directly
14648
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
15494
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14649
15495
  */
14650
15496
 
14651
15497
  :root,
@@ -14681,12 +15527,12 @@ Fixes safari bug where outline doesn't respect border-radius
14681
15527
 
14682
15528
  /**
14683
15529
  * Do not edit directly
14684
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
15530
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14685
15531
  */
14686
15532
 
14687
15533
  :root,
14688
15534
  [data-color-mode="light"] {
14689
- --brand-LogoSuite-color-control-rest: var(--base-color-scale-gray-1);
15535
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14690
15536
  --brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-2);
14691
15537
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14692
15538
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14695,7 +15541,7 @@ Fixes safari bug where outline doesn't respect border-radius
14695
15541
  }
14696
15542
 
14697
15543
  [data-color-mode="dark"] {
14698
- --brand-LogoSuite-color-control-rest: #4d4e6a;
15544
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14699
15545
  --brand-LogoSuite-color-control-hover: #5a5b7c;
14700
15546
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14701
15547
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14705,7 +15551,7 @@ Fixes safari bug where outline doesn't respect border-radius
14705
15551
 
14706
15552
  /**
14707
15553
  * Do not edit directly
14708
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
15554
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14709
15555
  */
14710
15556
 
14711
15557
  :root {
@@ -14718,20 +15564,25 @@ Fixes safari bug where outline doesn't respect border-radius
14718
15564
  --brand-LogoSuite-logobar-columnGap-default: var(--base-size-80);
14719
15565
  }
14720
15566
 
14721
- @media (min-width: 768px) {
14722
- :root {
14723
- --brand-LogoSuite-logobar-rowGap: var(--base-size-80);
14724
- }
14725
- }
14726
-
14727
15567
  .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
14728
15568
  padding-block-end: var(--brand-LogoSuite-logobar-rowGap);
14729
15569
  }
14730
15570
 
14731
- .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 {
14732
15572
  padding-block-start: var(--brand-LogoSuite-logobar-rowGap);
14733
15573
  }
14734
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
+
14735
15586
  .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
14736
15587
  padding-block-start: var(--base-size-16);
14737
15588
  }
@@ -14745,7 +15596,7 @@ Fixes safari bug where outline doesn't respect border-radius
14745
15596
  text-align: center;
14746
15597
  }
14747
15598
 
14748
- .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 {
14749
15600
  padding-block-start: var(--base-size-32);
14750
15601
  }
14751
15602
 
@@ -14773,7 +15624,7 @@ Fixes safari bug where outline doesn't respect border-radius
14773
15624
  + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
14774
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 {
14775
15626
  padding-block-start: 0;
14776
- margin-block-start: var(--base-size-80);
15627
+ margin-block-start: var(--base-size-44);
14777
15628
  }
14778
15629
 
14779
15630
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14783,20 +15634,17 @@ Fixes safari bug where outline doesn't respect border-radius
14783
15634
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14784
15635
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14785
15636
  width: auto;
14786
- height: var(--base-size-32);
15637
+ height: var(--base-size-28);
14787
15638
  }
14788
15639
 
14789
15640
  @media screen and (min-width: 48rem) {
14790
15641
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
14791
15642
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
14792
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
14793
- height: var(--base-size-40);
14794
- }
14795
-
15643
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a,
14796
15644
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
14797
15645
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14798
15646
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14799
- height: var(--base-size-48);
15647
+ height: var(--base-size-32);
14800
15648
  }
14801
15649
  }
14802
15650
 
@@ -14828,8 +15676,10 @@ Fixes safari bug where outline doesn't respect border-radius
14828
15676
  }
14829
15677
  }
14830
15678
 
14831
- .Primer_Brand__LogoSuite-module__LogoSuite--start___Kk6GC .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
14832
- 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);
14833
15683
  }
14834
15684
 
14835
15685
  .Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Znsqm {
@@ -14839,8 +15689,9 @@ Fixes safari bug where outline doesn't respect border-radius
14839
15689
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
14840
15690
  position: relative;
14841
15691
  display: flex;
14842
- flex-direction: column;
14843
- gap: var(--base-size-40);
15692
+ flex-direction: row;
15693
+ align-items: center;
15694
+ gap: var(--base-size-24);
14844
15695
  margin: auto;
14845
15696
  max-width: 100dvw;
14846
15697
  }
@@ -14878,18 +15729,22 @@ Fixes safari bug where outline doesn't respect border-radius
14878
15729
  }
14879
15730
  }
14880
15731
 
14881
- .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 {
14882
15734
  animation-play-state: paused;
14883
15735
  }
14884
15736
 
14885
15737
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr {
14886
15738
  display: flex;
14887
- overflow: hidden;
15739
+ overflow-x: hidden;
15740
+ overflow-y: visible;
15741
+ padding-block: var(--base-size-4);
14888
15742
  -webkit-user-select: none;
14889
15743
  -moz-user-select: none;
14890
15744
  user-select: none;
14891
15745
  gap: var(--marquee-gap);
14892
- width: calc(100% - var(--base-size-40));
15746
+ flex: 1;
15747
+ min-width: 0;
14893
15748
  -webkit-mask-image: linear-gradient(
14894
15749
  to right,
14895
15750
  hsla(0, 0%, 0%, 0),
@@ -14904,19 +15759,23 @@ Fixes safari bug where outline doesn't respect border-radius
14904
15759
  animation-play-state: paused !important;
14905
15760
  }
14906
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
+
14907
15766
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi {
14908
15767
  cursor: pointer;
14909
- position: absolute;
14910
- right: 0;
15768
+ flex-shrink: 0;
14911
15769
  display: flex;
14912
15770
  align-items: center;
14913
15771
  justify-content: center;
14914
- width: var(--base-size-48);
14915
- height: var(--base-size-48);
15772
+ width: var(--base-size-32);
15773
+ height: var(--base-size-32);
14916
15774
  margin: 0;
14917
15775
  padding: 0;
14918
15776
  border: none;
14919
15777
  border-radius: var(--base-size-48);
15778
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
14920
15779
  background-color: var(--brand-LogoSuite-color-control-rest);
14921
15780
  transition: background-color var(--brand-animation-duration-faster);
14922
15781
  }
@@ -14933,10 +15792,139 @@ Fixes safari bug where outline doesn't respect border-radius
14933
15792
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi svg {
14934
15793
  width: var(--base-size-16);
14935
15794
  height: var(--base-size-16);
15795
+ fill: var(--brand-color-text-muted);
14936
15796
  }
14937
15797
 
14938
15798
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi path {
14939
- 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;
14940
15928
  }
14941
15929
 
14942
15930
  .Primer_Brand__Timeline-module__Timeline___keSeT {
@@ -15039,7 +16027,7 @@ Fixes safari bug where outline doesn't respect border-radius
15039
16027
 
15040
16028
  /**
15041
16029
  * Do not edit directly
15042
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
16030
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
15043
16031
  */
15044
16032
 
15045
16033
  :root,
@@ -15053,7 +16041,7 @@ Fixes safari bug where outline doesn't respect border-radius
15053
16041
 
15054
16042
  /**
15055
16043
  * Do not edit directly
15056
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
16044
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
15057
16045
  */
15058
16046
 
15059
16047
  :root {
@@ -15067,7 +16055,7 @@ Fixes safari bug where outline doesn't respect border-radius
15067
16055
 
15068
16056
  /**
15069
16057
  * Do not edit directly
15070
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
16058
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
15071
16059
  */
15072
16060
 
15073
16061
  :root {
@@ -17243,7 +18231,7 @@ Fixes safari bug where outline doesn't respect border-radius
17243
18231
 
17244
18232
  /**
17245
18233
  * Do not edit directly
17246
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
18234
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17247
18235
  */
17248
18236
 
17249
18237
  :root {
@@ -17267,7 +18255,7 @@ Fixes safari bug where outline doesn't respect border-radius
17267
18255
 
17268
18256
  /**
17269
18257
  * Do not edit directly
17270
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
18258
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17271
18259
  */
17272
18260
 
17273
18261
  :root,
@@ -17702,7 +18690,7 @@ Fixes safari bug where outline doesn't respect border-radius
17702
18690
 
17703
18691
  /**
17704
18692
  * Do not edit directly
17705
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
18693
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17706
18694
  */
17707
18695
 
17708
18696
  :root {
@@ -17718,7 +18706,7 @@ Fixes safari bug where outline doesn't respect border-radius
17718
18706
 
17719
18707
  /**
17720
18708
  * Do not edit directly
17721
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
18709
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17722
18710
  */
17723
18711
 
17724
18712
  :root,
@@ -18193,6 +19181,7 @@ Fixes safari bug where outline doesn't respect border-radius
18193
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 {
18194
19182
  font-size: var(--feature-list-font-size);
18195
19183
  line-height: var(--feature-list-line-height);
19184
+ font-weight: var(--brand-text-subhead-weight-large);
18196
19185
  gap: var(--base-size-8);
18197
19186
  display: inline-flex;
18198
19187
  align-items: center;
@@ -18221,7 +19210,7 @@ Fixes safari bug where outline doesn't respect border-radius
18221
19210
 
18222
19211
  /**
18223
19212
  * Do not edit directly
18224
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
19213
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
18225
19214
  */
18226
19215
 
18227
19216
  :root {
@@ -18230,21 +19219,23 @@ Fixes safari bug where outline doesn't respect border-radius
18230
19219
 
18231
19220
  /**
18232
19221
  * Do not edit directly
18233
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
19222
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
18234
19223
  */
18235
19224
 
18236
19225
  :root,
18237
19226
  [data-color-mode="light"] {
19227
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18238
19228
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18239
19229
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18240
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19230
+ --brand-SubNav-color-link-bgColor: #e4ebe6;
18241
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);
18242
19232
  }
18243
19233
 
18244
19234
  [data-color-mode="dark"] {
19235
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18245
19236
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18246
19237
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18247
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19238
+ --brand-SubNav-color-link-bgColor: #323834;
18248
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);
18249
19240
  }
18250
19241
 
@@ -18252,6 +19243,7 @@ Fixes safari bug where outline doesn't respect border-radius
18252
19243
  position: absolute;
18253
19244
  width: 100%;
18254
19245
  z-index: 2;
19246
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18255
19247
  }
18256
19248
 
18257
19249
  .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
@@ -18260,11 +19252,15 @@ Fixes safari bug where outline doesn't respect border-radius
18260
19252
  position: relative;
18261
19253
  }
18262
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
+
18263
19259
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18264
19260
  width: 100%;
18265
19261
  display: flex;
18266
- padding: var(--base-size-16);
18267
19262
  z-index: 1;
19263
+ background-color: var(--brand-SubNav-bgColor);
18268
19264
  }
18269
19265
 
18270
19266
  [data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
@@ -18272,16 +19268,21 @@ Fixes safari bug where outline doesn't respect border-radius
18272
19268
  -moz-osx-font-smoothing: grayscale;
18273
19269
  }
18274
19270
 
18275
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
19271
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
19272
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18276
19273
  display: block;
18277
- 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);
18278
19277
  color: var(--brand-color-text-default);
18279
19278
  font-family: var(--brand-heading-fontFamily);
18280
19279
  -webkit-text-decoration: none;
18281
19280
  text-decoration: none;
18282
19281
  }
18283
19282
 
18284
- .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 {
18285
19286
  color: var(--brand-color-text-muted);
18286
19287
  -webkit-text-decoration: none !important;
18287
19288
  text-decoration: none !important; /* dotcom override */
@@ -18292,10 +19293,17 @@ Fixes safari bug where outline doesn't respect border-radius
18292
19293
  }
18293
19294
 
18294
19295
  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19296
+ min-height: 60px;
18295
19297
  position: relative;
18296
19298
  z-index: 9998;
18297
- display: inline-block;
18298
- 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);
18299
19307
  }
18300
19308
 
18301
19309
  .Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
@@ -18333,16 +19341,6 @@ Fixes safari bug where outline doesn't respect border-radius
18333
19341
  display: none;
18334
19342
  }
18335
19343
 
18336
- .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18337
- position: relative;
18338
- top: 0;
18339
- color: var(--brand-color-text-muted);
18340
- min-width: var(--base-size-8);
18341
- min-height: var(--base-size-16);
18342
- display: inline-flex;
18343
- align-items: center;
18344
- }
18345
-
18346
19344
  /*
18347
19345
  * Anchor Nav Submenu
18348
19346
  */
@@ -18395,8 +19393,8 @@ Fixes safari bug where outline doesn't respect border-radius
18395
19393
 
18396
19394
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18397
19395
  display: flex;
18398
- padding-block-start: var(--base-size-12);
18399
- 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);
18400
19398
  }
18401
19399
 
18402
19400
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
@@ -18407,28 +19405,20 @@ Fixes safari bug where outline doesn't respect border-radius
18407
19405
  gap: var(--base-size-20);
18408
19406
  }
18409
19407
 
18410
- .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 {
18411
- color: var(--brand-color-text-default);
18412
- }
18413
-
18414
- .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,
18415
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18416
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18417
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18418
- opacity: 1;
18419
- 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 */
18420
19410
  }
18421
19411
 
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::after,
18423
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18424
- border-color: var(--brand-color-text-default);
18425
- 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);
18426
19418
  }
18427
19419
 
18428
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18429
- .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 {
18430
- border-color: var(--brand-color-text-default);
18431
- 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);
18432
19422
  }
18433
19423
 
18434
19424
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
@@ -18436,37 +19426,14 @@ Fixes safari bug where outline doesn't respect border-radius
18436
19426
  opacity: 0;
18437
19427
  }
18438
19428
 
18439
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18440
19429
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
18441
19430
  color: var(--brand-SubNav-color-link-active);
18442
19431
  -webkit-text-decoration: none !important;
18443
19432
  text-decoration: none !important; /* dotcom override */
18444
19433
  }
18445
19434
 
18446
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18447
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
18448
- content: '';
18449
- position: absolute;
18450
- bottom: calc(var(--base-size-2) * -1);
18451
- left: 0;
18452
- width: 100%;
18453
- height: 2px;
18454
- border-width: 2px;
18455
- border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
18456
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
18457
- border-color var(--brand-animation-duration-fast);
18458
- opacity: 1;
18459
- transform: scale(0);
18460
- transform-origin: center;
18461
- }
18462
-
18463
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18464
- border-color: var(--brand-color-text-default);
18465
- }
18466
-
18467
19435
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18468
19436
  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
18469
- color: var(--brand-SubNav-color-link-active);
18470
19437
  }
18471
19438
 
18472
19439
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
@@ -18524,6 +19491,18 @@ Fixes safari bug where outline doesn't respect border-radius
18524
19491
  display: block;
18525
19492
  }
18526
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
+
18527
19506
  .Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
18528
19507
  z-index: -1;
18529
19508
  }
@@ -18543,6 +19522,8 @@ Fixes safari bug where outline doesn't respect border-radius
18543
19522
  display: flex;
18544
19523
  width: 100%;
18545
19524
  white-space: pre;
19525
+ position: relative;
19526
+ z-index: 9998;
18546
19527
  }
18547
19528
 
18548
19529
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
@@ -18558,49 +19539,55 @@ Fixes safari bug where outline doesn't respect border-radius
18558
19539
  justify-content: center;
18559
19540
  z-index: 9998;
18560
19541
  display: none;
19542
+ padding-inline: var(--base-size-8);
18561
19543
  }
18562
19544
 
18563
19545
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18564
19546
  display: flex;
18565
19547
  flex-direction: column;
18566
19548
  gap: var(--base-size-8);
18567
- padding-block-start: var(--base-size-16);
18568
- padding-block-end: var(--base-size-16);
18569
- }
18570
-
18571
- .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18572
- border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
18573
- margin-block-start: var(--base-size-16);
19549
+ padding-block: var(--base-size-16);
19550
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19551
+ justify-content: flex-start;
19552
+ overflow-y: auto;
19553
+ min-height: 0;
18574
19554
  }
18575
19555
 
18576
19556
  .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 {
18577
19557
  color: var(--brand-color-text-default);
18578
19558
  }
18579
19559
 
18580
- .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 {
18581
- color: var(--brand-color-text-muted);
18582
- }
18583
-
18584
19560
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18585
- background-color: transparent;
18586
- border: none;
18587
- cursor: pointer;
18588
19561
  display: flex;
18589
19562
  position: relative;
18590
19563
  width: 100%;
18591
- order: 1;
18592
19564
  z-index: 9999;
18593
- padding: 0;
18594
19565
  justify-content: flex-end;
19566
+ padding-inline-end: var(--base-size-16);
18595
19567
  }
18596
19568
 
18597
19569
  .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 {
18598
- margin-block-start: var(--base-size-12);
19570
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19571
+ display: block;
19572
+ padding-block: var(--base-size-12);
19573
+ margin-block: 0;
18599
19574
  }
18600
19575
 
18601
19576
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
18602
- justify-content: space-between;
18603
19577
  width: 100%;
19578
+ padding-inline-start: var(--base-size-16);
19579
+ }
19580
+
19581
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
19582
+ background-color: var(--brand-SubNav-color-link-bgColor);
19583
+ border: none;
19584
+ border-radius: var(--brand-borderRadius-full);
19585
+ padding: var(--base-size-4) var(--base-size-12);
19586
+ gap: var(--base-size-6);
19587
+ display: flex;
19588
+ align-items: center;
19589
+ cursor: pointer;
19590
+ font: inherit;
18604
19591
  }
18605
19592
 
18606
19593
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
@@ -18622,10 +19609,26 @@ Fixes safari bug where outline doesn't respect border-radius
18622
19609
  color: var(--brand-SubNav-color-link-active);
18623
19610
  }
18624
19611
 
19612
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19613
+ padding: var(--base-size-8);
19614
+ }
19615
+
19616
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19617
+ display: inline-block;
19618
+ background-color: var(--brand-SubNav-color-link-bgColor);
19619
+ border-radius: var(--brand-borderRadius-full);
19620
+ padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
19621
+ margin-inline-start: var(--base-size-8);
19622
+ }
19623
+
19624
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
19625
+ background-color: var(--brand-SubNav-color-link-bgColor);
19626
+ border-radius: var(--brand-borderRadius-medium);
19627
+ }
19628
+
18625
19629
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
18626
19630
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
18627
19631
  display: block;
18628
- padding: var(--base-size-8) 0;
18629
19632
  animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
18630
19633
  }
18631
19634
 
@@ -18646,6 +19649,7 @@ Fixes safari bug where outline doesn't respect border-radius
18646
19649
  padding: 0;
18647
19650
  margin: 0;
18648
19651
  padding-inline-start: var(--base-size-16);
19652
+ padding-block-start: var(--base-size-8);
18649
19653
  }
18650
19654
 
18651
19655
  .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 {
@@ -18677,8 +19681,6 @@ Fixes safari bug where outline doesn't respect border-radius
18677
19681
  }
18678
19682
 
18679
19683
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18680
- font-size: var(--brand-text-size-200);
18681
- font-weight: var(--base-text-weight-medium);
18682
19684
  padding-block-end: var(--base-size-6);
18683
19685
  }
18684
19686
 
@@ -18702,19 +19704,7 @@ Fixes safari bug where outline doesn't respect border-radius
18702
19704
  display: block;
18703
19705
  white-space: pre;
18704
19706
  position: relative;
18705
- }
18706
-
18707
- .Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18708
- opacity: 0;
18709
- transform: scale(0);
18710
- bottom: 0;
18711
- }
18712
-
18713
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18714
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18715
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18716
- opacity: 1;
18717
- transform: scale(1);
19707
+ top: var(--base-size-2);
18718
19708
  }
18719
19709
  }
18720
19710
 
@@ -18736,7 +19726,7 @@ Fixes safari bug where outline doesn't respect border-radius
18736
19726
  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
18737
19727
  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
18738
19728
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
18739
- .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
19729
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
18740
19730
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
18741
19731
  outline-offset: var(--base-size-2);
18742
19732
  }
@@ -18747,20 +19737,24 @@ Fixes safari bug where outline doesn't respect border-radius
18747
19737
  white-space: nowrap;
18748
19738
  }
18749
19739
 
18750
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
18751
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
18752
- border-color: var(--brand-color-text-default);
18753
- opacity: 1;
18754
- transform: scale(0.8, 1);
18755
- }
18756
-
18757
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
18758
- opacity: 0;
19740
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
19741
+ background-color: var(--brand-SubNav-color-link-bgColor);
19742
+ border: none;
19743
+ border-radius: var(--brand-borderRadius-full);
19744
+ padding: var(--base-size-6) var(--base-size-12);
18759
19745
  }
18760
19746
 
18761
19747
  @media screen and (min-width: 48rem) {
18762
- .Primer_Brand__SubNav-module__SubNav___dVoQu {
18763
- padding: var(--base-size-16) var(--base-size-24);
19748
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19749
+ padding-inline: var(--base-size-24);
19750
+ }
19751
+
19752
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
19753
+ padding-inline-start: var(--base-size-24);
19754
+ }
19755
+
19756
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19757
+ padding: var(--base-size-24);
18764
19758
  }
18765
19759
 
18766
19760
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
@@ -18782,16 +19776,24 @@ Fixes safari bug where outline doesn't respect border-radius
18782
19776
 
18783
19777
  @media screen and (min-width: 63.25rem) {
18784
19778
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18785
- padding: var(--base-size-16) var(--base-size-32);
18786
19779
  align-items: center;
18787
19780
  display: flex;
18788
19781
  z-index: 92;
19782
+ padding-inline: var(--base-size-32);
19783
+ }
19784
+
19785
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19786
+ padding: 0;
18789
19787
  }
18790
19788
 
18791
19789
  .Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
18792
19790
  padding-block-end: 0;
18793
19791
  }
18794
19792
 
19793
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19794
+ padding-inline-start: 0;
19795
+ }
19796
+
18795
19797
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
18796
19798
  padding-inline: 0;
18797
19799
  }
@@ -18804,11 +19806,6 @@ Fixes safari bug where outline doesn't respect border-radius
18804
19806
  padding-block-end: 1px;
18805
19807
  }
18806
19808
 
18807
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
18808
- font-size: calc(var(--base-size-20) - 2px);
18809
- line-height: var(--base-size-24);
18810
- }
18811
-
18812
19809
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18813
19810
  margin-inline-end: var(--base-size-20);
18814
19811
  display: inline-flex;
@@ -18824,26 +19821,18 @@ Fixes safari bug where outline doesn't respect border-radius
18824
19821
  align-items: center;
18825
19822
  }
18826
19823
 
18827
- .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
18828
- margin-inline-end: var(--base-size-20);
18829
- }
18830
-
18831
19824
  .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
18832
19825
  display: flex;
18833
19826
  align-items: center;
18834
19827
  }
18835
19828
 
18836
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18837
- font-size: var(--brand-text-size-100);
18838
- line-height: var(--brand-text-lineHeight-100);
18839
- }
18840
-
18841
19829
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
18842
19830
  align-items: center;
18843
19831
  display: flex;
18844
- gap: var(--base-size-20);
19832
+ gap: var(--base-size-2);
18845
19833
  z-index: 92;
18846
19834
  flex-grow: 1;
19835
+ padding-inline-start: var(--base-size-24);
18847
19836
  }
18848
19837
 
18849
19838
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -18851,7 +19840,8 @@ Fixes safari bug where outline doesn't respect border-radius
18851
19840
  text-decoration: none !important; /* dotcom override */
18852
19841
  transition: color 0.2s var(--brand-animation-easing-glide);
18853
19842
  position: relative;
18854
- padding: var(--base-size-4) 0;
19843
+ padding: var(--base-size-4) var(--base-size-12);
19844
+ border-radius: var(--brand-borderRadius-full);
18855
19845
  }
18856
19846
 
18857
19847
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -18876,24 +19866,20 @@ Fixes safari bug where outline doesn't respect border-radius
18876
19866
 
18877
19867
  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
18878
19868
  background-clip: padding-box;
18879
- background-color: var(--brand-SubNav-color-subMenu-bgColor);
18880
- border: max(1px, 0.0625rem) solid var(--borderColor-default, var(--color-border-default));
18881
- border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
18882
- border-radius: 0.375rem;
18883
- border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
18884
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
19869
+ background-color: var(--brand-color-canvas-default);
19870
+ border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
19871
+ border-radius: var(--brand-borderRadius-medium);
18885
19872
  left: 0;
18886
19873
  list-style: none;
18887
19874
  margin-block-start: var(--base-size-8);
18888
- padding: var(--base-size-24);
18889
- padding-inline-end: var(--base-size-24);
19875
+ padding: var(--base-size-8);
18890
19876
  position: absolute;
18891
- top: 100%;
19877
+ top: 90%;
18892
19878
  z-index: 9998;
18893
19879
  transition-timing-function: var(--brand-animation-easing-glide);
18894
19880
  transition-duration: var(--brand-animation-duration-fast);
18895
19881
  transition-property: opacity, transform;
18896
- left: calc(var(--base-size-4) / 4 * -16);
19882
+ left: var(--base-size-4);
18897
19883
  visibility: hidden;
18898
19884
  opacity: 0;
18899
19885
  transform: scale(0.99) translateY(-0.7em) translateX(-8px);
@@ -18908,7 +19894,6 @@ Fixes safari bug where outline doesn't respect border-radius
18908
19894
  visibility: visible;
18909
19895
  opacity: 1;
18910
19896
  transform: scale(1) translateY(0) translateX(-8px);
18911
- box-shadow: var(--brand-SubNav-shadow);
18912
19897
  }
18913
19898
 
18914
19899
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
@@ -18930,10 +19915,6 @@ Fixes safari bug where outline doesn't respect border-radius
18930
19915
  display: block;
18931
19916
  }
18932
19917
 
18933
- .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 {
18934
- color: var(--brand-color-text-default) !important;
18935
- }
18936
-
18937
19918
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18938
19919
  opacity: 1;
18939
19920
  transform: scale(0);
@@ -18952,18 +19933,53 @@ Fixes safari bug where outline doesn't respect border-radius
18952
19933
  padding: var(--base-size-4) 0;
18953
19934
  }
18954
19935
 
18955
- /* Show underline on submenu parent when child has aria-current */
18956
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:has(.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']))
18957
- > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ
18958
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18959
- opacity: 1;
18960
- transform: scale(0.8, 1);
19936
+ /* Show pill on submenu parent */
19937
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
19938
+ background-color: var(--brand-SubNav-color-link-bgColor);
19939
+ border-radius: var(--brand-borderRadius-full);
19940
+ padding: 0 var(--base-size-8) 0 0;
19941
+ gap: 0;
18961
19942
  }
18962
19943
 
18963
- .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,
18964
- .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 {
18965
- opacity: 1;
18966
- transform: scale(1);
19944
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19945
+ padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
19946
+ }
19947
+
19948
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19949
+ padding: var(--base-size-12);
19950
+ }
19951
+
19952
+ /* Active link pill styling */
19953
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19954
+ background-color: var(--brand-SubNav-color-link-bgColor);
19955
+ line-height: 1.1em;
19956
+ }
19957
+
19958
+ /* Firefox optical alignment fix */
19959
+ @supports (-moz-appearance: none) {
19960
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
19961
+ .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
19962
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
19963
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19964
+ top: 0;
19965
+ }
19966
+ }
19967
+
19968
+ .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']) {
19969
+ padding-inline-end: var(--base-size-4);
19970
+ }
19971
+
19972
+ .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']) {
19973
+ background-color: transparent;
19974
+ border-radius: var(--brand-borderRadius-medium);
19975
+ padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
19976
+ top: auto;
19977
+ top: initial;
19978
+ }
19979
+
19980
+ .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 {
19981
+ background-color: var(--brand-SubNav-color-link-bgColor);
19982
+ border-radius: var(--brand-borderRadius-medium);
18967
19983
  }
18968
19984
 
18969
19985
  .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
@@ -18972,10 +19988,6 @@ Fixes safari bug where outline doesn't respect border-radius
18972
19988
  transition: transform var(--brand-animation-duration-fast);
18973
19989
  }
18974
19990
 
18975
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
18976
- transform: translateY(2px);
18977
- }
18978
-
18979
19991
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18980
19992
  padding-inline: var(--base-size-32);
18981
19993
  }
@@ -19013,7 +20025,7 @@ Fixes safari bug where outline doesn't respect border-radius
19013
20025
 
19014
20026
  /**
19015
20027
  * Do not edit directly
19016
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
20028
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
19017
20029
  */
19018
20030
 
19019
20031
  :root {
@@ -19022,7 +20034,7 @@ Fixes safari bug where outline doesn't respect border-radius
19022
20034
 
19023
20035
  /**
19024
20036
  * Do not edit directly
19025
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
20037
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19026
20038
  */
19027
20039
 
19028
20040
  :root,
@@ -19518,7 +20530,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19518
20530
 
19519
20531
  /**
19520
20532
  * Do not edit directly
19521
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
20533
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19522
20534
  */
19523
20535
 
19524
20536
  :root,
@@ -19617,7 +20629,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19617
20629
 
19618
20630
  /**
19619
20631
  * Do not edit directly
19620
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
20632
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19621
20633
  */
19622
20634
 
19623
20635
  :root,
@@ -19995,7 +21007,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19995
21007
 
19996
21008
  /**
19997
21009
  * Do not edit directly
19998
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
21010
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19999
21011
  */
20000
21012
 
20001
21013
  :root,
@@ -20009,7 +21021,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20009
21021
 
20010
21022
  /**
20011
21023
  * Do not edit directly
20012
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
21024
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20013
21025
  */
20014
21026
 
20015
21027
  :root {
@@ -20196,7 +21208,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20196
21208
 
20197
21209
  /**
20198
21210
  * Do not edit directly
20199
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
21211
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
20200
21212
  */
20201
21213
 
20202
21214
  :root {
@@ -20281,7 +21293,6 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20281
21293
  }
20282
21294
 
20283
21295
  .Primer_Brand__Statistic-module__Statistic__heading___xQ8Ki {
20284
- font-stretch: 75%;
20285
21296
  position: relative;
20286
21297
  }
20287
21298
 
@@ -20481,7 +21492,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20481
21492
 
20482
21493
  /**
20483
21494
  * Do not edit directly
20484
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
21495
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
20485
21496
  */
20486
21497
 
20487
21498
  :root {
@@ -20492,7 +21503,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20492
21503
 
20493
21504
  /**
20494
21505
  * Do not edit directly
20495
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
21506
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20496
21507
  */
20497
21508
 
20498
21509
  :root,
@@ -20630,7 +21641,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20630
21641
 
20631
21642
  /**
20632
21643
  * Do not edit directly
20633
- * Generated on Tue, 17 Feb 2026 18:41:47 GMT
21644
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
20634
21645
  */
20635
21646
 
20636
21647
  :root {
@@ -20639,7 +21650,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20639
21650
 
20640
21651
  /**
20641
21652
  * Do not edit directly
20642
- * Generated on Tue, 17 Feb 2026 18:41:48 GMT
21653
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20643
21654
  */
20644
21655
 
20645
21656
  :root,
@@ -20883,3 +21894,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20883
21894
  }
20884
21895
  }
20885
21896
 
21897
+ /**
21898
+ * Do not edit directly
21899
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
21900
+ */
21901
+
21902
+ :root,
21903
+ [data-color-mode="light"] {
21904
+ --brand-tiles-bgColor-rest: #fafafa;
21905
+ --brand-tiles-bgColor-hover: #f2f5f3;
21906
+ --brand-tiles-highlightColor: #08872b;
21907
+ }
21908
+
21909
+ [data-color-mode="dark"] {
21910
+ --brand-tiles-bgColor-rest: #090d0a;
21911
+ --brand-tiles-bgColor-hover: #101411;
21912
+ --brand-tiles-highlightColor: #5fed83;
21913
+ }
21914
+
21915
+ .Primer_Brand__Tiles-module__Tiles___z9bH9 {
21916
+ width: 100%;
21917
+ color: var(--brand-color-text-default);
21918
+ }
21919
+
21920
+ .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21921
+ --tiles-columns: 2;
21922
+ display: flex;
21923
+ flex-wrap: wrap;
21924
+ justify-content: center;
21925
+ list-style: none;
21926
+ margin: 0;
21927
+ padding: 0;
21928
+ }
21929
+
21930
+ @media screen and (min-width: 48rem) {
21931
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21932
+ --tiles-columns: 4;
21933
+ }
21934
+ }
21935
+
21936
+ @media screen and (min-width: 63.25rem) {
21937
+ .Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21938
+ --tiles-columns: 6;
21939
+ }
21940
+ }
21941
+
21942
+ @media screen and (min-width: 48rem) {
21943
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21944
+ --tiles-columns: 4;
21945
+ }
21946
+ }
21947
+
21948
+ @media screen and (min-width: 63.25rem) {
21949
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21950
+ --tiles-columns: 8;
21951
+ }
21952
+ }
21953
+
21954
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
21955
+ position: relative;
21956
+ }
21957
+
21958
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
21959
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21960
+ content: '';
21961
+ position: absolute;
21962
+ left: 50%;
21963
+ transform: translateX(-50%);
21964
+ width: 100vw;
21965
+ height: 0;
21966
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21967
+ }
21968
+
21969
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
21970
+ top: 0;
21971
+ }
21972
+
21973
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
21974
+ bottom: 0;
21975
+ }
21976
+
21977
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
21978
+ position: relative;
21979
+ padding-right: var(--brand-borderWidth-thin);
21980
+ padding-bottom: var(--brand-borderWidth-thin);
21981
+ }
21982
+
21983
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
21984
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
21985
+ content: '';
21986
+ position: absolute;
21987
+ top: 0;
21988
+ bottom: 0;
21989
+ width: 0;
21990
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
21991
+ z-index: 1;
21992
+ pointer-events: none;
21993
+ }
21994
+
21995
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
21996
+ left: 0;
21997
+ }
21998
+
21999
+ .Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
22000
+ right: 0;
22001
+ }
22002
+
22003
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22004
+ --tiles-inset-shadow: inset 0 0 0 transparent;
22005
+ position: relative;
22006
+ display: flex;
22007
+ flex-direction: column;
22008
+ width: calc(100% / var(--tiles-columns));
22009
+ box-sizing: border-box;
22010
+ background-color: var(--brand-tiles-bgColor-rest);
22011
+ border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
22012
+ border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
22013
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
22014
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
22015
+ box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
22016
+ 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
22017
+ transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
22018
+ box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
22019
+ }
22020
+
22021
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
22022
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
22023
+ --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
22024
+ background-color: var(--brand-tiles-bgColor-hover);
22025
+ }
22026
+
22027
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
22028
+ display: flex;
22029
+ width: 100%;
22030
+ flex: 1;
22031
+ -webkit-text-decoration: none;
22032
+ text-decoration: none;
22033
+ color: inherit;
22034
+ }
22035
+
22036
+ .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
22037
+ outline: var(--base-size-4) solid var(--brand-color-focus);
22038
+ outline-offset: calc(-1 * var(--base-size-4));
22039
+ border-radius: var(--brand-borderRadius-small);
22040
+ }
22041
+
22042
+ .Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
22043
+ position: relative;
22044
+ display: flex;
22045
+ align-items: center;
22046
+ justify-content: center;
22047
+ width: 100%;
22048
+ aspect-ratio: 1;
22049
+ }
22050
+
22051
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
22052
+ display: flex;
22053
+ align-items: center;
22054
+ justify-content: center;
22055
+ }
22056
+
22057
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
22058
+ .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
22059
+ width: auto;
22060
+ height: var(--base-size-40);
22061
+ max-width: 100%;
22062
+ }
22063
+
22064
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
22065
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
22066
+ height: var(--base-size-32);
22067
+ }
22068
+
22069
+ .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22070
+ position: absolute;
22071
+ bottom: 0;
22072
+ left: 0;
22073
+ right: 0;
22074
+ display: flex;
22075
+ align-items: center;
22076
+ justify-content: space-between;
22077
+ gap: var(--base-size-4);
22078
+ padding: var(--base-size-12) var(--base-size-16);
22079
+ }
22080
+
22081
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22082
+ opacity: 0;
22083
+ transform: translateY(var(--base-size-4));
22084
+ transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
22085
+ transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
22086
+ pointer-events: none;
22087
+ }
22088
+
22089
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:hover .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF,
22090
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22091
+ opacity: 1;
22092
+ transform: translateY(0);
22093
+ }
22094
+
22095
+ .Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
22096
+ white-space: nowrap;
22097
+ overflow: hidden;
22098
+ text-overflow: ellipsis;
22099
+ min-width: 0;
22100
+ }
22101
+
22102
+ .Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
22103
+ flex-shrink: 0;
22104
+ color: var(--brand-color-text-default);
22105
+ }
22106
+
22107
+ @media (prefers-reduced-motion: reduce) {
22108
+ .Primer_Brand__Tiles-module__Tiles-item___NtPvv {
22109
+ transition: none;
22110
+ }
22111
+
22112
+ .Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
22113
+ transition: none;
22114
+ }
22115
+ }
22116
+