@primer/react-brand 0.64.1-rc.9bfb4676 → 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 +1664 -436
  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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:11 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 Thu, 19 Feb 2026 19:56:10 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 Thu, 19 Feb 2026 19:56:11 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;
7841
8069
  }
7842
8070
 
7843
- .Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
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));
8083
+ }
8084
+
8085
+ .Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
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,65 +8213,251 @@ 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);
7979
8261
  }
7980
8262
 
7981
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
7982
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
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;
8457
+ }
8458
+
8459
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
8460
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
7983
8461
  display: none;
7984
8462
  }
7985
8463
 
@@ -8407,7 +8885,7 @@ html {
8407
8885
 
8408
8886
  /**
8409
8887
  * Do not edit directly
8410
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
8888
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
8411
8889
  */
8412
8890
 
8413
8891
  :root,
@@ -9175,7 +9653,7 @@ html {
9175
9653
 
9176
9654
  /**
9177
9655
  * Do not edit directly
9178
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9656
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9179
9657
  */
9180
9658
 
9181
9659
  :root,
@@ -9203,7 +9681,7 @@ html {
9203
9681
 
9204
9682
  /**
9205
9683
  * Do not edit directly
9206
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9684
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9207
9685
  */
9208
9686
 
9209
9687
  :root,
@@ -9219,7 +9697,7 @@ html {
9219
9697
 
9220
9698
  /**
9221
9699
  * Do not edit directly
9222
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
9700
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
9223
9701
  */
9224
9702
 
9225
9703
  :root {
@@ -9272,7 +9750,7 @@ html {
9272
9750
 
9273
9751
  /**
9274
9752
  * Do not edit directly
9275
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9753
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9276
9754
  */
9277
9755
 
9278
9756
  :root,
@@ -9303,8 +9781,10 @@ html {
9303
9781
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
9304
9782
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
9305
9783
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
9306
- --brand-Accordion-border-color-default: var(--brand-color-border-default);
9307
- --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);
9308
9788
  }
9309
9789
 
9310
9790
  [data-color-mode="dark"] {
@@ -9334,8 +9814,10 @@ html {
9334
9814
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
9335
9815
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
9336
9816
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
9337
- --brand-Accordion-border-color-default: var(--base-color-scale-gray-5);
9338
- --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);
9339
9821
  }
9340
9822
 
9341
9823
  .Primer_Brand__Accordion-module__Accordion___M_LPt {
@@ -9348,13 +9830,67 @@ html {
9348
9830
  }
9349
9831
 
9350
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 {
9351
- 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;
9352
9888
  }
9353
9889
 
9354
9890
  .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
9355
9891
  content: '';
9356
- border: 3px solid var(--brand-Accordion-border-color-default);
9357
- height: 0;
9892
+ background-color: var(--brand-Accordion-border-color-default);
9893
+ height: var(--brand-borderWidth-thin);
9358
9894
  transition: var(--brand-animation-duration-fast) transform;
9359
9895
  transform: scaleY(0);
9360
9896
  transform-origin: 50% 100%;
@@ -9364,8 +9900,10 @@ html {
9364
9900
  left: 0;
9365
9901
  }
9366
9902
 
9367
- .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
9368
- 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);
9369
9907
  }
9370
9908
 
9371
9909
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
@@ -9388,20 +9926,27 @@ html {
9388
9926
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9389
9927
  }
9390
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
+
9391
9939
  .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9392
9940
  .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9393
- font-family: var(--brand-fontStack-sansSerif);
9394
- font-weight: 500;
9395
9941
  cursor: pointer;
9396
- font-size: 32px;
9397
- line-height: 24px;
9398
- text-align: center;
9399
- height: 24px;
9400
- width: 24px;
9401
- -webkit-text-fill-color: transparent;
9402
- -webkit-box-decoration-break: clone;
9403
- 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);
9404
9948
  position: absolute;
9949
+ transition: opacity var(--brand-animation-duration-faster) ease;
9405
9950
  }
9406
9951
 
9407
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,
@@ -9409,134 +9954,110 @@ html {
9409
9954
  right: 0;
9410
9955
  }
9411
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
+
9412
9971
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9413
9972
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9414
9973
  left: 0;
9415
9974
  }
9416
9975
 
9417
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
9418
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9419
- transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
9420
- display: block;
9421
- background: linear-gradient(
9422
- -70deg,
9423
- var(--brand-Accordion-toggle-color-start) 0%,
9424
- var(--brand-Accordion-toggle-color-end) 100%
9425
- );
9426
- -webkit-background-clip: text;
9427
- 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));
9428
9979
  }
9429
9980
 
9430
9981
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
9431
9982
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
9432
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
9433
9983
  }
9434
9984
 
9435
9985
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
9436
9986
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
9437
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
9438
9987
  }
9439
9988
 
9440
9989
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
9441
9990
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
9442
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
9443
9991
  }
9444
9992
 
9445
9993
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
9446
9994
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
9447
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
9448
9995
  }
9449
9996
 
9450
9997
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
9451
9998
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
9452
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
9453
9999
  }
9454
10000
 
9455
10001
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
9456
10002
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
9457
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
9458
10003
  }
9459
10004
 
9460
10005
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
9461
10006
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
9462
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
9463
10007
  }
9464
10008
 
9465
10009
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
9466
10010
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
9467
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
9468
10011
  }
9469
10012
 
9470
10013
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
9471
10014
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
9472
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
9473
10015
  }
9474
10016
 
9475
10017
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
9476
10018
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
9477
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
9478
10019
  }
9479
10020
 
9480
10021
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
9481
10022
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
9482
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
9483
10023
  }
9484
10024
 
9485
10025
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
9486
10026
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
9487
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
9488
10027
  }
9489
10028
 
9490
10029
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
9491
10030
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
9492
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
9493
10031
  }
9494
10032
 
9495
10033
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
9496
10034
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
9497
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
9498
10035
  }
9499
10036
 
9500
10037
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
9501
10038
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
9502
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
9503
10039
  }
9504
10040
 
9505
10041
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
9506
10042
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
9507
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
9508
10043
  }
9509
10044
 
9510
10045
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
9511
10046
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
9512
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
9513
10047
  }
9514
10048
 
9515
10049
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
9516
10050
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
9517
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
9518
10051
  }
9519
10052
 
9520
10053
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
9521
10054
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
9522
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
9523
10055
  }
9524
10056
 
9525
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
9526
- font-weight: var(--base-text-weight-medium);
9527
- 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 {
9528
10058
  opacity: 0;
9529
10059
  }
9530
10060
 
9531
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9532
- content: '+';
9533
- }
9534
-
9535
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9536
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9537
- transform: translate(0, -2px);
9538
- }
9539
-
9540
10061
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9541
10062
  opacity: 0;
9542
10063
  }
@@ -9549,17 +10070,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
9549
10070
  opacity: 0;
9550
10071
  }
9551
10072
 
9552
- 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 {
9553
10074
  opacity: 1;
9554
- transform: rotateZ(180deg);
9555
10075
  }
9556
10076
 
9557
- 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 {
9558
10078
  opacity: 0;
9559
- transform: rotateZ(180deg);
9560
10079
  }
9561
10080
 
9562
- .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) {
9563
10082
  padding-inline-end: var(--base-size-48);
9564
10083
  }
9565
10084
 
@@ -9622,7 +10141,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9622
10141
  }
9623
10142
 
9624
10143
  .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9625
- 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 */
9626
10145
  }
9627
10146
 
9628
10147
  details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -9659,7 +10178,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9659
10178
 
9660
10179
  /**
9661
10180
  * Do not edit directly
9662
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
10181
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
9663
10182
  */
9664
10183
 
9665
10184
  :root {
@@ -9668,25 +10187,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9668
10187
 
9669
10188
  /**
9670
10189
  * Do not edit directly
9671
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
10190
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9672
10191
  */
9673
10192
 
9674
10193
  :root,
9675
10194
  [data-color-mode="light"] {
9676
10195
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9677
10196
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9678
- --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);
9679
10200
  }
9680
10201
 
9681
10202
  [data-color-mode="dark"] {
9682
10203
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9683
10204
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9684
- --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);
9685
10208
  }
9686
10209
 
9687
10210
  /**
9688
10211
  * Do not edit directly
9689
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
10212
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9690
10213
  */
9691
10214
 
9692
10215
  :root {
@@ -9716,6 +10239,22 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9716
10239
  margin: 0 auto;
9717
10240
  }
9718
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
+
9719
10258
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
9720
10259
  color: var(--brand-FAQ-color-heading);
9721
10260
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
@@ -9724,6 +10263,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9724
10263
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
9725
10264
  margin-bottom: var(--base-size-16);
9726
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);
9727
10269
  }
9728
10270
 
9729
10271
  .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -9763,24 +10305,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9763
10305
  margin: 0;
9764
10306
  }
9765
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
+
9766
10318
  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9767
10319
  display: none;
9768
10320
  justify-content: space-between;
9769
10321
  gap: var(--brand-stack-gap-spacious);
9770
10322
  }
9771
10323
 
9772
- @media screen and (min-width: 48rem) {
9773
- .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9774
- display: grid;
9775
- }
9776
-
9777
- .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
9778
- display: none;
9779
- }
10324
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
10325
+ margin-block-start: var(--base-size-48);
9780
10326
  }
9781
10327
 
9782
10328
  .Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
9783
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);
9784
10333
  }
9785
10334
 
9786
10335
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
@@ -9788,26 +10337,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9788
10337
  }
9789
10338
 
9790
10339
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
10340
+ -webkit-appearance: none;
10341
+ -moz-appearance: none;
10342
+ appearance: none;
10343
+ border: none;
9791
10344
  background-color: transparent;
9792
- justify-content: flex-start;
9793
- }
9794
-
9795
- .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);
9796
10360
  overflow: hidden;
9797
- white-space: nowrap;
9798
10361
  text-overflow: ellipsis;
10362
+ white-space: nowrap;
10363
+ transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
9799
10364
  }
9800
10365
 
9801
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9802
- 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;
9803
10369
  }
9804
10370
 
9805
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
9806
- 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);
9807
10382
  }
9808
10383
 
9809
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
10384
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:hover::before {
10385
+ background-color: var(--brand-FAQGroup-buttonIndicator-hover);
10386
+ }
10387
+
10388
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9810
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);
9811
10396
  }
9812
10397
 
9813
10398
  .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
@@ -9816,6 +10401,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9816
10401
  line-height: var(--brand-text-lineHeight-200);
9817
10402
  }
9818
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
+
9819
10418
  @media (forced-colors: active) {
9820
10419
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9821
10420
  border-color: Highlight;
@@ -9824,9 +10423,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9824
10423
  }
9825
10424
  }
9826
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
+
9827
10492
  /**
9828
10493
  * Do not edit directly
9829
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
10494
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
9830
10495
  */
9831
10496
 
9832
10497
  :root,
@@ -11029,7 +11694,7 @@ Fixes safari bug where outline doesn't respect border-radius
11029
11694
 
11030
11695
  /**
11031
11696
  * Do not edit directly
11032
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
11697
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
11033
11698
  */
11034
11699
 
11035
11700
  :root {
@@ -11043,7 +11708,7 @@ Fixes safari bug where outline doesn't respect border-radius
11043
11708
 
11044
11709
  /**
11045
11710
  * Do not edit directly
11046
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
11711
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
11047
11712
  */
11048
11713
 
11049
11714
  :root,
@@ -11337,7 +12002,7 @@ Fixes safari bug where outline doesn't respect border-radius
11337
12002
 
11338
12003
  /**
11339
12004
  * Do not edit directly
11340
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12005
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
11341
12006
  */
11342
12007
 
11343
12008
  :root,
@@ -11353,7 +12018,7 @@ Fixes safari bug where outline doesn't respect border-radius
11353
12018
 
11354
12019
  /**
11355
12020
  * Do not edit directly
11356
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12021
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
11357
12022
  */
11358
12023
 
11359
12024
  :root {
@@ -12098,7 +12763,7 @@ Fixes safari bug where outline doesn't respect border-radius
12098
12763
 
12099
12764
  /**
12100
12765
  * Do not edit directly
12101
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12766
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12102
12767
  */
12103
12768
 
12104
12769
  :root,
@@ -12114,20 +12779,20 @@ Fixes safari bug where outline doesn't respect border-radius
12114
12779
 
12115
12780
  /**
12116
12781
  * Do not edit directly
12117
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12782
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12118
12783
  */
12119
12784
 
12120
12785
  :root,
12121
12786
  [data-color-mode="light"] {
12122
12787
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
12123
12788
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
12124
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12789
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12125
12790
  }
12126
12791
 
12127
12792
  [data-color-mode="dark"] {
12128
12793
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
12129
12794
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
12130
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12795
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12131
12796
  }
12132
12797
 
12133
12798
  .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
@@ -12151,14 +12816,93 @@ Fixes safari bug where outline doesn't respect border-radius
12151
12816
  );
12152
12817
  }
12153
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
+
12154
12889
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12155
- border-radius: var(--brand-borderRadius-xlarge);
12156
- padding: var(--base-size-40) var(--base-size-32);
12890
+ padding: var(--base-size-64) var(--base-size-32);
12157
12891
  z-index: 1;
12158
12892
  width: 100%;
12159
12893
  box-sizing: border-box;
12160
12894
  }
12161
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
+
12162
12906
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12163
12907
  display: flex;
12164
12908
  flex-direction: column;
@@ -12168,10 +12912,19 @@ Fixes safari bug where outline doesn't respect border-radius
12168
12912
  margin: 0 auto;
12169
12913
  }
12170
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
+
12171
12925
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12172
- border-radius: var(--brand-borderRadius-xlarge);
12173
12926
  background-repeat: no-repeat;
12174
- background-color: var(--brand-CTABanner-narrow-background-color, var(--brand-CTABanner-background-color));
12927
+ background-color: var(--brand-CTABanner-bgColor);
12175
12928
  background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
12176
12929
  background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
12177
12930
 
@@ -12184,7 +12937,13 @@ Fixes safari bug where outline doesn't respect border-radius
12184
12937
  }
12185
12938
 
12186
12939
  .Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
12187
- 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 */
12188
12947
  }
12189
12948
 
12190
12949
  .Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
@@ -12199,7 +12958,27 @@ Fixes safari bug where outline doesn't respect border-radius
12199
12958
  /* Medium breakpoint and up */
12200
12959
  @media screen and (min-width: 48rem) {
12201
12960
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12202
- 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
+ );
12203
12982
  }
12204
12983
  }
12205
12984
 
@@ -12208,38 +12987,87 @@ Fixes safari bug where outline doesn't respect border-radius
12208
12987
  .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12209
12988
  gap: var(--base-size-24);
12210
12989
  }
12990
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12991
+ gap: var(--base-size-16);
12992
+ }
12211
12993
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12212
- 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);
12213
13004
  }
12214
13005
  }
12215
13006
 
12216
- /* Regular */
12217
- @media screen and (min-width: 48rem) {
13007
+ /* Wide */
13008
+ @media screen and (min-width: 80rem) {
12218
13009
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12219
- background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
12220
- background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
12221
- 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
+
12222
13014
  background-position: var(
12223
- --brand-CTABanner-regular-background-image-position,
13015
+ --brand-CTABanner-wide-background-image-position,
12224
13016
  var(--brand-CTABanner-background-image-position)
12225
13017
  );
12226
13018
  }
12227
13019
  }
12228
13020
 
12229
- /* Wide */
12230
- @media screen and (min-width: 80rem) {
12231
- .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12232
- background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
12233
- background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
12234
- 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
+ }
12235
13052
 
12236
- background-position: var(
12237
- --brand-CTABanner-wide-background-image-position,
12238
- var(--brand-CTABanner-background-image-position)
12239
- );
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);
12240
13060
  }
12241
13061
  }
12242
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
+
12243
13071
  .Primer_Brand__ListItem-module__ListItem___aFf5u {
12244
13072
  display: flex;
12245
13073
  align-items: flex-start;
@@ -12337,7 +13165,7 @@ Fixes safari bug where outline doesn't respect border-radius
12337
13165
 
12338
13166
  /**
12339
13167
  * Do not edit directly
12340
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13168
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12341
13169
  */
12342
13170
 
12343
13171
  :root,
@@ -12501,7 +13329,7 @@ Fixes safari bug where outline doesn't respect border-radius
12501
13329
 
12502
13330
  /**
12503
13331
  * Do not edit directly
12504
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13332
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12505
13333
  */
12506
13334
 
12507
13335
  :root,
@@ -12809,7 +13637,7 @@ Fixes safari bug where outline doesn't respect border-radius
12809
13637
 
12810
13638
  /**
12811
13639
  * Do not edit directly
12812
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
13640
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
12813
13641
  */
12814
13642
 
12815
13643
  :root {
@@ -12845,7 +13673,7 @@ Fixes safari bug where outline doesn't respect border-radius
12845
13673
 
12846
13674
  /**
12847
13675
  * Do not edit directly
12848
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13676
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12849
13677
  */
12850
13678
 
12851
13679
  :root,
@@ -12913,7 +13741,7 @@ Fixes safari bug where outline doesn't respect border-radius
12913
13741
 
12914
13742
  /**
12915
13743
  * Do not edit directly
12916
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
13744
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
12917
13745
  */
12918
13746
 
12919
13747
  :root {
@@ -12924,7 +13752,7 @@ Fixes safari bug where outline doesn't respect border-radius
12924
13752
 
12925
13753
  /**
12926
13754
  * Do not edit directly
12927
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13755
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
12928
13756
  */
12929
13757
 
12930
13758
  :root,
@@ -13040,6 +13868,29 @@ Fixes safari bug where outline doesn't respect border-radius
13040
13868
  text-decoration: none !important;
13041
13869
  }
13042
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
+
13043
13894
  .Primer_Brand__Card-module__Card--disableAnimation___Zv8eW:hover .Primer_Brand__Card-module__Card__link___Ye5mq {
13044
13895
  -webkit-text-decoration: underline !important;
13045
13896
  text-decoration: underline !important;
@@ -13133,19 +13984,11 @@ Fixes safari bug where outline doesn't respect border-radius
13133
13984
  grid-area: heading;
13134
13985
  }
13135
13986
 
13136
- .Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__heading___INFhp {
13137
- max-width: 320px;
13138
- }
13139
-
13140
13987
  .Primer_Brand__Card-module__Card__description___KN9CH {
13141
13988
  margin-bottom: var(--base-size-32);
13142
13989
  grid-area: description;
13143
13990
  }
13144
13991
 
13145
- .Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__description___KN9CH {
13146
- max-width: 400px;
13147
- }
13148
-
13149
13992
  .Primer_Brand__Card-module__Card__action___C6sRY {
13150
13993
  grid-area: action;
13151
13994
  margin-top: auto;
@@ -13277,7 +14120,7 @@ Fixes safari bug where outline doesn't respect border-radius
13277
14120
 
13278
14121
  /**
13279
14122
  * Do not edit directly
13280
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
14123
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
13281
14124
  */
13282
14125
 
13283
14126
  :root,
@@ -14118,7 +14961,7 @@ Fixes safari bug where outline doesn't respect border-radius
14118
14961
 
14119
14962
  /**
14120
14963
  * Do not edit directly
14121
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
14964
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
14122
14965
  */
14123
14966
 
14124
14967
  :root {
@@ -14129,7 +14972,7 @@ Fixes safari bug where outline doesn't respect border-radius
14129
14972
 
14130
14973
  /**
14131
14974
  * Do not edit directly
14132
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
14975
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14133
14976
  */
14134
14977
 
14135
14978
  :root,
@@ -14628,7 +15471,7 @@ Fixes safari bug where outline doesn't respect border-radius
14628
15471
 
14629
15472
  /**
14630
15473
  * Do not edit directly
14631
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
15474
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
14632
15475
  */
14633
15476
 
14634
15477
  :root {
@@ -14648,7 +15491,7 @@ Fixes safari bug where outline doesn't respect border-radius
14648
15491
 
14649
15492
  /**
14650
15493
  * Do not edit directly
14651
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
15494
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14652
15495
  */
14653
15496
 
14654
15497
  :root,
@@ -14684,12 +15527,12 @@ Fixes safari bug where outline doesn't respect border-radius
14684
15527
 
14685
15528
  /**
14686
15529
  * Do not edit directly
14687
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
15530
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14688
15531
  */
14689
15532
 
14690
15533
  :root,
14691
15534
  [data-color-mode="light"] {
14692
- --brand-LogoSuite-color-control-rest: var(--base-color-scale-gray-1);
15535
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14693
15536
  --brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-2);
14694
15537
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14695
15538
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14698,7 +15541,7 @@ Fixes safari bug where outline doesn't respect border-radius
14698
15541
  }
14699
15542
 
14700
15543
  [data-color-mode="dark"] {
14701
- --brand-LogoSuite-color-control-rest: #4d4e6a;
15544
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14702
15545
  --brand-LogoSuite-color-control-hover: #5a5b7c;
14703
15546
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14704
15547
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14708,7 +15551,7 @@ Fixes safari bug where outline doesn't respect border-radius
14708
15551
 
14709
15552
  /**
14710
15553
  * Do not edit directly
14711
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
15554
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
14712
15555
  */
14713
15556
 
14714
15557
  :root {
@@ -14721,20 +15564,25 @@ Fixes safari bug where outline doesn't respect border-radius
14721
15564
  --brand-LogoSuite-logobar-columnGap-default: var(--base-size-80);
14722
15565
  }
14723
15566
 
14724
- @media (min-width: 768px) {
14725
- :root {
14726
- --brand-LogoSuite-logobar-rowGap: var(--base-size-80);
14727
- }
14728
- }
14729
-
14730
15567
  .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
14731
15568
  padding-block-end: var(--brand-LogoSuite-logobar-rowGap);
14732
15569
  }
14733
15570
 
14734
- .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 {
14735
15572
  padding-block-start: var(--brand-LogoSuite-logobar-rowGap);
14736
15573
  }
14737
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
+
14738
15586
  .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
14739
15587
  padding-block-start: var(--base-size-16);
14740
15588
  }
@@ -14748,7 +15596,7 @@ Fixes safari bug where outline doesn't respect border-radius
14748
15596
  text-align: center;
14749
15597
  }
14750
15598
 
14751
- .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 {
14752
15600
  padding-block-start: var(--base-size-32);
14753
15601
  }
14754
15602
 
@@ -14776,7 +15624,7 @@ Fixes safari bug where outline doesn't respect border-radius
14776
15624
  + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
14777
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 {
14778
15626
  padding-block-start: 0;
14779
- margin-block-start: var(--base-size-80);
15627
+ margin-block-start: var(--base-size-44);
14780
15628
  }
14781
15629
 
14782
15630
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14786,20 +15634,17 @@ Fixes safari bug where outline doesn't respect border-radius
14786
15634
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14787
15635
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14788
15636
  width: auto;
14789
- height: var(--base-size-32);
15637
+ height: var(--base-size-28);
14790
15638
  }
14791
15639
 
14792
15640
  @media screen and (min-width: 48rem) {
14793
15641
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
14794
15642
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
14795
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
14796
- height: var(--base-size-40);
14797
- }
14798
-
15643
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a,
14799
15644
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
14800
15645
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14801
15646
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14802
- height: var(--base-size-48);
15647
+ height: var(--base-size-32);
14803
15648
  }
14804
15649
  }
14805
15650
 
@@ -14831,8 +15676,10 @@ Fixes safari bug where outline doesn't respect border-radius
14831
15676
  }
14832
15677
  }
14833
15678
 
14834
- .Primer_Brand__LogoSuite-module__LogoSuite--start___Kk6GC .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
14835
- 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);
14836
15683
  }
14837
15684
 
14838
15685
  .Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Znsqm {
@@ -14842,8 +15689,9 @@ Fixes safari bug where outline doesn't respect border-radius
14842
15689
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
14843
15690
  position: relative;
14844
15691
  display: flex;
14845
- flex-direction: column;
14846
- gap: var(--base-size-40);
15692
+ flex-direction: row;
15693
+ align-items: center;
15694
+ gap: var(--base-size-24);
14847
15695
  margin: auto;
14848
15696
  max-width: 100dvw;
14849
15697
  }
@@ -14881,18 +15729,22 @@ Fixes safari bug where outline doesn't respect border-radius
14881
15729
  }
14882
15730
  }
14883
15731
 
14884
- .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 {
14885
15734
  animation-play-state: paused;
14886
15735
  }
14887
15736
 
14888
15737
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr {
14889
15738
  display: flex;
14890
- overflow: hidden;
15739
+ overflow-x: hidden;
15740
+ overflow-y: visible;
15741
+ padding-block: var(--base-size-4);
14891
15742
  -webkit-user-select: none;
14892
15743
  -moz-user-select: none;
14893
15744
  user-select: none;
14894
15745
  gap: var(--marquee-gap);
14895
- width: calc(100% - var(--base-size-40));
15746
+ flex: 1;
15747
+ min-width: 0;
14896
15748
  -webkit-mask-image: linear-gradient(
14897
15749
  to right,
14898
15750
  hsla(0, 0%, 0%, 0),
@@ -14907,19 +15759,23 @@ Fixes safari bug where outline doesn't respect border-radius
14907
15759
  animation-play-state: paused !important;
14908
15760
  }
14909
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
+
14910
15766
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi {
14911
15767
  cursor: pointer;
14912
- position: absolute;
14913
- right: 0;
15768
+ flex-shrink: 0;
14914
15769
  display: flex;
14915
15770
  align-items: center;
14916
15771
  justify-content: center;
14917
- width: var(--base-size-48);
14918
- height: var(--base-size-48);
15772
+ width: var(--base-size-32);
15773
+ height: var(--base-size-32);
14919
15774
  margin: 0;
14920
15775
  padding: 0;
14921
15776
  border: none;
14922
15777
  border-radius: var(--base-size-48);
15778
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
14923
15779
  background-color: var(--brand-LogoSuite-color-control-rest);
14924
15780
  transition: background-color var(--brand-animation-duration-faster);
14925
15781
  }
@@ -14936,10 +15792,139 @@ Fixes safari bug where outline doesn't respect border-radius
14936
15792
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi svg {
14937
15793
  width: var(--base-size-16);
14938
15794
  height: var(--base-size-16);
15795
+ fill: var(--brand-color-text-muted);
14939
15796
  }
14940
15797
 
14941
15798
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi path {
14942
- 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;
14943
15928
  }
14944
15929
 
14945
15930
  .Primer_Brand__Timeline-module__Timeline___keSeT {
@@ -15042,7 +16027,7 @@ Fixes safari bug where outline doesn't respect border-radius
15042
16027
 
15043
16028
  /**
15044
16029
  * Do not edit directly
15045
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
16030
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
15046
16031
  */
15047
16032
 
15048
16033
  :root,
@@ -15056,7 +16041,7 @@ Fixes safari bug where outline doesn't respect border-radius
15056
16041
 
15057
16042
  /**
15058
16043
  * Do not edit directly
15059
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
16044
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
15060
16045
  */
15061
16046
 
15062
16047
  :root {
@@ -15070,7 +16055,7 @@ Fixes safari bug where outline doesn't respect border-radius
15070
16055
 
15071
16056
  /**
15072
16057
  * Do not edit directly
15073
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
16058
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
15074
16059
  */
15075
16060
 
15076
16061
  :root {
@@ -17246,7 +18231,7 @@ Fixes safari bug where outline doesn't respect border-radius
17246
18231
 
17247
18232
  /**
17248
18233
  * Do not edit directly
17249
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18234
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17250
18235
  */
17251
18236
 
17252
18237
  :root {
@@ -17270,7 +18255,7 @@ Fixes safari bug where outline doesn't respect border-radius
17270
18255
 
17271
18256
  /**
17272
18257
  * Do not edit directly
17273
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18258
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17274
18259
  */
17275
18260
 
17276
18261
  :root,
@@ -17705,7 +18690,7 @@ Fixes safari bug where outline doesn't respect border-radius
17705
18690
 
17706
18691
  /**
17707
18692
  * Do not edit directly
17708
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18693
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17709
18694
  */
17710
18695
 
17711
18696
  :root {
@@ -17721,7 +18706,7 @@ Fixes safari bug where outline doesn't respect border-radius
17721
18706
 
17722
18707
  /**
17723
18708
  * Do not edit directly
17724
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18709
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
17725
18710
  */
17726
18711
 
17727
18712
  :root,
@@ -18196,6 +19181,7 @@ Fixes safari bug where outline doesn't respect border-radius
18196
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 {
18197
19182
  font-size: var(--feature-list-font-size);
18198
19183
  line-height: var(--feature-list-line-height);
19184
+ font-weight: var(--brand-text-subhead-weight-large);
18199
19185
  gap: var(--base-size-8);
18200
19186
  display: inline-flex;
18201
19187
  align-items: center;
@@ -18224,7 +19210,7 @@ Fixes safari bug where outline doesn't respect border-radius
18224
19210
 
18225
19211
  /**
18226
19212
  * Do not edit directly
18227
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
19213
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
18228
19214
  */
18229
19215
 
18230
19216
  :root {
@@ -18233,21 +19219,23 @@ Fixes safari bug where outline doesn't respect border-radius
18233
19219
 
18234
19220
  /**
18235
19221
  * Do not edit directly
18236
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
19222
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
18237
19223
  */
18238
19224
 
18239
19225
  :root,
18240
19226
  [data-color-mode="light"] {
19227
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18241
19228
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18242
19229
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18243
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19230
+ --brand-SubNav-color-link-bgColor: #e4ebe6;
18244
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);
18245
19232
  }
18246
19233
 
18247
19234
  [data-color-mode="dark"] {
19235
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18248
19236
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18249
19237
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18250
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
19238
+ --brand-SubNav-color-link-bgColor: #323834;
18251
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);
18252
19240
  }
18253
19241
 
@@ -18255,6 +19243,7 @@ Fixes safari bug where outline doesn't respect border-radius
18255
19243
  position: absolute;
18256
19244
  width: 100%;
18257
19245
  z-index: 2;
19246
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18258
19247
  }
18259
19248
 
18260
19249
  .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
@@ -18263,11 +19252,15 @@ Fixes safari bug where outline doesn't respect border-radius
18263
19252
  position: relative;
18264
19253
  }
18265
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
+
18266
19259
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18267
19260
  width: 100%;
18268
19261
  display: flex;
18269
- padding: var(--base-size-16);
18270
19262
  z-index: 1;
19263
+ background-color: var(--brand-SubNav-bgColor);
18271
19264
  }
18272
19265
 
18273
19266
  [data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
@@ -18275,16 +19268,21 @@ Fixes safari bug where outline doesn't respect border-radius
18275
19268
  -moz-osx-font-smoothing: grayscale;
18276
19269
  }
18277
19270
 
18278
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
19271
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
19272
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18279
19273
  display: block;
18280
- 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);
18281
19277
  color: var(--brand-color-text-default);
18282
19278
  font-family: var(--brand-heading-fontFamily);
18283
19279
  -webkit-text-decoration: none;
18284
19280
  text-decoration: none;
18285
19281
  }
18286
19282
 
18287
- .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 {
18288
19286
  color: var(--brand-color-text-muted);
18289
19287
  -webkit-text-decoration: none !important;
18290
19288
  text-decoration: none !important; /* dotcom override */
@@ -18295,10 +19293,17 @@ Fixes safari bug where outline doesn't respect border-radius
18295
19293
  }
18296
19294
 
18297
19295
  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19296
+ min-height: 60px;
18298
19297
  position: relative;
18299
19298
  z-index: 9998;
18300
- display: inline-block;
18301
- 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);
18302
19307
  }
18303
19308
 
18304
19309
  .Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
@@ -18336,16 +19341,6 @@ Fixes safari bug where outline doesn't respect border-radius
18336
19341
  display: none;
18337
19342
  }
18338
19343
 
18339
- .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18340
- position: relative;
18341
- top: 0;
18342
- color: var(--brand-color-text-muted);
18343
- min-width: var(--base-size-8);
18344
- min-height: var(--base-size-16);
18345
- display: inline-flex;
18346
- align-items: center;
18347
- }
18348
-
18349
19344
  /*
18350
19345
  * Anchor Nav Submenu
18351
19346
  */
@@ -18398,8 +19393,8 @@ Fixes safari bug where outline doesn't respect border-radius
18398
19393
 
18399
19394
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18400
19395
  display: flex;
18401
- padding-block-start: var(--base-size-12);
18402
- 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);
18403
19398
  }
18404
19399
 
18405
19400
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
@@ -18410,28 +19405,20 @@ Fixes safari bug where outline doesn't respect border-radius
18410
19405
  gap: var(--base-size-20);
18411
19406
  }
18412
19407
 
18413
- .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 {
18414
- color: var(--brand-color-text-default);
18415
- }
18416
-
18417
- .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,
18418
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18419
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18420
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18421
- opacity: 1;
18422
- 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 */
18423
19410
  }
18424
19411
 
18425
- .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,
18426
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18427
- border-color: var(--brand-color-text-default);
18428
- 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);
18429
19418
  }
18430
19419
 
18431
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18432
- .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 {
18433
- border-color: var(--brand-color-text-default);
18434
- 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);
18435
19422
  }
18436
19423
 
18437
19424
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
@@ -18439,37 +19426,14 @@ Fixes safari bug where outline doesn't respect border-radius
18439
19426
  opacity: 0;
18440
19427
  }
18441
19428
 
18442
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18443
19429
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
18444
19430
  color: var(--brand-SubNav-color-link-active);
18445
19431
  -webkit-text-decoration: none !important;
18446
19432
  text-decoration: none !important; /* dotcom override */
18447
19433
  }
18448
19434
 
18449
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18450
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
18451
- content: '';
18452
- position: absolute;
18453
- bottom: calc(var(--base-size-2) * -1);
18454
- left: 0;
18455
- width: 100%;
18456
- height: 2px;
18457
- border-width: 2px;
18458
- border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
18459
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
18460
- border-color var(--brand-animation-duration-fast);
18461
- opacity: 1;
18462
- transform: scale(0);
18463
- transform-origin: center;
18464
- }
18465
-
18466
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18467
- border-color: var(--brand-color-text-default);
18468
- }
18469
-
18470
19435
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18471
19436
  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
18472
- color: var(--brand-SubNav-color-link-active);
18473
19437
  }
18474
19438
 
18475
19439
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
@@ -18527,6 +19491,18 @@ Fixes safari bug where outline doesn't respect border-radius
18527
19491
  display: block;
18528
19492
  }
18529
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
+
18530
19506
  .Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
18531
19507
  z-index: -1;
18532
19508
  }
@@ -18546,6 +19522,8 @@ Fixes safari bug where outline doesn't respect border-radius
18546
19522
  display: flex;
18547
19523
  width: 100%;
18548
19524
  white-space: pre;
19525
+ position: relative;
19526
+ z-index: 9998;
18549
19527
  }
18550
19528
 
18551
19529
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
@@ -18561,49 +19539,55 @@ Fixes safari bug where outline doesn't respect border-radius
18561
19539
  justify-content: center;
18562
19540
  z-index: 9998;
18563
19541
  display: none;
19542
+ padding-inline: var(--base-size-8);
18564
19543
  }
18565
19544
 
18566
19545
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18567
19546
  display: flex;
18568
19547
  flex-direction: column;
18569
19548
  gap: var(--base-size-8);
18570
- padding-block-start: var(--base-size-16);
18571
- padding-block-end: var(--base-size-16);
18572
- }
18573
-
18574
- .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18575
- border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
18576
- 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;
18577
19554
  }
18578
19555
 
18579
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 {
18580
19557
  color: var(--brand-color-text-default);
18581
19558
  }
18582
19559
 
18583
- .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 {
18584
- color: var(--brand-color-text-muted);
18585
- }
18586
-
18587
19560
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18588
- background-color: transparent;
18589
- border: none;
18590
- cursor: pointer;
18591
19561
  display: flex;
18592
19562
  position: relative;
18593
19563
  width: 100%;
18594
- order: 1;
18595
19564
  z-index: 9999;
18596
- padding: 0;
18597
19565
  justify-content: flex-end;
19566
+ padding-inline-end: var(--base-size-16);
18598
19567
  }
18599
19568
 
18600
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 {
18601
- 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;
18602
19574
  }
18603
19575
 
18604
19576
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
18605
- justify-content: space-between;
18606
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;
18607
19591
  }
18608
19592
 
18609
19593
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
@@ -18625,10 +19609,26 @@ Fixes safari bug where outline doesn't respect border-radius
18625
19609
  color: var(--brand-SubNav-color-link-active);
18626
19610
  }
18627
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
+
18628
19629
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
18629
19630
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
18630
19631
  display: block;
18631
- padding: var(--base-size-8) 0;
18632
19632
  animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
18633
19633
  }
18634
19634
 
@@ -18649,6 +19649,7 @@ Fixes safari bug where outline doesn't respect border-radius
18649
19649
  padding: 0;
18650
19650
  margin: 0;
18651
19651
  padding-inline-start: var(--base-size-16);
19652
+ padding-block-start: var(--base-size-8);
18652
19653
  }
18653
19654
 
18654
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 {
@@ -18680,8 +19681,6 @@ Fixes safari bug where outline doesn't respect border-radius
18680
19681
  }
18681
19682
 
18682
19683
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18683
- font-size: var(--brand-text-size-200);
18684
- font-weight: var(--base-text-weight-medium);
18685
19684
  padding-block-end: var(--base-size-6);
18686
19685
  }
18687
19686
 
@@ -18705,19 +19704,7 @@ Fixes safari bug where outline doesn't respect border-radius
18705
19704
  display: block;
18706
19705
  white-space: pre;
18707
19706
  position: relative;
18708
- }
18709
-
18710
- .Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18711
- opacity: 0;
18712
- transform: scale(0);
18713
- bottom: 0;
18714
- }
18715
-
18716
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18717
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18718
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18719
- opacity: 1;
18720
- transform: scale(1);
19707
+ top: var(--base-size-2);
18721
19708
  }
18722
19709
  }
18723
19710
 
@@ -18739,7 +19726,7 @@ Fixes safari bug where outline doesn't respect border-radius
18739
19726
  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
18740
19727
  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
18741
19728
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
18742
- .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
19729
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
18743
19730
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
18744
19731
  outline-offset: var(--base-size-2);
18745
19732
  }
@@ -18750,20 +19737,24 @@ Fixes safari bug where outline doesn't respect border-radius
18750
19737
  white-space: nowrap;
18751
19738
  }
18752
19739
 
18753
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
18754
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
18755
- border-color: var(--brand-color-text-default);
18756
- opacity: 1;
18757
- transform: scale(0.8, 1);
18758
- }
18759
-
18760
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
18761
- 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);
18762
19745
  }
18763
19746
 
18764
19747
  @media screen and (min-width: 48rem) {
18765
- .Primer_Brand__SubNav-module__SubNav___dVoQu {
18766
- 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);
18767
19758
  }
18768
19759
 
18769
19760
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
@@ -18785,16 +19776,24 @@ Fixes safari bug where outline doesn't respect border-radius
18785
19776
 
18786
19777
  @media screen and (min-width: 63.25rem) {
18787
19778
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18788
- padding: var(--base-size-16) var(--base-size-32);
18789
19779
  align-items: center;
18790
19780
  display: flex;
18791
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;
18792
19787
  }
18793
19788
 
18794
19789
  .Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
18795
19790
  padding-block-end: 0;
18796
19791
  }
18797
19792
 
19793
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19794
+ padding-inline-start: 0;
19795
+ }
19796
+
18798
19797
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
18799
19798
  padding-inline: 0;
18800
19799
  }
@@ -18807,11 +19806,6 @@ Fixes safari bug where outline doesn't respect border-radius
18807
19806
  padding-block-end: 1px;
18808
19807
  }
18809
19808
 
18810
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
18811
- font-size: calc(var(--base-size-20) - 2px);
18812
- line-height: var(--base-size-24);
18813
- }
18814
-
18815
19809
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18816
19810
  margin-inline-end: var(--base-size-20);
18817
19811
  display: inline-flex;
@@ -18827,26 +19821,18 @@ Fixes safari bug where outline doesn't respect border-radius
18827
19821
  align-items: center;
18828
19822
  }
18829
19823
 
18830
- .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
18831
- margin-inline-end: var(--base-size-20);
18832
- }
18833
-
18834
19824
  .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
18835
19825
  display: flex;
18836
19826
  align-items: center;
18837
19827
  }
18838
19828
 
18839
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18840
- font-size: var(--brand-text-size-100);
18841
- line-height: var(--brand-text-lineHeight-100);
18842
- }
18843
-
18844
19829
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
18845
19830
  align-items: center;
18846
19831
  display: flex;
18847
- gap: var(--base-size-20);
19832
+ gap: var(--base-size-2);
18848
19833
  z-index: 92;
18849
19834
  flex-grow: 1;
19835
+ padding-inline-start: var(--base-size-24);
18850
19836
  }
18851
19837
 
18852
19838
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -18854,7 +19840,8 @@ Fixes safari bug where outline doesn't respect border-radius
18854
19840
  text-decoration: none !important; /* dotcom override */
18855
19841
  transition: color 0.2s var(--brand-animation-easing-glide);
18856
19842
  position: relative;
18857
- padding: var(--base-size-4) 0;
19843
+ padding: var(--base-size-4) var(--base-size-12);
19844
+ border-radius: var(--brand-borderRadius-full);
18858
19845
  }
18859
19846
 
18860
19847
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -18879,24 +19866,20 @@ Fixes safari bug where outline doesn't respect border-radius
18879
19866
 
18880
19867
  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
18881
19868
  background-clip: padding-box;
18882
- background-color: var(--brand-SubNav-color-subMenu-bgColor);
18883
- border: max(1px, 0.0625rem) solid var(--borderColor-default, var(--color-border-default));
18884
- border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
18885
- border-radius: 0.375rem;
18886
- border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
18887
- 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);
18888
19872
  left: 0;
18889
19873
  list-style: none;
18890
19874
  margin-block-start: var(--base-size-8);
18891
- padding: var(--base-size-24);
18892
- padding-inline-end: var(--base-size-24);
19875
+ padding: var(--base-size-8);
18893
19876
  position: absolute;
18894
- top: 100%;
19877
+ top: 90%;
18895
19878
  z-index: 9998;
18896
19879
  transition-timing-function: var(--brand-animation-easing-glide);
18897
19880
  transition-duration: var(--brand-animation-duration-fast);
18898
19881
  transition-property: opacity, transform;
18899
- left: calc(var(--base-size-4) / 4 * -16);
19882
+ left: var(--base-size-4);
18900
19883
  visibility: hidden;
18901
19884
  opacity: 0;
18902
19885
  transform: scale(0.99) translateY(-0.7em) translateX(-8px);
@@ -18911,7 +19894,6 @@ Fixes safari bug where outline doesn't respect border-radius
18911
19894
  visibility: visible;
18912
19895
  opacity: 1;
18913
19896
  transform: scale(1) translateY(0) translateX(-8px);
18914
- box-shadow: var(--brand-SubNav-shadow);
18915
19897
  }
18916
19898
 
18917
19899
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
@@ -18933,10 +19915,6 @@ Fixes safari bug where outline doesn't respect border-radius
18933
19915
  display: block;
18934
19916
  }
18935
19917
 
18936
- .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 {
18937
- color: var(--brand-color-text-default) !important;
18938
- }
18939
-
18940
19918
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18941
19919
  opacity: 1;
18942
19920
  transform: scale(0);
@@ -18955,18 +19933,53 @@ Fixes safari bug where outline doesn't respect border-radius
18955
19933
  padding: var(--base-size-4) 0;
18956
19934
  }
18957
19935
 
18958
- /* Show underline on submenu parent when child has aria-current */
18959
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:has(.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']))
18960
- > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ
18961
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18962
- opacity: 1;
18963
- 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;
18964
19942
  }
18965
19943
 
18966
- .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,
18967
- .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 {
18968
- opacity: 1;
18969
- 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);
18970
19983
  }
18971
19984
 
18972
19985
  .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
@@ -18975,10 +19988,6 @@ Fixes safari bug where outline doesn't respect border-radius
18975
19988
  transition: transform var(--brand-animation-duration-fast);
18976
19989
  }
18977
19990
 
18978
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
18979
- transform: translateY(2px);
18980
- }
18981
-
18982
19991
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18983
19992
  padding-inline: var(--base-size-32);
18984
19993
  }
@@ -19016,7 +20025,7 @@ Fixes safari bug where outline doesn't respect border-radius
19016
20025
 
19017
20026
  /**
19018
20027
  * Do not edit directly
19019
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
20028
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
19020
20029
  */
19021
20030
 
19022
20031
  :root {
@@ -19025,7 +20034,7 @@ Fixes safari bug where outline doesn't respect border-radius
19025
20034
 
19026
20035
  /**
19027
20036
  * Do not edit directly
19028
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20037
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19029
20038
  */
19030
20039
 
19031
20040
  :root,
@@ -19521,7 +20530,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19521
20530
 
19522
20531
  /**
19523
20532
  * Do not edit directly
19524
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20533
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19525
20534
  */
19526
20535
 
19527
20536
  :root,
@@ -19620,7 +20629,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19620
20629
 
19621
20630
  /**
19622
20631
  * Do not edit directly
19623
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20632
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
19624
20633
  */
19625
20634
 
19626
20635
  :root,
@@ -19998,7 +21007,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19998
21007
 
19999
21008
  /**
20000
21009
  * Do not edit directly
20001
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
21010
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20002
21011
  */
20003
21012
 
20004
21013
  :root,
@@ -20012,7 +21021,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20012
21021
 
20013
21022
  /**
20014
21023
  * Do not edit directly
20015
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
21024
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20016
21025
  */
20017
21026
 
20018
21027
  :root {
@@ -20199,7 +21208,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20199
21208
 
20200
21209
  /**
20201
21210
  * Do not edit directly
20202
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
21211
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
20203
21212
  */
20204
21213
 
20205
21214
  :root {
@@ -20284,7 +21293,6 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20284
21293
  }
20285
21294
 
20286
21295
  .Primer_Brand__Statistic-module__Statistic__heading___xQ8Ki {
20287
- font-stretch: 75%;
20288
21296
  position: relative;
20289
21297
  }
20290
21298
 
@@ -20484,7 +21492,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20484
21492
 
20485
21493
  /**
20486
21494
  * Do not edit directly
20487
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
21495
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
20488
21496
  */
20489
21497
 
20490
21498
  :root {
@@ -20495,7 +21503,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20495
21503
 
20496
21504
  /**
20497
21505
  * Do not edit directly
20498
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
21506
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20499
21507
  */
20500
21508
 
20501
21509
  :root,
@@ -20633,7 +21641,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20633
21641
 
20634
21642
  /**
20635
21643
  * Do not edit directly
20636
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
21644
+ * Generated on Wed, 25 Feb 2026 20:43:42 GMT
20637
21645
  */
20638
21646
 
20639
21647
  :root {
@@ -20642,7 +21650,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20642
21650
 
20643
21651
  /**
20644
21652
  * Do not edit directly
20645
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
21653
+ * Generated on Wed, 25 Feb 2026 20:43:43 GMT
20646
21654
  */
20647
21655
 
20648
21656
  :root,
@@ -20886,3 +21894,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20886
21894
  }
20887
21895
  }
20888
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
+