@primer/react-brand 0.66.0 → 0.67.0-rc.197d7044

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 (369) hide show
  1. package/lib/Card/Card.d.ts +34 -7
  2. package/lib/EyebrowText/EyebrowText.d.ts +6 -2
  3. package/lib/Hero/HeroContext.d.ts +1 -1
  4. package/lib/PricingOptions/PricingOptions.d.ts +14 -7
  5. package/lib/SectionIntro/SectionIntro.d.ts +7 -5
  6. package/lib/Token/Token.d.ts +46 -0
  7. package/lib/Token/index.d.ts +1 -0
  8. package/lib/css/main.css +1629 -640
  9. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +3 -1
  15. package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -1
  16. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/card/base.css +3 -3
  24. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +4 -2
  25. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +2 -1
  26. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +5 -5
  45. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +3 -3
  46. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.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/token/colors-with-modes.css +43 -0
  86. package/lib/design-tokens/css/tokens/functional/components/token/colors.css +23 -0
  87. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  98. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  99. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +5 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +3 -3
  106. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +6 -2
  107. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +5 -5
  118. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/components/token/colors.js +83 -0
  142. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  150. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  151. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  152. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  153. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  154. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  156. package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -1
  157. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  158. package/lib/design-tokens/js/tokens/functional/components/card/base.js +3 -3
  159. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -1
  160. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  170. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +3 -3
  171. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  183. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/components/token/colors.js +21 -0
  195. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  202. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  203. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  204. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  205. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  206. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  209. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +2 -1
  210. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  211. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +3 -3
  212. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +2 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  223. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +3 -3
  224. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  235. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/components/token/colors.scss +20 -0
  248. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  254. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  255. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  256. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  257. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  258. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  259. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  260. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  261. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  262. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  263. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +2 -1
  267. package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +3 -3
  272. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +3 -2
  273. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +2 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  295. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +3 -3
  296. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/components/token/colors.d.ts +38 -0
  343. package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +35 -0
  344. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  358. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  359. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  360. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  361. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  362. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  363. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  364. package/lib/index.d.ts +1 -0
  365. package/lib/index.js +1 -1
  366. package/lib/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts +41 -0
  367. package/lib/river/RiverBreakoutTabs/index.d.ts +1 -0
  368. package/lib/river/index.d.ts +1 -0
  369. package/package.json +2 -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 Wed, 08 Apr 2026 15:02:25 GMT
81
+ * Generated on Wed, 15 Apr 2026 12:23:37 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 Wed, 08 Apr 2026 15:02:25 GMT
359
+ * Generated on Wed, 15 Apr 2026 12:23:36 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 Wed, 08 Apr 2026 15:02:25 GMT
386
+ * Generated on Wed, 15 Apr 2026 12:23:36 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 Wed, 08 Apr 2026 15:02:25 GMT
403
+ * Generated on Wed, 15 Apr 2026 12:23:36 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 Wed, 08 Apr 2026 15:02:24 GMT
561
+ * Generated on Wed, 15 Apr 2026 12:23:36 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 Wed, 08 Apr 2026 15:02:24 GMT
575
+ * Generated on Wed, 15 Apr 2026 12:23:36 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 Wed, 08 Apr 2026 15:02:25 GMT
594
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
595
595
  */
596
596
 
597
597
  :root,
@@ -624,6 +624,7 @@ html {
624
624
  --brand-color-neutral-muted: rgba(196,204,198,0.99608);
625
625
  --brand-color-neutral-subtle: rgba(228,235,230,0.99608);
626
626
  --brand-color-canvas-default: var(--base-color-scale-white-0);
627
+ --brand-color-canvas-invert: var(--base-color-scale-black-0);
627
628
  --brand-color-canvas-overlay: var(--base-color-scale-white-0);
628
629
  --brand-color-canvas-inset: var(--base-color-scale-gray-0);
629
630
  --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
@@ -663,6 +664,7 @@ html {
663
664
  --brand-color-neutral-muted: rgba(124,137,128,0.99608);
664
665
  --brand-color-neutral-subtle: rgba(124,137,128,1);
665
666
  --brand-color-canvas-default: var(--base-color-scale-black-0);
667
+ --brand-color-canvas-invert: var(--base-color-scale-white-0);
666
668
  --brand-color-canvas-overlay: var(--base-color-scale-gray-6);
667
669
  --brand-color-canvas-inset: var(--base-color-scale-black-0);
668
670
  --brand-color-canvas-subtle: var(--base-color-scale-gray-8);
@@ -691,7 +693,7 @@ html {
691
693
 
692
694
  /**
693
695
  * Do not edit directly
694
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
696
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
695
697
  */
696
698
 
697
699
  :root {
@@ -718,7 +720,7 @@ html {
718
720
 
719
721
  /**
720
722
  * Do not edit directly
721
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
723
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
722
724
  */
723
725
 
724
726
  :root,
@@ -1491,7 +1493,7 @@ html {
1491
1493
 
1492
1494
  /**
1493
1495
  * Do not edit directly
1494
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
1496
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
1495
1497
  */
1496
1498
 
1497
1499
  :root {
@@ -1799,7 +1801,7 @@ html {
1799
1801
 
1800
1802
  /**
1801
1803
  * Do not edit directly
1802
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
1804
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
1803
1805
  */
1804
1806
 
1805
1807
  :root {
@@ -5874,6 +5876,15 @@ html {
5874
5876
  text-align: center;
5875
5877
  }
5876
5878
 
5879
+ .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
5880
+ text-transform: uppercase;
5881
+ letter-spacing: var(--brand-text-letterSpacing-100);
5882
+ }
5883
+
5884
+ .Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
5885
+ color: var(--brand-color-accent-primary);
5886
+ }
5887
+
5877
5888
  .Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
5878
5889
  display: inline-flex;
5879
5890
  align-items: center;
@@ -5886,7 +5897,6 @@ html {
5886
5897
  }
5887
5898
 
5888
5899
  .Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___yWOoE {
5889
- text-transform: uppercase;
5890
5900
  font-weight: var(--brand-text-weight-500);
5891
5901
  clip-path: inset(0 calc((1 - 1) * 100%) 0 0);
5892
5902
  clip-path: inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress, 1)) * 100%) 0 0);
@@ -6757,7 +6767,12 @@ html {
6757
6767
  }
6758
6768
 
6759
6769
  .Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
6760
- transition: transform 200ms;
6770
+ --ExpandableArrow-duration: 200ms;
6771
+ --ExpandableArrow-easing: ease;
6772
+
6773
+ transition: transform 200ms ease;
6774
+
6775
+ transition: transform var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
6761
6776
  transform: translateX(0);
6762
6777
  }
6763
6778
 
@@ -6768,7 +6783,7 @@ html {
6768
6783
  .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
6769
6784
  stroke-dasharray: 10;
6770
6785
  stroke-dashoffset: 10;
6771
- transition: stroke-dashoffset 200ms;
6786
+ transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
6772
6787
  }
6773
6788
 
6774
6789
  .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
@@ -6785,7 +6800,7 @@ html {
6785
6800
 
6786
6801
  /**
6787
6802
  * Do not edit directly
6788
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
6803
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
6789
6804
  */
6790
6805
 
6791
6806
  :root,
@@ -7122,7 +7137,7 @@ html {
7122
7137
 
7123
7138
  /**
7124
7139
  * Do not edit directly
7125
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
7140
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
7126
7141
  */
7127
7142
 
7128
7143
  :root {
@@ -7143,7 +7158,7 @@ html {
7143
7158
 
7144
7159
  /**
7145
7160
  * Do not edit directly
7146
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
7161
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
7147
7162
  */
7148
7163
 
7149
7164
  :root {
@@ -7509,6 +7524,7 @@ html {
7509
7524
  }
7510
7525
 
7511
7526
  .Primer_Brand__Link-module__Link--label___j8etE {
7527
+ color: inherit !important; /* Some components like Accordion override all children color. We need to force this. */
7512
7528
  font-weight: var(--base-text-weight-medium);
7513
7529
  }
7514
7530
 
@@ -7541,7 +7557,7 @@ html {
7541
7557
 
7542
7558
  /**
7543
7559
  * Do not edit directly
7544
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
7560
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
7545
7561
  */
7546
7562
 
7547
7563
  :root,
@@ -7557,7 +7573,7 @@ html {
7557
7573
 
7558
7574
  /**
7559
7575
  * Do not edit directly
7560
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
7576
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
7561
7577
  */
7562
7578
 
7563
7579
  :root,
@@ -7822,14 +7838,9 @@ html {
7822
7838
  }
7823
7839
  }
7824
7840
 
7825
- .Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
7826
- text-transform: uppercase;
7827
- letter-spacing: var(--brand-text-letterSpacing-100);
7828
- }
7829
-
7830
7841
  /**
7831
7842
  * Do not edit directly
7832
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
7843
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
7833
7844
  */
7834
7845
 
7835
7846
  :root {
@@ -8310,6 +8321,14 @@ html {
8310
8321
  gap: 0;
8311
8322
  }
8312
8323
 
8324
+ @media screen and (max-width: 63.24rem) {
8325
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8326
+ width: 100%;
8327
+ max-width: 38.625rem;
8328
+ margin-inline: auto;
8329
+ }
8330
+ }
8331
+
8313
8332
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
8314
8333
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8315
8334
  content: '';
@@ -8329,7 +8348,19 @@ html {
8329
8348
  bottom: 0;
8330
8349
  }
8331
8350
 
8332
- @media screen and (min-width: 80rem) {
8351
+ @media screen and (min-width: 618px) {
8352
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8353
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8354
+ }
8355
+ }
8356
+
8357
+ @media screen and (min-width: 63.25rem) {
8358
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8359
+ border-inline: none;
8360
+ }
8361
+ }
8362
+
8363
+ @media screen and (min-width: 1300px) {
8333
8364
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8334
8365
  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8335
8366
  }
@@ -8445,6 +8476,10 @@ html {
8445
8476
  border-radius: var(--brand-borderRadius-large);
8446
8477
  }
8447
8478
 
8479
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
8480
+ border-radius: var(--brand-borderRadius-large);
8481
+ }
8482
+
8448
8483
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8449
8484
  margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8450
8485
  padding: var(--base-size-32);
@@ -8462,6 +8497,11 @@ html {
8462
8497
  border-end-start-radius: 0;
8463
8498
  border-end-end-radius: 0;
8464
8499
  }
8500
+
8501
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
8502
+ border-end-start-radius: 0;
8503
+ border-end-end-radius: 0;
8504
+ }
8465
8505
  }
8466
8506
 
8467
8507
  @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
@@ -8476,11 +8516,30 @@ html {
8476
8516
  border-end-start-radius: 0;
8477
8517
  border-end-end-radius: 0;
8478
8518
  }
8519
+
8520
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
8521
+ border-end-start-radius: 0;
8522
+ border-end-end-radius: 0;
8523
+ }
8479
8524
  }
8480
8525
 
8481
8526
  @media screen and (min-width: 63.25rem) {
8482
8527
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8528
+ align-items: flex-end;
8483
8529
  padding: var(--base-size-64);
8530
+ padding-block-end: 0;
8531
+ }
8532
+
8533
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
8534
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
8535
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
8536
+ border-end-start-radius: 0;
8537
+ border-end-end-radius: 0;
8538
+ }
8539
+
8540
+ .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
8541
+ border-end-start-radius: 0;
8542
+ border-end-end-radius: 0;
8484
8543
  }
8485
8544
 
8486
8545
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
@@ -8488,171 +8547,706 @@ html {
8488
8547
  }
8489
8548
  }
8490
8549
 
8491
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8492
- --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
8493
- -webkit-font-smoothing: antialiased;
8494
- --stackDistance: calc(var(--base-size-24) * -1);
8495
-
8496
- /* River visual (videos)
8497
- * UL = unit-less, needed for division in certain scenarios
8498
- */
8499
- --visualMaxWidth: 1032px;
8500
- --visualMaxWidthUL: 1032;
8501
- --visualMaxHeight: min(690px, 60vh);
8502
- --visualMaxHeightUL: 690;
8503
- --storyScrollPadding: min(32px, 5vw);
8504
- position: relative;
8550
+ .Primer_Brand__Icon-module__Icon___bf2xY {
8551
+ box-sizing: content-box;
8552
+ padding: 0;
8505
8553
  }
8506
- @media (max-height: 720px) {
8507
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8508
- --visualMaxHeight: 55vh;
8509
- }
8554
+
8555
+ .Primer_Brand__Icon-module__Icon___bf2xY > svg {
8556
+ display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
8510
8557
  }
8511
8558
 
8512
- @media (max-height: 600px) {
8513
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8514
- --visualMaxHeight: 50vh;
8515
- }
8559
+ .Primer_Brand__Icon-module__Icon--size-20___bxF8U {
8560
+ width: var(--base-size-20);
8561
+ height: var(--base-size-20);
8516
8562
  }
8517
8563
 
8518
- @media (max-height: 500px) {
8519
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8520
- --visualMaxHeight: 40vh;
8521
- }
8564
+ .Primer_Brand__Icon-module__Icon--size-24___yTJML {
8565
+ width: var(--base-size-24);
8566
+ height: var(--base-size-24);
8522
8567
  }
8523
8568
 
8524
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
8525
- position: relative;
8569
+ .Primer_Brand__Icon-module__Icon--size-28___tnGmL {
8570
+ width: var(--base-size-28);
8571
+ height: var(--base-size-28);
8526
8572
  }
8527
8573
 
8528
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
8529
- position: absolute;
8530
- left: 0;
8531
- width: 100%;
8574
+ .Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
8575
+ width: var(--base-size-32);
8576
+ height: var(--base-size-32);
8532
8577
  }
8533
8578
 
8534
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
8535
- margin-left: auto;
8536
- margin-right: auto;
8537
- width: auto;
8538
- z-index: 10;
8539
- position: relative;
8540
- border-radius: var(--brand-borderRadius-large);
8579
+ .Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
8580
+ width: var(--base-size-36);
8581
+ height: var(--base-size-36);
8541
8582
  }
8542
8583
 
8543
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
8544
- grid-template-columns: 1fr;
8545
- gap: 0;
8584
+ .Primer_Brand__Icon-module__Icon--size-40___cXhgu {
8585
+ width: var(--base-size-40);
8586
+ height: var(--base-size-40);
8546
8587
  }
8547
8588
 
8548
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
8549
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
8550
- display: none;
8589
+ .Primer_Brand__Icon-module__Icon--size-44___vwox2 {
8590
+ width: var(--base-size-44);
8591
+ height: var(--base-size-44);
8551
8592
  }
8552
8593
 
8553
- @media (max-width: 542px) {
8554
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8555
- --topOffset: calc((100vh - min(664px, 60vh)) / 5);
8556
- }
8594
+ .Primer_Brand__Icon-module__Icon--background___d6RdL {
8595
+ padding: var(--base-size-12);
8596
+ border-radius: var(--brand-borderRadius-medium);
8557
8597
  }
8558
8598
 
8559
- @media (max-width: 768px) and (min-height: 670px) {
8560
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8561
- --extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
8562
- }
8599
+ .Primer_Brand__Icon-module__Icon--color-default___z2cYk {
8600
+ color: var(--brand-Icon-color-default);
8563
8601
  }
8564
8602
 
8565
- @media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
8566
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8567
- --extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
8568
- }
8603
+ .Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
8604
+ background-color: var(--brand-Icon-background-default);
8569
8605
  }
8570
8606
 
8571
- @media (min-width: 542px) {
8572
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8573
- --scrollTextHeight: 42vh;
8574
- }
8607
+ .Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
8608
+ color: var(--brand-Icon-color-blue);
8575
8609
  }
8576
8610
 
8577
- @media (max-height: 520px) {
8578
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8579
- --scrollTextHeight: 70vh;
8580
- }
8611
+ .Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
8612
+ background-color: var(--brand-Icon-background-blue);
8581
8613
  }
8582
8614
 
8583
- @media (min-width: 1028px) {
8584
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8585
- --stackDistance: -30px;
8586
- }
8615
+ .Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
8616
+ color: var(--brand-Icon-color-coral);
8587
8617
  }
8588
8618
 
8589
- @media (max-height: 800px) {
8590
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8591
- --stackDistance: -20px;
8592
- }
8619
+ .Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
8620
+ background-color: var(--brand-Icon-background-coral);
8593
8621
  }
8594
8622
 
8595
- @media (max-height: 500px) {
8596
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8597
- --stackDistance: -15px;
8598
- }
8623
+ .Primer_Brand__Icon-module__Icon--color-green___OxAZK {
8624
+ color: var(--brand-Icon-color-green);
8599
8625
  }
8600
8626
 
8601
- @media screen and (max-width: 768px) {
8602
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8603
- --topOffset: calc((100vh - min(664px, 60vh)) / 3);
8627
+ .Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
8628
+ background-color: var(--brand-Icon-background-green);
8629
+ }
8604
8630
 
8605
- /* Spacing above the visual */
8606
- --availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
8607
- --relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
8608
- --visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
8609
- --visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
8610
- --scrollTextHeight: 58vh;
8611
- --textToVisualPadding: max(5vh, 40px);
8631
+ .Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
8632
+ color: var(--brand-Icon-color-gray);
8633
+ }
8612
8634
 
8613
- --topScrollOffset: calc(var(--visualHeight));
8614
- --bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
8635
+ .Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
8636
+ background-color: var(--brand-Icon-background-gray);
8637
+ }
8615
8638
 
8616
- --extraBottomSpacing: 70px;
8617
- }
8639
+ .Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
8640
+ color: var(--brand-Icon-color-indigo);
8641
+ }
8618
8642
 
8619
- /* Enhanced styling if dvh is supported */
8620
- @supports (height: 100dvh) {
8621
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
8622
- height: 100dvh;
8623
- }
8624
- }
8643
+ .Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
8644
+ background-color: var(--brand-Icon-background-indigo);
8645
+ }
8625
8646
 
8626
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container___ZJlnt {
8627
- position: absolute;
8628
- width: 100%;
8629
- height: 100%;
8630
- left: 0;
8631
- top: 0;
8632
- }
8647
+ .Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
8648
+ color: var(--brand-Icon-color-lemon);
8649
+ }
8633
8650
 
8634
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
8635
- min-height: var(--scrollTextHeight);
8636
- position: relative;
8637
- transition: opacity 0.3s var(--ease);
8638
- }
8651
+ .Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
8652
+ background-color: var(--brand-Icon-background-lemon);
8653
+ }
8639
8654
 
8640
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
8641
- opacity: 0;
8642
- }
8655
+ .Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
8656
+ color: var(--brand-Icon-color-lime);
8657
+ }
8643
8658
 
8644
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
8645
- opacity: 0;
8646
- }
8659
+ .Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
8660
+ background-color: var(--brand-Icon-background-lime);
8661
+ }
8647
8662
 
8648
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8649
- max-width: calc(1032px + var(--storyScrollPadding) * 2);
8650
- margin-top: min(30vw, 22vh);
8651
- margin-left: auto;
8652
- margin-right: auto;
8653
- padding-right: var(--storyScrollPadding);
8654
- padding-left: var(--storyScrollPadding);
8655
- }
8663
+ .Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
8664
+ color: var(--brand-Icon-color-orange);
8665
+ }
8666
+
8667
+ .Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
8668
+ background-color: var(--brand-Icon-background-orange);
8669
+ }
8670
+
8671
+ .Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
8672
+ color: var(--brand-Icon-color-pink);
8673
+ }
8674
+
8675
+ .Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
8676
+ background-color: var(--brand-Icon-background-pink);
8677
+ }
8678
+
8679
+ .Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
8680
+ color: var(--brand-Icon-color-purple);
8681
+ }
8682
+
8683
+ .Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
8684
+ background-color: var(--brand-Icon-background-purple);
8685
+ }
8686
+
8687
+ .Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
8688
+ color: var(--brand-Icon-color-red);
8689
+ }
8690
+
8691
+ .Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
8692
+ background-color: var(--brand-Icon-background-red);
8693
+ }
8694
+
8695
+ .Primer_Brand__Icon-module__Icon--color-teal___fix20 {
8696
+ color: var(--brand-Icon-color-teal);
8697
+ }
8698
+
8699
+ .Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
8700
+ background-color: var(--brand-Icon-background-teal);
8701
+ }
8702
+
8703
+ .Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
8704
+ color: var(--brand-Icon-color-yellow);
8705
+ }
8706
+
8707
+ .Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
8708
+ background-color: var(--brand-Icon-background-yellow);
8709
+ }
8710
+
8711
+ /**
8712
+ * Do not edit directly
8713
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
8714
+ */
8715
+
8716
+ :root {
8717
+ --brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
8718
+ --brand-Icon-color-teal: var(--base-color-scale-teal-5);
8719
+ --brand-Icon-color-red: var(--base-color-scale-red-5);
8720
+ --brand-Icon-color-purple: var(--base-color-scale-purple-5);
8721
+ --brand-Icon-color-pink: var(--base-color-scale-pink-5);
8722
+ --brand-Icon-color-orange: var(--base-color-scale-orange-5);
8723
+ --brand-Icon-color-lime: var(--base-color-scale-lime-5);
8724
+ --brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
8725
+ --brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
8726
+ --brand-Icon-color-gray: var(--base-color-scale-gray-6);
8727
+ --brand-Icon-color-green: var(--base-color-scale-green-6);
8728
+ --brand-Icon-color-coral: var(--base-color-scale-coral-5);
8729
+ --brand-Icon-color-blue: var(--base-color-scale-blue-5);
8730
+ --brand-Icon-color-default: var(--brand-Icon-color-green);
8731
+ --brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
8732
+ --brand-Icon-background-teal: var(--base-color-scale-teal-0);
8733
+ --brand-Icon-background-red: var(--base-color-scale-red-0);
8734
+ --brand-Icon-background-purple: var(--base-color-scale-purple-0);
8735
+ --brand-Icon-background-pink: var(--base-color-scale-pink-0);
8736
+ --brand-Icon-background-orange: var(--base-color-scale-orange-0);
8737
+ --brand-Icon-background-lime: var(--base-color-scale-lime-0);
8738
+ --brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
8739
+ --brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
8740
+ --brand-Icon-background-gray: var(--base-color-scale-gray-0);
8741
+ --brand-Icon-background-green: var(--base-color-scale-green-0);
8742
+ --brand-Icon-background-coral: var(--base-color-scale-coral-0);
8743
+ --brand-Icon-background-blue: var(--base-color-scale-blue-0);
8744
+ --brand-Icon-background-default: var(--brand-Icon-background-green);
8745
+ }
8746
+
8747
+ /**
8748
+ * Do not edit directly
8749
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
8750
+ */
8751
+
8752
+ :root,
8753
+ [data-color-mode="light"] {
8754
+ --brand-Icon-background-default: var(--brand-Icon-background-green);
8755
+ --brand-Icon-background-blue: var(--base-color-scale-blue-0);
8756
+ --brand-Icon-background-coral: var(--base-color-scale-coral-0);
8757
+ --brand-Icon-background-green: var(--base-color-scale-green-0);
8758
+ --brand-Icon-background-gray: var(--base-color-scale-gray-0);
8759
+ --brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
8760
+ --brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
8761
+ --brand-Icon-background-lime: var(--base-color-scale-lime-0);
8762
+ --brand-Icon-background-orange: var(--base-color-scale-orange-0);
8763
+ --brand-Icon-background-pink: var(--base-color-scale-pink-0);
8764
+ --brand-Icon-background-purple: var(--base-color-scale-purple-0);
8765
+ --brand-Icon-background-red: var(--base-color-scale-red-0);
8766
+ --brand-Icon-background-teal: var(--base-color-scale-teal-0);
8767
+ --brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
8768
+ --brand-Icon-color-default: var(--brand-Icon-color-green);
8769
+ --brand-Icon-color-blue: var(--base-color-scale-blue-5);
8770
+ --brand-Icon-color-coral: var(--base-color-scale-coral-5);
8771
+ --brand-Icon-color-green: var(--base-color-scale-green-6);
8772
+ --brand-Icon-color-gray: var(--base-color-scale-gray-6);
8773
+ --brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
8774
+ --brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
8775
+ --brand-Icon-color-lime: var(--base-color-scale-lime-5);
8776
+ --brand-Icon-color-orange: var(--base-color-scale-orange-5);
8777
+ --brand-Icon-color-pink: var(--base-color-scale-pink-5);
8778
+ --brand-Icon-color-purple: var(--base-color-scale-purple-5);
8779
+ --brand-Icon-color-red: var(--base-color-scale-red-5);
8780
+ --brand-Icon-color-teal: var(--base-color-scale-teal-5);
8781
+ --brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
8782
+ }
8783
+
8784
+ [data-color-mode="dark"] {
8785
+ --brand-Icon-background-default: var(--brand-Icon-background-green);
8786
+ --brand-Icon-background-blue: var(--base-color-scale-blue-8);
8787
+ --brand-Icon-background-coral: var(--base-color-scale-coral-8);
8788
+ --brand-Icon-background-green: var(--base-color-scale-green-8);
8789
+ --brand-Icon-background-gray: var(--base-color-scale-gray-6);
8790
+ --brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
8791
+ --brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
8792
+ --brand-Icon-background-lime: var(--base-color-scale-lime-8);
8793
+ --brand-Icon-background-orange: var(--base-color-scale-orange-8);
8794
+ --brand-Icon-background-pink: var(--base-color-scale-pink-8);
8795
+ --brand-Icon-background-purple: var(--base-color-scale-purple-8);
8796
+ --brand-Icon-background-red: var(--base-color-scale-red-8);
8797
+ --brand-Icon-background-teal: var(--base-color-scale-teal-8);
8798
+ --brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
8799
+ --brand-Icon-color-default: var(--brand-Icon-color-green);
8800
+ --brand-Icon-color-blue: var(--base-color-scale-blue-2);
8801
+ --brand-Icon-color-coral: var(--base-color-scale-coral-2);
8802
+ --brand-Icon-color-green: var(--base-color-scale-green-2);
8803
+ --brand-Icon-color-gray: var(--base-color-scale-gray-2);
8804
+ --brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
8805
+ --brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
8806
+ --brand-Icon-color-lime: var(--base-color-scale-lime-2);
8807
+ --brand-Icon-color-orange: var(--base-color-scale-orange-2);
8808
+ --brand-Icon-color-pink: var(--base-color-scale-pink-2);
8809
+ --brand-Icon-color-purple: var(--base-color-scale-purple-2);
8810
+ --brand-Icon-color-red: var(--base-color-scale-red-2);
8811
+ --brand-Icon-color-teal: var(--base-color-scale-teal-2);
8812
+ --brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
8813
+ }
8814
+
8815
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
8816
+ --river-breakout-tabs-columns: 1;
8817
+ }
8818
+
8819
+ @media screen and (max-width: 63.24rem) {
8820
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
8821
+ width: 100%;
8822
+ max-width: 38.625rem;
8823
+ margin-inline: auto;
8824
+ }
8825
+ }
8826
+
8827
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
8828
+ display: flex;
8829
+ flex-direction: column;
8830
+ }
8831
+
8832
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabList___xlU3i {
8833
+ display: flex;
8834
+ flex-direction: column;
8835
+ padding-block-end: var(--base-size-80);
8836
+ }
8837
+
8838
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisuals___hDA4K {
8839
+ order: 1;
8840
+ margin-block-end: var(--base-size-36);
8841
+ width: 100%;
8842
+ }
8843
+
8844
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisuals___yL4Ev {
8845
+ margin-block-end: var(--base-size-16);
8846
+ width: 100%;
8847
+ }
8848
+
8849
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_ {
8850
+ min-width: 0;
8851
+ }
8852
+
8853
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 video, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU video {
8854
+ display: block;
8855
+ max-width: 100%;
8856
+ }
8857
+
8858
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 [class*='River__visual--rounded'] {
8859
+ border-radius: var(--brand-borderRadius-small);
8860
+ }
8861
+
8862
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_[hidden] {
8863
+ display: none;
8864
+ }
8865
+
8866
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tablist___f5FNH {
8867
+ order: 2;
8868
+ display: grid;
8869
+ grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
8870
+ grid-gap: var(--base-size-40);
8871
+ gap: var(--base-size-40);
8872
+ }
8873
+
8874
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActions___iCX6R {
8875
+ order: 3;
8876
+ display: grid;
8877
+ grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
8878
+ grid-gap: var(--base-size-40);
8879
+ gap: var(--base-size-40);
8880
+ }
8881
+
8882
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq {
8883
+ position: relative;
8884
+ min-width: 0;
8885
+ display: flex;
8886
+ flex-direction: column;
8887
+ align-items: flex-start;
8888
+ }
8889
+
8890
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq::before {
8891
+ content: '';
8892
+ position: absolute;
8893
+ inset-block-start: 0;
8894
+ inset-inline: 0;
8895
+ height: var(--brand-borderWidth-thin);
8896
+ transform: scaleY(1);
8897
+ transform-origin: 50% 0;
8898
+ background-color: var(--brand-color-border-muted);
8899
+ transition: transform var(--brand-animation-duration-fast) ease,
8900
+ background-color var(--brand-animation-duration-fast) ease;
8901
+ }
8902
+
8903
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
8904
+ transform: scaleY(2);
8905
+ background-color: var(--brand-color-accent-primary);
8906
+ }
8907
+
8908
+ @media screen and (min-width: 63.25rem) and (hover: hover) and (pointer: fine) {
8909
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq:hover::before {
8910
+ transform: scaleY(2);
8911
+ background-color: var(--brand-color-accent-primary);
8912
+ }
8913
+ }
8914
+
8915
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
8916
+ margin: 0;
8917
+ color: var(--brand-color-text-muted);
8918
+ }
8919
+
8920
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
8921
+ color: var(--brand-color-text-default);
8922
+ }
8923
+
8924
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__icon___Xr8op {
8925
+ display: inline-flex;
8926
+ align-items: center;
8927
+ justify-content: center;
8928
+ }
8929
+
8930
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA {
8931
+ width: 100%;
8932
+ border: 0;
8933
+ background: transparent;
8934
+ color: inherit;
8935
+ font: inherit;
8936
+ text-align: left;
8937
+ padding-block-start: var(--base-size-28);
8938
+ display: flex;
8939
+ flex-direction: column;
8940
+ align-items: flex-start;
8941
+ gap: var(--base-size-20);
8942
+ cursor: pointer;
8943
+ outline: none;
8944
+ padding-inline: 0;
8945
+ }
8946
+
8947
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA:focus-visible {
8948
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
8949
+ outline-offset: var(--base-size-4);
8950
+ }
8951
+
8952
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tabHeading___cEwLt {
8953
+ margin: 0;
8954
+ }
8955
+
8956
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListContent___D9V9I {
8957
+ display: flex;
8958
+ flex-direction: column;
8959
+ align-items: flex-start;
8960
+ gap: var(--base-size-12);
8961
+ }
8962
+
8963
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListAction___SaBmu {
8964
+ color: var(--brand-Link-color-accent);
8965
+ font-weight: var(--base-text-weight-medium);
8966
+ -webkit-text-decoration: none;
8967
+ text-decoration: none;
8968
+ }
8969
+
8970
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActionItem___q6pS2 {
8971
+ margin-block-start: var(--base-size-12);
8972
+ }
8973
+
8974
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__content___LpEoz {
8975
+ display: flex;
8976
+ flex-direction: column;
8977
+ align-items: flex-start;
8978
+ gap: var(--base-size-12);
8979
+ }
8980
+
8981
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
8982
+ -webkit-text-decoration: none;
8983
+ text-decoration: none;
8984
+ }
8985
+
8986
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
8987
+ padding-block-end: var(--base-size-40);
8988
+ }
8989
+
8990
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr {
8991
+ display: flex;
8992
+ flex-direction: column;
8993
+ align-items: flex-start;
8994
+ gap: var(--base-size-12);
8995
+ }
8996
+
8997
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5,
8998
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 > span {
8999
+ color: var(--brand-Link-color-accent);
9000
+ font-weight: var(--base-text-weight-medium);
9001
+ }
9002
+
9003
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
9004
+ -webkit-text-decoration: none;
9005
+ text-decoration: none;
9006
+ }
9007
+
9008
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o {
9009
+ border-top: none;
9010
+ }
9011
+
9012
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::after {
9013
+ display: none;
9014
+ }
9015
+
9016
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::before {
9017
+ content: '';
9018
+ position: absolute;
9019
+ inset-block-start: 0;
9020
+ inset-inline: 0;
9021
+ height: var(--brand-borderWidth-thin);
9022
+ transform: scaleY(1);
9023
+ transform-origin: 50% 0;
9024
+ background-color: var(--brand-color-border-muted);
9025
+ transition: transform var(--brand-animation-duration-fast) ease,
9026
+ background-color var(--brand-animation-duration-fast) ease;
9027
+ }
9028
+
9029
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
9030
+ transform: scaleY(2);
9031
+ background-color: var(--brand-color-accent-primary);
9032
+ }
9033
+
9034
+ @media (hover: hover) and (pointer: fine) {
9035
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o:hover::before {
9036
+ transform: scaleY(2);
9037
+ background-color: var(--brand-color-accent-primary);
9038
+ }
9039
+ }
9040
+
9041
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeading___RiuA9 {
9042
+ color: var(--brand-color-text-default);
9043
+ }
9044
+
9045
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeadingInner___vvOjI {
9046
+ display: inline-flex;
9047
+ flex-direction: column;
9048
+ align-items: flex-start;
9049
+ gap: var(--base-size-12);
9050
+ }
9051
+
9052
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionIcon___pslaZ {
9053
+ flex-shrink: 0;
9054
+ }
9055
+
9056
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionLabel___gIy1N {
9057
+ display: inline-flex;
9058
+ align-items: center;
9059
+ }
9060
+
9061
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionPanel___EqiKL {
9062
+ display: flex;
9063
+ flex-direction: column;
9064
+ gap: var(--base-size-24);
9065
+ }
9066
+
9067
+ @media screen and (min-width: 618px) {
9068
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
9069
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9070
+ }
9071
+ }
9072
+
9073
+ @media screen and (min-width: 63.25rem) {
9074
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
9075
+ border-inline: none;
9076
+ }
9077
+ }
9078
+
9079
+ @media screen and (min-width: 1300px) {
9080
+ .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
9081
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
9082
+ }
9083
+ }
9084
+
9085
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9086
+ --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
9087
+ -webkit-font-smoothing: antialiased;
9088
+ --stackDistance: calc(var(--base-size-24) * -1);
9089
+
9090
+ /* River visual (videos)
9091
+ * UL = unit-less, needed for division in certain scenarios
9092
+ */
9093
+ --visualMaxWidth: 1032px;
9094
+ --visualMaxWidthUL: 1032;
9095
+ --visualMaxHeight: min(690px, 60vh);
9096
+ --visualMaxHeightUL: 690;
9097
+ --storyScrollPadding: min(32px, 5vw);
9098
+ position: relative;
9099
+ }
9100
+ @media (max-height: 720px) {
9101
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9102
+ --visualMaxHeight: 55vh;
9103
+ }
9104
+ }
9105
+
9106
+ @media (max-height: 600px) {
9107
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9108
+ --visualMaxHeight: 50vh;
9109
+ }
9110
+ }
9111
+
9112
+ @media (max-height: 500px) {
9113
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9114
+ --visualMaxHeight: 40vh;
9115
+ }
9116
+ }
9117
+
9118
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
9119
+ position: relative;
9120
+ }
9121
+
9122
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
9123
+ position: absolute;
9124
+ left: 0;
9125
+ width: 100%;
9126
+ }
9127
+
9128
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
9129
+ margin-left: auto;
9130
+ margin-right: auto;
9131
+ width: auto;
9132
+ z-index: 10;
9133
+ position: relative;
9134
+ border-radius: var(--brand-borderRadius-large);
9135
+ }
9136
+
9137
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
9138
+ grid-template-columns: 1fr;
9139
+ gap: 0;
9140
+ }
9141
+
9142
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
9143
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
9144
+ display: none;
9145
+ }
9146
+
9147
+ @media (max-width: 542px) {
9148
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9149
+ --topOffset: calc((100vh - min(664px, 60vh)) / 5);
9150
+ }
9151
+ }
9152
+
9153
+ @media (max-width: 768px) and (min-height: 670px) {
9154
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9155
+ --extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
9156
+ }
9157
+ }
9158
+
9159
+ @media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
9160
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9161
+ --extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
9162
+ }
9163
+ }
9164
+
9165
+ @media (min-width: 542px) {
9166
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9167
+ --scrollTextHeight: 42vh;
9168
+ }
9169
+ }
9170
+
9171
+ @media (max-height: 520px) {
9172
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9173
+ --scrollTextHeight: 70vh;
9174
+ }
9175
+ }
9176
+
9177
+ @media (min-width: 1028px) {
9178
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9179
+ --stackDistance: -30px;
9180
+ }
9181
+ }
9182
+
9183
+ @media (max-height: 800px) {
9184
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9185
+ --stackDistance: -20px;
9186
+ }
9187
+ }
9188
+
9189
+ @media (max-height: 500px) {
9190
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9191
+ --stackDistance: -15px;
9192
+ }
9193
+ }
9194
+
9195
+ @media screen and (max-width: 768px) {
9196
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9197
+ --topOffset: calc((100vh - min(664px, 60vh)) / 3);
9198
+
9199
+ /* Spacing above the visual */
9200
+ --availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
9201
+ --relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
9202
+ --visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
9203
+ --visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
9204
+ --scrollTextHeight: 58vh;
9205
+ --textToVisualPadding: max(5vh, 40px);
9206
+
9207
+ --topScrollOffset: calc(var(--visualHeight));
9208
+ --bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
9209
+
9210
+ --extraBottomSpacing: 70px;
9211
+ }
9212
+
9213
+ /* Enhanced styling if dvh is supported */
9214
+ @supports (height: 100dvh) {
9215
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
9216
+ height: 100dvh;
9217
+ }
9218
+ }
9219
+
9220
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container___ZJlnt {
9221
+ position: absolute;
9222
+ width: 100%;
9223
+ height: 100%;
9224
+ left: 0;
9225
+ top: 0;
9226
+ }
9227
+
9228
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
9229
+ min-height: var(--scrollTextHeight);
9230
+ position: relative;
9231
+ transition: opacity 0.3s var(--ease);
9232
+ }
9233
+
9234
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
9235
+ opacity: 0;
9236
+ }
9237
+
9238
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
9239
+ opacity: 0;
9240
+ }
9241
+
9242
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
9243
+ max-width: calc(1032px + var(--storyScrollPadding) * 2);
9244
+ margin-top: min(30vw, 22vh);
9245
+ margin-left: auto;
9246
+ margin-right: auto;
9247
+ padding-right: var(--storyScrollPadding);
9248
+ padding-left: var(--storyScrollPadding);
9249
+ }
8656
9250
 
8657
9251
  .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
8658
9252
  padding-top: var(--topScrollOffset);
@@ -8974,7 +9568,7 @@ html {
8974
9568
 
8975
9569
  /**
8976
9570
  * Do not edit directly
8977
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
9571
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
8978
9572
  */
8979
9573
 
8980
9574
  :root,
@@ -9742,7 +10336,7 @@ html {
9742
10336
 
9743
10337
  /**
9744
10338
  * Do not edit directly
9745
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
10339
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
9746
10340
  */
9747
10341
 
9748
10342
  :root,
@@ -9757,89 +10351,259 @@ html {
9757
10351
  --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
9758
10352
  }
9759
10353
 
9760
- [data-color-mode="dark"] {
9761
- --brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
9762
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
9763
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
9764
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
9765
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
9766
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
9767
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
9768
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
10354
+ [data-color-mode="dark"] {
10355
+ --brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
10356
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
10357
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
10358
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
10359
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
10360
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
10361
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
10362
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
10363
+ }
10364
+
10365
+ /**
10366
+ * Do not edit directly
10367
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
10368
+ */
10369
+
10370
+ :root,
10371
+ [data-color-mode="light"] {
10372
+ --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
10373
+ --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
10374
+ }
10375
+
10376
+ [data-color-mode="dark"] {
10377
+ --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
10378
+ --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
10379
+ }
10380
+
10381
+ /**
10382
+ * Do not edit directly
10383
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
10384
+ */
10385
+
10386
+ :root {
10387
+ --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
10388
+ }
10389
+
10390
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
10391
+ position: relative;
10392
+ -webkit-text-decoration: underline;
10393
+ text-decoration: underline;
10394
+ text-decoration-color: var(--brand-InlineLink-color-rest);
10395
+ text-decoration-thickness: var(--brand-borderWidth-thin);
10396
+ text-underline-position: under;
10397
+ transition: var(--brand-InlineLink-transition-timing) text-decoration;
10398
+ }
10399
+
10400
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
10401
+ text-decoration-thickness: var(--brand-borderWidth-thick);
10402
+ }
10403
+
10404
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
10405
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
10406
+ font-size: inherit;
10407
+ font-weight: inherit;
10408
+ line-height: inherit;
10409
+ color: var(--brand-InlineLink-color-rest);
10410
+ }
10411
+
10412
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
10413
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
10414
+ color: var(--brand-InlineLink-color-pressed);
10415
+ }
10416
+
10417
+ [data-color-mode='dark'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
10418
+ -webkit-font-smoothing: subpixel-antialiased;
10419
+ -moz-osx-font-smoothing: auto;
10420
+ }
10421
+
10422
+ /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
10423
+ @media (prefers-reduced-motion: reduce) {
10424
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
10425
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
10426
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
10427
+ .Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
10428
+ animation: none !important;
10429
+ transition: none !important;
10430
+ scroll-behavior: auto !important;
10431
+ }
10432
+ }
10433
+
10434
+ /**
10435
+ * Do not edit directly
10436
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
10437
+ */
10438
+
10439
+ :root,
10440
+ [data-color-mode="light"] {
10441
+ --brand-Token-bgColor-default: var(--base-color-scale-gray-0);
10442
+ --brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-8);
10443
+ --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
10444
+ --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
10445
+ --brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-7);
10446
+ --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
10447
+ --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
10448
+ --brand-Token-bgColor-hover-invisible: transparent;
10449
+ --brand-Token-bgColor-invisible: transparent;
10450
+ --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
10451
+ --brand-Token-border-outline: var(--brand-color-border-muted);
10452
+ --brand-Token-fgColor-default: var(--brand-color-text-default);
10453
+ --brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
10454
+ --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
10455
+ --brand-Token-fgColor-outline: var(--brand-color-text-default);
10456
+ --brand-Token-fgColor-invisible: var(--brand-color-text-default);
10457
+ }
10458
+
10459
+ [data-color-mode="dark"] {
10460
+ --brand-Token-bgColor-default: var(--base-color-scale-gray-5);
10461
+ --brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-7);
10462
+ --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
10463
+ --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
10464
+ --brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-6);
10465
+ --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
10466
+ --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
10467
+ --brand-Token-bgColor-hover-invisible: transparent;
10468
+ --brand-Token-bgColor-invisible: transparent;
10469
+ --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
10470
+ --brand-Token-border-outline: var(--brand-color-border-muted);
10471
+ --brand-Token-fgColor-default: var(--brand-color-text-muted);
10472
+ --brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
10473
+ --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
10474
+ --brand-Token-fgColor-outline: var(--brand-color-text-default);
10475
+ --brand-Token-fgColor-invisible: var(--brand-color-text-default);
10476
+ }
10477
+
10478
+ .Primer_Brand__Token-module__Token___r7qQC {
10479
+ align-items: center;
10480
+ border: var(--brand-borderWidth-thin) solid transparent;
10481
+ border-radius: var(--brand-borderRadius-small);
10482
+ display: inline-flex;
10483
+ gap: var(--base-size-8);
10484
+ min-width: 0;
10485
+ max-width: 100%;
10486
+ padding-inline: var(--base-size-8);
10487
+ padding-block: var(--base-size-6);
10488
+ padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
10489
+ vertical-align: middle;
10490
+ }
10491
+
10492
+ .Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
10493
+ padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
10494
+ padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
10495
+ }
10496
+
10497
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk {
10498
+ cursor: pointer;
10499
+ -webkit-text-decoration: none;
10500
+ text-decoration: none;
10501
+ }
10502
+
10503
+ [data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
10504
+ -webkit-font-smoothing: antialiased;
10505
+ -moz-osx-font-smoothing: auto;
10506
+ }
10507
+
10508
+ .Primer_Brand__Token-module__Token--variant-default___NBxMW {
10509
+ background-color: var(--brand-Token-bgColor-default);
10510
+ color: var(--brand-Token-fgColor-default);
10511
+ }
10512
+
10513
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
10514
+ background-color: var(--brand-Token-bgColor-hover-default);
10515
+ }
10516
+
10517
+ .Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG {
10518
+ background-color: var(--brand-Token-bgColor-dark-gray);
10519
+ color: var(--brand-Token-fgColor-dark-gray);
10520
+ }
10521
+
10522
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG:hover {
10523
+ background-color: var(--brand-Token-bgColor-hover-dark-gray);
10524
+ }
10525
+
10526
+ .Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
10527
+ background-color: var(--brand-Token-bgColor-accent);
10528
+ color: var(--brand-Token-fgColor-accent);
10529
+ }
10530
+
10531
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
10532
+ background-color: var(--brand-Token-bgColor-hover-accent);
9769
10533
  }
9770
10534
 
9771
- /**
9772
- * Do not edit directly
9773
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
9774
- */
10535
+ .Primer_Brand__Token-module__Token--variant-outline___X52wp {
10536
+ background-color: var(--brand-Token-bgColor-outline);
10537
+ border-color: var(--brand-Token-border-outline);
10538
+ color: var(--brand-Token-fgColor-outline);
10539
+ }
9775
10540
 
9776
- :root,
9777
- [data-color-mode="light"] {
9778
- --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
9779
- --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
10541
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
10542
+ background-color: var(--brand-Token-bgColor-hover-outline);
9780
10543
  }
9781
10544
 
9782
- [data-color-mode="dark"] {
9783
- --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
9784
- --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
10545
+ .Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
10546
+ background-color: transparent;
10547
+ color: var(--brand-Token-fgColor-invisible);
9785
10548
  }
9786
10549
 
9787
- /**
9788
- * Do not edit directly
9789
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
9790
- */
10550
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
10551
+ background-color: var(--brand-Token-bgColor-hover-invisible);
10552
+ }
9791
10553
 
9792
- :root {
9793
- --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
10554
+ .Primer_Brand__Token-module__Token__label___wC8Q5 {
10555
+ display: block;
10556
+ flex: 1 1 auto;
10557
+ min-width: 0;
10558
+ overflow: hidden;
10559
+ text-overflow: ellipsis;
10560
+ text-transform: uppercase;
10561
+ font-weight: var(--base-text-weight-normal);
10562
+ line-height: 0.85;
10563
+ white-space: nowrap;
9794
10564
  }
9795
10565
 
9796
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
9797
- position: relative;
9798
- -webkit-text-decoration: underline;
9799
- text-decoration: underline;
9800
- text-decoration-color: var(--brand-InlineLink-color-rest);
9801
- text-decoration-thickness: var(--brand-borderWidth-thin);
9802
- text-underline-position: under;
9803
- transition: var(--brand-InlineLink-transition-timing) text-decoration;
10566
+ .Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
10567
+ color: inherit;
9804
10568
  }
9805
10569
 
9806
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
9807
- text-decoration-thickness: var(--brand-borderWidth-thick);
10570
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 {
10571
+ display: flex;
10572
+ flex-shrink: 0;
10573
+ align-items: center;
10574
+ justify-content: center;
10575
+ width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10576
+ height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
9808
10577
  }
9809
10578
 
9810
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
9811
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
9812
- font-size: inherit;
9813
- font-weight: inherit;
9814
- line-height: inherit;
9815
- color: var(--brand-InlineLink-color-rest);
10579
+ .Primer_Brand__Token-module__Token__visual___U0j1l {
10580
+ display: block;
9816
10581
  }
9817
10582
 
9818
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
9819
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
9820
- color: var(--brand-InlineLink-color-pressed);
10583
+ /* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
10584
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
10585
+ width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10586
+ height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10587
+ max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10588
+ max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10589
+ border-radius: 2px;
9821
10590
  }
9822
10591
 
9823
- [data-color-mode='dark'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
9824
- -webkit-font-smoothing: subpixel-antialiased;
9825
- -moz-osx-font-smoothing: auto;
10592
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
10593
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
10594
+ width: 100%;
10595
+ height: 100%;
9826
10596
  }
9827
10597
 
9828
- /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
9829
- @media (prefers-reduced-motion: reduce) {
9830
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
9831
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
9832
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
9833
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
9834
- animation: none !important;
9835
- transition: none !important;
9836
- scroll-behavior: auto !important;
10598
+ @media (forced-colors: active) {
10599
+ .Primer_Brand__Token-module__Token___r7qQC {
10600
+ outline: var(--brand-borderWidth-thin) solid transparent;
9837
10601
  }
9838
10602
  }
9839
10603
 
9840
10604
  /**
9841
10605
  * Do not edit directly
9842
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
10606
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
9843
10607
  */
9844
10608
 
9845
10609
  :root,
@@ -10267,7 +11031,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10267
11031
 
10268
11032
  /**
10269
11033
  * Do not edit directly
10270
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
11034
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
10271
11035
  */
10272
11036
 
10273
11037
  :root {
@@ -10276,7 +11040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10276
11040
 
10277
11041
  /**
10278
11042
  * Do not edit directly
10279
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
11043
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
10280
11044
  */
10281
11045
 
10282
11046
  :root,
@@ -10298,7 +11062,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10298
11062
 
10299
11063
  /**
10300
11064
  * Do not edit directly
10301
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
11065
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
10302
11066
  */
10303
11067
 
10304
11068
  :root {
@@ -10580,7 +11344,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10580
11344
 
10581
11345
  /**
10582
11346
  * Do not edit directly
10583
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
11347
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
10584
11348
  */
10585
11349
 
10586
11350
  :root,
@@ -11783,7 +12547,7 @@ Fixes safari bug where outline doesn't respect border-radius
11783
12547
 
11784
12548
  /**
11785
12549
  * Do not edit directly
11786
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
12550
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
11787
12551
  */
11788
12552
 
11789
12553
  :root {
@@ -11797,7 +12561,7 @@ Fixes safari bug where outline doesn't respect border-radius
11797
12561
 
11798
12562
  /**
11799
12563
  * Do not edit directly
11800
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
12564
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
11801
12565
  */
11802
12566
 
11803
12567
  :root,
@@ -12248,7 +13012,7 @@ Fixes safari bug where outline doesn't respect border-radius
12248
13012
 
12249
13013
  /**
12250
13014
  * Do not edit directly
12251
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
13015
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
12252
13016
  */
12253
13017
 
12254
13018
  :root,
@@ -12264,7 +13028,7 @@ Fixes safari bug where outline doesn't respect border-radius
12264
13028
 
12265
13029
  /**
12266
13030
  * Do not edit directly
12267
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
13031
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
12268
13032
  */
12269
13033
 
12270
13034
  :root {
@@ -13009,7 +13773,7 @@ Fixes safari bug where outline doesn't respect border-radius
13009
13773
 
13010
13774
  /**
13011
13775
  * Do not edit directly
13012
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
13776
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
13013
13777
  */
13014
13778
 
13015
13779
  :root,
@@ -13025,7 +13789,7 @@ Fixes safari bug where outline doesn't respect border-radius
13025
13789
 
13026
13790
  /**
13027
13791
  * Do not edit directly
13028
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
13792
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
13029
13793
  */
13030
13794
 
13031
13795
  :root,
@@ -13411,7 +14175,7 @@ Fixes safari bug where outline doesn't respect border-radius
13411
14175
 
13412
14176
  /**
13413
14177
  * Do not edit directly
13414
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
14178
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
13415
14179
  */
13416
14180
 
13417
14181
  :root,
@@ -13575,7 +14339,7 @@ Fixes safari bug where outline doesn't respect border-radius
13575
14339
 
13576
14340
  /**
13577
14341
  * Do not edit directly
13578
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
14342
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
13579
14343
  */
13580
14344
 
13581
14345
  :root,
@@ -13680,354 +14444,98 @@ Fixes safari bug where outline doesn't respect border-radius
13680
14444
  color: var(--brand-Pillar-icon-color-green);
13681
14445
  }
13682
14446
 
13683
- .Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
13684
- color: var(--brand-Pillar-icon-color-gray);
13685
- }
13686
-
13687
- .Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
13688
- color: var(--brand-Pillar-icon-color-indigo);
13689
- }
13690
-
13691
- .Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
13692
- color: var(--brand-Pillar-icon-color-lemon);
13693
- }
13694
-
13695
- .Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
13696
- color: var(--brand-Label-color-lime);
13697
- }
13698
-
13699
- .Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
13700
- color: var(--brand-Pillar-icon-color-orange);
13701
- }
13702
-
13703
- .Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
13704
- color: var(--brand-Pillar-icon-color-pink);
13705
- }
13706
-
13707
- .Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
13708
- color: var(--brand-Pillar-icon-color-purple);
13709
- }
13710
-
13711
- .Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
13712
- color: var(--brand-Pillar-icon-color-red);
13713
- }
13714
-
13715
- .Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
13716
- color: var(--brand-Pillar-icon-color-teal);
13717
- }
13718
-
13719
- .Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
13720
- color: var(--brand-Pillar-icon-color-yellow);
13721
- }
13722
-
13723
- .Primer_Brand__Icon-module__Icon___bf2xY {
13724
- box-sizing: content-box;
13725
- padding: 0;
13726
- }
13727
-
13728
- .Primer_Brand__Icon-module__Icon___bf2xY > svg {
13729
- display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
13730
- }
13731
-
13732
- .Primer_Brand__Icon-module__Icon--size-20___bxF8U {
13733
- width: var(--base-size-20);
13734
- height: var(--base-size-20);
13735
- }
13736
-
13737
- .Primer_Brand__Icon-module__Icon--size-24___yTJML {
13738
- width: var(--base-size-24);
13739
- height: var(--base-size-24);
13740
- }
13741
-
13742
- .Primer_Brand__Icon-module__Icon--size-28___tnGmL {
13743
- width: var(--base-size-28);
13744
- height: var(--base-size-28);
13745
- }
13746
-
13747
- .Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
13748
- width: var(--base-size-32);
13749
- height: var(--base-size-32);
13750
- }
13751
-
13752
- .Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
13753
- width: var(--base-size-36);
13754
- height: var(--base-size-36);
13755
- }
13756
-
13757
- .Primer_Brand__Icon-module__Icon--size-40___cXhgu {
13758
- width: var(--base-size-40);
13759
- height: var(--base-size-40);
13760
- }
13761
-
13762
- .Primer_Brand__Icon-module__Icon--size-44___vwox2 {
13763
- width: var(--base-size-44);
13764
- height: var(--base-size-44);
13765
- }
13766
-
13767
- .Primer_Brand__Icon-module__Icon--background___d6RdL {
13768
- padding: var(--base-size-12);
13769
- border-radius: var(--brand-borderRadius-full);
13770
- }
13771
-
13772
- .Primer_Brand__Icon-module__Icon--color-default___z2cYk {
13773
- color: var(--brand-Icon-color-default);
13774
- }
13775
-
13776
- .Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
13777
- background-color: var(--brand-Icon-background-default);
13778
- }
13779
-
13780
- .Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
13781
- color: var(--brand-Icon-color-blue);
13782
- }
13783
-
13784
- .Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
13785
- background-color: var(--brand-Icon-background-blue);
13786
- }
13787
-
13788
- .Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
13789
- color: var(--brand-Icon-color-coral);
13790
- }
13791
-
13792
- .Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
13793
- background-color: var(--brand-Icon-background-coral);
13794
- }
13795
-
13796
- .Primer_Brand__Icon-module__Icon--color-green___OxAZK {
13797
- color: var(--brand-Icon-color-green);
13798
- }
13799
-
13800
- .Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
13801
- background-color: var(--brand-Icon-background-green);
13802
- }
13803
-
13804
- .Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
13805
- color: var(--brand-Icon-color-gray);
13806
- }
13807
-
13808
- .Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
13809
- background-color: var(--brand-Icon-background-gray);
13810
- }
13811
-
13812
- .Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
13813
- color: var(--brand-Icon-color-indigo);
13814
- }
13815
-
13816
- .Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
13817
- background-color: var(--brand-Icon-background-indigo);
13818
- }
13819
-
13820
- .Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
13821
- color: var(--brand-Icon-color-lemon);
13822
- }
13823
-
13824
- .Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
13825
- background-color: var(--brand-Icon-background-lemon);
13826
- }
13827
-
13828
- .Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
13829
- color: var(--brand-Icon-color-lime);
13830
- }
13831
-
13832
- .Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
13833
- background-color: var(--brand-Icon-background-lime);
13834
- }
13835
-
13836
- .Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
13837
- color: var(--brand-Icon-color-orange);
13838
- }
13839
-
13840
- .Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
13841
- background-color: var(--brand-Icon-background-orange);
13842
- }
13843
-
13844
- .Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
13845
- color: var(--brand-Icon-color-pink);
13846
- }
13847
-
13848
- .Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
13849
- background-color: var(--brand-Icon-background-pink);
13850
- }
13851
-
13852
- .Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
13853
- color: var(--brand-Icon-color-purple);
13854
- }
13855
-
13856
- .Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
13857
- background-color: var(--brand-Icon-background-purple);
13858
- }
13859
-
13860
- .Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
13861
- color: var(--brand-Icon-color-red);
13862
- }
13863
-
13864
- .Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
13865
- background-color: var(--brand-Icon-background-red);
14447
+ .Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
14448
+ color: var(--brand-Pillar-icon-color-gray);
13866
14449
  }
13867
14450
 
13868
- .Primer_Brand__Icon-module__Icon--color-teal___fix20 {
13869
- color: var(--brand-Icon-color-teal);
14451
+ .Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
14452
+ color: var(--brand-Pillar-icon-color-indigo);
13870
14453
  }
13871
14454
 
13872
- .Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
13873
- background-color: var(--brand-Icon-background-teal);
14455
+ .Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
14456
+ color: var(--brand-Pillar-icon-color-lemon);
13874
14457
  }
13875
14458
 
13876
- .Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
13877
- color: var(--brand-Icon-color-yellow);
14459
+ .Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
14460
+ color: var(--brand-Label-color-lime);
13878
14461
  }
13879
14462
 
13880
- .Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
13881
- background-color: var(--brand-Icon-background-yellow);
14463
+ .Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
14464
+ color: var(--brand-Pillar-icon-color-orange);
13882
14465
  }
13883
14466
 
13884
- /**
13885
- * Do not edit directly
13886
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
13887
- */
14467
+ .Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
14468
+ color: var(--brand-Pillar-icon-color-pink);
14469
+ }
13888
14470
 
13889
- :root {
13890
- --brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
13891
- --brand-Icon-color-teal: var(--base-color-scale-teal-5);
13892
- --brand-Icon-color-red: var(--base-color-scale-red-5);
13893
- --brand-Icon-color-purple: var(--base-color-scale-purple-5);
13894
- --brand-Icon-color-pink: var(--base-color-scale-pink-5);
13895
- --brand-Icon-color-orange: var(--base-color-scale-orange-5);
13896
- --brand-Icon-color-lime: var(--base-color-scale-lime-5);
13897
- --brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
13898
- --brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
13899
- --brand-Icon-color-gray: var(--base-color-scale-gray-6);
13900
- --brand-Icon-color-green: var(--base-color-scale-green-6);
13901
- --brand-Icon-color-coral: var(--base-color-scale-coral-5);
13902
- --brand-Icon-color-blue: var(--base-color-scale-blue-5);
13903
- --brand-Icon-color-default: var(--brand-color-text-default);
13904
- --brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
13905
- --brand-Icon-background-teal: var(--base-color-scale-teal-0);
13906
- --brand-Icon-background-red: var(--base-color-scale-red-0);
13907
- --brand-Icon-background-purple: var(--base-color-scale-purple-0);
13908
- --brand-Icon-background-pink: var(--base-color-scale-pink-0);
13909
- --brand-Icon-background-orange: var(--base-color-scale-orange-0);
13910
- --brand-Icon-background-lime: var(--base-color-scale-lime-0);
13911
- --brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
13912
- --brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
13913
- --brand-Icon-background-gray: var(--base-color-scale-gray-0);
13914
- --brand-Icon-background-green: var(--base-color-scale-green-0);
13915
- --brand-Icon-background-coral: var(--base-color-scale-coral-0);
13916
- --brand-Icon-background-blue: var(--base-color-scale-blue-0);
13917
- --brand-Icon-background-default: var(--base-color-scale-gray-0);
14471
+ .Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
14472
+ color: var(--brand-Pillar-icon-color-purple);
13918
14473
  }
13919
14474
 
13920
- /**
13921
- * Do not edit directly
13922
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
13923
- */
14475
+ .Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
14476
+ color: var(--brand-Pillar-icon-color-red);
14477
+ }
13924
14478
 
13925
- :root,
13926
- [data-color-mode="light"] {
13927
- --brand-Icon-background-default: var(--base-color-scale-gray-0);
13928
- --brand-Icon-background-blue: var(--base-color-scale-blue-0);
13929
- --brand-Icon-background-coral: var(--base-color-scale-coral-0);
13930
- --brand-Icon-background-green: var(--base-color-scale-green-0);
13931
- --brand-Icon-background-gray: var(--base-color-scale-gray-0);
13932
- --brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
13933
- --brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
13934
- --brand-Icon-background-lime: var(--base-color-scale-lime-0);
13935
- --brand-Icon-background-orange: var(--base-color-scale-orange-0);
13936
- --brand-Icon-background-pink: var(--base-color-scale-pink-0);
13937
- --brand-Icon-background-purple: var(--base-color-scale-purple-0);
13938
- --brand-Icon-background-red: var(--base-color-scale-red-0);
13939
- --brand-Icon-background-teal: var(--base-color-scale-teal-0);
13940
- --brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
13941
- --brand-Icon-color-default: var(--brand-color-text-default);
13942
- --brand-Icon-color-blue: var(--base-color-scale-blue-5);
13943
- --brand-Icon-color-coral: var(--base-color-scale-coral-5);
13944
- --brand-Icon-color-green: var(--base-color-scale-green-6);
13945
- --brand-Icon-color-gray: var(--base-color-scale-gray-6);
13946
- --brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
13947
- --brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
13948
- --brand-Icon-color-lime: var(--base-color-scale-lime-5);
13949
- --brand-Icon-color-orange: var(--base-color-scale-orange-5);
13950
- --brand-Icon-color-pink: var(--base-color-scale-pink-5);
13951
- --brand-Icon-color-purple: var(--base-color-scale-purple-5);
13952
- --brand-Icon-color-red: var(--base-color-scale-red-5);
13953
- --brand-Icon-color-teal: var(--base-color-scale-teal-5);
13954
- --brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
14479
+ .Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
14480
+ color: var(--brand-Pillar-icon-color-teal);
13955
14481
  }
13956
14482
 
13957
- [data-color-mode="dark"] {
13958
- --brand-Icon-background-default: var(--base-color-scale-gray-6);
13959
- --brand-Icon-background-blue: var(--base-color-scale-blue-8);
13960
- --brand-Icon-background-coral: var(--base-color-scale-coral-8);
13961
- --brand-Icon-background-green: var(--base-color-scale-green-8);
13962
- --brand-Icon-background-gray: var(--base-color-scale-gray-6);
13963
- --brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
13964
- --brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
13965
- --brand-Icon-background-lime: var(--base-color-scale-lime-8);
13966
- --brand-Icon-background-orange: var(--base-color-scale-orange-8);
13967
- --brand-Icon-background-pink: var(--base-color-scale-pink-8);
13968
- --brand-Icon-background-purple: var(--base-color-scale-purple-8);
13969
- --brand-Icon-background-red: var(--base-color-scale-red-8);
13970
- --brand-Icon-background-teal: var(--base-color-scale-teal-8);
13971
- --brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
13972
- --brand-Icon-color-default: var(--brand-color-text-default);
13973
- --brand-Icon-color-blue: var(--base-color-scale-blue-2);
13974
- --brand-Icon-color-coral: var(--base-color-scale-coral-2);
13975
- --brand-Icon-color-green: var(--base-color-scale-green-2);
13976
- --brand-Icon-color-gray: var(--base-color-scale-gray-2);
13977
- --brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
13978
- --brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
13979
- --brand-Icon-color-lime: var(--base-color-scale-lime-2);
13980
- --brand-Icon-color-orange: var(--base-color-scale-orange-2);
13981
- --brand-Icon-color-pink: var(--base-color-scale-pink-2);
13982
- --brand-Icon-color-purple: var(--base-color-scale-purple-2);
13983
- --brand-Icon-color-red: var(--base-color-scale-red-2);
13984
- --brand-Icon-color-teal: var(--base-color-scale-teal-2);
13985
- --brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
14483
+ .Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
14484
+ color: var(--brand-Pillar-icon-color-yellow);
13986
14485
  }
13987
14486
 
13988
14487
  /**
13989
14488
  * Do not edit directly
13990
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
14489
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
13991
14490
  */
13992
14491
 
13993
14492
  :root {
13994
- --brand-Card-animation-easing: var(--brand-animation-easing-default);
13995
- --brand-Card-animation-duration: 600ms;
14493
+ --brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
14494
+ --brand-Card-animation-duration: 400ms;
13996
14495
  --brand-Card-maxWidth: 26.25rem;
13997
14496
  }
13998
14497
 
13999
14498
  /**
14000
14499
  * Do not edit directly
14001
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
14500
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
14002
14501
  */
14003
14502
 
14004
14503
  :root,
14005
14504
  [data-color-mode="light"] {
14006
14505
  --brand-Card-background-default: var(--brand-color-canvas-default);
14506
+ --brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
14007
14507
  }
14008
14508
 
14009
14509
  [data-color-mode="dark"] {
14010
- --brand-Card-background-default: var(--brand-color-canvas-subtle);
14510
+ --brand-Card-background-default: var(--brand-color-canvas-default);
14511
+ --brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
14011
14512
  }
14012
14513
 
14013
14514
  .Primer_Brand__Card-module__Card___ByGEk {
14515
+ /* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
14516
+ --Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
14517
+
14014
14518
  -webkit-text-decoration: none;
14519
+
14015
14520
  text-decoration: none;
14016
14521
  color: var(--brand-color-text-default);
14017
- border-radius: var(--brand-borderRadius-xlarge);
14522
+
14018
14523
  transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
14019
14524
  padding: var(--base-size-32);
14020
14525
  display: grid;
14021
14526
  grid-template-columns: 1fr 1fr;
14022
14527
  grid-template-areas:
14023
14528
  'image image'
14529
+ 'leadingVisual leadingVisual'
14024
14530
  'icon icon'
14531
+ 'tokens tokens'
14025
14532
  'label label'
14026
14533
  'heading heading'
14027
14534
  'description description'
14028
14535
  'action action';
14029
14536
  flex: auto;
14030
- grid-template-rows: auto auto auto auto 1fr;
14537
+ grid-template-rows: auto auto auto auto auto auto 1fr auto;
14538
+ grid-template-rows: var(--Card-grid-template-rows);
14031
14539
  position: relative;
14032
14540
  height: 100%;
14033
14541
  }
@@ -14047,7 +14555,9 @@ Fixes safari bug where outline doesn't respect border-radius
14047
14555
  grid-template-columns: 1fr;
14048
14556
  grid-template-areas:
14049
14557
  'image'
14558
+ 'leadingVisual'
14050
14559
  'icon'
14560
+ 'tokens'
14051
14561
  'label'
14052
14562
  'heading'
14053
14563
  'description'
@@ -14055,10 +14565,42 @@ Fixes safari bug where outline doesn't respect border-radius
14055
14565
  justify-items: center;
14056
14566
  }
14057
14567
 
14568
+ .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14569
+ /* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
14570
+ --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
14571
+
14572
+ grid-template-areas:
14573
+ 'image image'
14574
+ 'leadingVisual leadingVisual'
14575
+ 'icon icon'
14576
+ 'label label'
14577
+ 'heading heading'
14578
+ 'description description'
14579
+ 'tokens tokens'
14580
+ 'action action';
14581
+ }
14582
+
14583
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14584
+ grid-template-areas:
14585
+ 'image'
14586
+ 'leadingVisual'
14587
+ 'icon'
14588
+ 'label'
14589
+ 'heading'
14590
+ 'description'
14591
+ 'tokens'
14592
+ 'action';
14593
+ }
14594
+
14058
14595
  /** Block end image position option */
14059
14596
  .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
14597
+ /* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
14598
+ --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
14599
+
14060
14600
  grid-template-areas:
14601
+ 'leadingVisual leadingVisual'
14061
14602
  'icon icon'
14603
+ 'tokens tokens'
14062
14604
  'label label'
14063
14605
  'heading heading'
14064
14606
  'description description'
@@ -14068,14 +14610,47 @@ Fixes safari bug where outline doesn't respect border-radius
14068
14610
 
14069
14611
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
14070
14612
  grid-template-areas:
14613
+ 'leadingVisual'
14614
+ 'icon'
14615
+ 'tokens'
14616
+ 'label'
14617
+ 'heading'
14618
+ 'description'
14619
+ 'action'
14620
+ 'image';
14621
+ }
14622
+
14623
+ .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14624
+ /* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
14625
+ --Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
14626
+
14627
+ grid-template-areas:
14628
+ 'leadingVisual leadingVisual'
14629
+ 'icon icon'
14630
+ 'label label'
14631
+ 'heading heading'
14632
+ 'description description'
14633
+ 'tokens tokens'
14634
+ 'action action'
14635
+ 'image image';
14636
+ }
14637
+
14638
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14639
+ grid-template-areas:
14640
+ 'leadingVisual'
14071
14641
  'icon'
14072
14642
  'label'
14073
14643
  'heading'
14074
14644
  'description'
14645
+ 'tokens'
14075
14646
  'action'
14076
14647
  'image';
14077
14648
  }
14078
14649
 
14650
+ .Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
14651
+ padding: var(--base-size-64) var(--base-size-40);
14652
+ }
14653
+
14079
14654
  .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
14080
14655
  margin-bottom: 0;
14081
14656
  margin-top: var(--base-size-28);
@@ -14098,11 +14673,18 @@ Fixes safari bug where outline doesn't respect border-radius
14098
14673
  padding: 0;
14099
14674
  }
14100
14675
 
14101
- .Primer_Brand__Card-module__Card--variant-default___nSKnF,
14102
- .Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-light___LXDwj {
14676
+ .Primer_Brand__Card-module__Card--variant-default___nSKnF {
14103
14677
  background-color: var(--brand-Card-background-default);
14104
14678
  }
14105
14679
 
14680
+ .Primer_Brand__Card-module__Card--variant-default___nSKnF.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
14681
+ background-color: transparent;
14682
+ }
14683
+
14684
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
14685
+ --Card-arrowAction-endInset: var(--base-size-40);
14686
+ }
14687
+
14106
14688
  .Primer_Brand__Card-module__Card___ByGEk:hover {
14107
14689
  -webkit-text-decoration: none;
14108
14690
  text-decoration: none;
@@ -14155,11 +14737,11 @@ Fixes safari bug where outline doesn't respect border-radius
14155
14737
 
14156
14738
  .Primer_Brand__Card-module__Card--border___nNZlZ {
14157
14739
  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
14740
+ border-radius: var(--brand-borderRadius-medium);
14158
14741
  }
14159
14742
 
14160
14743
  .Primer_Brand__Card-module__Card__outer___QBN0D {
14161
14744
  height: 100%;
14162
- border-radius: var(--brand-borderRadius-xlarge);
14163
14745
  }
14164
14746
 
14165
14747
  .Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
@@ -14176,34 +14758,12 @@ Fixes safari bug where outline doesn't respect border-radius
14176
14758
  ); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
14177
14759
  }
14178
14760
 
14179
- .Primer_Brand__Card-module__Card--icon___nVz0T {
14180
- grid-template-areas:
14181
- 'image image'
14182
- 'icon label'
14183
- 'heading heading'
14184
- 'description description'
14185
- 'action action';
14186
- }
14187
-
14188
- .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
14189
- justify-self: flex-end;
14190
- }
14191
-
14192
- .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
14193
- justify-self: center;
14194
- }
14195
-
14196
- .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
14197
- .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
14198
- align-self: center;
14199
- }
14200
-
14201
- .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):not(.Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-dark___Sz8BE):hover {
14761
+ .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
14202
14762
  transform: scale3d(1.025, 1.025, 1);
14203
14763
  }
14204
14764
 
14205
14765
  .Primer_Brand__Card-module__Card__image___zt4oH {
14206
- margin-bottom: var(--base-size-28);
14766
+ margin-block-end: var(--base-size-28);
14207
14767
  border-radius: var(--brand-borderRadius-medium);
14208
14768
  overflow: hidden;
14209
14769
  grid-area: image;
@@ -14215,31 +14775,146 @@ Fixes safari bug where outline doesn't respect border-radius
14215
14775
  display: block;
14216
14776
  }
14217
14777
 
14778
+ .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
14779
+ margin-block-end: var(--base-size-36);
14780
+ display: flex;
14781
+ align-items: center;
14782
+ grid-area: leadingVisual;
14783
+ }
14784
+
14785
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
14786
+ justify-content: center;
14787
+ }
14788
+
14789
+ .Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
14790
+ display: block;
14791
+ max-width: 100%;
14792
+ height: var(--base-size-40);
14793
+ width: auto;
14794
+ }
14795
+
14218
14796
  .Primer_Brand__Card-module__Card__icon___H4tc9 {
14219
14797
  margin-bottom: var(--base-size-24);
14220
14798
  grid-area: icon;
14221
14799
  }
14222
14800
 
14801
+ .Primer_Brand__Card-module__Card__tokens___eYuJh {
14802
+ display: flex;
14803
+ flex-wrap: wrap;
14804
+ gap: var(--base-size-8);
14805
+ grid-area: tokens;
14806
+ margin-bottom: var(--base-size-20);
14807
+ }
14808
+
14809
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
14810
+ justify-content: center;
14811
+ }
14812
+
14813
+ .Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
14814
+ margin-block-start: var(--base-size-20);
14815
+ margin-block-end: 0;
14816
+ }
14817
+
14223
14818
  .Primer_Brand__Card-module__Card__label___EAot7 {
14224
- margin-bottom: var(--base-size-24);
14819
+ margin-block-end: var(--base-size-20);
14225
14820
  grid-area: label;
14226
14821
  }
14227
14822
 
14228
14823
  .Primer_Brand__Card-module__Card__heading___INFhp {
14229
- margin-bottom: var(--base-size-20);
14824
+ margin-block-end: var(--base-size-20);
14230
14825
  grid-area: heading;
14231
14826
  }
14232
14827
 
14233
- .Primer_Brand__Card-module__Card__description___KN9CH {
14234
- margin-bottom: var(--base-size-32);
14235
- grid-area: description;
14828
+ .Primer_Brand__Card-module__Card__description___KN9CH {
14829
+ margin-block-end: var(--base-size-32);
14830
+ grid-area: description;
14831
+ }
14832
+
14833
+ .Primer_Brand__Card-module__Card__action___C6sRY {
14834
+ grid-area: action;
14835
+ margin-block-start: auto;
14836
+ display: inline-flex;
14837
+ align-items: center;
14838
+ max-inline-size: 100%;
14839
+ pointer-events: none;
14840
+ }
14841
+
14842
+ .Primer_Brand__Card-module__Card__actionIcon___RkX8K {
14843
+ display: inline-flex;
14844
+ align-items: center;
14845
+ justify-content: center;
14846
+ flex-shrink: 0;
14847
+ }
14848
+
14849
+ .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
14850
+ display: block;
14851
+ min-inline-size: 0;
14852
+ overflow: hidden;
14853
+ text-overflow: ellipsis;
14854
+ white-space: nowrap;
14855
+ }
14856
+
14857
+ .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
14858
+ --actionLabelClip-duration: 400ms;
14859
+ display: inline-flex;
14860
+ flex: 1 1 auto;
14861
+ align-items: center;
14862
+ align-self: stretch;
14863
+ min-inline-size: 0;
14864
+ overflow: hidden;
14865
+ max-inline-size: 0;
14866
+ background-color: transparent;
14867
+ opacity: 0;
14868
+ transform: translateX(calc(var(--base-size-12) * -1));
14869
+ transition: max-inline-size 400ms var(--brand-Card-animation-easing),
14870
+ opacity 400ms ease-out, transform 400ms ease-out,
14871
+ margin-inline 400ms ease-out, padding-inline 400ms ease-out;
14872
+ transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
14873
+ opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
14874
+ margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
14875
+ }
14876
+
14877
+ .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
14878
+ margin-block-start: var(--base-size-20);
14879
+ }
14880
+
14881
+ .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
14882
+ --actionArrow-duration: 300ms;
14883
+
14884
+ margin-block-start: var(--base-size-20);
14885
+ min-height: var(--base-size-40);
14886
+ width: -moz-fit-content;
14887
+ width: fit-content;
14888
+ min-inline-size: 0;
14889
+ max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
14890
+ justify-content: flex-start;
14891
+ -moz-column-gap: 0;
14892
+ column-gap: 0;
14893
+ padding-block: var(--base-size-4);
14894
+ padding-inline: 0;
14895
+ border: var(--brand-borderWidth-thin) solid transparent;
14896
+ border-radius: var(--brand-borderRadius-full);
14897
+ background-color: transparent;
14898
+ flex-shrink: 0;
14899
+ overflow: hidden;
14900
+ transition: border-color 300ms ease-out, background-color 300ms ease-out,
14901
+ column-gap 300ms ease-out, padding-inline 300ms ease-out;
14902
+ transition: border-color 300ms ease-out, background-color 300ms ease-out,
14903
+ column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
14904
+ transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
14905
+ column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
14906
+ transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
14907
+ column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
14236
14908
  }
14237
14909
 
14238
- .Primer_Brand__Card-module__Card__action___C6sRY {
14239
- grid-area: action;
14240
- margin-top: auto;
14241
- display: inline-flex;
14242
- align-items: center;
14910
+ .Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
14911
+ width: var(--base-size-32);
14912
+ min-width: var(--base-size-32);
14913
+ height: var(--base-size-32);
14914
+ min-height: var(--base-size-32);
14915
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
14916
+ border-radius: var(--brand-borderRadius-full);
14917
+ background-color: var(--brand-color-canvas-default);
14243
14918
  }
14244
14919
 
14245
14920
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
@@ -14251,10 +14926,9 @@ Fixes safari bug where outline doesn't respect border-radius
14251
14926
  color: var(--brand-Link-color-accent);
14252
14927
  }
14253
14928
 
14254
- .Primer_Brand__Card-module__Card--skew___pEeoW {
14255
- height: 100%;
14256
- border-radius: var(--brand-borderRadius-xlarge);
14257
- overflow: hidden;
14929
+ .Primer_Brand__Card-module__Card__action___C6sRY,
14930
+ .Primer_Brand__Card-module__Card__action___C6sRY * {
14931
+ cursor: inherit;
14258
14932
  }
14259
14933
 
14260
14934
  .Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
@@ -14295,11 +14969,83 @@ Fixes safari bug where outline doesn't respect border-radius
14295
14969
  margin-inline-start: var(--base-size-4);
14296
14970
  }
14297
14971
 
14298
- .Primer_Brand__Card-module__Card___ByGEk:has(.Primer_Brand__Card-module__Card__link___Ye5mq:hover) .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14299
- transform: translateX(var(--base-size-4));
14972
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14973
+ --ExpandableArrow-duration: var(--brand-Card-animation-duration);
14974
+ --ExpandableArrow-easing: var(--brand-Card-animation-easing);
14975
+ }
14976
+
14977
+ .Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14978
+ margin-inline-start: 0;
14979
+ }
14980
+
14981
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
14982
+ margin-bottom: var(--base-size-12);
14983
+ }
14984
+
14985
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
14986
+ transform: none;
14987
+ }
14988
+
14989
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
14990
+ min-inline-size: 0;
14991
+ justify-self: start;
14992
+ }
14993
+
14994
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
14995
+ justify-self: center;
14996
+ }
14997
+
14998
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
14999
+ -moz-column-gap: var(--base-size-8);
15000
+ column-gap: var(--base-size-8);
15001
+ padding-inline-start: var(--base-size-12);
15002
+ padding-inline-end: var(--base-size-4);
15003
+ border-color: var(--brand-color-border-default);
15004
+ background-color: var(--brand-Card-background-overlay);
15005
+ }
15006
+
15007
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
15008
+ -moz-column-gap: var(--base-size-8);
15009
+ column-gap: var(--base-size-8);
15010
+ padding-inline-start: var(--base-size-12);
15011
+ padding-inline-end: var(--base-size-4);
15012
+ border-color: var(--brand-color-border-default);
15013
+ background-color: var(--brand-Card-background-overlay);
15014
+ }
15015
+
15016
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
15017
+ max-inline-size: 100%;
15018
+ opacity: 1;
15019
+ transform: translateX(0);
15020
+ margin-inline-start: calc(var(--base-size-12) * -1);
15021
+ margin-inline-end: 0;
15022
+ padding-inline-start: var(--base-size-12);
15023
+ padding-inline-end: var(--base-size-4);
15024
+ }
15025
+
15026
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
15027
+ max-inline-size: 100%;
15028
+ opacity: 1;
15029
+ transform: translateX(0);
15030
+ margin-inline-start: calc(var(--base-size-12) * -1);
15031
+ margin-inline-end: 0;
15032
+ padding-inline-start: var(--base-size-12);
15033
+ padding-inline-end: var(--base-size-4);
15034
+ }
15035
+
15036
+ .Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
15037
+ transform: translateX(var(--base-size-2));
15038
+ }
15039
+
15040
+ .Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
15041
+ transform: translateX(var(--base-size-2));
15042
+ }
15043
+
15044
+ .Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
15045
+ stroke-dashoffset: 20;
14300
15046
  }
14301
15047
 
14302
- .Primer_Brand__Card-module__Card___ByGEk:has(.Primer_Brand__Card-module__Card__link___Ye5mq:hover) .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
15048
+ .Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
14303
15049
  stroke-dashoffset: 20;
14304
15050
  }
14305
15051
 
@@ -14353,10 +15099,11 @@ Fixes safari bug where outline doesn't respect border-radius
14353
15099
  }
14354
15100
 
14355
15101
  .Primer_Brand__SectionIntro-module__SectionIntro-label___ZjciO {
14356
- margin-block-end: var(--base-size-8);
15102
+ margin-block-end: var(--base-size-2);
14357
15103
  }
14358
15104
 
14359
15105
  .Primer_Brand__SectionIntro-module__SectionIntro-description___Sz93l {
15106
+ padding-block-start: var(--base-size-2);
14360
15107
  max-width: 50ch;
14361
15108
  }
14362
15109
 
@@ -14366,7 +15113,7 @@ Fixes safari bug where outline doesn't respect border-radius
14366
15113
 
14367
15114
  /**
14368
15115
  * Do not edit directly
14369
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
15116
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
14370
15117
  */
14371
15118
 
14372
15119
  :root,
@@ -15207,7 +15954,7 @@ Fixes safari bug where outline doesn't respect border-radius
15207
15954
 
15208
15955
  /**
15209
15956
  * Do not edit directly
15210
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
15957
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
15211
15958
  */
15212
15959
 
15213
15960
  :root {
@@ -15218,7 +15965,7 @@ Fixes safari bug where outline doesn't respect border-radius
15218
15965
 
15219
15966
  /**
15220
15967
  * Do not edit directly
15221
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
15968
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
15222
15969
  */
15223
15970
 
15224
15971
  :root,
@@ -15717,7 +16464,7 @@ Fixes safari bug where outline doesn't respect border-radius
15717
16464
 
15718
16465
  /**
15719
16466
  * Do not edit directly
15720
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
16467
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
15721
16468
  */
15722
16469
 
15723
16470
  :root {
@@ -15737,7 +16484,7 @@ Fixes safari bug where outline doesn't respect border-radius
15737
16484
 
15738
16485
  /**
15739
16486
  * Do not edit directly
15740
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
16487
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
15741
16488
  */
15742
16489
 
15743
16490
  :root,
@@ -15773,7 +16520,7 @@ Fixes safari bug where outline doesn't respect border-radius
15773
16520
 
15774
16521
  /**
15775
16522
  * Do not edit directly
15776
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
16523
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
15777
16524
  */
15778
16525
 
15779
16526
  :root,
@@ -15797,7 +16544,7 @@ Fixes safari bug where outline doesn't respect border-radius
15797
16544
 
15798
16545
  /**
15799
16546
  * Do not edit directly
15800
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
16547
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
15801
16548
  */
15802
16549
 
15803
16550
  :root {
@@ -16273,7 +17020,7 @@ Fixes safari bug where outline doesn't respect border-radius
16273
17020
 
16274
17021
  /**
16275
17022
  * Do not edit directly
16276
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
17023
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
16277
17024
  */
16278
17025
 
16279
17026
  :root,
@@ -16287,7 +17034,7 @@ Fixes safari bug where outline doesn't respect border-radius
16287
17034
 
16288
17035
  /**
16289
17036
  * Do not edit directly
16290
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
17037
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
16291
17038
  */
16292
17039
 
16293
17040
  :root {
@@ -16301,7 +17048,7 @@ Fixes safari bug where outline doesn't respect border-radius
16301
17048
 
16302
17049
  /**
16303
17050
  * Do not edit directly
16304
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
17051
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
16305
17052
  */
16306
17053
 
16307
17054
  :root {
@@ -18477,7 +19224,7 @@ Fixes safari bug where outline doesn't respect border-radius
18477
19224
 
18478
19225
  /**
18479
19226
  * Do not edit directly
18480
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
19227
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
18481
19228
  */
18482
19229
 
18483
19230
  :root {
@@ -18501,7 +19248,7 @@ Fixes safari bug where outline doesn't respect border-radius
18501
19248
 
18502
19249
  /**
18503
19250
  * Do not edit directly
18504
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
19251
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
18505
19252
  */
18506
19253
 
18507
19254
  :root,
@@ -18936,7 +19683,7 @@ Fixes safari bug where outline doesn't respect border-radius
18936
19683
 
18937
19684
  /**
18938
19685
  * Do not edit directly
18939
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
19686
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
18940
19687
  */
18941
19688
 
18942
19689
  :root {
@@ -18952,7 +19699,7 @@ Fixes safari bug where outline doesn't respect border-radius
18952
19699
 
18953
19700
  /**
18954
19701
  * Do not edit directly
18955
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
19702
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
18956
19703
  */
18957
19704
 
18958
19705
  :root,
@@ -18979,9 +19726,11 @@ Fixes safari bug where outline doesn't respect border-radius
18979
19726
  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
18980
19727
  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
18981
19728
  --brand-pricing-options-container-padding-inline: 0;
19729
+ --brand-pricing-options-column-count: 1;
18982
19730
 
18983
19731
  /* prettier-ignore */
18984
19732
  --brand-pricing-options-template-areas:
19733
+ 'labels'
18985
19734
  'leadingComponent'
18986
19735
  'header'
18987
19736
  'description'
@@ -19010,13 +19759,159 @@ Fixes safari bug where outline doesn't respect border-radius
19010
19759
  @media (min-width: 63.25rem) {
19011
19760
  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
19012
19761
  grid-template-areas: var(--brand-pricing-options-template-areas);
19013
- grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
19762
+ grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
19014
19763
  -moz-column-gap: 0;
19015
19764
  column-gap: 0;
19016
19765
  -moz-column-gap: var(--brand-pricing-options-item-gap, 0);
19017
19766
  column-gap: var(--brand-pricing-options-item-gap, 0);
19018
19767
  row-gap: 0;
19019
19768
  }
19769
+
19770
+ .Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
19771
+ --brand-pricing-options-column-count: 1;
19772
+ }
19773
+
19774
+ .Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
19775
+ --brand-pricing-options-column-count: 2;
19776
+ }
19777
+
19778
+ .Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
19779
+ --brand-pricing-options-column-count: 3;
19780
+ }
19781
+
19782
+ .Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
19783
+ --brand-pricing-options-column-count: 4;
19784
+ }
19785
+ }
19786
+
19787
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19788
+ display: none;
19789
+ }
19790
+
19791
+ @media (min-width: 63.25rem) {
19792
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19793
+ --brand-pricing-options-column-count: 1;
19794
+
19795
+ display: grid;
19796
+ grid-column: 1 / -1;
19797
+ grid-row: labels;
19798
+ grid-template-columns: repeat(1, minmax(0, 1fr));
19799
+ grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
19800
+ grid-column-gap: 0;
19801
+ grid-column-gap: var(--brand-pricing-options-item-gap, 0);
19802
+ -moz-column-gap: 0;
19803
+ column-gap: 0;
19804
+ -moz-column-gap: var(--brand-pricing-options-item-gap, 0);
19805
+ column-gap: var(--brand-pricing-options-item-gap, 0);
19806
+ }
19807
+
19808
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19809
+ position: relative;
19810
+ display: flex;
19811
+ align-items: center;
19812
+ min-height: var(--base-size-54);
19813
+ padding-block: var(--base-size-16);
19814
+ background-color: var(--brand-PricingOptions-item-bgColor-solid);
19815
+ }
19816
+
19817
+ /* Accent top border — uses ::after so it can overflow into the column gap */
19818
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19819
+ content: '';
19820
+ position: absolute;
19821
+ inset-block-start: 0;
19822
+ inset-inline-start: calc(0px / 2 * -1);
19823
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
19824
+ inset-inline-end: calc(0px / 2 * -1);
19825
+ inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
19826
+ height: var(--brand-borderWidth-thin);
19827
+ background-color: var(--brand-color-text-emphasized);
19828
+ }
19829
+
19830
+ /* First cell: don't overflow past container start (cards override below) */
19831
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
19832
+ inset-inline-start: 0;
19833
+ }
19834
+
19835
+ /* Last cell: don't overflow past container end (cards override below) */
19836
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
19837
+ inset-inline-end: 0;
19838
+ }
19839
+
19840
+ /* Default layout: extend accent border into container padding to reach the container edge */
19841
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
19842
+ inset-inline-start: calc(0px * -1);
19843
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19844
+ }
19845
+
19846
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
19847
+ inset-inline-end: calc(0px * -1);
19848
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19849
+ }
19850
+
19851
+ /* ---- Default layout labels ---- */
19852
+
19853
+ /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
19854
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19855
+ position: relative;
19856
+ }
19857
+
19858
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
19859
+ content: '';
19860
+ position: absolute;
19861
+ inset-block-end: 0;
19862
+ inset-inline-start: calc(0px * -1);
19863
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19864
+ inset-inline-end: calc(0px * -1);
19865
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19866
+ height: var(--brand-borderWidth-thin);
19867
+ background-color: var(--brand-color-border-subtle);
19868
+ }
19869
+
19870
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19871
+ padding-inline: 0;
19872
+ }
19873
+
19874
+ /* Empty cells: transparent bg/borders but structurally visible so dividers show */
19875
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
19876
+ background-color: transparent;
19877
+ border-block-start-color: transparent;
19878
+ }
19879
+
19880
+ /* Vertical dividers between label cells, centered in the gap */
19881
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
19882
+ content: '';
19883
+ position: absolute;
19884
+ inset-block: 0;
19885
+ width: var(--brand-borderWidth-thin);
19886
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
19887
+ background-color: var(--brand-color-border-subtle);
19888
+ }
19889
+
19890
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
19891
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
19892
+ + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
19893
+ -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19894
+ mask-image: var(--brand-PricingOptions-borderMask);
19895
+ }
19896
+
19897
+ /* ---- Cards layout labels ---- */
19898
+
19899
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19900
+ padding-inline: var(--base-size-28);
19901
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
19902
+ /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
19903
+ }
19904
+
19905
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
19906
+ opacity: 0;
19907
+ pointer-events: none;
19908
+ }
19909
+
19910
+ /* Cards: keep accent border inside the card boundary */
19911
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19912
+ inset-inline-start: 0;
19913
+ inset-inline-end: 0;
19914
+ }
19020
19915
  }
19021
19916
 
19022
19917
  /* ---------------------------------------------------------- */
@@ -19025,11 +19920,10 @@ Fixes safari bug where outline doesn't respect border-radius
19025
19920
 
19026
19921
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
19027
19922
  position: relative;
19028
- border-radius: var(--brand-borderRadius-xlarge);
19029
19923
  }
19030
19924
 
19031
19925
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
19032
- border: solid 1px var(--brand-color-border-default);
19926
+ border: solid 1px var(--brand-color-border-subtle);
19033
19927
  background-color: var(--brand-PricingOptions-item-bgColor-solid);
19034
19928
  }
19035
19929
 
@@ -19051,7 +19945,7 @@ Fixes safari bug where outline doesn't respect border-radius
19051
19945
  border-radius: inherit;
19052
19946
  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19053
19947
  mask-image: var(--brand-PricingOptions-borderMask);
19054
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
19948
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
19055
19949
  }
19056
19950
 
19057
19951
  @media (min-width: 63.25rem) {
@@ -19061,6 +19955,8 @@ Fixes safari bug where outline doesn't respect border-radius
19061
19955
  }
19062
19956
 
19063
19957
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19958
+ --brand-pricing-options-item-padding-inline: var(--base-size-24);
19959
+
19064
19960
  position: relative; /* Used for positioning the divider between items */
19065
19961
  padding-inline: var(--base-size-24);
19066
19962
  padding-block: var(--base-size-20);
@@ -19068,23 +19964,25 @@ Fixes safari bug where outline doesn't respect border-radius
19068
19964
 
19069
19965
  @media (min-width: 63.25rem) {
19070
19966
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19967
+ --brand-pricing-options-item-padding-inline: 0;
19968
+
19071
19969
  padding-inline: 0;
19072
19970
  padding-block: var(--base-size-40);
19073
19971
  }
19074
19972
  }
19075
19973
 
19076
19974
  /* Horizontal divider between items on small viewports */
19077
- .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
19975
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19078
19976
  content: '';
19079
19977
  position: absolute;
19080
19978
  inset-inline: 0;
19081
19979
  height: 1px;
19082
- background-color: var(--brand-color-border-default);
19980
+ background-color: var(--brand-color-border-subtle);
19083
19981
  }
19084
19982
 
19085
19983
  /* Vertical divider between items on larger viewports */
19086
19984
  @media (min-width: 63.25rem) {
19087
- .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
19985
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19088
19986
  inset-inline: 0;
19089
19987
  inset-block: 0;
19090
19988
  width: 1px;
@@ -19093,7 +19991,9 @@ Fixes safari bug where outline doesn't respect border-radius
19093
19991
  margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
19094
19992
  }
19095
19993
 
19096
- .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
19994
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
19995
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
19996
+ + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19097
19997
  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19098
19998
  mask-image: var(--brand-PricingOptions-borderMask);
19099
19999
  }
@@ -19104,15 +20004,16 @@ Fixes safari bug where outline doesn't respect border-radius
19104
20004
  /* ---------------------------------------------------------- */
19105
20005
 
19106
20006
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
20007
+ --brand-pricing-options-item-padding-inline: var(--base-size-32);
20008
+
19107
20009
  position: relative;
19108
20010
  padding-inline: var(--base-size-32);
19109
- border-radius: var(--brand-borderRadius-xlarge);
19110
20011
  padding-block: var(--base-size-32);
19111
20012
  }
19112
20013
 
19113
20014
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19114
20015
  background-color: var(--brand-PricingOptions-item-bgColor-solid);
19115
- border: solid var(--brand-borderWidth-thin) var(--brand-color-border-default);
20016
+ border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
19116
20017
  }
19117
20018
 
19118
20019
  /* ---------------------------------------------------------- */
@@ -19180,10 +20081,6 @@ Fixes safari bug where outline doesn't respect border-radius
19180
20081
  justify-content: center;
19181
20082
  }
19182
20083
 
19183
- .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19184
- justify-self: center;
19185
- }
19186
-
19187
20084
  /*
19188
20085
  * Backwards compatibility for browsers that don't support subgrid.
19189
20086
  * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
@@ -19209,23 +20106,12 @@ Fixes safari bug where outline doesn't respect border-radius
19209
20106
  row-gap: var(--base-size-16);
19210
20107
  }
19211
20108
 
19212
- /* When item is left-aligned, place the label next to the heading if it fits, and stack it if it doesn't */
20109
+ /* When item is left-aligned, keep the heading at the start of the card */
19213
20110
  .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
19214
- flex-wrap: wrap-reverse;
19215
20111
  align-items: center;
19216
- -moz-column-gap: var(--base-size-16);
19217
- column-gap: var(--base-size-16);
19218
20112
  margin-block-end: var(--base-size-16);
19219
20113
  }
19220
20114
 
19221
- .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19222
- --brand-Label-color: var(--brand-color-accent-primary);
19223
- --brand-Label-color-start: var(--brand-color-accent-primary-start);
19224
- --brand-Label-color-end: var(--brand-color-accent-primary-end);
19225
- flex: 0 0 auto;
19226
- order: 2;
19227
- }
19228
-
19229
20115
  .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
19230
20116
  margin-block: var(--base-size-16);
19231
20117
  flex: 0 1 auto;
@@ -19239,25 +20125,15 @@ Fixes safari bug where outline doesn't respect border-radius
19239
20125
  }
19240
20126
  }
19241
20127
 
19242
- /* When item is centered, stack the label on top the heading */
20128
+ /* When item is centered, center the heading */
19243
20129
  .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
19244
- flex-direction: column;
19245
- align-items: center;
19246
- justify-content: flex-end;
19247
- }
19248
-
19249
- .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19250
- --brand-Label-color: var(--brand-color-accent-primary);
19251
- --brand-Label-color-start: var(--brand-color-accent-primary-start);
19252
- --brand-Label-color-end: var(--brand-color-accent-primary-end);
19253
- order: 1;
19254
- margin: 0 auto;
20130
+ justify-content: center;
19255
20131
  }
19256
20132
 
19257
20133
  .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
19258
20134
  margin-block-start: 0;
19259
20135
  margin-block-end: var(--base-size-16);
19260
- order: 2;
20136
+ text-align: center;
19261
20137
  }
19262
20138
 
19263
20139
  .Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
@@ -19265,16 +20141,13 @@ Fixes safari bug where outline doesn't respect border-radius
19265
20141
  }
19266
20142
 
19267
20143
  .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19268
- /* Sets the color of the label to the primary accent color, if it exists */
19269
- --brand-Label-color: var(--brand-color-accent-primary);
19270
-
19271
- /* Sets the color of the label to the primary accent gradient, if it exists */
19272
- /* TODO accent grandient tokens do not exist yet */
19273
- --brand-Label-color-start: var(--brand-color-accent-primary-start);
19274
- --brand-Label-color-end: var(--brand-color-accent-primary-end);
19275
-
19276
- flex: 0 0 auto;
19277
- order: 2;
20144
+ color: var(--brand-color-text-default);
20145
+ font-family: var(--brand-fontStack-monospace);
20146
+ font-size: var(--brand-text-size-100);
20147
+ font-weight: var(--brand-text-weight-500);
20148
+ letter-spacing: var(--brand-text-letterSpacing-100);
20149
+ line-height: var(--brand-text-lineHeight-200);
20150
+ text-transform: uppercase;
19278
20151
  }
19279
20152
 
19280
20153
  .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
@@ -19291,7 +20164,7 @@ Fixes safari bug where outline doesn't respect border-radius
19291
20164
  .Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
19292
20165
  display: flex;
19293
20166
  flex-wrap: wrap;
19294
- align-content: flex-start;
20167
+ align-items: flex-start;
19295
20168
  grid-row: price;
19296
20169
  padding-block-start: var(--base-size-20);
19297
20170
  padding-block-end: var(--base-size-8);
@@ -19304,8 +20177,14 @@ Fixes safari bug where outline doesn't respect border-radius
19304
20177
  }
19305
20178
  }
19306
20179
 
20180
+ .Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
20181
+ display: flex;
20182
+ align-items: flex-end;
20183
+ }
20184
+
19307
20185
  .Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
19308
20186
  margin-inline-start: var(--base-size-4);
20187
+ margin-block-end: var(--base-size-4);
19309
20188
  color: var(--brand-color-text-muted);
19310
20189
  }
19311
20190
 
@@ -19336,6 +20215,26 @@ Fixes safari bug where outline doesn't respect border-radius
19336
20215
  padding-block-start: var(--base-size-20);
19337
20216
  }
19338
20217
 
20218
+ /* MenuAction: full-width ActionMenu wrapper */
20219
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
20220
+ width: 100%;
20221
+ }
20222
+
20223
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
20224
+ width: 100%;
20225
+ }
20226
+
20227
+ /* Force ActionMenu button container to stretch full width */
20228
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
20229
+ display: flex;
20230
+ width: 100%;
20231
+ }
20232
+
20233
+ /* Make the primary button fill remaining space next to the chevron */
20234
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
20235
+ flex: 1;
20236
+ }
20237
+
19339
20238
  .Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
19340
20239
  grid-row: footnote;
19341
20240
  display: block;
@@ -19360,13 +20259,58 @@ Fixes safari bug where outline doesn't respect border-radius
19360
20259
  }
19361
20260
 
19362
20261
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
19363
- border-block-start: solid 1px var(--brand-color-border-default);
20262
+ position: relative;
19364
20263
  margin: 0;
19365
20264
  margin-block-start: var(--base-size-20);
19366
20265
  padding-block-start: var(--base-size-40);
19367
20266
  padding-inline: 0;
19368
20267
  }
19369
20268
 
20269
+ /* Edge-to-edge divider above feature list */
20270
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20271
+ content: '';
20272
+ position: absolute;
20273
+ inset-block-start: 0;
20274
+ inset-inline-start: calc(0px * -1);
20275
+ inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
20276
+ inset-inline-end: calc(0px * -1);
20277
+ inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
20278
+ height: var(--brand-borderWidth-thin);
20279
+ background-color: var(--brand-color-border-subtle);
20280
+ }
20281
+
20282
+ /* Default layout: extend feature list divider into column gap */
20283
+ @media (min-width: 63.25rem) {
20284
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20285
+ inset-inline-start: calc(0px / 2 * -1);
20286
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
20287
+ inset-inline-end: calc(0px / 2 * -1);
20288
+ inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
20289
+ }
20290
+
20291
+ /* First item: don't overflow past container start */
20292
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before,
20293
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
20294
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
20295
+ + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
20296
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20297
+ inset-inline-start: calc(0px * -1);
20298
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
20299
+ }
20300
+
20301
+ /* Last item: don't overflow past container end */
20302
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20303
+ inset-inline-end: calc(0px * -1);
20304
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
20305
+ }
20306
+
20307
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
20308
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20309
+ -webkit-mask-image: var(--brand-PricingOptions-borderMask);
20310
+ mask-image: var(--brand-PricingOptions-borderMask);
20311
+ }
20312
+ }
20313
+
19370
20314
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
19371
20315
  margin-block-start: var(--base-size-20);
19372
20316
  }
@@ -19381,6 +20325,44 @@ Fixes safari bug where outline doesn't respect border-radius
19381
20325
  color: var(--brand-color-text-muted);
19382
20326
  }
19383
20327
 
20328
+ /* Info tooltip button */
20329
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
20330
+ flex-wrap: nowrap;
20331
+ }
20332
+
20333
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
20334
+ flex: 1;
20335
+ display: inline-flex;
20336
+ align-items: baseline;
20337
+ justify-content: space-between;
20338
+ }
20339
+
20340
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
20341
+ all: unset;
20342
+ display: inline-flex;
20343
+ align-items: center;
20344
+ justify-content: center;
20345
+ flex-shrink: 0;
20346
+ cursor: pointer;
20347
+ color: var(--brand-color-text-muted);
20348
+ background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
20349
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
20350
+ border-radius: 50%;
20351
+ margin-inline-start: var(--base-size-8);
20352
+ vertical-align: middle;
20353
+ padding: var(--base-size-4);
20354
+ }
20355
+
20356
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
20357
+ width: var(--base-size-12);
20358
+ height: var(--base-size-12);
20359
+ }
20360
+
20361
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
20362
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
20363
+ outline-offset: 2px;
20364
+ }
20365
+
19384
20366
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
19385
20367
  margin-block-start: var(--base-size-20);
19386
20368
  }
@@ -19419,6 +20401,7 @@ Fixes safari bug where outline doesn't respect border-radius
19419
20401
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
19420
20402
  padding: var(--base-size-8) 0;
19421
20403
  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
20404
+ padding-inline-end: 0 !important;
19422
20405
  margin-block-start: calc(var(--base-size-16) * -1);
19423
20406
  margin-block-end: var(--base-size-8);
19424
20407
  }
@@ -19429,8 +20412,10 @@ Fixes safari bug where outline doesn't respect border-radius
19429
20412
  line-height: var(--feature-list-line-height);
19430
20413
  font-weight: var(--brand-text-subhead-weight-large);
19431
20414
  gap: var(--base-size-8);
19432
- display: inline-flex;
19433
20415
  align-items: center;
20416
+ justify-content: space-between;
20417
+ display: flex;
20418
+ width: 100%;
19434
20419
  }
19435
20420
 
19436
20421
  /* Hide default icon */
@@ -19445,6 +20430,10 @@ Fixes safari bug where outline doesn't respect border-radius
19445
20430
  padding-inline-start: 0 !important;
19446
20431
  }
19447
20432
 
20433
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
20434
+ margin-inline-end: var(--base-size-4);
20435
+ }
20436
+
19448
20437
  /* Chevron up icon */
19449
20438
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
19450
20439
  transform: rotate(180deg);
@@ -19456,7 +20445,7 @@ Fixes safari bug where outline doesn't respect border-radius
19456
20445
 
19457
20446
  /**
19458
20447
  * Do not edit directly
19459
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
20448
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
19460
20449
  */
19461
20450
 
19462
20451
  :root {
@@ -19465,7 +20454,7 @@ Fixes safari bug where outline doesn't respect border-radius
19465
20454
 
19466
20455
  /**
19467
20456
  * Do not edit directly
19468
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
20457
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
19469
20458
  */
19470
20459
 
19471
20460
  :root,
@@ -20276,7 +21265,7 @@ Fixes safari bug where outline doesn't respect border-radius
20276
21265
 
20277
21266
  /**
20278
21267
  * Do not edit directly
20279
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
21268
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
20280
21269
  */
20281
21270
 
20282
21271
  :root {
@@ -20285,7 +21274,7 @@ Fixes safari bug where outline doesn't respect border-radius
20285
21274
 
20286
21275
  /**
20287
21276
  * Do not edit directly
20288
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
21277
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
20289
21278
  */
20290
21279
 
20291
21280
  :root,
@@ -20781,7 +21770,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20781
21770
 
20782
21771
  /**
20783
21772
  * Do not edit directly
20784
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
21773
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
20785
21774
  */
20786
21775
 
20787
21776
  :root,
@@ -20880,7 +21869,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20880
21869
 
20881
21870
  /**
20882
21871
  * Do not edit directly
20883
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
21872
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
20884
21873
  */
20885
21874
 
20886
21875
  :root,
@@ -21258,7 +22247,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21258
22247
 
21259
22248
  /**
21260
22249
  * Do not edit directly
21261
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
22250
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
21262
22251
  */
21263
22252
 
21264
22253
  :root,
@@ -21272,7 +22261,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21272
22261
 
21273
22262
  /**
21274
22263
  * Do not edit directly
21275
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
22264
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
21276
22265
  */
21277
22266
 
21278
22267
  :root {
@@ -21459,7 +22448,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21459
22448
 
21460
22449
  /**
21461
22450
  * Do not edit directly
21462
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
22451
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
21463
22452
  */
21464
22453
 
21465
22454
  :root {
@@ -21743,7 +22732,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21743
22732
 
21744
22733
  /**
21745
22734
  * Do not edit directly
21746
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
22735
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
21747
22736
  */
21748
22737
 
21749
22738
  :root {
@@ -21754,7 +22743,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21754
22743
 
21755
22744
  /**
21756
22745
  * Do not edit directly
21757
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
22746
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
21758
22747
  */
21759
22748
 
21760
22749
  :root,
@@ -22022,7 +23011,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22022
23011
 
22023
23012
  /**
22024
23013
  * Do not edit directly
22025
- * Generated on Wed, 08 Apr 2026 15:02:24 GMT
23014
+ * Generated on Wed, 15 Apr 2026 12:23:36 GMT
22026
23015
  */
22027
23016
 
22028
23017
  :root {
@@ -22031,7 +23020,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22031
23020
 
22032
23021
  /**
22033
23022
  * Do not edit directly
22034
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
23023
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
22035
23024
  */
22036
23025
 
22037
23026
  :root,
@@ -22277,7 +23266,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22277
23266
 
22278
23267
  /**
22279
23268
  * Do not edit directly
22280
- * Generated on Wed, 08 Apr 2026 15:02:25 GMT
23269
+ * Generated on Wed, 15 Apr 2026 12:23:37 GMT
22281
23270
  */
22282
23271
 
22283
23272
  :root,