@primer/react-brand 0.64.1-rc.9bfb4676 → 0.65.0-rc.0d69fc03

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 (359) hide show
  1. package/lib/Accordion/Accordion.d.ts +3 -0
  2. package/lib/CTABanner/CTABanner.d.ts +21 -0
  3. package/lib/FAQ/FAQ.d.ts +5 -2
  4. package/lib/FAQ/FAQGroup.d.ts +2 -1
  5. package/lib/Grid/Grid.d.ts +25 -1
  6. package/lib/Hero/HeroContext.d.ts +1 -1
  7. package/lib/LogoSuite/LogoSuite.d.ts +11 -1
  8. package/lib/SubNav/SubNav.d.ts +3 -0
  9. package/lib/css/main.css +853 -379
  10. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  13. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +9 -5
  18. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +3 -3
  31. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +7 -3
  35. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +4 -2
  36. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -7
  58. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +3 -3
  59. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +2 -2
  60. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +5 -3
  75. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  97. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  98. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  99. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +16 -6
  109. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +3 -3
  124. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  149. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  150. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  151. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  152. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  153. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  154. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  156. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  157. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  158. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  159. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +4 -2
  161. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +2 -2
  176. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  183. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  201. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  202. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  203. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  204. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  205. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  206. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  212. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +4 -2
  213. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +2 -2
  228. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  235. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  253. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  254. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  255. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  256. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  257. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  258. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  259. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  260. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  261. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  262. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  263. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  267. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +8 -4
  276. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +8 -4
  277. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +2 -2
  307. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  357. package/lib/index.js +1 -1
  358. package/lib/recipes/FlexTemplate/FlexTemplate.types.d.ts +1 -0
  359. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -78,7 +78,7 @@ html {
78
78
 
79
79
  /**
80
80
  * Do not edit directly
81
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
81
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
82
82
  */
83
83
 
84
84
  :root,
@@ -356,7 +356,7 @@ html {
356
356
 
357
357
  /**
358
358
  * Do not edit directly
359
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
359
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
360
360
  */
361
361
 
362
362
  :root {
@@ -383,7 +383,7 @@ html {
383
383
 
384
384
  /**
385
385
  * Do not edit directly
386
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
386
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
387
387
  */
388
388
 
389
389
  :root {
@@ -400,7 +400,7 @@ html {
400
400
 
401
401
  /**
402
402
  * Do not edit directly
403
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
403
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
404
404
  */
405
405
 
406
406
  :root {
@@ -558,7 +558,7 @@ html {
558
558
 
559
559
  /**
560
560
  * Do not edit directly
561
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
561
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
562
562
  */
563
563
 
564
564
  :root {
@@ -572,7 +572,7 @@ html {
572
572
 
573
573
  /**
574
574
  * Do not edit directly
575
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
575
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
576
576
  */
577
577
 
578
578
  :root {
@@ -591,7 +591,7 @@ html {
591
591
 
592
592
  /**
593
593
  * Do not edit directly
594
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
594
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
595
595
  */
596
596
 
597
597
  :root,
@@ -671,7 +671,7 @@ html {
671
671
 
672
672
  /**
673
673
  * Do not edit directly
674
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
674
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
675
675
  */
676
676
 
677
677
  :root {
@@ -698,7 +698,7 @@ html {
698
698
 
699
699
  /**
700
700
  * Do not edit directly
701
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
701
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
702
702
  */
703
703
 
704
704
  :root,
@@ -713,13 +713,26 @@ html {
713
713
  .Primer_Brand__Grid-module__Grid___q48mT {
714
714
  display: grid;
715
715
  grid-template-columns: repeat(12, minmax(0, 1fr));
716
- grid-row-gap: var(--brand-Grid-spacing-row);
717
- grid-column-gap: var(--brand-Grid-spacing-column-gap);
718
- padding-inline: var(--brand-Grid-spacing-margin);
719
716
  max-width: 1280px;
720
717
  margin: 0 auto;
721
718
  }
722
719
 
720
+ .Primer_Brand__Grid-module__Grid--columnGap-default___NxZ0V {
721
+ grid-column-gap: var(--brand-Grid-spacing-column-gap);
722
+ }
723
+
724
+ .Primer_Brand__Grid-module__Grid--columnGap-none___Qh5GF {
725
+ grid-column-gap: 0;
726
+ }
727
+
728
+ .Primer_Brand__Grid-module__Grid--rowGap-default___X5kJS {
729
+ grid-row-gap: var(--brand-Grid-spacing-row);
730
+ }
731
+
732
+ .Primer_Brand__Grid-module__Grid--rowGap-none___WSM_k {
733
+ grid-row-gap: 0;
734
+ }
735
+
723
736
  .Primer_Brand__Grid-module__Grid--full-width___pIgWW {
724
737
  width: 100%;
725
738
  max-width: none;
@@ -743,6 +756,10 @@ html {
743
756
  min-height: var(--base-size-24);
744
757
  }
745
758
 
759
+ .Primer_Brand__Grid-module__Grid--has-gutters___KoJD2 {
760
+ padding-inline: var(--brand-Grid-spacing-margin);
761
+ }
762
+
746
763
  /**
747
764
  * Non-responsive, default values
748
765
  */
@@ -1454,7 +1471,7 @@ html {
1454
1471
 
1455
1472
  /**
1456
1473
  * Do not edit directly
1457
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
1474
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
1458
1475
  */
1459
1476
 
1460
1477
  :root {
@@ -1762,7 +1779,7 @@ html {
1762
1779
 
1763
1780
  /**
1764
1781
  * Do not edit directly
1765
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
1782
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
1766
1783
  */
1767
1784
 
1768
1785
  :root {
@@ -6742,7 +6759,7 @@ html {
6742
6759
 
6743
6760
  /**
6744
6761
  * Do not edit directly
6745
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
6762
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
6746
6763
  */
6747
6764
 
6748
6765
  :root,
@@ -7079,7 +7096,7 @@ html {
7079
7096
 
7080
7097
  /**
7081
7098
  * Do not edit directly
7082
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
7099
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
7083
7100
  */
7084
7101
 
7085
7102
  :root {
@@ -7385,7 +7402,7 @@ html {
7385
7402
 
7386
7403
  /**
7387
7404
  * Do not edit directly
7388
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
7405
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
7389
7406
  */
7390
7407
 
7391
7408
  :root,
@@ -7401,7 +7418,7 @@ html {
7401
7418
 
7402
7419
  /**
7403
7420
  * Do not edit directly
7404
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
7421
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
7405
7422
  */
7406
7423
 
7407
7424
  :root,
@@ -7668,7 +7685,7 @@ html {
7668
7685
 
7669
7686
  /**
7670
7687
  * Do not edit directly
7671
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
7688
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
7672
7689
  */
7673
7690
 
7674
7691
  :root {
@@ -7679,7 +7696,7 @@ html {
7679
7696
 
7680
7697
  /**
7681
7698
  * Do not edit directly
7682
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
7699
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
7683
7700
  */
7684
7701
 
7685
7702
  :root {
@@ -8407,7 +8424,7 @@ html {
8407
8424
 
8408
8425
  /**
8409
8426
  * Do not edit directly
8410
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
8427
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
8411
8428
  */
8412
8429
 
8413
8430
  :root,
@@ -9175,7 +9192,7 @@ html {
9175
9192
 
9176
9193
  /**
9177
9194
  * Do not edit directly
9178
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9195
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
9179
9196
  */
9180
9197
 
9181
9198
  :root,
@@ -9203,7 +9220,7 @@ html {
9203
9220
 
9204
9221
  /**
9205
9222
  * Do not edit directly
9206
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9223
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
9207
9224
  */
9208
9225
 
9209
9226
  :root,
@@ -9219,7 +9236,7 @@ html {
9219
9236
 
9220
9237
  /**
9221
9238
  * Do not edit directly
9222
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
9239
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
9223
9240
  */
9224
9241
 
9225
9242
  :root {
@@ -9272,7 +9289,7 @@ html {
9272
9289
 
9273
9290
  /**
9274
9291
  * Do not edit directly
9275
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9292
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
9276
9293
  */
9277
9294
 
9278
9295
  :root,
@@ -9303,8 +9320,10 @@ html {
9303
9320
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
9304
9321
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
9305
9322
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
9306
- --brand-Accordion-border-color-default: var(--brand-color-border-default);
9307
- --brand-Accordion-border-color-emphasis: var(--base-color-scale-black-0);
9323
+ --brand-Accordion-border-color-default: var(--brand-color-border-muted);
9324
+ --brand-Accordion-indicator-idle: var(--base-color-scale-gray-3);
9325
+ --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
9326
+ --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
9308
9327
  }
9309
9328
 
9310
9329
  [data-color-mode="dark"] {
@@ -9334,8 +9353,10 @@ html {
9334
9353
  --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
9335
9354
  --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
9336
9355
  --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
9337
- --brand-Accordion-border-color-default: var(--base-color-scale-gray-5);
9338
- --brand-Accordion-border-color-emphasis: var(--base-color-scale-white-0);
9356
+ --brand-Accordion-border-color-default: var(--brand-color-border-muted);
9357
+ --brand-Accordion-indicator-idle: var(--base-color-scale-gray-7);
9358
+ --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
9359
+ --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
9339
9360
  }
9340
9361
 
9341
9362
  .Primer_Brand__Accordion-module__Accordion___M_LPt {
@@ -9348,13 +9369,67 @@ html {
9348
9369
  }
9349
9370
 
9350
9371
  .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
9351
- border-bottom: var(--brand-borderWidth-thicker) solid var(--brand-Accordion-border-color-emphasis);
9372
+ background-color: var(--brand-color-canvas-subtle);
9373
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9374
+ padding-block: var(--base-size-20);
9375
+ padding-inline: var(--base-size-20);
9376
+ gap: 0;
9377
+ justify-content: flex-start;
9378
+ align-items: center;
9379
+ }
9380
+
9381
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
9382
+ content: '';
9383
+ display: block;
9384
+ width: calc(var(--base-size-8) - 1px);
9385
+ height: var(--base-size-12);
9386
+ flex-shrink: 0;
9387
+ margin-inline-end: var(--base-size-12);
9388
+ background-color: var(--brand-Accordion-indicator-idle);
9389
+ }
9390
+
9391
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk:hover::before {
9392
+ background-color: var(--brand-Accordion-indicator-hover);
9393
+ }
9394
+
9395
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
9396
+ background-color: var(--brand-Accordion-indicator-active);
9397
+ }
9398
+
9399
+ .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 {
9400
+ font-family: var(--brand-fontStack-monospace);
9401
+ font-size: var(--brand-text-size-100);
9402
+ font-weight: var(--brand-text-weight-500);
9403
+ line-height: var(--brand-text-lineHeight-100);
9404
+ letter-spacing: 0.15px;
9405
+ text-transform: uppercase;
9406
+ }
9407
+
9408
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
9409
+ + .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
9410
+ > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
9411
+ border-block-start: none;
9412
+ }
9413
+
9414
+ .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 {
9415
+ border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9416
+ padding-block-start: var(--base-size-12);
9417
+ padding-block-end: var(--base-size-12);
9418
+ padding-inline: var(--base-size-20);
9419
+ }
9420
+
9421
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child {
9422
+ border-bottom: none;
9423
+ }
9424
+
9425
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child::after {
9426
+ display: none;
9352
9427
  }
9353
9428
 
9354
9429
  .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
9355
9430
  content: '';
9356
- border: 3px solid var(--brand-Accordion-border-color-default);
9357
- height: 0;
9431
+ background-color: var(--brand-Accordion-border-color-default);
9432
+ height: var(--brand-borderWidth-thin);
9358
9433
  transition: var(--brand-animation-duration-fast) transform;
9359
9434
  transform: scaleY(0);
9360
9435
  transform-origin: 50% 100%;
@@ -9364,8 +9439,10 @@ html {
9364
9439
  left: 0;
9365
9440
  }
9366
9441
 
9367
- .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
9368
- transform: scaleY(0.35);
9442
+ .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after,
9443
+ details[open].Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
9444
+ background-color: var(--brand-color-accent-primary);
9445
+ transform: scaleY(1);
9369
9446
  }
9370
9447
 
9371
9448
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
@@ -9388,20 +9465,27 @@ html {
9388
9465
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9389
9466
  }
9390
9467
 
9468
+ /* When open, move focus ring to the details element to wrap summary + content as one unit */
9469
+ details[open].Primer_Brand__Accordion-module__Accordion___M_LPt:has(> summary:focus-visible) {
9470
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9471
+ outline-offset: var(--base-size-2);
9472
+ }
9473
+
9474
+ details[open].Primer_Brand__Accordion-module__Accordion___M_LPt > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:focus-visible {
9475
+ outline: none;
9476
+ }
9477
+
9391
9478
  .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9392
9479
  .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9393
- font-family: var(--brand-fontStack-sansSerif);
9394
- font-weight: 500;
9395
9480
  cursor: pointer;
9396
- font-size: 32px;
9397
- line-height: 24px;
9398
- text-align: center;
9399
- height: 24px;
9400
- width: 24px;
9401
- -webkit-text-fill-color: transparent;
9402
- -webkit-box-decoration-break: clone;
9403
- box-decoration-break: clone;
9481
+ display: flex;
9482
+ align-items: center;
9483
+ justify-content: center;
9484
+ height: var(--base-size-24);
9485
+ width: var(--base-size-24);
9486
+ color: var(--brand-color-text-default);
9404
9487
  position: absolute;
9488
+ transition: opacity var(--brand-animation-duration-faster) ease;
9405
9489
  }
9406
9490
 
9407
9491
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
@@ -9409,134 +9493,110 @@ html {
9409
9493
  right: 0;
9410
9494
  }
9411
9495
 
9496
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9497
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9498
+ position: static;
9499
+ order: 1;
9500
+ }
9501
+
9502
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
9503
+ margin-inline-start: auto;
9504
+ }
9505
+
9506
+ .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9507
+ margin-inline-start: calc(-1 * var(--base-size-24));
9508
+ }
9509
+
9412
9510
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9413
9511
  .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9414
9512
  left: 0;
9415
9513
  }
9416
9514
 
9417
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
9418
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9419
- transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
9420
- display: block;
9421
- background: linear-gradient(
9422
- -70deg,
9423
- var(--brand-Accordion-toggle-color-start) 0%,
9424
- var(--brand-Accordion-toggle-color-end) 100%
9425
- );
9426
- -webkit-background-clip: text;
9427
- background-clip: text;
9515
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9516
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9517
+ color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-default));
9428
9518
  }
9429
9519
 
9430
9520
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
9431
9521
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
9432
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
9433
9522
  }
9434
9523
 
9435
9524
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
9436
9525
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
9437
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
9438
9526
  }
9439
9527
 
9440
9528
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
9441
9529
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
9442
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
9443
9530
  }
9444
9531
 
9445
9532
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
9446
9533
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
9447
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
9448
9534
  }
9449
9535
 
9450
9536
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
9451
9537
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
9452
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
9453
9538
  }
9454
9539
 
9455
9540
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
9456
9541
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
9457
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
9458
9542
  }
9459
9543
 
9460
9544
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
9461
9545
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
9462
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
9463
9546
  }
9464
9547
 
9465
9548
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
9466
9549
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
9467
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
9468
9550
  }
9469
9551
 
9470
9552
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
9471
9553
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
9472
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
9473
9554
  }
9474
9555
 
9475
9556
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
9476
9557
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
9477
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
9478
9558
  }
9479
9559
 
9480
9560
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
9481
9561
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
9482
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
9483
9562
  }
9484
9563
 
9485
9564
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
9486
9565
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
9487
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
9488
9566
  }
9489
9567
 
9490
9568
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
9491
9569
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
9492
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
9493
9570
  }
9494
9571
 
9495
9572
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
9496
9573
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
9497
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
9498
9574
  }
9499
9575
 
9500
9576
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
9501
9577
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
9502
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
9503
9578
  }
9504
9579
 
9505
9580
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
9506
9581
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
9507
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
9508
9582
  }
9509
9583
 
9510
9584
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
9511
9585
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
9512
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
9513
9586
  }
9514
9587
 
9515
9588
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
9516
9589
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
9517
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
9518
9590
  }
9519
9591
 
9520
9592
  .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
9521
9593
  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
9522
- --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
9523
9594
  }
9524
9595
 
9525
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
9526
- font-weight: var(--base-text-weight-medium);
9527
- content: '–';
9596
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9528
9597
  opacity: 0;
9529
9598
  }
9530
9599
 
9531
- .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9532
- content: '+';
9533
- }
9534
-
9535
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
9536
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9537
- transform: translate(0, -2px);
9538
- }
9539
-
9540
9600
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9541
9601
  opacity: 0;
9542
9602
  }
@@ -9549,17 +9609,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
9549
9609
  opacity: 0;
9550
9610
  }
9551
9611
 
9552
- details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
9612
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
9553
9613
  opacity: 1;
9554
- transform: rotateZ(180deg);
9555
9614
  }
9556
9615
 
9557
- details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
9616
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
9558
9617
  opacity: 0;
9559
- transform: rotateZ(180deg);
9560
9618
  }
9561
9619
 
9562
- .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
9620
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
9563
9621
  padding-inline-end: var(--base-size-48);
9564
9622
  }
9565
9623
 
@@ -9622,7 +9680,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9622
9680
  }
9623
9681
 
9624
9682
  .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
9625
- margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
9683
+ margin-top: calc(var(--base-size-12) * -1); /* for 12px gap between question and answer */
9626
9684
  }
9627
9685
 
9628
9686
  details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -9659,7 +9717,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9659
9717
 
9660
9718
  /**
9661
9719
  * Do not edit directly
9662
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
9720
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
9663
9721
  */
9664
9722
 
9665
9723
  :root {
@@ -9668,25 +9726,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9668
9726
 
9669
9727
  /**
9670
9728
  * Do not edit directly
9671
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9729
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
9672
9730
  */
9673
9731
 
9674
9732
  :root,
9675
9733
  [data-color-mode="light"] {
9676
9734
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9677
9735
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9678
- --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-1);
9736
+ --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-3);
9737
+ --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
9738
+ --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
9679
9739
  }
9680
9740
 
9681
9741
  [data-color-mode="dark"] {
9682
9742
  --brand-FAQ-color-heading: var(--brand-color-text-default);
9683
9743
  --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
9684
- --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-7);
9744
+ --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-7);
9745
+ --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
9746
+ --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
9685
9747
  }
9686
9748
 
9687
9749
  /**
9688
9750
  * Do not edit directly
9689
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
9751
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
9690
9752
  */
9691
9753
 
9692
9754
  :root {
@@ -9716,6 +9778,22 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9716
9778
  margin: 0 auto;
9717
9779
  }
9718
9780
 
9781
+ .Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
9782
+ padding-block-end: var(--base-size-40);
9783
+ border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
9784
+ max-width: 100%;
9785
+ }
9786
+
9787
+ .Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___XqrgD {
9788
+ max-width: var(--brand-FAQ-maxWidth-list);
9789
+ margin: 0 auto;
9790
+ }
9791
+
9792
+ .Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
9793
+ border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
9794
+ margin-block-end: var(--base-size-40);
9795
+ }
9796
+
9719
9797
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
9720
9798
  color: var(--brand-FAQ-color-heading);
9721
9799
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
@@ -9724,6 +9802,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9724
9802
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
9725
9803
  margin-bottom: var(--base-size-16);
9726
9804
  color: var(--brand-color-text-muted);
9805
+ text-transform: uppercase;
9806
+ font-size: var(--brand-text-size-100);
9807
+ line-height: var(--brand-text-lineHeight-100);
9727
9808
  }
9728
9809
 
9729
9810
  .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -9763,24 +9844,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9763
9844
  margin: 0;
9764
9845
  }
9765
9846
 
9847
+ @media screen and (min-width: 63.25rem) {
9848
+ .Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
9849
+ margin-block-end: var(--base-size-48);
9850
+ }
9851
+
9852
+ .Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
9853
+ padding-block-end: var(--base-size-64);
9854
+ }
9855
+ }
9856
+
9766
9857
  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9767
9858
  display: none;
9768
9859
  justify-content: space-between;
9769
9860
  gap: var(--brand-stack-gap-spacious);
9770
9861
  }
9771
9862
 
9772
- @media screen and (min-width: 48rem) {
9773
- .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
9774
- display: grid;
9775
- }
9776
-
9777
- .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
9778
- display: none;
9779
- }
9863
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
9864
+ margin-block-start: var(--base-size-48);
9780
9865
  }
9781
9866
 
9782
9867
  .Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
9783
9868
  margin-block-start: calc(var(--base-size-8) + 1px);
9869
+ text-transform: uppercase;
9870
+ font-size: var(--brand-text-size-100);
9871
+ line-height: var(--brand-text-lineHeight-100);
9784
9872
  }
9785
9873
 
9786
9874
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
@@ -9788,26 +9876,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9788
9876
  }
9789
9877
 
9790
9878
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
9879
+ -webkit-appearance: none;
9880
+ -moz-appearance: none;
9881
+ appearance: none;
9882
+ border: none;
9791
9883
  background-color: transparent;
9792
- justify-content: flex-start;
9793
- }
9794
-
9795
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC > span {
9884
+ padding-block: var(--base-size-8);
9885
+ padding-inline: 0;
9886
+ cursor: pointer;
9887
+ display: flex;
9888
+ align-items: center;
9889
+ gap: var(--base-size-12);
9890
+ width: 100%;
9891
+ font-family: var(--brand-fontStack-monospace);
9892
+ font-size: var(--brand-text-size-100);
9893
+ font-weight: var(--brand-text-weight-500);
9894
+ line-height: var(--brand-text-lineHeight-100);
9895
+ letter-spacing: 0.15px;
9896
+ text-transform: uppercase;
9897
+ text-align: start;
9898
+ color: var(--brand-color-text-muted);
9796
9899
  overflow: hidden;
9797
- white-space: nowrap;
9798
9900
  text-overflow: ellipsis;
9901
+ white-space: nowrap;
9902
+ transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
9799
9903
  }
9800
9904
 
9801
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9802
- background-color: var(--brand-FAQ-color-tabBg-selected);
9905
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:focus-visible {
9906
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
9907
+ outline-offset: 2px;
9803
9908
  }
9804
9909
 
9805
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
9806
- color: var(--brand-color-text-muted);
9910
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC::before {
9911
+ content: '';
9912
+ display: block;
9913
+ width: calc(var(--base-size-8) + var(--base-size-2));
9914
+ height: var(--base-size-12);
9915
+ flex-shrink: 0;
9916
+ background-color: var(--brand-FAQGroup-buttonIndicator-idle);
9917
+ transform: scaleX(0.7);
9918
+ transform-origin: left;
9919
+ transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
9920
+ background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
9921
+ }
9922
+
9923
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:hover::before {
9924
+ background-color: var(--brand-FAQGroup-buttonIndicator-hover);
9807
9925
  }
9808
9926
 
9809
- .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
9927
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9810
9928
  color: var(--brand-FAQ-color-tabLabel-selected);
9929
+ gap: calc(var(--base-size-12) + 3px);
9930
+ }
9931
+
9932
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true']::before {
9933
+ transform: scaleX(1);
9934
+ background-color: var(--brand-FAQGroup-buttonIndicator-active);
9811
9935
  }
9812
9936
 
9813
9937
  .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
@@ -9816,6 +9940,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9816
9940
  line-height: var(--brand-text-lineHeight-200);
9817
9941
  }
9818
9942
 
9943
+ /* Gridline variant */
9944
+
9945
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
9946
+ padding-inline-start: var(--base-size-48);
9947
+ padding-block: var(--base-size-80);
9948
+ }
9949
+
9950
+ .Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
9951
+ border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9952
+ padding-inline: var(--base-size-64);
9953
+ padding-block-start: var(--base-size-80);
9954
+ padding-block-end: var(--base-size-96);
9955
+ }
9956
+
9819
9957
  @media (forced-colors: active) {
9820
9958
  .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
9821
9959
  border-color: Highlight;
@@ -9824,9 +9962,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
9824
9962
  }
9825
9963
  }
9826
9964
 
9965
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
9966
+ padding-inline: var(--base-size-20);
9967
+ }
9968
+
9969
+ /* Custom tablet breakpoint */
9970
+ @media screen and (min-width: 618px) {
9971
+ .Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___OBSr9 {
9972
+ border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9973
+ }
9974
+
9975
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
9976
+ margin-block-start: 0;
9977
+ max-width: 618px;
9978
+ margin-inline: auto;
9979
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9980
+ }
9981
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
9982
+ max-width: 618px;
9983
+ margin: 0 auto;
9984
+ }
9985
+
9986
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
9987
+ padding-block-end: var(--base-size-40);
9988
+ }
9989
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___Q_oGI {
9990
+ border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
9991
+ }
9992
+
9993
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:first-child summary {
9994
+ border-block-start: none !important;
9995
+ }
9996
+
9997
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:last-child summary {
9998
+ border-block-end: none !important;
9999
+ }
10000
+ }
10001
+
10002
+ @media screen and (min-width: 63.25rem) {
10003
+ .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
10004
+ display: grid;
10005
+ }
10006
+
10007
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
10008
+ display: none;
10009
+ }
10010
+
10011
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
10012
+ padding-inline: 0;
10013
+ max-width: 100%;
10014
+ }
10015
+
10016
+ .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
10017
+ padding-block-end: var(--base-size-64);
10018
+ }
10019
+ }
10020
+
10021
+ @media screen and (min-width: 80rem) {
10022
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
10023
+ border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10024
+ }
10025
+
10026
+ .Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
10027
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
10028
+ }
10029
+ }
10030
+
9827
10031
  /**
9828
10032
  * Do not edit directly
9829
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
10033
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
9830
10034
  */
9831
10035
 
9832
10036
  :root,
@@ -11029,7 +11233,7 @@ Fixes safari bug where outline doesn't respect border-radius
11029
11233
 
11030
11234
  /**
11031
11235
  * Do not edit directly
11032
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
11236
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
11033
11237
  */
11034
11238
 
11035
11239
  :root {
@@ -11043,7 +11247,7 @@ Fixes safari bug where outline doesn't respect border-radius
11043
11247
 
11044
11248
  /**
11045
11249
  * Do not edit directly
11046
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
11250
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
11047
11251
  */
11048
11252
 
11049
11253
  :root,
@@ -11337,7 +11541,7 @@ Fixes safari bug where outline doesn't respect border-radius
11337
11541
 
11338
11542
  /**
11339
11543
  * Do not edit directly
11340
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
11544
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
11341
11545
  */
11342
11546
 
11343
11547
  :root,
@@ -11353,7 +11557,7 @@ Fixes safari bug where outline doesn't respect border-radius
11353
11557
 
11354
11558
  /**
11355
11559
  * Do not edit directly
11356
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
11560
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
11357
11561
  */
11358
11562
 
11359
11563
  :root {
@@ -12098,7 +12302,7 @@ Fixes safari bug where outline doesn't respect border-radius
12098
12302
 
12099
12303
  /**
12100
12304
  * Do not edit directly
12101
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12305
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
12102
12306
  */
12103
12307
 
12104
12308
  :root,
@@ -12114,20 +12318,20 @@ Fixes safari bug where outline doesn't respect border-radius
12114
12318
 
12115
12319
  /**
12116
12320
  * Do not edit directly
12117
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12321
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
12118
12322
  */
12119
12323
 
12120
12324
  :root,
12121
12325
  [data-color-mode="light"] {
12122
12326
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
12123
12327
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
12124
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12328
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12125
12329
  }
12126
12330
 
12127
12331
  [data-color-mode="dark"] {
12128
12332
  --brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
12129
12333
  --brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
12130
- --brand-CTABanner-bgColor: var(--brand-color-canvas-default);
12334
+ --brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
12131
12335
  }
12132
12336
 
12133
12337
  .Primer_Brand__CTABanner-module__CTABanner___m0t8s {
@@ -12151,40 +12355,125 @@ Fixes safari bug where outline doesn't respect border-radius
12151
12355
  );
12152
12356
  }
12153
12357
 
12154
- .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12155
- border-radius: var(--brand-borderRadius-xlarge);
12156
- padding: var(--base-size-40) var(--base-size-32);
12157
- z-index: 1;
12158
- width: 100%;
12159
- box-sizing: border-box;
12358
+ /* Heading size overrides for balanced and minimal variants */
12359
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
12360
+ font-weight: var(--brand-heading-weight-700);
12361
+ font-size: var(--brand-text-size-700);
12362
+ line-height: var(--brand-heading-lineHeight-700);
12363
+ letter-spacing: var(--brand-heading-letterSpacing-700);
12160
12364
  }
12161
12365
 
12162
- .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12163
- display: flex;
12164
- flex-direction: column;
12165
- gap: var(--base-size-16);
12166
- align-items: flex-start;
12167
- max-width: 800px;
12168
- margin: 0 auto;
12366
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
12367
+ font-weight: var(--brand-heading-weight-400);
12368
+ font-size: var(--brand-text-size-400);
12369
+ line-height: var(--brand-text-lineHeight-400);
12370
+ letter-spacing: var(--brand-heading-letterSpacing-400);
12169
12371
  }
12170
12372
 
12171
- .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12172
- border-radius: var(--brand-borderRadius-xlarge);
12173
- background-repeat: no-repeat;
12174
- background-color: var(--brand-CTABanner-narrow-background-color, var(--brand-CTABanner-background-color));
12175
- background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
12176
- background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
12373
+ .Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
12374
+ gap: 0;
12375
+ --brand-Grid-spacing-row: 0;
12376
+ padding-inline: 0;
12377
+ }
12177
12378
 
12178
- background-position: center;
12379
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
12380
+ display: flex;
12381
+ align-items: center;
12382
+ }
12179
12383
 
12180
- background-position: var(
12384
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12385
+ display: flex;
12386
+ align-items: center;
12387
+ justify-content: center;
12388
+ }
12389
+
12390
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12391
+ justify-content: flex-end;
12392
+ }
12393
+
12394
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12395
+ justify-content: flex-start;
12396
+ }
12397
+
12398
+ @media screen and (min-width: 63.25rem) {
12399
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12400
+ justify-content: flex-end;
12401
+ }
12402
+ }
12403
+
12404
+ /* Stack on narrow viewports */
12405
+ @media screen and (max-width: 63.24rem) {
12406
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12407
+ justify-content: flex-start;
12408
+ }
12409
+
12410
+ .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
12411
+ margin-block-start: var(--base-size-24);
12412
+ }
12413
+ }
12414
+
12415
+ .Primer_Brand__CTABanner-module__CTABanner-outer-container--border___PwQrC {
12416
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12417
+ }
12418
+
12419
+ .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12420
+ padding: var(--base-size-64) var(--base-size-32);
12421
+ z-index: 1;
12422
+ width: 100%;
12423
+ box-sizing: border-box;
12424
+ }
12425
+
12426
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12427
+ padding-inline: var(--base-size-20);
12428
+ padding-block: var(--base-size-32);
12429
+ }
12430
+
12431
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12432
+ padding-inline: var(--base-size-20);
12433
+ padding-block: var(--base-size-40);
12434
+ }
12435
+
12436
+ .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12437
+ display: flex;
12438
+ flex-direction: column;
12439
+ gap: var(--base-size-16);
12440
+ align-items: flex-start;
12441
+ max-width: 800px;
12442
+ margin: 0 auto;
12443
+ }
12444
+
12445
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12446
+ gap: 0;
12447
+ }
12448
+
12449
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_,
12450
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12451
+ max-width: 576px;
12452
+ margin: 0;
12453
+ }
12454
+
12455
+ .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12456
+ background-repeat: no-repeat;
12457
+ background-color: var(--brand-CTABanner-bgColor);
12458
+ background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
12459
+ background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
12460
+
12461
+ background-position: center;
12462
+
12463
+ background-position: var(
12181
12464
  --brand-CTABanner-narrow-background-image-position,
12182
12465
  var(--brand-CTABanner-background-image-position, center)
12183
12466
  );
12184
12467
  }
12185
12468
 
12186
12469
  .Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
12187
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
12470
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12471
+ }
12472
+
12473
+ .Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___H1FN8 {
12474
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
12475
+ margin-inline: auto;
12476
+ max-width: 534px; /* To match tablet for river */
12188
12477
  }
12189
12478
 
12190
12479
  .Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
@@ -12199,22 +12488,19 @@ Fixes safari bug where outline doesn't respect border-radius
12199
12488
  /* Medium breakpoint and up */
12200
12489
  @media screen and (min-width: 48rem) {
12201
12490
  .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12202
- padding: var(--base-size-80) var(--base-size-64);
12491
+ padding: var(--base-size-80) var(--base-size-36);
12203
12492
  }
12204
- }
12205
12493
 
12206
- /* Large breakpoint and up */
12207
- @media screen and (min-width: 63.25rem) {
12208
- .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12209
- gap: var(--base-size-24);
12494
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12495
+ padding: var(--base-size-36);
12496
+ padding-block-end: var(--base-size-48);
12210
12497
  }
12211
- .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12212
- padding: var(--base-size-128) var(--base-size-64);
12498
+
12499
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12500
+ padding: var(--base-size-36);
12501
+ padding-block: var(--base-size-48);
12213
12502
  }
12214
- }
12215
12503
 
12216
- /* Regular */
12217
- @media screen and (min-width: 48rem) {
12218
12504
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
12219
12505
  background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
12220
12506
  background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
@@ -12226,6 +12512,28 @@ Fixes safari bug where outline doesn't respect border-radius
12226
12512
  }
12227
12513
  }
12228
12514
 
12515
+ /* Large breakpoint and up */
12516
+ @media screen and (min-width: 63.25rem) {
12517
+ .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12518
+ gap: var(--base-size-24);
12519
+ }
12520
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
12521
+ gap: var(--base-size-16);
12522
+ }
12523
+ .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12524
+ padding: var(--base-size-96) var(--base-size-64);
12525
+ max-width: 100%;
12526
+ }
12527
+
12528
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12529
+ padding: var(--base-size-64);
12530
+ }
12531
+
12532
+ .Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
12533
+ padding: var(--base-size-64);
12534
+ }
12535
+ }
12536
+
12229
12537
  /* Wide */
12230
12538
  @media screen and (min-width: 80rem) {
12231
12539
  .Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
@@ -12240,6 +12548,17 @@ Fixes safari bug where outline doesn't respect border-radius
12240
12548
  }
12241
12549
  }
12242
12550
 
12551
+ .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
12552
+ width: 100%;
12553
+ height: auto;
12554
+ }
12555
+
12556
+ .Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
12557
+ max-width: 476px;
12558
+ width: 100%;
12559
+ height: auto;
12560
+ }
12561
+
12243
12562
  .Primer_Brand__ListItem-module__ListItem___aFf5u {
12244
12563
  display: flex;
12245
12564
  align-items: flex-start;
@@ -12337,7 +12656,7 @@ Fixes safari bug where outline doesn't respect border-radius
12337
12656
 
12338
12657
  /**
12339
12658
  * Do not edit directly
12340
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12659
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
12341
12660
  */
12342
12661
 
12343
12662
  :root,
@@ -12501,7 +12820,7 @@ Fixes safari bug where outline doesn't respect border-radius
12501
12820
 
12502
12821
  /**
12503
12822
  * Do not edit directly
12504
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
12823
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
12505
12824
  */
12506
12825
 
12507
12826
  :root,
@@ -12809,7 +13128,7 @@ Fixes safari bug where outline doesn't respect border-radius
12809
13128
 
12810
13129
  /**
12811
13130
  * Do not edit directly
12812
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
13131
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
12813
13132
  */
12814
13133
 
12815
13134
  :root {
@@ -12845,7 +13164,7 @@ Fixes safari bug where outline doesn't respect border-radius
12845
13164
 
12846
13165
  /**
12847
13166
  * Do not edit directly
12848
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13167
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
12849
13168
  */
12850
13169
 
12851
13170
  :root,
@@ -12913,7 +13232,7 @@ Fixes safari bug where outline doesn't respect border-radius
12913
13232
 
12914
13233
  /**
12915
13234
  * Do not edit directly
12916
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
13235
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
12917
13236
  */
12918
13237
 
12919
13238
  :root {
@@ -12924,7 +13243,7 @@ Fixes safari bug where outline doesn't respect border-radius
12924
13243
 
12925
13244
  /**
12926
13245
  * Do not edit directly
12927
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13246
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
12928
13247
  */
12929
13248
 
12930
13249
  :root,
@@ -13133,19 +13452,11 @@ Fixes safari bug where outline doesn't respect border-radius
13133
13452
  grid-area: heading;
13134
13453
  }
13135
13454
 
13136
- .Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__heading___INFhp {
13137
- max-width: 320px;
13138
- }
13139
-
13140
13455
  .Primer_Brand__Card-module__Card__description___KN9CH {
13141
13456
  margin-bottom: var(--base-size-32);
13142
13457
  grid-area: description;
13143
13458
  }
13144
13459
 
13145
- .Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__description___KN9CH {
13146
- max-width: 400px;
13147
- }
13148
-
13149
13460
  .Primer_Brand__Card-module__Card__action___C6sRY {
13150
13461
  grid-area: action;
13151
13462
  margin-top: auto;
@@ -13277,7 +13588,7 @@ Fixes safari bug where outline doesn't respect border-radius
13277
13588
 
13278
13589
  /**
13279
13590
  * Do not edit directly
13280
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
13591
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
13281
13592
  */
13282
13593
 
13283
13594
  :root,
@@ -14118,7 +14429,7 @@ Fixes safari bug where outline doesn't respect border-radius
14118
14429
 
14119
14430
  /**
14120
14431
  * Do not edit directly
14121
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
14432
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
14122
14433
  */
14123
14434
 
14124
14435
  :root {
@@ -14129,7 +14440,7 @@ Fixes safari bug where outline doesn't respect border-radius
14129
14440
 
14130
14441
  /**
14131
14442
  * Do not edit directly
14132
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
14443
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
14133
14444
  */
14134
14445
 
14135
14446
  :root,
@@ -14628,7 +14939,7 @@ Fixes safari bug where outline doesn't respect border-radius
14628
14939
 
14629
14940
  /**
14630
14941
  * Do not edit directly
14631
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
14942
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
14632
14943
  */
14633
14944
 
14634
14945
  :root {
@@ -14648,7 +14959,7 @@ Fixes safari bug where outline doesn't respect border-radius
14648
14959
 
14649
14960
  /**
14650
14961
  * Do not edit directly
14651
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
14962
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
14652
14963
  */
14653
14964
 
14654
14965
  :root,
@@ -14684,12 +14995,12 @@ Fixes safari bug where outline doesn't respect border-radius
14684
14995
 
14685
14996
  /**
14686
14997
  * Do not edit directly
14687
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
14998
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
14688
14999
  */
14689
15000
 
14690
15001
  :root,
14691
15002
  [data-color-mode="light"] {
14692
- --brand-LogoSuite-color-control-rest: var(--base-color-scale-gray-1);
15003
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14693
15004
  --brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-2);
14694
15005
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14695
15006
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14698,7 +15009,7 @@ Fixes safari bug where outline doesn't respect border-radius
14698
15009
  }
14699
15010
 
14700
15011
  [data-color-mode="dark"] {
14701
- --brand-LogoSuite-color-control-rest: #4d4e6a;
15012
+ --brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
14702
15013
  --brand-LogoSuite-color-control-hover: #5a5b7c;
14703
15014
  --brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
14704
15015
  --brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
@@ -14708,7 +15019,7 @@ Fixes safari bug where outline doesn't respect border-radius
14708
15019
 
14709
15020
  /**
14710
15021
  * Do not edit directly
14711
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
15022
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
14712
15023
  */
14713
15024
 
14714
15025
  :root {
@@ -14721,20 +15032,25 @@ Fixes safari bug where outline doesn't respect border-radius
14721
15032
  --brand-LogoSuite-logobar-columnGap-default: var(--base-size-80);
14722
15033
  }
14723
15034
 
14724
- @media (min-width: 768px) {
14725
- :root {
14726
- --brand-LogoSuite-logobar-rowGap: var(--base-size-80);
14727
- }
14728
- }
14729
-
14730
15035
  .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
14731
15036
  padding-block-end: var(--brand-LogoSuite-logobar-rowGap);
14732
15037
  }
14733
15038
 
14734
- .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
15039
+ .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL + .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL {
14735
15040
  padding-block-start: var(--brand-LogoSuite-logobar-rowGap);
14736
15041
  }
14737
15042
 
15043
+ /* Small monospace heading when standalone (no description) */
15044
+ .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw {
15045
+ font-family: var(--brand-fontStack-monospace);
15046
+ font-weight: var(--brand-text-weight-100);
15047
+ font-size: var(--brand-text-size-100);
15048
+ line-height: var(--brand-text-lineHeight-100);
15049
+ letter-spacing: var(--brand-text-letterSpacing-100);
15050
+ text-transform: uppercase;
15051
+ color: var(--brand-color-text-muted);
15052
+ }
15053
+
14738
15054
  .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
14739
15055
  padding-block-start: var(--base-size-16);
14740
15056
  }
@@ -14748,7 +15064,7 @@ Fixes safari bug where outline doesn't respect border-radius
14748
15064
  text-align: center;
14749
15065
  }
14750
15066
 
14751
- .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
15067
+ .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
14752
15068
  padding-block-start: var(--base-size-32);
14753
15069
  }
14754
15070
 
@@ -14776,7 +15092,7 @@ Fixes safari bug where outline doesn't respect border-radius
14776
15092
  + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
14777
15093
  .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
14778
15094
  padding-block-start: 0;
14779
- margin-block-start: var(--base-size-80);
15095
+ margin-block-start: var(--base-size-44);
14780
15096
  }
14781
15097
 
14782
15098
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14795,12 +15111,6 @@ Fixes safari bug where outline doesn't respect border-radius
14795
15111
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a {
14796
15112
  height: var(--base-size-40);
14797
15113
  }
14798
-
14799
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
14800
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
14801
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
14802
- height: var(--base-size-48);
14803
- }
14804
15114
  }
14805
15115
 
14806
15116
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
@@ -14831,8 +15141,10 @@ Fixes safari bug where outline doesn't respect border-radius
14831
15141
  }
14832
15142
  }
14833
15143
 
14834
- .Primer_Brand__LogoSuite-module__LogoSuite--start___Kk6GC .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
14835
- outline-color: var(--brand-color-focus);
15144
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
15145
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
15146
+ outline-offset: var(--base-size-2);
15147
+ border-radius: var(--base-size-4);
14836
15148
  }
14837
15149
 
14838
15150
  .Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Znsqm {
@@ -14842,8 +15154,9 @@ Fixes safari bug where outline doesn't respect border-radius
14842
15154
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
14843
15155
  position: relative;
14844
15156
  display: flex;
14845
- flex-direction: column;
14846
- gap: var(--base-size-40);
15157
+ flex-direction: row;
15158
+ align-items: center;
15159
+ gap: var(--base-size-24);
14847
15160
  margin: auto;
14848
15161
  max-width: 100dvw;
14849
15162
  }
@@ -14881,18 +15194,22 @@ Fixes safari bug where outline doesn't respect border-radius
14881
15194
  }
14882
15195
  }
14883
15196
 
14884
- .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
15197
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf,
15198
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
14885
15199
  animation-play-state: paused;
14886
15200
  }
14887
15201
 
14888
15202
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr {
14889
15203
  display: flex;
14890
- overflow: hidden;
15204
+ overflow-x: hidden;
15205
+ overflow-y: visible;
15206
+ padding-block: var(--base-size-4);
14891
15207
  -webkit-user-select: none;
14892
15208
  -moz-user-select: none;
14893
15209
  user-select: none;
14894
15210
  gap: var(--marquee-gap);
14895
- width: calc(100% - var(--base-size-40));
15211
+ flex: 1;
15212
+ min-width: 0;
14896
15213
  -webkit-mask-image: linear-gradient(
14897
15214
  to right,
14898
15215
  hsla(0, 0%, 0%, 0),
@@ -14907,19 +15224,23 @@ Fixes safari bug where outline doesn't respect border-radius
14907
15224
  animation-play-state: paused !important;
14908
15225
  }
14909
15226
 
15227
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___AVQlQ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
15228
+ animation-name: none;
15229
+ }
15230
+
14910
15231
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi {
14911
15232
  cursor: pointer;
14912
- position: absolute;
14913
- right: 0;
15233
+ flex-shrink: 0;
14914
15234
  display: flex;
14915
15235
  align-items: center;
14916
15236
  justify-content: center;
14917
- width: var(--base-size-48);
14918
- height: var(--base-size-48);
15237
+ width: var(--base-size-32);
15238
+ height: var(--base-size-32);
14919
15239
  margin: 0;
14920
15240
  padding: 0;
14921
15241
  border: none;
14922
15242
  border-radius: var(--base-size-48);
15243
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
14923
15244
  background-color: var(--brand-LogoSuite-color-control-rest);
14924
15245
  transition: background-color var(--brand-animation-duration-faster);
14925
15246
  }
@@ -14936,10 +15257,139 @@ Fixes safari bug where outline doesn't respect border-radius
14936
15257
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi svg {
14937
15258
  width: var(--base-size-16);
14938
15259
  height: var(--base-size-16);
15260
+ fill: var(--brand-color-text-muted);
14939
15261
  }
14940
15262
 
14941
15263
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi path {
14942
- fill: var(--brand-button-subtle-fgColor-rest);
15264
+ fill: var(--brand-color-text-muted);
15265
+ }
15266
+
15267
+ /* Gridline expressive variant styles */
15268
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax {
15269
+ padding: 0;
15270
+ }
15271
+
15272
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15273
+ padding-inline: 0;
15274
+ gap: 0;
15275
+ max-width: 618px; /* From the Figma design */
15276
+ }
15277
+
15278
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
15279
+ display: flex;
15280
+ flex-direction: column;
15281
+ justify-content: center;
15282
+ padding: var(--base-size-20);
15283
+ }
15284
+
15285
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
15286
+ margin-block-start: auto;
15287
+ }
15288
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
15289
+ display: flex;
15290
+ flex-direction: column;
15291
+ justify-content: center;
15292
+ padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);
15293
+ }
15294
+
15295
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
15296
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
15297
+ max-width: none;
15298
+ width: 100%;
15299
+ }
15300
+
15301
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
15302
+ padding-block-start: var(--base-size-8);
15303
+ }
15304
+
15305
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
15306
+ padding-block-start: 0;
15307
+ }
15308
+
15309
+ @media screen and (min-width: 48rem) {
15310
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
15311
+ padding: var(--base-size-36);
15312
+ }
15313
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15314
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
15315
+ }
15316
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
15317
+ border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
15318
+ }
15319
+ }
15320
+
15321
+ @media screen and (min-width: 64rem) {
15322
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15323
+ max-width: 1280px;
15324
+ }
15325
+
15326
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
15327
+ text-align: left;
15328
+ padding: var(--base-size-64);
15329
+ }
15330
+
15331
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
15332
+ padding: var(--base-size-64);
15333
+ }
15334
+ }
15335
+
15336
+ @media screen and (min-width: 1281px) {
15337
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
15338
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
15339
+ }
15340
+
15341
+ /* When the logobar is the only column visible (no adjacent text), this removes start border */
15342
+ .Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_:first-child {
15343
+ border-inline-start: none;
15344
+ }
15345
+ }
15346
+
15347
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm {
15348
+ position: relative;
15349
+ overflow: visible;
15350
+ }
15351
+
15352
+ /* Glass blur overlay effect */
15353
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm::before {
15354
+ content: '';
15355
+ position: absolute;
15356
+ inset: calc(-1 * var(--base-size-16)) 0;
15357
+ z-index: 1;
15358
+ pointer-events: none;
15359
+ opacity: 0;
15360
+ backdrop-filter: blur(var(--base-size-6));
15361
+ -webkit-backdrop-filter: blur(var(--base-size-6));
15362
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
15363
+ }
15364
+
15365
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover::before,
15366
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within::before {
15367
+ opacity: 1;
15368
+ }
15369
+
15370
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover svg,
15371
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within svg,
15372
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover img,
15373
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within img {
15374
+ opacity: 0.7;
15375
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
15376
+ }
15377
+
15378
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
15379
+ opacity: 0;
15380
+ visibility: hidden;
15381
+ z-index: 2;
15382
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
15383
+ position: absolute;
15384
+ top: 50%;
15385
+ left: 50%;
15386
+ transform: translate(-50%, -50%);
15387
+ }
15388
+
15389
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO,
15390
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
15391
+ opacity: 1;
15392
+ visibility: visible;
14943
15393
  }
14944
15394
 
14945
15395
  .Primer_Brand__Timeline-module__Timeline___keSeT {
@@ -15042,7 +15492,7 @@ Fixes safari bug where outline doesn't respect border-radius
15042
15492
 
15043
15493
  /**
15044
15494
  * Do not edit directly
15045
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
15495
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
15046
15496
  */
15047
15497
 
15048
15498
  :root,
@@ -15056,7 +15506,7 @@ Fixes safari bug where outline doesn't respect border-radius
15056
15506
 
15057
15507
  /**
15058
15508
  * Do not edit directly
15059
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
15509
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
15060
15510
  */
15061
15511
 
15062
15512
  :root {
@@ -15070,7 +15520,7 @@ Fixes safari bug where outline doesn't respect border-radius
15070
15520
 
15071
15521
  /**
15072
15522
  * Do not edit directly
15073
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
15523
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
15074
15524
  */
15075
15525
 
15076
15526
  :root {
@@ -17246,7 +17696,7 @@ Fixes safari bug where outline doesn't respect border-radius
17246
17696
 
17247
17697
  /**
17248
17698
  * Do not edit directly
17249
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
17699
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
17250
17700
  */
17251
17701
 
17252
17702
  :root {
@@ -17270,7 +17720,7 @@ Fixes safari bug where outline doesn't respect border-radius
17270
17720
 
17271
17721
  /**
17272
17722
  * Do not edit directly
17273
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
17723
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
17274
17724
  */
17275
17725
 
17276
17726
  :root,
@@ -17705,7 +18155,7 @@ Fixes safari bug where outline doesn't respect border-radius
17705
18155
 
17706
18156
  /**
17707
18157
  * Do not edit directly
17708
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18158
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
17709
18159
  */
17710
18160
 
17711
18161
  :root {
@@ -17721,7 +18171,7 @@ Fixes safari bug where outline doesn't respect border-radius
17721
18171
 
17722
18172
  /**
17723
18173
  * Do not edit directly
17724
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18174
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
17725
18175
  */
17726
18176
 
17727
18177
  :root,
@@ -18196,6 +18646,7 @@ Fixes safari bug where outline doesn't respect border-radius
18196
18646
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
18197
18647
  font-size: var(--feature-list-font-size);
18198
18648
  line-height: var(--feature-list-line-height);
18649
+ font-weight: var(--brand-text-subhead-weight-large);
18199
18650
  gap: var(--base-size-8);
18200
18651
  display: inline-flex;
18201
18652
  align-items: center;
@@ -18224,7 +18675,7 @@ Fixes safari bug where outline doesn't respect border-radius
18224
18675
 
18225
18676
  /**
18226
18677
  * Do not edit directly
18227
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
18678
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
18228
18679
  */
18229
18680
 
18230
18681
  :root {
@@ -18233,21 +18684,23 @@ Fixes safari bug where outline doesn't respect border-radius
18233
18684
 
18234
18685
  /**
18235
18686
  * Do not edit directly
18236
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
18687
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
18237
18688
  */
18238
18689
 
18239
18690
  :root,
18240
18691
  [data-color-mode="light"] {
18692
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18241
18693
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18242
18694
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18243
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
18695
+ --brand-SubNav-color-link-bgColor: #e4ebe6;
18244
18696
  --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
18245
18697
  }
18246
18698
 
18247
18699
  [data-color-mode="dark"] {
18700
+ --brand-SubNav-bgColor: var(--brand-color-canvas-default);
18248
18701
  --brand-SubNav-color-link-rest: var(--brand-color-text-default);
18249
18702
  --brand-SubNav-color-link-active: var(--brand-color-text-default);
18250
- --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
18703
+ --brand-SubNav-color-link-bgColor: #323834;
18251
18704
  --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
18252
18705
  }
18253
18706
 
@@ -18255,6 +18708,7 @@ Fixes safari bug where outline doesn't respect border-radius
18255
18708
  position: absolute;
18256
18709
  width: 100%;
18257
18710
  z-index: 2;
18711
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18258
18712
  }
18259
18713
 
18260
18714
  .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
@@ -18263,11 +18717,15 @@ Fixes safari bug where outline doesn't respect border-radius
18263
18717
  position: relative;
18264
18718
  }
18265
18719
 
18720
+ .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 .Primer_Brand__SubNav-module__SubNav___dVoQu {
18721
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18722
+ }
18723
+
18266
18724
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18267
18725
  width: 100%;
18268
18726
  display: flex;
18269
- padding: var(--base-size-16);
18270
18727
  z-index: 1;
18728
+ background-color: var(--brand-SubNav-bgColor);
18271
18729
  }
18272
18730
 
18273
18731
  [data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
@@ -18275,16 +18733,21 @@ Fixes safari bug where outline doesn't respect border-radius
18275
18733
  -moz-osx-font-smoothing: grayscale;
18276
18734
  }
18277
18735
 
18278
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
18736
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
18737
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18279
18738
  display: block;
18280
- font-weight: var(--base-text-weight-medium);
18739
+ font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */
18740
+ line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */
18741
+ font-weight: var(--brand-text-subhead-weight-medium);
18281
18742
  color: var(--brand-color-text-default);
18282
18743
  font-family: var(--brand-heading-fontFamily);
18283
18744
  -webkit-text-decoration: none;
18284
18745
  text-decoration: none;
18285
18746
  }
18286
18747
 
18287
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover {
18748
+ .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover,
18749
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover,
18750
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18288
18751
  color: var(--brand-color-text-muted);
18289
18752
  -webkit-text-decoration: none !important;
18290
18753
  text-decoration: none !important; /* dotcom override */
@@ -18295,10 +18758,17 @@ Fixes safari bug where outline doesn't respect border-radius
18295
18758
  }
18296
18759
 
18297
18760
  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
18761
+ min-height: 60px;
18298
18762
  position: relative;
18299
18763
  z-index: 9998;
18300
- display: inline-block;
18301
- margin-inline-end: var(--base-size-16);
18764
+ display: flex;
18765
+ align-items: center;
18766
+ padding: var(--base-size-16);
18767
+ border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18768
+ }
18769
+
18770
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
18771
+ padding-inline-start: var(--base-size-24);
18302
18772
  }
18303
18773
 
18304
18774
  .Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
@@ -18336,16 +18806,6 @@ Fixes safari bug where outline doesn't respect border-radius
18336
18806
  display: none;
18337
18807
  }
18338
18808
 
18339
- .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18340
- position: relative;
18341
- top: 0;
18342
- color: var(--brand-color-text-muted);
18343
- min-width: var(--base-size-8);
18344
- min-height: var(--base-size-16);
18345
- display: inline-flex;
18346
- align-items: center;
18347
- }
18348
-
18349
18809
  /*
18350
18810
  * Anchor Nav Submenu
18351
18811
  */
@@ -18398,8 +18858,8 @@ Fixes safari bug where outline doesn't respect border-radius
18398
18858
 
18399
18859
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18400
18860
  display: flex;
18401
- padding-block-start: var(--base-size-12);
18402
- padding-block-end: var(--base-size-20);
18861
+ padding-block: var(--base-size-12);
18862
+ border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
18403
18863
  }
18404
18864
 
18405
18865
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
@@ -18410,28 +18870,20 @@ Fixes safari bug where outline doesn't respect border-radius
18410
18870
  gap: var(--base-size-20);
18411
18871
  }
18412
18872
 
18413
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18414
- color: var(--brand-color-text-default);
18415
- }
18416
-
18417
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18418
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18419
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18420
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18421
- opacity: 1;
18422
- transform: scale(0.8, 1);
18873
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18874
+ font-weight: 450; /* FIXME: unsupported in our font weight primitives */
18423
18875
  }
18424
18876
 
18425
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18426
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18427
- border-color: var(--brand-color-text-default);
18428
- transform: scale(0.9, 1);
18877
+ .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18878
+ padding: var(--base-size-6) var(--base-size-12);
18879
+ background-color: transparent;
18880
+ border-radius: var(--brand-borderRadius-full);
18881
+ transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),
18882
+ color var(--brand-animation-duration-default) var(--brand-animation-easing-default);
18429
18883
  }
18430
18884
 
18431
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18432
- .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18433
- border-color: var(--brand-color-text-default);
18434
- opacity: 1;
18885
+ .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 {
18886
+ background-color: var(--brand-SubNav-color-link-bgColor);
18435
18887
  }
18436
18888
 
18437
18889
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
@@ -18439,37 +18891,14 @@ Fixes safari bug where outline doesn't respect border-radius
18439
18891
  opacity: 0;
18440
18892
  }
18441
18893
 
18442
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18443
18894
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
18444
18895
  color: var(--brand-SubNav-color-link-active);
18445
18896
  -webkit-text-decoration: none !important;
18446
18897
  text-decoration: none !important; /* dotcom override */
18447
18898
  }
18448
18899
 
18449
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18450
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
18451
- content: '';
18452
- position: absolute;
18453
- bottom: calc(var(--base-size-2) * -1);
18454
- left: 0;
18455
- width: 100%;
18456
- height: 2px;
18457
- border-width: 2px;
18458
- border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
18459
- transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
18460
- border-color var(--brand-animation-duration-fast);
18461
- opacity: 1;
18462
- transform: scale(0);
18463
- transform-origin: center;
18464
- }
18465
-
18466
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18467
- border-color: var(--brand-color-text-default);
18468
- }
18469
-
18470
18900
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18471
18901
  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
18472
- color: var(--brand-SubNav-color-link-active);
18473
18902
  }
18474
18903
 
18475
18904
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
@@ -18527,6 +18956,18 @@ Fixes safari bug where outline doesn't respect border-radius
18527
18956
  display: block;
18528
18957
  }
18529
18958
 
18959
+ .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav--header-container-outer___tneuD {
18960
+ display: flex;
18961
+ flex-direction: column;
18962
+ max-height: 100dvh;
18963
+ max-height: var(--subnav-available-height, 100dvh);
18964
+ overflow: hidden;
18965
+ }
18966
+
18967
+ .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
18968
+ flex-shrink: 0;
18969
+ }
18970
+
18530
18971
  .Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
18531
18972
  z-index: -1;
18532
18973
  }
@@ -18546,6 +18987,8 @@ Fixes safari bug where outline doesn't respect border-radius
18546
18987
  display: flex;
18547
18988
  width: 100%;
18548
18989
  white-space: pre;
18990
+ position: relative;
18991
+ z-index: 9998;
18549
18992
  }
18550
18993
 
18551
18994
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
@@ -18561,49 +19004,55 @@ Fixes safari bug where outline doesn't respect border-radius
18561
19004
  justify-content: center;
18562
19005
  z-index: 9998;
18563
19006
  display: none;
19007
+ padding-inline: var(--base-size-8);
18564
19008
  }
18565
19009
 
18566
19010
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18567
19011
  display: flex;
18568
19012
  flex-direction: column;
18569
19013
  gap: var(--base-size-8);
18570
- padding-block-start: var(--base-size-16);
18571
- padding-block-end: var(--base-size-16);
18572
- }
18573
-
18574
- .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
18575
- border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
18576
- margin-block-start: var(--base-size-16);
19014
+ padding-block: var(--base-size-16);
19015
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19016
+ justify-content: flex-start;
19017
+ overflow-y: auto;
19018
+ min-height: 0;
18577
19019
  }
18578
19020
 
18579
19021
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18580
19022
  color: var(--brand-color-text-default);
18581
19023
  }
18582
19024
 
18583
- .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18584
- color: var(--brand-color-text-muted);
18585
- }
18586
-
18587
19025
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18588
- background-color: transparent;
18589
- border: none;
18590
- cursor: pointer;
18591
19026
  display: flex;
18592
19027
  position: relative;
18593
19028
  width: 100%;
18594
- order: 1;
18595
19029
  z-index: 9999;
18596
- padding: 0;
18597
19030
  justify-content: flex-end;
19031
+ padding-inline-end: var(--base-size-16);
18598
19032
  }
18599
19033
 
18600
19034
  .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___AxXKr) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
18601
- margin-block-start: var(--base-size-12);
19035
+ border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
19036
+ display: block;
19037
+ padding-block: var(--base-size-12);
19038
+ margin-block: 0;
18602
19039
  }
18603
19040
 
18604
19041
  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
18605
- justify-content: space-between;
18606
19042
  width: 100%;
19043
+ padding-inline-start: var(--base-size-16);
19044
+ }
19045
+
19046
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
19047
+ background-color: var(--brand-SubNav-color-link-bgColor);
19048
+ border: none;
19049
+ border-radius: var(--brand-borderRadius-full);
19050
+ padding: var(--base-size-4) var(--base-size-12);
19051
+ gap: var(--base-size-6);
19052
+ display: flex;
19053
+ align-items: center;
19054
+ cursor: pointer;
19055
+ font: inherit;
18607
19056
  }
18608
19057
 
18609
19058
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
@@ -18625,10 +19074,26 @@ Fixes safari bug where outline doesn't respect border-radius
18625
19074
  color: var(--brand-SubNav-color-link-active);
18626
19075
  }
18627
19076
 
19077
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19078
+ padding: var(--base-size-8);
19079
+ }
19080
+
19081
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19082
+ display: inline-block;
19083
+ background-color: var(--brand-SubNav-color-link-bgColor);
19084
+ border-radius: var(--brand-borderRadius-full);
19085
+ padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
19086
+ margin-inline-start: var(--base-size-8);
19087
+ }
19088
+
19089
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
19090
+ background-color: var(--brand-SubNav-color-link-bgColor);
19091
+ border-radius: var(--brand-borderRadius-medium);
19092
+ }
19093
+
18628
19094
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
18629
19095
  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
18630
19096
  display: block;
18631
- padding: var(--base-size-8) 0;
18632
19097
  animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
18633
19098
  }
18634
19099
 
@@ -18649,6 +19114,7 @@ Fixes safari bug where outline doesn't respect border-radius
18649
19114
  padding: 0;
18650
19115
  margin: 0;
18651
19116
  padding-inline-start: var(--base-size-16);
19117
+ padding-block-start: var(--base-size-8);
18652
19118
  }
18653
19119
 
18654
19120
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -18680,8 +19146,6 @@ Fixes safari bug where outline doesn't respect border-radius
18680
19146
  }
18681
19147
 
18682
19148
  .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18683
- font-size: var(--brand-text-size-200);
18684
- font-weight: var(--base-text-weight-medium);
18685
19149
  padding-block-end: var(--base-size-6);
18686
19150
  }
18687
19151
 
@@ -18705,19 +19169,7 @@ Fixes safari bug where outline doesn't respect border-radius
18705
19169
  display: block;
18706
19170
  white-space: pre;
18707
19171
  position: relative;
18708
- }
18709
-
18710
- .Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18711
- opacity: 0;
18712
- transform: scale(0);
18713
- bottom: 0;
18714
- }
18715
-
18716
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18717
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18718
- .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18719
- opacity: 1;
18720
- transform: scale(1);
19172
+ top: var(--base-size-2);
18721
19173
  }
18722
19174
  }
18723
19175
 
@@ -18739,7 +19191,7 @@ Fixes safari bug where outline doesn't respect border-radius
18739
19191
  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
18740
19192
  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
18741
19193
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
18742
- .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
19194
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
18743
19195
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
18744
19196
  outline-offset: var(--base-size-2);
18745
19197
  }
@@ -18750,20 +19202,24 @@ Fixes safari bug where outline doesn't respect border-radius
18750
19202
  white-space: nowrap;
18751
19203
  }
18752
19204
 
18753
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
18754
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
18755
- border-color: var(--brand-color-text-default);
18756
- opacity: 1;
18757
- transform: scale(0.8, 1);
18758
- }
18759
-
18760
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
18761
- opacity: 0;
19205
+ .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
19206
+ background-color: var(--brand-SubNav-color-link-bgColor);
19207
+ border: none;
19208
+ border-radius: var(--brand-borderRadius-full);
19209
+ padding: var(--base-size-6) var(--base-size-12);
18762
19210
  }
18763
19211
 
18764
19212
  @media screen and (min-width: 48rem) {
18765
- .Primer_Brand__SubNav-module__SubNav___dVoQu {
18766
- padding: var(--base-size-16) var(--base-size-24);
19213
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19214
+ padding-inline: var(--base-size-24);
19215
+ }
19216
+
19217
+ .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
19218
+ padding-inline-start: var(--base-size-24);
19219
+ }
19220
+
19221
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19222
+ padding: var(--base-size-24);
18767
19223
  }
18768
19224
 
18769
19225
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
@@ -18785,16 +19241,24 @@ Fixes safari bug where outline doesn't respect border-radius
18785
19241
 
18786
19242
  @media screen and (min-width: 63.25rem) {
18787
19243
  .Primer_Brand__SubNav-module__SubNav___dVoQu {
18788
- padding: var(--base-size-16) var(--base-size-32);
18789
19244
  align-items: center;
18790
19245
  display: flex;
18791
19246
  z-index: 92;
19247
+ padding-inline: var(--base-size-32);
19248
+ }
19249
+
19250
+ .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
19251
+ padding: 0;
18792
19252
  }
18793
19253
 
18794
19254
  .Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
18795
19255
  padding-block-end: 0;
18796
19256
  }
18797
19257
 
19258
+ .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
19259
+ padding-inline-start: 0;
19260
+ }
19261
+
18798
19262
  .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
18799
19263
  padding-inline: 0;
18800
19264
  }
@@ -18807,11 +19271,6 @@ Fixes safari bug where outline doesn't respect border-radius
18807
19271
  padding-block-end: 1px;
18808
19272
  }
18809
19273
 
18810
- .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
18811
- font-size: calc(var(--base-size-20) - 2px);
18812
- line-height: var(--base-size-24);
18813
- }
18814
-
18815
19274
  .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
18816
19275
  margin-inline-end: var(--base-size-20);
18817
19276
  display: inline-flex;
@@ -18827,26 +19286,18 @@ Fixes safari bug where outline doesn't respect border-radius
18827
19286
  align-items: center;
18828
19287
  }
18829
19288
 
18830
- .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
18831
- margin-inline-end: var(--base-size-20);
18832
- }
18833
-
18834
19289
  .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
18835
19290
  display: flex;
18836
19291
  align-items: center;
18837
19292
  }
18838
19293
 
18839
- .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
18840
- font-size: var(--brand-text-size-100);
18841
- line-height: var(--brand-text-lineHeight-100);
18842
- }
18843
-
18844
19294
  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
18845
19295
  align-items: center;
18846
19296
  display: flex;
18847
19297
  gap: var(--base-size-20);
18848
19298
  z-index: 92;
18849
19299
  flex-grow: 1;
19300
+ padding-inline-start: var(--base-size-24);
18850
19301
  }
18851
19302
 
18852
19303
  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -18879,24 +19330,20 @@ Fixes safari bug where outline doesn't respect border-radius
18879
19330
 
18880
19331
  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
18881
19332
  background-clip: padding-box;
18882
- background-color: var(--brand-SubNav-color-subMenu-bgColor);
18883
- border: max(1px, 0.0625rem) solid var(--borderColor-default, var(--color-border-default));
18884
- border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
18885
- border-radius: 0.375rem;
18886
- border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
18887
- box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
19333
+ background-color: var(--brand-color-canvas-default);
19334
+ border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
19335
+ border-radius: var(--brand-borderRadius-medium);
18888
19336
  left: 0;
18889
19337
  list-style: none;
18890
19338
  margin-block-start: var(--base-size-8);
18891
- padding: var(--base-size-24);
18892
- padding-inline-end: var(--base-size-24);
19339
+ padding: var(--base-size-8);
18893
19340
  position: absolute;
18894
- top: 100%;
19341
+ top: 90%;
18895
19342
  z-index: 9998;
18896
19343
  transition-timing-function: var(--brand-animation-easing-glide);
18897
19344
  transition-duration: var(--brand-animation-duration-fast);
18898
19345
  transition-property: opacity, transform;
18899
- left: calc(var(--base-size-4) / 4 * -16);
19346
+ left: var(--base-size-4);
18900
19347
  visibility: hidden;
18901
19348
  opacity: 0;
18902
19349
  transform: scale(0.99) translateY(-0.7em) translateX(-8px);
@@ -18911,7 +19358,6 @@ Fixes safari bug where outline doesn't respect border-radius
18911
19358
  visibility: visible;
18912
19359
  opacity: 1;
18913
19360
  transform: scale(1) translateY(0) translateX(-8px);
18914
- box-shadow: var(--brand-SubNav-shadow);
18915
19361
  }
18916
19362
 
18917
19363
  .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
@@ -18933,10 +19379,6 @@ Fixes safari bug where outline doesn't respect border-radius
18933
19379
  display: block;
18934
19380
  }
18935
19381
 
18936
- .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
18937
- color: var(--brand-color-text-default) !important;
18938
- }
18939
-
18940
19382
  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18941
19383
  opacity: 1;
18942
19384
  transform: scale(0);
@@ -18955,18 +19397,55 @@ Fixes safari bug where outline doesn't respect border-radius
18955
19397
  padding: var(--base-size-4) 0;
18956
19398
  }
18957
19399
 
18958
- /* Show underline on submenu parent when child has aria-current */
18959
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:has(.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']))
18960
- > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ
18961
- .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18962
- opacity: 1;
18963
- transform: scale(0.8, 1);
19400
+ /* Show pill on submenu parent */
19401
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
19402
+ background-color: var(--brand-SubNav-color-link-bgColor);
19403
+ border-radius: var(--brand-borderRadius-full);
19404
+ padding: 0 var(--base-size-8) 0 0;
19405
+ gap: 0;
18964
19406
  }
18965
19407
 
18966
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
18967
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
18968
- opacity: 1;
18969
- transform: scale(1);
19408
+ .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19409
+ padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
19410
+ }
19411
+
19412
+ .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
19413
+ padding: var(--base-size-12);
19414
+ }
19415
+
19416
+ /* Active link pill styling */
19417
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
19418
+ background-color: var(--brand-SubNav-color-link-bgColor);
19419
+ border-radius: var(--brand-borderRadius-full);
19420
+ padding: var(--base-size-4) var(--base-size-12);
19421
+ line-height: 1.1em;
19422
+ }
19423
+
19424
+ /* Firefox optical alignment fix */
19425
+ @supports (-moz-appearance: none) {
19426
+ .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
19427
+ .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
19428
+ .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
19429
+ .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
19430
+ top: 0;
19431
+ }
19432
+ }
19433
+
19434
+ .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']) {
19435
+ padding-inline-end: var(--base-size-4);
19436
+ }
19437
+
19438
+ .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']) {
19439
+ background-color: transparent;
19440
+ border-radius: var(--brand-borderRadius-medium);
19441
+ padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
19442
+ top: auto;
19443
+ top: initial;
19444
+ }
19445
+
19446
+ .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 {
19447
+ background-color: var(--brand-SubNav-color-link-bgColor);
19448
+ border-radius: var(--brand-borderRadius-medium);
18970
19449
  }
18971
19450
 
18972
19451
  .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
@@ -18975,10 +19454,6 @@ Fixes safari bug where outline doesn't respect border-radius
18975
19454
  transition: transform var(--brand-animation-duration-fast);
18976
19455
  }
18977
19456
 
18978
- .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
18979
- transform: translateY(2px);
18980
- }
18981
-
18982
19457
  .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
18983
19458
  padding-inline: var(--base-size-32);
18984
19459
  }
@@ -19016,7 +19491,7 @@ Fixes safari bug where outline doesn't respect border-radius
19016
19491
 
19017
19492
  /**
19018
19493
  * Do not edit directly
19019
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
19494
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
19020
19495
  */
19021
19496
 
19022
19497
  :root {
@@ -19025,7 +19500,7 @@ Fixes safari bug where outline doesn't respect border-radius
19025
19500
 
19026
19501
  /**
19027
19502
  * Do not edit directly
19028
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
19503
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
19029
19504
  */
19030
19505
 
19031
19506
  :root,
@@ -19521,7 +19996,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19521
19996
 
19522
19997
  /**
19523
19998
  * Do not edit directly
19524
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
19999
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
19525
20000
  */
19526
20001
 
19527
20002
  :root,
@@ -19620,7 +20095,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19620
20095
 
19621
20096
  /**
19622
20097
  * Do not edit directly
19623
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20098
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
19624
20099
  */
19625
20100
 
19626
20101
  :root,
@@ -19998,7 +20473,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
19998
20473
 
19999
20474
  /**
20000
20475
  * Do not edit directly
20001
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20476
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
20002
20477
  */
20003
20478
 
20004
20479
  :root,
@@ -20012,7 +20487,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20012
20487
 
20013
20488
  /**
20014
20489
  * Do not edit directly
20015
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20490
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
20016
20491
  */
20017
20492
 
20018
20493
  :root {
@@ -20199,7 +20674,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20199
20674
 
20200
20675
  /**
20201
20676
  * Do not edit directly
20202
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
20677
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
20203
20678
  */
20204
20679
 
20205
20680
  :root {
@@ -20284,7 +20759,6 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20284
20759
  }
20285
20760
 
20286
20761
  .Primer_Brand__Statistic-module__Statistic__heading___xQ8Ki {
20287
- font-stretch: 75%;
20288
20762
  position: relative;
20289
20763
  }
20290
20764
 
@@ -20484,7 +20958,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20484
20958
 
20485
20959
  /**
20486
20960
  * Do not edit directly
20487
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
20961
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
20488
20962
  */
20489
20963
 
20490
20964
  :root {
@@ -20495,7 +20969,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20495
20969
 
20496
20970
  /**
20497
20971
  * Do not edit directly
20498
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
20972
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
20499
20973
  */
20500
20974
 
20501
20975
  :root,
@@ -20633,7 +21107,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20633
21107
 
20634
21108
  /**
20635
21109
  * Do not edit directly
20636
- * Generated on Thu, 19 Feb 2026 19:56:10 GMT
21110
+ * Generated on Tue, 24 Feb 2026 11:38:46 GMT
20637
21111
  */
20638
21112
 
20639
21113
  :root {
@@ -20642,7 +21116,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20642
21116
 
20643
21117
  /**
20644
21118
  * Do not edit directly
20645
- * Generated on Thu, 19 Feb 2026 19:56:11 GMT
21119
+ * Generated on Tue, 24 Feb 2026 11:38:47 GMT
20646
21120
  */
20647
21121
 
20648
21122
  :root,