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

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