@primer/react-brand 0.67.0-rc.aeae84f6 → 0.67.0-rc.eb80fcc4

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 (374) hide show
  1. package/lib/Card/Card.d.ts +40 -7
  2. package/lib/EyebrowText/EyebrowText.d.ts +4 -1
  3. package/lib/Hero/HeroContext.d.ts +1 -1
  4. package/lib/PricingOptions/PricingOptions.d.ts +14 -7
  5. package/lib/Token/Token.d.ts +46 -0
  6. package/lib/Token/index.d.ts +1 -0
  7. package/lib/css/main.css +1629 -632
  8. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  9. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  10. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +3 -1
  14. package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -1
  15. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/card/base.css +3 -3
  23. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +3 -1
  24. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +2 -1
  25. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +5 -5
  44. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +3 -3
  45. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes.css +37 -0
  85. package/lib/design-tokens/css/tokens/functional/components/token/colors.css +20 -0
  86. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  98. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  99. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +5 -1
  103. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +3 -3
  105. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +5 -1
  106. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  110. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  115. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +5 -5
  117. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  118. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  119. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  120. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  121. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  122. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  123. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  124. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  125. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  126. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/token/colors.js +71 -0
  141. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  150. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  151. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  152. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  153. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  154. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -1
  156. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  157. package/lib/design-tokens/js/tokens/functional/components/card/base.js +3 -3
  158. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -1
  159. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  160. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  161. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  162. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  163. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  164. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  165. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  166. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  167. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  168. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  169. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +3 -3
  170. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  171. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  172. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  173. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  174. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  175. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  176. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  177. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  178. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  179. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  180. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  181. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  182. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  183. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  184. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  185. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/token/colors.js +18 -0
  194. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  202. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  203. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  204. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  205. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  206. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  207. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  208. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +2 -1
  209. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  210. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +3 -3
  211. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +2 -1
  212. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  213. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  214. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  215. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  216. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  217. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  218. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  219. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  220. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  221. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  222. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +3 -3
  223. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  224. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  225. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  226. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  227. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  228. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  229. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  230. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  231. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  232. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  233. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  234. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  235. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  236. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  237. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  238. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  239. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  240. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  241. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/components/token/colors.scss +17 -0
  247. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  254. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  255. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  256. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  257. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  258. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  259. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  260. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  261. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  262. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  263. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +2 -1
  266. package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -1
  267. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  268. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +3 -3
  271. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +3 -2
  272. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +2 -1
  273. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  274. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  275. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  276. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  277. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  278. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  279. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  280. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  281. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  282. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  283. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  284. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  285. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  286. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  287. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  288. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  289. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  290. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  291. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  292. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  293. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  294. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +3 -3
  295. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  296. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  297. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  298. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  299. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  300. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  301. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  302. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  303. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/token/colors.d.ts +35 -0
  342. package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +32 -0
  343. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  358. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  359. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  360. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  361. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  362. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  363. package/lib/index.d.ts +1 -0
  364. package/lib/index.js +1 -1
  365. package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.content.d.ts +99 -0
  366. package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.d.ts +6 -0
  367. package/lib/recipes/Flexsuite/Overview/FlexSuiteOverview.content.d.ts +4 -0
  368. package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.content.d.ts +58 -0
  369. package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.d.ts +6 -0
  370. package/lib/recipes/Flexsuite/Overview/index.d.ts +4 -0
  371. package/lib/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts +41 -0
  372. package/lib/river/RiverBreakoutTabs/index.d.ts +1 -0
  373. package/lib/river/index.d.ts +1 -0
  374. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -78,7 +78,7 @@ html {
78
78
 
79
79
  /**
80
80
  * Do not edit directly
81
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
81
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:30 GMT
359
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:30 GMT
386
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:30 GMT
403
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:29 GMT
561
+ * Generated on Thu, 23 Apr 2026 10:25:21 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 Sun, 12 Apr 2026 19:02:29 GMT
575
+ * Generated on Thu, 23 Apr 2026 10:25:21 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 Sun, 12 Apr 2026 19:02:30 GMT
594
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:30 GMT
696
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:30 GMT
723
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Sun, 12 Apr 2026 19:02:29 GMT
1496
+ * Generated on Thu, 23 Apr 2026 10:25:21 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 Sun, 12 Apr 2026 19:02:29 GMT
1804
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
1803
1805
  */
1804
1806
 
1805
1807
  :root {
@@ -5879,6 +5881,10 @@ html {
5879
5881
  letter-spacing: var(--brand-text-letterSpacing-100);
5880
5882
  }
5881
5883
 
5884
+ .Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
5885
+ color: var(--brand-color-accent-primary);
5886
+ }
5887
+
5882
5888
  .Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
5883
5889
  display: inline-flex;
5884
5890
  align-items: center;
@@ -6761,7 +6767,12 @@ html {
6761
6767
  }
6762
6768
 
6763
6769
  .Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
6764
- 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);
6765
6776
  transform: translateX(0);
6766
6777
  }
6767
6778
 
@@ -6772,7 +6783,7 @@ html {
6772
6783
  .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
6773
6784
  stroke-dasharray: 10;
6774
6785
  stroke-dashoffset: 10;
6775
- transition: stroke-dashoffset 200ms;
6786
+ transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
6776
6787
  }
6777
6788
 
6778
6789
  .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
@@ -6789,7 +6800,7 @@ html {
6789
6800
 
6790
6801
  /**
6791
6802
  * Do not edit directly
6792
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
6803
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
6793
6804
  */
6794
6805
 
6795
6806
  :root,
@@ -7126,7 +7137,7 @@ html {
7126
7137
 
7127
7138
  /**
7128
7139
  * Do not edit directly
7129
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
7140
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
7130
7141
  */
7131
7142
 
7132
7143
  :root {
@@ -7147,7 +7158,7 @@ html {
7147
7158
 
7148
7159
  /**
7149
7160
  * Do not edit directly
7150
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
7161
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
7151
7162
  */
7152
7163
 
7153
7164
  :root {
@@ -7513,6 +7524,7 @@ html {
7513
7524
  }
7514
7525
 
7515
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. */
7516
7528
  font-weight: var(--base-text-weight-medium);
7517
7529
  }
7518
7530
 
@@ -7545,7 +7557,7 @@ html {
7545
7557
 
7546
7558
  /**
7547
7559
  * Do not edit directly
7548
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
7560
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
7549
7561
  */
7550
7562
 
7551
7563
  :root,
@@ -7561,7 +7573,7 @@ html {
7561
7573
 
7562
7574
  /**
7563
7575
  * Do not edit directly
7564
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
7576
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
7565
7577
  */
7566
7578
 
7567
7579
  :root,
@@ -7828,7 +7840,7 @@ html {
7828
7840
 
7829
7841
  /**
7830
7842
  * Do not edit directly
7831
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
7843
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
7832
7844
  */
7833
7845
 
7834
7846
  :root {
@@ -8309,6 +8321,14 @@ html {
8309
8321
  gap: 0;
8310
8322
  }
8311
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
+
8312
8332
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
8313
8333
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
8314
8334
  content: '';
@@ -8328,7 +8348,19 @@ html {
8328
8348
  bottom: 0;
8329
8349
  }
8330
8350
 
8331
- @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) {
8332
8364
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
8333
8365
  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8334
8366
  }
@@ -8444,6 +8476,10 @@ html {
8444
8476
  border-radius: var(--brand-borderRadius-large);
8445
8477
  }
8446
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
+
8447
8483
  .Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
8448
8484
  margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
8449
8485
  padding: var(--base-size-32);
@@ -8461,6 +8497,11 @@ html {
8461
8497
  border-end-start-radius: 0;
8462
8498
  border-end-end-radius: 0;
8463
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
+ }
8464
8505
  }
8465
8506
 
8466
8507
  @media screen and (min-width: 48rem) and (max-width: 63.24rem) {
@@ -8475,6 +8516,11 @@ html {
8475
8516
  border-end-start-radius: 0;
8476
8517
  border-end-end-radius: 0;
8477
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
+ }
8478
8524
  }
8479
8525
 
8480
8526
  @media screen and (min-width: 63.25rem) {
@@ -8491,191 +8537,731 @@ html {
8491
8537
  border-end-end-radius: 0;
8492
8538
  }
8493
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;
8543
+ }
8544
+
8494
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 {
8495
8546
  border-radius: 0;
8496
8547
  }
8497
8548
  }
8498
8549
 
8499
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8500
- --ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
8501
- -webkit-font-smoothing: antialiased;
8502
- --stackDistance: calc(var(--base-size-24) * -1);
8550
+ .Primer_Brand__Icon-module__Icon___bf2xY {
8551
+ box-sizing: content-box;
8552
+ padding: 0;
8553
+ }
8503
8554
 
8504
- /* River visual (videos)
8505
- * UL = unit-less, needed for division in certain scenarios
8506
- */
8507
- --visualMaxWidth: 1032px;
8508
- --visualMaxWidthUL: 1032;
8509
- --visualMaxHeight: min(690px, 60vh);
8510
- --visualMaxHeightUL: 690;
8511
- --storyScrollPadding: min(32px, 5vw);
8512
- position: relative;
8555
+ .Primer_Brand__Icon-module__Icon___bf2xY > svg {
8556
+ display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
8513
8557
  }
8514
- @media (max-height: 720px) {
8515
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8516
- --visualMaxHeight: 55vh;
8517
- }
8558
+
8559
+ .Primer_Brand__Icon-module__Icon--size-20___bxF8U {
8560
+ width: var(--base-size-20);
8561
+ height: var(--base-size-20);
8518
8562
  }
8519
8563
 
8520
- @media (max-height: 600px) {
8521
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8522
- --visualMaxHeight: 50vh;
8523
- }
8564
+ .Primer_Brand__Icon-module__Icon--size-24___yTJML {
8565
+ width: var(--base-size-24);
8566
+ height: var(--base-size-24);
8524
8567
  }
8525
8568
 
8526
- @media (max-height: 500px) {
8527
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8528
- --visualMaxHeight: 40vh;
8529
- }
8569
+ .Primer_Brand__Icon-module__Icon--size-28___tnGmL {
8570
+ width: var(--base-size-28);
8571
+ height: var(--base-size-28);
8530
8572
  }
8531
8573
 
8532
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
8533
- position: relative;
8574
+ .Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
8575
+ width: var(--base-size-32);
8576
+ height: var(--base-size-32);
8534
8577
  }
8535
8578
 
8536
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
8537
- position: absolute;
8538
- left: 0;
8539
- width: 100%;
8579
+ .Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
8580
+ width: var(--base-size-36);
8581
+ height: var(--base-size-36);
8540
8582
  }
8541
8583
 
8542
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
8543
- margin-left: auto;
8544
- margin-right: auto;
8545
- width: auto;
8546
- z-index: 10;
8547
- position: relative;
8548
- border-radius: var(--brand-borderRadius-large);
8584
+ .Primer_Brand__Icon-module__Icon--size-40___cXhgu {
8585
+ width: var(--base-size-40);
8586
+ height: var(--base-size-40);
8549
8587
  }
8550
8588
 
8551
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
8552
- grid-template-columns: 1fr;
8553
- gap: 0;
8589
+ .Primer_Brand__Icon-module__Icon--size-44___vwox2 {
8590
+ width: var(--base-size-44);
8591
+ height: var(--base-size-44);
8554
8592
  }
8555
8593
 
8556
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
8557
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
8558
- display: none;
8594
+ .Primer_Brand__Icon-module__Icon--background___d6RdL {
8595
+ padding: var(--base-size-12);
8596
+ border-radius: var(--brand-borderRadius-medium);
8559
8597
  }
8560
8598
 
8561
- @media (max-width: 542px) {
8562
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8563
- --topOffset: calc((100vh - min(664px, 60vh)) / 5);
8564
- }
8599
+ .Primer_Brand__Icon-module__Icon--color-default___z2cYk {
8600
+ color: var(--brand-Icon-color-default);
8565
8601
  }
8566
8602
 
8567
- @media (max-width: 768px) and (min-height: 670px) {
8568
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8569
- --extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
8570
- }
8603
+ .Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
8604
+ background-color: var(--brand-Icon-background-default);
8571
8605
  }
8572
8606
 
8573
- @media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
8574
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8575
- --extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
8576
- }
8607
+ .Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
8608
+ color: var(--brand-Icon-color-blue);
8577
8609
  }
8578
8610
 
8579
- @media (min-width: 542px) {
8580
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8581
- --scrollTextHeight: 42vh;
8582
- }
8611
+ .Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
8612
+ background-color: var(--brand-Icon-background-blue);
8583
8613
  }
8584
8614
 
8585
- @media (max-height: 520px) {
8586
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8587
- --scrollTextHeight: 70vh;
8588
- }
8615
+ .Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
8616
+ color: var(--brand-Icon-color-coral);
8589
8617
  }
8590
8618
 
8591
- @media (min-width: 1028px) {
8592
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8593
- --stackDistance: -30px;
8594
- }
8619
+ .Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
8620
+ background-color: var(--brand-Icon-background-coral);
8595
8621
  }
8596
8622
 
8597
- @media (max-height: 800px) {
8598
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8599
- --stackDistance: -20px;
8600
- }
8623
+ .Primer_Brand__Icon-module__Icon--color-green___OxAZK {
8624
+ color: var(--brand-Icon-color-green);
8601
8625
  }
8602
8626
 
8603
- @media (max-height: 500px) {
8604
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8605
- --stackDistance: -15px;
8606
- }
8627
+ .Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
8628
+ background-color: var(--brand-Icon-background-green);
8607
8629
  }
8608
8630
 
8609
- @media screen and (max-width: 768px) {
8610
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8611
- --topOffset: calc((100vh - min(664px, 60vh)) / 3);
8631
+ .Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
8632
+ color: var(--brand-Icon-color-gray);
8633
+ }
8612
8634
 
8613
- /* Spacing above the visual */
8614
- --availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
8615
- --relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
8616
- --visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
8617
- --visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
8618
- --scrollTextHeight: 58vh;
8619
- --textToVisualPadding: max(5vh, 40px);
8635
+ .Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
8636
+ background-color: var(--brand-Icon-background-gray);
8637
+ }
8620
8638
 
8621
- --topScrollOffset: calc(var(--visualHeight));
8622
- --bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
8639
+ .Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
8640
+ color: var(--brand-Icon-color-indigo);
8641
+ }
8623
8642
 
8624
- --extraBottomSpacing: 70px;
8625
- }
8643
+ .Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
8644
+ background-color: var(--brand-Icon-background-indigo);
8645
+ }
8626
8646
 
8627
- /* Enhanced styling if dvh is supported */
8628
- @supports (height: 100dvh) {
8629
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
8630
- height: 100dvh;
8631
- }
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__visual-container___ZJlnt {
8635
- position: absolute;
8636
- width: 100%;
8637
- height: 100%;
8638
- left: 0;
8639
- top: 0;
8640
- }
8651
+ .Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
8652
+ background-color: var(--brand-Icon-background-lemon);
8653
+ }
8641
8654
 
8642
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
8643
- min-height: var(--scrollTextHeight);
8644
- position: relative;
8645
- transition: opacity 0.3s var(--ease);
8646
- }
8655
+ .Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
8656
+ color: var(--brand-Icon-color-lime);
8657
+ }
8647
8658
 
8648
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
8649
- opacity: 0;
8650
- }
8659
+ .Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
8660
+ background-color: var(--brand-Icon-background-lime);
8661
+ }
8651
8662
 
8652
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
8653
- opacity: 0;
8654
- }
8663
+ .Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
8664
+ color: var(--brand-Icon-color-orange);
8665
+ }
8655
8666
 
8656
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
8657
- max-width: calc(1032px + var(--storyScrollPadding) * 2);
8658
- margin-top: min(30vw, 22vh);
8659
- margin-left: auto;
8660
- margin-right: auto;
8661
- padding-right: var(--storyScrollPadding);
8662
- padding-left: var(--storyScrollPadding);
8663
- }
8667
+ .Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
8668
+ background-color: var(--brand-Icon-background-orange);
8669
+ }
8664
8670
 
8665
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
8666
- padding-top: var(--topScrollOffset);
8667
- padding-bottom: var(--bottomScrollOffset);
8668
- }
8671
+ .Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
8672
+ color: var(--brand-Icon-color-pink);
8673
+ }
8669
8674
 
8670
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
8671
- height: auto;
8672
- width: 100%;
8673
- max-width: var(--visualWidth);
8674
- border-radius: var(--brand-borderRadius-large);
8675
- }
8675
+ .Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
8676
+ background-color: var(--brand-Icon-background-pink);
8677
+ }
8676
8678
 
8677
- .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
8678
- position: sticky;
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 Thu, 23 Apr 2026 10:25:21 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 Thu, 23 Apr 2026 10:25:23 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
+ }
9250
+
9251
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
9252
+ padding-top: var(--topScrollOffset);
9253
+ padding-bottom: var(--bottomScrollOffset);
9254
+ }
9255
+
9256
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
9257
+ height: auto;
9258
+ width: 100%;
9259
+ max-width: var(--visualWidth);
9260
+ border-radius: var(--brand-borderRadius-large);
9261
+ }
9262
+
9263
+ .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
9264
+ position: sticky;
8679
9265
  pointer-events: none;
8680
9266
  top: 0;
8681
9267
  padding-top: var(--topOffset);
@@ -8982,7 +9568,7 @@ html {
8982
9568
 
8983
9569
  /**
8984
9570
  * Do not edit directly
8985
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
9571
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
8986
9572
  */
8987
9573
 
8988
9574
  :root,
@@ -9750,7 +10336,7 @@ html {
9750
10336
 
9751
10337
  /**
9752
10338
  * Do not edit directly
9753
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
10339
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
9754
10340
  */
9755
10341
 
9756
10342
  :root,
@@ -9776,78 +10362,233 @@ html {
9776
10362
  --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
9777
10363
  }
9778
10364
 
9779
- /**
9780
- * Do not edit directly
9781
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
9782
- */
10365
+ /**
10366
+ * Do not edit directly
10367
+ * Generated on Thu, 23 Apr 2026 10:25:22 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 Thu, 23 Apr 2026 10:25:21 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 Thu, 23 Apr 2026 10:25:22 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-accent: var(--base-color-scale-green-8);
10443
+ --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
10444
+ --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
10445
+ --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
10446
+ --brand-Token-bgColor-hover-invisible: transparent;
10447
+ --brand-Token-bgColor-invisible: transparent;
10448
+ --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
10449
+ --brand-Token-border-outline: var(--brand-color-border-muted);
10450
+ --brand-Token-fgColor-default: var(--brand-color-text-default);
10451
+ --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
10452
+ --brand-Token-fgColor-outline: var(--brand-color-text-default);
10453
+ --brand-Token-fgColor-invisible: var(--brand-color-text-default);
10454
+ }
10455
+
10456
+ [data-color-mode="dark"] {
10457
+ --brand-Token-bgColor-default: var(--base-color-scale-gray-5);
10458
+ --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
10459
+ --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
10460
+ --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
10461
+ --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
10462
+ --brand-Token-bgColor-hover-invisible: transparent;
10463
+ --brand-Token-bgColor-invisible: transparent;
10464
+ --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
10465
+ --brand-Token-border-outline: var(--brand-color-border-muted);
10466
+ --brand-Token-fgColor-default: var(--brand-color-text-muted);
10467
+ --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
10468
+ --brand-Token-fgColor-outline: var(--brand-color-text-default);
10469
+ --brand-Token-fgColor-invisible: var(--brand-color-text-default);
10470
+ }
10471
+
10472
+ .Primer_Brand__Token-module__Token___r7qQC {
10473
+ align-items: center;
10474
+ border: var(--brand-borderWidth-thin) solid transparent;
10475
+ border-radius: var(--brand-borderRadius-small);
10476
+ display: inline-flex;
10477
+ gap: var(--base-size-8);
10478
+ min-width: 0;
10479
+ max-width: 100%;
10480
+ padding-inline: var(--base-size-8);
10481
+ padding-block: var(--base-size-6);
10482
+ padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
10483
+ vertical-align: middle;
10484
+ }
10485
+
10486
+ .Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
10487
+ padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
10488
+ padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
10489
+ }
10490
+
10491
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk {
10492
+ cursor: pointer;
10493
+ -webkit-text-decoration: none;
10494
+ text-decoration: none;
10495
+ }
10496
+
10497
+ [data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
10498
+ -webkit-font-smoothing: antialiased;
10499
+ -moz-osx-font-smoothing: auto;
10500
+ }
10501
+
10502
+ .Primer_Brand__Token-module__Token--variant-default___NBxMW {
10503
+ background-color: var(--brand-Token-bgColor-default);
10504
+ color: var(--brand-Token-fgColor-default);
10505
+ }
10506
+
10507
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
10508
+ background-color: var(--brand-Token-bgColor-hover-default);
10509
+ }
10510
+
10511
+ .Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
10512
+ background-color: var(--brand-Token-bgColor-accent);
10513
+ color: var(--brand-Token-fgColor-accent);
10514
+ }
10515
+
10516
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
10517
+ background-color: var(--brand-Token-bgColor-hover-accent);
10518
+ }
10519
+
10520
+ .Primer_Brand__Token-module__Token--variant-outline___X52wp {
10521
+ background-color: var(--brand-Token-bgColor-outline);
10522
+ border-color: var(--brand-Token-border-outline);
10523
+ color: var(--brand-Token-fgColor-outline);
10524
+ }
9783
10525
 
9784
- :root,
9785
- [data-color-mode="light"] {
9786
- --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
9787
- --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
10526
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
10527
+ background-color: var(--brand-Token-bgColor-hover-outline);
9788
10528
  }
9789
10529
 
9790
- [data-color-mode="dark"] {
9791
- --brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
9792
- --brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
10530
+ .Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
10531
+ background-color: transparent;
10532
+ color: var(--brand-Token-fgColor-invisible);
9793
10533
  }
9794
10534
 
9795
- /**
9796
- * Do not edit directly
9797
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
9798
- */
10535
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
10536
+ background-color: var(--brand-Token-bgColor-hover-invisible);
10537
+ }
9799
10538
 
9800
- :root {
9801
- --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
10539
+ .Primer_Brand__Token-module__Token__label___wC8Q5 {
10540
+ display: block;
10541
+ flex: 1 1 auto;
10542
+ min-width: 0;
10543
+ overflow: hidden;
10544
+ text-overflow: ellipsis;
10545
+ text-transform: uppercase;
10546
+ font-weight: var(--base-text-weight-normal);
10547
+ line-height: 0.85;
10548
+ white-space: nowrap;
9802
10549
  }
9803
10550
 
9804
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
9805
- position: relative;
9806
- -webkit-text-decoration: underline;
9807
- text-decoration: underline;
9808
- text-decoration-color: var(--brand-InlineLink-color-rest);
9809
- text-decoration-thickness: var(--brand-borderWidth-thin);
9810
- text-underline-position: under;
9811
- transition: var(--brand-InlineLink-transition-timing) text-decoration;
10551
+ .Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
10552
+ color: inherit;
9812
10553
  }
9813
10554
 
9814
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
9815
- text-decoration-thickness: var(--brand-borderWidth-thick);
10555
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 {
10556
+ display: flex;
10557
+ flex-shrink: 0;
10558
+ align-items: center;
10559
+ justify-content: center;
10560
+ width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10561
+ height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
9816
10562
  }
9817
10563
 
9818
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
9819
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
9820
- font-size: inherit;
9821
- font-weight: inherit;
9822
- line-height: inherit;
9823
- color: var(--brand-InlineLink-color-rest);
10564
+ .Primer_Brand__Token-module__Token__visual___U0j1l {
10565
+ display: block;
9824
10566
  }
9825
10567
 
9826
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
9827
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
9828
- color: var(--brand-InlineLink-color-pressed);
10568
+ /* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
10569
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
10570
+ width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10571
+ height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10572
+ max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10573
+ max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10574
+ border-radius: 2px;
9829
10575
  }
9830
10576
 
9831
- [data-color-mode='dark'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
9832
- -webkit-font-smoothing: subpixel-antialiased;
9833
- -moz-osx-font-smoothing: auto;
10577
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
10578
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
10579
+ width: 100%;
10580
+ height: 100%;
9834
10581
  }
9835
10582
 
9836
- /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
9837
- @media (prefers-reduced-motion: reduce) {
9838
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
9839
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
9840
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
9841
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
9842
- animation: none !important;
9843
- transition: none !important;
9844
- scroll-behavior: auto !important;
10583
+ @media (forced-colors: active) {
10584
+ .Primer_Brand__Token-module__Token___r7qQC {
10585
+ outline: var(--brand-borderWidth-thin) solid transparent;
9845
10586
  }
9846
10587
  }
9847
10588
 
9848
10589
  /**
9849
10590
  * Do not edit directly
9850
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
10591
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
9851
10592
  */
9852
10593
 
9853
10594
  :root,
@@ -10275,7 +11016,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10275
11016
 
10276
11017
  /**
10277
11018
  * Do not edit directly
10278
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
11019
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
10279
11020
  */
10280
11021
 
10281
11022
  :root {
@@ -10284,7 +11025,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10284
11025
 
10285
11026
  /**
10286
11027
  * Do not edit directly
10287
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
11028
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
10288
11029
  */
10289
11030
 
10290
11031
  :root,
@@ -10306,7 +11047,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10306
11047
 
10307
11048
  /**
10308
11049
  * Do not edit directly
10309
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
11050
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
10310
11051
  */
10311
11052
 
10312
11053
  :root {
@@ -10588,7 +11329,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10588
11329
 
10589
11330
  /**
10590
11331
  * Do not edit directly
10591
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
11332
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
10592
11333
  */
10593
11334
 
10594
11335
  :root,
@@ -11791,7 +12532,7 @@ Fixes safari bug where outline doesn't respect border-radius
11791
12532
 
11792
12533
  /**
11793
12534
  * Do not edit directly
11794
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
12535
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
11795
12536
  */
11796
12537
 
11797
12538
  :root {
@@ -11805,7 +12546,7 @@ Fixes safari bug where outline doesn't respect border-radius
11805
12546
 
11806
12547
  /**
11807
12548
  * Do not edit directly
11808
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
12549
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
11809
12550
  */
11810
12551
 
11811
12552
  :root,
@@ -12063,10 +12804,7 @@ Fixes safari bug where outline doesn't respect border-radius
12063
12804
 
12064
12805
  .Primer_Brand__Testimonial-module__Testimonial-from___Kfj__ {
12065
12806
  font-weight: var(--base-text-weight-normal);
12066
- }
12067
-
12068
- .Primer_Brand__Testimonial-module__Testimonial-position___j2h0f {
12069
- font-family: var(--brand-fontStack-monospace);
12807
+ text-transform: uppercase;
12070
12808
  }
12071
12809
 
12072
12810
  /* Expressive variant */
@@ -12080,7 +12818,7 @@ Fixes safari bug where outline doesn't respect border-radius
12080
12818
  .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM {
12081
12819
  flex-direction: row;
12082
12820
  align-items: flex-end;
12083
- gap: var(--base-size-64);
12821
+ gap: var(--base-size-96);
12084
12822
  }
12085
12823
  }
12086
12824
 
@@ -12105,6 +12843,7 @@ Fixes safari bug where outline doesn't respect border-radius
12105
12843
  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
12106
12844
  padding-block-start: var(--base-size-24);
12107
12845
  width: 100%;
12846
+ gap: var(--base-size-8);
12108
12847
  }
12109
12848
 
12110
12849
  @media screen and (min-width: 48rem) {
@@ -12148,6 +12887,8 @@ Fixes safari bug where outline doesn't respect border-radius
12148
12887
 
12149
12888
  .Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
12150
12889
  font-family: var(--brand-fontStack-monospace);
12890
+ line-height: var(--brand-text-lineHeight-400);
12891
+ font-weight: var(--base-text-weight-normal);
12151
12892
  }
12152
12893
 
12153
12894
  .Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
@@ -12256,7 +12997,7 @@ Fixes safari bug where outline doesn't respect border-radius
12256
12997
 
12257
12998
  /**
12258
12999
  * Do not edit directly
12259
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13000
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
12260
13001
  */
12261
13002
 
12262
13003
  :root,
@@ -12272,7 +13013,7 @@ Fixes safari bug where outline doesn't respect border-radius
12272
13013
 
12273
13014
  /**
12274
13015
  * Do not edit directly
12275
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13016
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
12276
13017
  */
12277
13018
 
12278
13019
  :root {
@@ -13017,7 +13758,7 @@ Fixes safari bug where outline doesn't respect border-radius
13017
13758
 
13018
13759
  /**
13019
13760
  * Do not edit directly
13020
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13761
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
13021
13762
  */
13022
13763
 
13023
13764
  :root,
@@ -13033,7 +13774,7 @@ Fixes safari bug where outline doesn't respect border-radius
13033
13774
 
13034
13775
  /**
13035
13776
  * Do not edit directly
13036
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13777
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
13037
13778
  */
13038
13779
 
13039
13780
  :root,
@@ -13419,7 +14160,7 @@ Fixes safari bug where outline doesn't respect border-radius
13419
14160
 
13420
14161
  /**
13421
14162
  * Do not edit directly
13422
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
14163
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
13423
14164
  */
13424
14165
 
13425
14166
  :root,
@@ -13583,7 +14324,7 @@ Fixes safari bug where outline doesn't respect border-radius
13583
14324
 
13584
14325
  /**
13585
14326
  * Do not edit directly
13586
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
14327
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
13587
14328
  */
13588
14329
 
13589
14330
  :root,
@@ -13708,336 +14449,81 @@ Fixes safari bug where outline doesn't respect border-radius
13708
14449
  color: var(--brand-Pillar-icon-color-orange);
13709
14450
  }
13710
14451
 
13711
- .Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
13712
- color: var(--brand-Pillar-icon-color-pink);
13713
- }
13714
-
13715
- .Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
13716
- color: var(--brand-Pillar-icon-color-purple);
13717
- }
13718
-
13719
- .Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
13720
- color: var(--brand-Pillar-icon-color-red);
13721
- }
13722
-
13723
- .Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
13724
- color: var(--brand-Pillar-icon-color-teal);
13725
- }
13726
-
13727
- .Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
13728
- color: var(--brand-Pillar-icon-color-yellow);
13729
- }
13730
-
13731
- .Primer_Brand__Icon-module__Icon___bf2xY {
13732
- box-sizing: content-box;
13733
- padding: 0;
13734
- }
13735
-
13736
- .Primer_Brand__Icon-module__Icon___bf2xY > svg {
13737
- display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
13738
- }
13739
-
13740
- .Primer_Brand__Icon-module__Icon--size-20___bxF8U {
13741
- width: var(--base-size-20);
13742
- height: var(--base-size-20);
13743
- }
13744
-
13745
- .Primer_Brand__Icon-module__Icon--size-24___yTJML {
13746
- width: var(--base-size-24);
13747
- height: var(--base-size-24);
13748
- }
13749
-
13750
- .Primer_Brand__Icon-module__Icon--size-28___tnGmL {
13751
- width: var(--base-size-28);
13752
- height: var(--base-size-28);
13753
- }
13754
-
13755
- .Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
13756
- width: var(--base-size-32);
13757
- height: var(--base-size-32);
13758
- }
13759
-
13760
- .Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
13761
- width: var(--base-size-36);
13762
- height: var(--base-size-36);
13763
- }
13764
-
13765
- .Primer_Brand__Icon-module__Icon--size-40___cXhgu {
13766
- width: var(--base-size-40);
13767
- height: var(--base-size-40);
13768
- }
13769
-
13770
- .Primer_Brand__Icon-module__Icon--size-44___vwox2 {
13771
- width: var(--base-size-44);
13772
- height: var(--base-size-44);
13773
- }
13774
-
13775
- .Primer_Brand__Icon-module__Icon--background___d6RdL {
13776
- padding: var(--base-size-12);
13777
- border-radius: var(--brand-borderRadius-full);
13778
- }
13779
-
13780
- .Primer_Brand__Icon-module__Icon--color-default___z2cYk {
13781
- color: var(--brand-Icon-color-default);
13782
- }
13783
-
13784
- .Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
13785
- background-color: var(--brand-Icon-background-default);
13786
- }
13787
-
13788
- .Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
13789
- color: var(--brand-Icon-color-blue);
13790
- }
13791
-
13792
- .Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
13793
- background-color: var(--brand-Icon-background-blue);
13794
- }
13795
-
13796
- .Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
13797
- color: var(--brand-Icon-color-coral);
13798
- }
13799
-
13800
- .Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
13801
- background-color: var(--brand-Icon-background-coral);
13802
- }
13803
-
13804
- .Primer_Brand__Icon-module__Icon--color-green___OxAZK {
13805
- color: var(--brand-Icon-color-green);
13806
- }
13807
-
13808
- .Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
13809
- background-color: var(--brand-Icon-background-green);
13810
- }
13811
-
13812
- .Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
13813
- color: var(--brand-Icon-color-gray);
13814
- }
13815
-
13816
- .Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
13817
- background-color: var(--brand-Icon-background-gray);
13818
- }
13819
-
13820
- .Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
13821
- color: var(--brand-Icon-color-indigo);
13822
- }
13823
-
13824
- .Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
13825
- background-color: var(--brand-Icon-background-indigo);
13826
- }
13827
-
13828
- .Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
13829
- color: var(--brand-Icon-color-lemon);
13830
- }
13831
-
13832
- .Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
13833
- background-color: var(--brand-Icon-background-lemon);
13834
- }
13835
-
13836
- .Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
13837
- color: var(--brand-Icon-color-lime);
13838
- }
13839
-
13840
- .Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
13841
- background-color: var(--brand-Icon-background-lime);
13842
- }
13843
-
13844
- .Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
13845
- color: var(--brand-Icon-color-orange);
13846
- }
13847
-
13848
- .Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
13849
- background-color: var(--brand-Icon-background-orange);
13850
- }
13851
-
13852
- .Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
13853
- color: var(--brand-Icon-color-pink);
13854
- }
13855
-
13856
- .Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
13857
- background-color: var(--brand-Icon-background-pink);
13858
- }
13859
-
13860
- .Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
13861
- color: var(--brand-Icon-color-purple);
13862
- }
13863
-
13864
- .Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
13865
- background-color: var(--brand-Icon-background-purple);
13866
- }
13867
-
13868
- .Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
13869
- color: var(--brand-Icon-color-red);
13870
- }
13871
-
13872
- .Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
13873
- background-color: var(--brand-Icon-background-red);
13874
- }
13875
-
13876
- .Primer_Brand__Icon-module__Icon--color-teal___fix20 {
13877
- color: var(--brand-Icon-color-teal);
13878
- }
13879
-
13880
- .Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
13881
- background-color: var(--brand-Icon-background-teal);
13882
- }
13883
-
13884
- .Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
13885
- color: var(--brand-Icon-color-yellow);
13886
- }
13887
-
13888
- .Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
13889
- background-color: var(--brand-Icon-background-yellow);
13890
- }
13891
-
13892
- /**
13893
- * Do not edit directly
13894
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
13895
- */
14452
+ .Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
14453
+ color: var(--brand-Pillar-icon-color-pink);
14454
+ }
13896
14455
 
13897
- :root {
13898
- --brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
13899
- --brand-Icon-color-teal: var(--base-color-scale-teal-5);
13900
- --brand-Icon-color-red: var(--base-color-scale-red-5);
13901
- --brand-Icon-color-purple: var(--base-color-scale-purple-5);
13902
- --brand-Icon-color-pink: var(--base-color-scale-pink-5);
13903
- --brand-Icon-color-orange: var(--base-color-scale-orange-5);
13904
- --brand-Icon-color-lime: var(--base-color-scale-lime-5);
13905
- --brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
13906
- --brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
13907
- --brand-Icon-color-gray: var(--base-color-scale-gray-6);
13908
- --brand-Icon-color-green: var(--base-color-scale-green-6);
13909
- --brand-Icon-color-coral: var(--base-color-scale-coral-5);
13910
- --brand-Icon-color-blue: var(--base-color-scale-blue-5);
13911
- --brand-Icon-color-default: var(--brand-color-text-default);
13912
- --brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
13913
- --brand-Icon-background-teal: var(--base-color-scale-teal-0);
13914
- --brand-Icon-background-red: var(--base-color-scale-red-0);
13915
- --brand-Icon-background-purple: var(--base-color-scale-purple-0);
13916
- --brand-Icon-background-pink: var(--base-color-scale-pink-0);
13917
- --brand-Icon-background-orange: var(--base-color-scale-orange-0);
13918
- --brand-Icon-background-lime: var(--base-color-scale-lime-0);
13919
- --brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
13920
- --brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
13921
- --brand-Icon-background-gray: var(--base-color-scale-gray-0);
13922
- --brand-Icon-background-green: var(--base-color-scale-green-0);
13923
- --brand-Icon-background-coral: var(--base-color-scale-coral-0);
13924
- --brand-Icon-background-blue: var(--base-color-scale-blue-0);
13925
- --brand-Icon-background-default: var(--base-color-scale-gray-0);
14456
+ .Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
14457
+ color: var(--brand-Pillar-icon-color-purple);
13926
14458
  }
13927
14459
 
13928
- /**
13929
- * Do not edit directly
13930
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13931
- */
14460
+ .Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
14461
+ color: var(--brand-Pillar-icon-color-red);
14462
+ }
13932
14463
 
13933
- :root,
13934
- [data-color-mode="light"] {
13935
- --brand-Icon-background-default: var(--base-color-scale-gray-0);
13936
- --brand-Icon-background-blue: var(--base-color-scale-blue-0);
13937
- --brand-Icon-background-coral: var(--base-color-scale-coral-0);
13938
- --brand-Icon-background-green: var(--base-color-scale-green-0);
13939
- --brand-Icon-background-gray: var(--base-color-scale-gray-0);
13940
- --brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
13941
- --brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
13942
- --brand-Icon-background-lime: var(--base-color-scale-lime-0);
13943
- --brand-Icon-background-orange: var(--base-color-scale-orange-0);
13944
- --brand-Icon-background-pink: var(--base-color-scale-pink-0);
13945
- --brand-Icon-background-purple: var(--base-color-scale-purple-0);
13946
- --brand-Icon-background-red: var(--base-color-scale-red-0);
13947
- --brand-Icon-background-teal: var(--base-color-scale-teal-0);
13948
- --brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
13949
- --brand-Icon-color-default: var(--brand-color-text-default);
13950
- --brand-Icon-color-blue: var(--base-color-scale-blue-5);
13951
- --brand-Icon-color-coral: var(--base-color-scale-coral-5);
13952
- --brand-Icon-color-green: var(--base-color-scale-green-6);
13953
- --brand-Icon-color-gray: var(--base-color-scale-gray-6);
13954
- --brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
13955
- --brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
13956
- --brand-Icon-color-lime: var(--base-color-scale-lime-5);
13957
- --brand-Icon-color-orange: var(--base-color-scale-orange-5);
13958
- --brand-Icon-color-pink: var(--base-color-scale-pink-5);
13959
- --brand-Icon-color-purple: var(--base-color-scale-purple-5);
13960
- --brand-Icon-color-red: var(--base-color-scale-red-5);
13961
- --brand-Icon-color-teal: var(--base-color-scale-teal-5);
13962
- --brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
14464
+ .Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
14465
+ color: var(--brand-Pillar-icon-color-teal);
13963
14466
  }
13964
14467
 
13965
- [data-color-mode="dark"] {
13966
- --brand-Icon-background-default: var(--base-color-scale-gray-6);
13967
- --brand-Icon-background-blue: var(--base-color-scale-blue-8);
13968
- --brand-Icon-background-coral: var(--base-color-scale-coral-8);
13969
- --brand-Icon-background-green: var(--base-color-scale-green-8);
13970
- --brand-Icon-background-gray: var(--base-color-scale-gray-6);
13971
- --brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
13972
- --brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
13973
- --brand-Icon-background-lime: var(--base-color-scale-lime-8);
13974
- --brand-Icon-background-orange: var(--base-color-scale-orange-8);
13975
- --brand-Icon-background-pink: var(--base-color-scale-pink-8);
13976
- --brand-Icon-background-purple: var(--base-color-scale-purple-8);
13977
- --brand-Icon-background-red: var(--base-color-scale-red-8);
13978
- --brand-Icon-background-teal: var(--base-color-scale-teal-8);
13979
- --brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
13980
- --brand-Icon-color-default: var(--brand-color-text-default);
13981
- --brand-Icon-color-blue: var(--base-color-scale-blue-2);
13982
- --brand-Icon-color-coral: var(--base-color-scale-coral-2);
13983
- --brand-Icon-color-green: var(--base-color-scale-green-2);
13984
- --brand-Icon-color-gray: var(--base-color-scale-gray-2);
13985
- --brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
13986
- --brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
13987
- --brand-Icon-color-lime: var(--base-color-scale-lime-2);
13988
- --brand-Icon-color-orange: var(--base-color-scale-orange-2);
13989
- --brand-Icon-color-pink: var(--base-color-scale-pink-2);
13990
- --brand-Icon-color-purple: var(--base-color-scale-purple-2);
13991
- --brand-Icon-color-red: var(--base-color-scale-red-2);
13992
- --brand-Icon-color-teal: var(--base-color-scale-teal-2);
13993
- --brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
14468
+ .Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
14469
+ color: var(--brand-Pillar-icon-color-yellow);
13994
14470
  }
13995
14471
 
13996
14472
  /**
13997
14473
  * Do not edit directly
13998
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
14474
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
13999
14475
  */
14000
14476
 
14001
14477
  :root {
14002
- --brand-Card-animation-easing: var(--brand-animation-easing-default);
14003
- --brand-Card-animation-duration: 600ms;
14478
+ --brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
14479
+ --brand-Card-animation-duration: 400ms;
14004
14480
  --brand-Card-maxWidth: 26.25rem;
14005
14481
  }
14006
14482
 
14007
14483
  /**
14008
14484
  * Do not edit directly
14009
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
14485
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
14010
14486
  */
14011
14487
 
14012
14488
  :root,
14013
14489
  [data-color-mode="light"] {
14014
14490
  --brand-Card-background-default: var(--brand-color-canvas-default);
14491
+ --brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
14015
14492
  }
14016
14493
 
14017
14494
  [data-color-mode="dark"] {
14018
14495
  --brand-Card-background-default: var(--brand-color-canvas-subtle);
14496
+ --brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
14019
14497
  }
14020
14498
 
14021
14499
  .Primer_Brand__Card-module__Card___ByGEk {
14500
+ /* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
14501
+ --Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
14502
+
14022
14503
  -webkit-text-decoration: none;
14504
+
14023
14505
  text-decoration: none;
14024
14506
  color: var(--brand-color-text-default);
14025
- border-radius: var(--brand-borderRadius-xlarge);
14507
+
14026
14508
  transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
14027
14509
  padding: var(--base-size-32);
14028
14510
  display: grid;
14029
14511
  grid-template-columns: 1fr 1fr;
14030
14512
  grid-template-areas:
14031
14513
  'image image'
14514
+ 'leadingVisual leadingVisual'
14032
14515
  'icon icon'
14516
+ 'tokens tokens'
14033
14517
  'label label'
14034
14518
  'heading heading'
14035
14519
  'description description'
14036
14520
  'action action';
14037
14521
  flex: auto;
14038
- grid-template-rows: auto auto auto auto 1fr;
14522
+ grid-template-rows: auto auto auto auto auto auto 1fr auto;
14523
+ grid-template-rows: var(--Card-grid-template-rows);
14039
14524
  position: relative;
14040
14525
  height: 100%;
14526
+ border-radius: var(--brand-borderRadius-medium);
14041
14527
  }
14042
14528
 
14043
14529
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
@@ -14055,7 +14541,9 @@ Fixes safari bug where outline doesn't respect border-radius
14055
14541
  grid-template-columns: 1fr;
14056
14542
  grid-template-areas:
14057
14543
  'image'
14544
+ 'leadingVisual'
14058
14545
  'icon'
14546
+ 'tokens'
14059
14547
  'label'
14060
14548
  'heading'
14061
14549
  'description'
@@ -14063,10 +14551,54 @@ Fixes safari bug where outline doesn't respect border-radius
14063
14551
  justify-items: center;
14064
14552
  }
14065
14553
 
14554
+ .Primer_Brand__Card-module__Card--backgroundColor-default___azlLW {
14555
+ background-color: var(--brand-Card-background-default);
14556
+ }
14557
+
14558
+ .Primer_Brand__Card-module__Card--backgroundColor-subtle___GNf9B {
14559
+ background-color: var(--brand-color-canvas-subtle);
14560
+ }
14561
+
14562
+ .Primer_Brand__Card-module__Card--backgroundColor-none___ZURf_ {
14563
+ background-color: transparent;
14564
+ }
14565
+
14566
+ .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14567
+ /* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
14568
+ --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
14569
+
14570
+ grid-template-areas:
14571
+ 'image image'
14572
+ 'leadingVisual leadingVisual'
14573
+ 'icon icon'
14574
+ 'label label'
14575
+ 'heading heading'
14576
+ 'description description'
14577
+ 'tokens tokens'
14578
+ 'action action';
14579
+ }
14580
+
14581
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14582
+ grid-template-areas:
14583
+ 'image'
14584
+ 'leadingVisual'
14585
+ 'icon'
14586
+ 'label'
14587
+ 'heading'
14588
+ 'description'
14589
+ 'tokens'
14590
+ 'action';
14591
+ }
14592
+
14066
14593
  /** Block end image position option */
14067
14594
  .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
14595
+ /* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
14596
+ --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
14597
+
14068
14598
  grid-template-areas:
14599
+ 'leadingVisual leadingVisual'
14069
14600
  'icon icon'
14601
+ 'tokens tokens'
14070
14602
  'label label'
14071
14603
  'heading heading'
14072
14604
  'description description'
@@ -14076,14 +14608,47 @@ Fixes safari bug where outline doesn't respect border-radius
14076
14608
 
14077
14609
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
14078
14610
  grid-template-areas:
14611
+ 'leadingVisual'
14612
+ 'icon'
14613
+ 'tokens'
14614
+ 'label'
14615
+ 'heading'
14616
+ 'description'
14617
+ 'action'
14618
+ 'image';
14619
+ }
14620
+
14621
+ .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14622
+ /* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
14623
+ --Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
14624
+
14625
+ grid-template-areas:
14626
+ 'leadingVisual leadingVisual'
14627
+ 'icon icon'
14628
+ 'label label'
14629
+ 'heading heading'
14630
+ 'description description'
14631
+ 'tokens tokens'
14632
+ 'action action'
14633
+ 'image image';
14634
+ }
14635
+
14636
+ .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 {
14637
+ grid-template-areas:
14638
+ 'leadingVisual'
14079
14639
  'icon'
14080
14640
  'label'
14081
14641
  'heading'
14082
14642
  'description'
14643
+ 'tokens'
14083
14644
  'action'
14084
14645
  'image';
14085
14646
  }
14086
14647
 
14648
+ .Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
14649
+ padding: var(--base-size-64) var(--base-size-40);
14650
+ }
14651
+
14087
14652
  .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
14088
14653
  margin-bottom: 0;
14089
14654
  margin-top: var(--base-size-28);
@@ -14106,9 +14671,8 @@ Fixes safari bug where outline doesn't respect border-radius
14106
14671
  padding: 0;
14107
14672
  }
14108
14673
 
14109
- .Primer_Brand__Card-module__Card--variant-default___nSKnF,
14110
- .Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-light___LXDwj {
14111
- background-color: var(--brand-Card-background-default);
14674
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
14675
+ --Card-arrowAction-endInset: var(--base-size-40);
14112
14676
  }
14113
14677
 
14114
14678
  .Primer_Brand__Card-module__Card___ByGEk:hover {
@@ -14163,11 +14727,11 @@ Fixes safari bug where outline doesn't respect border-radius
14163
14727
 
14164
14728
  .Primer_Brand__Card-module__Card--border___nNZlZ {
14165
14729
  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
14730
+ border-radius: var(--brand-borderRadius-medium);
14166
14731
  }
14167
14732
 
14168
14733
  .Primer_Brand__Card-module__Card__outer___QBN0D {
14169
14734
  height: 100%;
14170
- border-radius: var(--brand-borderRadius-xlarge);
14171
14735
  }
14172
14736
 
14173
14737
  .Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
@@ -14176,6 +14740,7 @@ Fixes safari bug where outline doesn't respect border-radius
14176
14740
 
14177
14741
  .Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
14178
14742
  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
14743
+ border-radius: var(--brand-borderRadius-medium);
14179
14744
  }
14180
14745
 
14181
14746
  .Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H):focus-within {
@@ -14184,34 +14749,12 @@ Fixes safari bug where outline doesn't respect border-radius
14184
14749
  ); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
14185
14750
  }
14186
14751
 
14187
- .Primer_Brand__Card-module__Card--icon___nVz0T {
14188
- grid-template-areas:
14189
- 'image image'
14190
- 'icon label'
14191
- 'heading heading'
14192
- 'description description'
14193
- 'action action';
14194
- }
14195
-
14196
- .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
14197
- justify-self: flex-end;
14198
- }
14199
-
14200
- .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
14201
- justify-self: center;
14202
- }
14203
-
14204
- .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
14205
- .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
14206
- align-self: center;
14207
- }
14208
-
14209
- .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 {
14752
+ .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
14210
14753
  transform: scale3d(1.025, 1.025, 1);
14211
14754
  }
14212
14755
 
14213
14756
  .Primer_Brand__Card-module__Card__image___zt4oH {
14214
- margin-bottom: var(--base-size-28);
14757
+ margin-block-end: var(--base-size-28);
14215
14758
  border-radius: var(--brand-borderRadius-medium);
14216
14759
  overflow: hidden;
14217
14760
  grid-area: image;
@@ -14223,31 +14766,166 @@ Fixes safari bug where outline doesn't respect border-radius
14223
14766
  display: block;
14224
14767
  }
14225
14768
 
14769
+ .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
14770
+ margin-block-end: var(--base-size-36);
14771
+ display: flex;
14772
+ align-items: center;
14773
+ grid-area: leadingVisual;
14774
+ }
14775
+
14776
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
14777
+ justify-content: center;
14778
+ }
14779
+
14780
+ .Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
14781
+ display: block;
14782
+ max-width: 100%;
14783
+ height: var(--base-size-40);
14784
+ width: auto;
14785
+ }
14786
+
14226
14787
  .Primer_Brand__Card-module__Card__icon___H4tc9 {
14227
14788
  margin-bottom: var(--base-size-24);
14228
14789
  grid-area: icon;
14229
14790
  }
14230
14791
 
14792
+ .Primer_Brand__Card-module__Card__tokens___eYuJh {
14793
+ display: flex;
14794
+ flex-wrap: wrap;
14795
+ gap: var(--base-size-8);
14796
+ grid-area: tokens;
14797
+ margin-bottom: var(--base-size-20);
14798
+ }
14799
+
14800
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
14801
+ justify-content: center;
14802
+ }
14803
+
14804
+ .Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
14805
+ margin-block-start: var(--base-size-20);
14806
+ margin-block-end: 0;
14807
+ }
14808
+
14231
14809
  .Primer_Brand__Card-module__Card__label___EAot7 {
14232
- margin-bottom: var(--base-size-24);
14810
+ margin-block-end: var(--base-size-20);
14233
14811
  grid-area: label;
14234
14812
  }
14235
14813
 
14236
14814
  .Primer_Brand__Card-module__Card__heading___INFhp {
14237
- margin-bottom: var(--base-size-20);
14815
+ margin-block-end: var(--base-size-20);
14238
14816
  grid-area: heading;
14239
14817
  }
14240
14818
 
14241
- .Primer_Brand__Card-module__Card__description___KN9CH {
14242
- margin-bottom: var(--base-size-32);
14243
- grid-area: description;
14819
+ .Primer_Brand__Card-module__Card__description___KN9CH {
14820
+ margin-block-end: var(--base-size-32);
14821
+ grid-area: description;
14822
+ }
14823
+
14824
+ .Primer_Brand__Card-module__Card__action___C6sRY {
14825
+ grid-area: action;
14826
+ margin-block-start: auto;
14827
+ display: inline-flex;
14828
+ align-items: center;
14829
+ max-inline-size: 100%;
14830
+ pointer-events: none;
14831
+ }
14832
+
14833
+ .Primer_Brand__Card-module__Card__actionIcon___RkX8K {
14834
+ display: inline-flex;
14835
+ align-items: center;
14836
+ justify-content: center;
14837
+ flex-shrink: 0;
14838
+ }
14839
+
14840
+ .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
14841
+ display: block;
14842
+ min-inline-size: 0;
14843
+ overflow: hidden;
14844
+ text-overflow: ellipsis;
14845
+ white-space: nowrap;
14846
+ }
14847
+
14848
+ .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY {
14849
+ inline-size: 100%;
14850
+ min-inline-size: 0;
14851
+ }
14852
+
14853
+ .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY > span:first-child {
14854
+ min-inline-size: 0;
14855
+ }
14856
+
14857
+ .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
14858
+ overflow: visible;
14859
+ text-overflow: clip;
14860
+ white-space: normal;
14861
+ word-wrap: anywhere;
14862
+ }
14863
+
14864
+ .Primer_Brand__Card-module__Card--align-center___geXUu:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
14865
+ text-align: center;
14866
+ }
14867
+
14868
+ .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
14869
+ --actionLabelClip-duration: 400ms;
14870
+ display: inline-flex;
14871
+ flex: 1 1 auto;
14872
+ align-items: center;
14873
+ align-self: stretch;
14874
+ min-inline-size: 0;
14875
+ overflow: hidden;
14876
+ max-inline-size: 0;
14877
+ background-color: transparent;
14878
+ opacity: 0;
14879
+ transform: translateX(calc(var(--base-size-12) * -1));
14880
+ transition: max-inline-size 400ms var(--brand-Card-animation-easing),
14881
+ opacity 400ms ease-out, transform 400ms ease-out,
14882
+ margin-inline 400ms ease-out, padding-inline 400ms ease-out;
14883
+ transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
14884
+ opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
14885
+ margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
14886
+ }
14887
+
14888
+ .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
14889
+ margin-block-start: var(--base-size-20);
14890
+ }
14891
+
14892
+ .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
14893
+ --actionArrow-duration: 300ms;
14894
+
14895
+ margin-block-start: var(--base-size-20);
14896
+ min-height: var(--base-size-40);
14897
+ width: -moz-fit-content;
14898
+ width: fit-content;
14899
+ min-inline-size: 0;
14900
+ max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
14901
+ justify-content: flex-start;
14902
+ -moz-column-gap: 0;
14903
+ column-gap: 0;
14904
+ padding-block: var(--base-size-4);
14905
+ padding-inline: 0;
14906
+ border: var(--brand-borderWidth-thin) solid transparent;
14907
+ border-radius: var(--brand-borderRadius-full);
14908
+ background-color: transparent;
14909
+ flex-shrink: 0;
14910
+ overflow: hidden;
14911
+ transition: border-color 300ms ease-out, background-color 300ms ease-out,
14912
+ column-gap 300ms ease-out, padding-inline 300ms ease-out;
14913
+ transition: border-color 300ms ease-out, background-color 300ms ease-out,
14914
+ column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
14915
+ transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
14916
+ column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
14917
+ transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
14918
+ column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
14244
14919
  }
14245
14920
 
14246
- .Primer_Brand__Card-module__Card__action___C6sRY {
14247
- grid-area: action;
14248
- margin-top: auto;
14249
- display: inline-flex;
14250
- align-items: center;
14921
+ .Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
14922
+ width: var(--base-size-32);
14923
+ min-width: var(--base-size-32);
14924
+ height: var(--base-size-32);
14925
+ min-height: var(--base-size-32);
14926
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
14927
+ border-radius: var(--brand-borderRadius-full);
14928
+ background-color: var(--brand-color-canvas-default);
14251
14929
  }
14252
14930
 
14253
14931
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
@@ -14259,10 +14937,9 @@ Fixes safari bug where outline doesn't respect border-radius
14259
14937
  color: var(--brand-Link-color-accent);
14260
14938
  }
14261
14939
 
14262
- .Primer_Brand__Card-module__Card--skew___pEeoW {
14263
- height: 100%;
14264
- border-radius: var(--brand-borderRadius-xlarge);
14265
- overflow: hidden;
14940
+ .Primer_Brand__Card-module__Card__action___C6sRY,
14941
+ .Primer_Brand__Card-module__Card__action___C6sRY * {
14942
+ cursor: inherit;
14266
14943
  }
14267
14944
 
14268
14945
  .Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
@@ -14274,7 +14951,7 @@ Fixes safari bug where outline doesn't respect border-radius
14274
14951
  }
14275
14952
 
14276
14953
  .Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
14277
- border-radius: var(--brand-borderRadius-xlarge);
14954
+ border-radius: var(--brand-borderRadius-medium);
14278
14955
  position: relative;
14279
14956
  overflow: hidden;
14280
14957
  z-index: 1;
@@ -14303,11 +14980,83 @@ Fixes safari bug where outline doesn't respect border-radius
14303
14980
  margin-inline-start: var(--base-size-4);
14304
14981
  }
14305
14982
 
14306
- .Primer_Brand__Card-module__Card___ByGEk:has(.Primer_Brand__Card-module__Card__link___Ye5mq:hover) .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14307
- transform: translateX(var(--base-size-4));
14983
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14984
+ --ExpandableArrow-duration: var(--brand-Card-animation-duration);
14985
+ --ExpandableArrow-easing: var(--brand-Card-animation-easing);
14986
+ }
14987
+
14988
+ .Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14989
+ margin-inline-start: 0;
14990
+ }
14991
+
14992
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
14993
+ margin-bottom: var(--base-size-12);
14994
+ }
14995
+
14996
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
14997
+ transform: none;
14998
+ }
14999
+
15000
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
15001
+ min-inline-size: 0;
15002
+ justify-self: start;
15003
+ }
15004
+
15005
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
15006
+ justify-self: center;
15007
+ }
15008
+
15009
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
15010
+ -moz-column-gap: var(--base-size-8);
15011
+ column-gap: var(--base-size-8);
15012
+ padding-inline-start: var(--base-size-12);
15013
+ padding-inline-end: var(--base-size-4);
15014
+ border-color: var(--brand-color-border-default);
15015
+ background-color: var(--brand-Card-background-overlay);
15016
+ }
15017
+
15018
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
15019
+ -moz-column-gap: var(--base-size-8);
15020
+ column-gap: var(--base-size-8);
15021
+ padding-inline-start: var(--base-size-12);
15022
+ padding-inline-end: var(--base-size-4);
15023
+ border-color: var(--brand-color-border-default);
15024
+ background-color: var(--brand-Card-background-overlay);
15025
+ }
15026
+
15027
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
15028
+ max-inline-size: 100%;
15029
+ opacity: 1;
15030
+ transform: translateX(0);
15031
+ margin-inline-start: calc(var(--base-size-12) * -1);
15032
+ margin-inline-end: 0;
15033
+ padding-inline-start: var(--base-size-12);
15034
+ padding-inline-end: var(--base-size-4);
15035
+ }
15036
+
15037
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
15038
+ max-inline-size: 100%;
15039
+ opacity: 1;
15040
+ transform: translateX(0);
15041
+ margin-inline-start: calc(var(--base-size-12) * -1);
15042
+ margin-inline-end: 0;
15043
+ padding-inline-start: var(--base-size-12);
15044
+ padding-inline-end: var(--base-size-4);
15045
+ }
15046
+
15047
+ .Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
15048
+ transform: translateX(var(--base-size-2));
15049
+ }
15050
+
15051
+ .Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
15052
+ transform: translateX(var(--base-size-2));
14308
15053
  }
14309
15054
 
14310
- .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) {
15055
+ .Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
15056
+ stroke-dashoffset: 20;
15057
+ }
15058
+
15059
+ .Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
14311
15060
  stroke-dashoffset: 20;
14312
15061
  }
14313
15062
 
@@ -14375,7 +15124,7 @@ Fixes safari bug where outline doesn't respect border-radius
14375
15124
 
14376
15125
  /**
14377
15126
  * Do not edit directly
14378
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
15127
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
14379
15128
  */
14380
15129
 
14381
15130
  :root,
@@ -15216,7 +15965,7 @@ Fixes safari bug where outline doesn't respect border-radius
15216
15965
 
15217
15966
  /**
15218
15967
  * Do not edit directly
15219
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
15968
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
15220
15969
  */
15221
15970
 
15222
15971
  :root {
@@ -15227,7 +15976,7 @@ Fixes safari bug where outline doesn't respect border-radius
15227
15976
 
15228
15977
  /**
15229
15978
  * Do not edit directly
15230
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
15979
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
15231
15980
  */
15232
15981
 
15233
15982
  :root,
@@ -15726,7 +16475,7 @@ Fixes safari bug where outline doesn't respect border-radius
15726
16475
 
15727
16476
  /**
15728
16477
  * Do not edit directly
15729
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
16478
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
15730
16479
  */
15731
16480
 
15732
16481
  :root {
@@ -15746,7 +16495,7 @@ Fixes safari bug where outline doesn't respect border-radius
15746
16495
 
15747
16496
  /**
15748
16497
  * Do not edit directly
15749
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
16498
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
15750
16499
  */
15751
16500
 
15752
16501
  :root,
@@ -15782,7 +16531,7 @@ Fixes safari bug where outline doesn't respect border-radius
15782
16531
 
15783
16532
  /**
15784
16533
  * Do not edit directly
15785
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
16534
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
15786
16535
  */
15787
16536
 
15788
16537
  :root,
@@ -15806,7 +16555,7 @@ Fixes safari bug where outline doesn't respect border-radius
15806
16555
 
15807
16556
  /**
15808
16557
  * Do not edit directly
15809
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
16558
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
15810
16559
  */
15811
16560
 
15812
16561
  :root {
@@ -15948,7 +16697,7 @@ Fixes safari bug where outline doesn't respect border-radius
15948
16697
  align-items: center;
15949
16698
  gap: var(--base-size-24);
15950
16699
  margin: auto;
15951
- max-width: 100dvw;
16700
+ max-width: 100vw;
15952
16701
  }
15953
16702
 
15954
16703
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
@@ -16282,7 +17031,7 @@ Fixes safari bug where outline doesn't respect border-radius
16282
17031
 
16283
17032
  /**
16284
17033
  * Do not edit directly
16285
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
17034
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
16286
17035
  */
16287
17036
 
16288
17037
  :root,
@@ -16296,7 +17045,7 @@ Fixes safari bug where outline doesn't respect border-radius
16296
17045
 
16297
17046
  /**
16298
17047
  * Do not edit directly
16299
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
17048
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
16300
17049
  */
16301
17050
 
16302
17051
  :root {
@@ -16310,7 +17059,7 @@ Fixes safari bug where outline doesn't respect border-radius
16310
17059
 
16311
17060
  /**
16312
17061
  * Do not edit directly
16313
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
17062
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
16314
17063
  */
16315
17064
 
16316
17065
  :root {
@@ -18486,7 +19235,7 @@ Fixes safari bug where outline doesn't respect border-radius
18486
19235
 
18487
19236
  /**
18488
19237
  * Do not edit directly
18489
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19238
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
18490
19239
  */
18491
19240
 
18492
19241
  :root {
@@ -18510,7 +19259,7 @@ Fixes safari bug where outline doesn't respect border-radius
18510
19259
 
18511
19260
  /**
18512
19261
  * Do not edit directly
18513
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19262
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
18514
19263
  */
18515
19264
 
18516
19265
  :root,
@@ -18945,7 +19694,7 @@ Fixes safari bug where outline doesn't respect border-radius
18945
19694
 
18946
19695
  /**
18947
19696
  * Do not edit directly
18948
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19697
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
18949
19698
  */
18950
19699
 
18951
19700
  :root {
@@ -18961,7 +19710,7 @@ Fixes safari bug where outline doesn't respect border-radius
18961
19710
 
18962
19711
  /**
18963
19712
  * Do not edit directly
18964
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19713
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
18965
19714
  */
18966
19715
 
18967
19716
  :root,
@@ -18988,9 +19737,11 @@ Fixes safari bug where outline doesn't respect border-radius
18988
19737
  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
18989
19738
  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
18990
19739
  --brand-pricing-options-container-padding-inline: 0;
19740
+ --brand-pricing-options-column-count: 1;
18991
19741
 
18992
19742
  /* prettier-ignore */
18993
19743
  --brand-pricing-options-template-areas:
19744
+ 'labels'
18994
19745
  'leadingComponent'
18995
19746
  'header'
18996
19747
  'description'
@@ -19019,13 +19770,165 @@ Fixes safari bug where outline doesn't respect border-radius
19019
19770
  @media (min-width: 63.25rem) {
19020
19771
  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
19021
19772
  grid-template-areas: var(--brand-pricing-options-template-areas);
19022
- grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
19773
+ grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
19023
19774
  -moz-column-gap: 0;
19024
19775
  column-gap: 0;
19025
19776
  -moz-column-gap: var(--brand-pricing-options-item-gap, 0);
19026
19777
  column-gap: var(--brand-pricing-options-item-gap, 0);
19027
19778
  row-gap: 0;
19028
19779
  }
19780
+
19781
+ .Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
19782
+ --brand-pricing-options-column-count: 1;
19783
+ }
19784
+
19785
+ .Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
19786
+ --brand-pricing-options-column-count: 2;
19787
+ }
19788
+
19789
+ .Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
19790
+ --brand-pricing-options-column-count: 3;
19791
+ }
19792
+
19793
+ .Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
19794
+ --brand-pricing-options-column-count: 4;
19795
+ }
19796
+ }
19797
+
19798
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19799
+ display: none;
19800
+ }
19801
+
19802
+ @media (min-width: 63.25rem) {
19803
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19804
+ --brand-pricing-options-column-count: 1;
19805
+
19806
+ display: grid;
19807
+ grid-column: 1 / -1;
19808
+ grid-row: labels;
19809
+ grid-template-columns: repeat(1, minmax(0, 1fr));
19810
+ grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
19811
+ grid-column-gap: 0;
19812
+ grid-column-gap: var(--brand-pricing-options-item-gap, 0);
19813
+ -moz-column-gap: 0;
19814
+ column-gap: 0;
19815
+ -moz-column-gap: var(--brand-pricing-options-item-gap, 0);
19816
+ column-gap: var(--brand-pricing-options-item-gap, 0);
19817
+ }
19818
+
19819
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19820
+ position: relative;
19821
+ display: flex;
19822
+ align-items: center;
19823
+ min-height: var(--base-size-54);
19824
+ padding-block: var(--base-size-16);
19825
+ background-color: var(--brand-PricingOptions-item-bgColor-solid);
19826
+ }
19827
+
19828
+ /* Accent top border — uses ::after so it can overflow into the column gap */
19829
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19830
+ content: '';
19831
+ position: absolute;
19832
+ inset-block-start: 0;
19833
+ inset-inline-start: calc(0px / 2 * -1);
19834
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
19835
+ inset-inline-end: calc(0px / 2 * -1);
19836
+ inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
19837
+ height: var(--brand-borderWidth-thin);
19838
+ background-color: var(--brand-color-text-emphasized);
19839
+ z-index: 1;
19840
+ }
19841
+
19842
+ /* First cell: don't overflow past container start (cards override below) */
19843
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
19844
+ inset-inline-start: 0;
19845
+ }
19846
+
19847
+ /* Last cell: don't overflow past container end (cards override below) */
19848
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
19849
+ inset-inline-end: 0;
19850
+ }
19851
+
19852
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19853
+ inset-inline-start: 0;
19854
+ inset-inline-end: 0;
19855
+ }
19856
+
19857
+ /* ---- Default layout labels ---- */
19858
+
19859
+ /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
19860
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19861
+ position: relative;
19862
+ }
19863
+
19864
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
19865
+ content: '';
19866
+ position: absolute;
19867
+ inset-block-end: 0;
19868
+ inset-inline-start: calc(0px * -1);
19869
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19870
+ inset-inline-end: calc(0px * -1);
19871
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19872
+ height: var(--brand-borderWidth-thin);
19873
+ background-color: var(--brand-color-border-subtle);
19874
+ }
19875
+
19876
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19877
+ margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
19878
+ padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);
19879
+ }
19880
+
19881
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:first-child {
19882
+ margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);
19883
+ padding-inline-start: var(--brand-pricing-options-container-padding-inline);
19884
+ }
19885
+
19886
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:last-child {
19887
+ margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);
19888
+ padding-inline-end: var(--brand-pricing-options-container-padding-inline);
19889
+ }
19890
+
19891
+ /* Empty cells: transparent bg/borders but structurally visible so dividers show */
19892
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
19893
+ background-color: transparent;
19894
+ border-block-start-color: transparent;
19895
+ }
19896
+
19897
+ /* Vertical dividers between label cells, centered in the gap */
19898
+ .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 {
19899
+ content: '';
19900
+ position: absolute;
19901
+ inset-block: 0;
19902
+ width: var(--brand-borderWidth-thin);
19903
+ inset-inline-start: 0;
19904
+ background-color: var(--brand-color-border-subtle);
19905
+ }
19906
+
19907
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
19908
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
19909
+ + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
19910
+ -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19911
+ mask-image: var(--brand-PricingOptions-borderMask);
19912
+ }
19913
+
19914
+ /* ---- Cards layout labels ---- */
19915
+
19916
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19917
+ padding-inline: var(--base-size-28);
19918
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
19919
+ /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
19920
+ }
19921
+
19922
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
19923
+ opacity: 0;
19924
+ pointer-events: none;
19925
+ }
19926
+
19927
+ /* Cards: keep accent border inside the card boundary */
19928
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19929
+ inset-inline-start: 0;
19930
+ inset-inline-end: 0;
19931
+ }
19029
19932
  }
19030
19933
 
19031
19934
  /* ---------------------------------------------------------- */
@@ -19034,11 +19937,10 @@ Fixes safari bug where outline doesn't respect border-radius
19034
19937
 
19035
19938
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
19036
19939
  position: relative;
19037
- border-radius: var(--brand-borderRadius-xlarge);
19038
19940
  }
19039
19941
 
19040
19942
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
19041
- border: solid 1px var(--brand-color-border-default);
19943
+ border: solid 1px var(--brand-color-border-subtle);
19042
19944
  background-color: var(--brand-PricingOptions-item-bgColor-solid);
19043
19945
  }
19044
19946
 
@@ -19060,7 +19962,7 @@ Fixes safari bug where outline doesn't respect border-radius
19060
19962
  border-radius: inherit;
19061
19963
  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19062
19964
  mask-image: var(--brand-PricingOptions-borderMask);
19063
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
19965
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
19064
19966
  }
19065
19967
 
19066
19968
  @media (min-width: 63.25rem) {
@@ -19070,6 +19972,8 @@ Fixes safari bug where outline doesn't respect border-radius
19070
19972
  }
19071
19973
 
19072
19974
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19975
+ --brand-pricing-options-item-padding-inline: var(--base-size-24);
19976
+
19073
19977
  position: relative; /* Used for positioning the divider between items */
19074
19978
  padding-inline: var(--base-size-24);
19075
19979
  padding-block: var(--base-size-20);
@@ -19077,23 +19981,25 @@ Fixes safari bug where outline doesn't respect border-radius
19077
19981
 
19078
19982
  @media (min-width: 63.25rem) {
19079
19983
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19984
+ --brand-pricing-options-item-padding-inline: 0;
19985
+
19080
19986
  padding-inline: 0;
19081
19987
  padding-block: var(--base-size-40);
19082
19988
  }
19083
19989
  }
19084
19990
 
19085
19991
  /* Horizontal divider between items on small viewports */
19086
- .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
19992
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19087
19993
  content: '';
19088
19994
  position: absolute;
19089
19995
  inset-inline: 0;
19090
19996
  height: 1px;
19091
- background-color: var(--brand-color-border-default);
19997
+ background-color: var(--brand-color-border-subtle);
19092
19998
  }
19093
19999
 
19094
20000
  /* Vertical divider between items on larger viewports */
19095
20001
  @media (min-width: 63.25rem) {
19096
- .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:nth-child(n + 2)::before {
20002
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19097
20003
  inset-inline: 0;
19098
20004
  inset-block: 0;
19099
20005
  width: 1px;
@@ -19102,7 +20008,9 @@ Fixes safari bug where outline doesn't respect border-radius
19102
20008
  margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
19103
20009
  }
19104
20010
 
19105
- .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 {
20011
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
20012
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
20013
+ + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19106
20014
  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19107
20015
  mask-image: var(--brand-PricingOptions-borderMask);
19108
20016
  }
@@ -19113,15 +20021,16 @@ Fixes safari bug where outline doesn't respect border-radius
19113
20021
  /* ---------------------------------------------------------- */
19114
20022
 
19115
20023
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
20024
+ --brand-pricing-options-item-padding-inline: var(--base-size-32);
20025
+
19116
20026
  position: relative;
19117
20027
  padding-inline: var(--base-size-32);
19118
- border-radius: var(--brand-borderRadius-xlarge);
19119
20028
  padding-block: var(--base-size-32);
19120
20029
  }
19121
20030
 
19122
20031
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19123
20032
  background-color: var(--brand-PricingOptions-item-bgColor-solid);
19124
- border: solid var(--brand-borderWidth-thin) var(--brand-color-border-default);
20033
+ border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
19125
20034
  }
19126
20035
 
19127
20036
  /* ---------------------------------------------------------- */
@@ -19189,10 +20098,6 @@ Fixes safari bug where outline doesn't respect border-radius
19189
20098
  justify-content: center;
19190
20099
  }
19191
20100
 
19192
- .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19193
- justify-self: center;
19194
- }
19195
-
19196
20101
  /*
19197
20102
  * Backwards compatibility for browsers that don't support subgrid.
19198
20103
  * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
@@ -19218,23 +20123,12 @@ Fixes safari bug where outline doesn't respect border-radius
19218
20123
  row-gap: var(--base-size-16);
19219
20124
  }
19220
20125
 
19221
- /* When item is left-aligned, place the label next to the heading if it fits, and stack it if it doesn't */
20126
+ /* When item is left-aligned, keep the heading at the start of the card */
19222
20127
  .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 {
19223
- flex-wrap: wrap-reverse;
19224
20128
  align-items: center;
19225
- -moz-column-gap: var(--base-size-16);
19226
- column-gap: var(--base-size-16);
19227
20129
  margin-block-end: var(--base-size-16);
19228
20130
  }
19229
20131
 
19230
- .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 {
19231
- --brand-Label-color: var(--brand-color-accent-primary);
19232
- --brand-Label-color-start: var(--brand-color-accent-primary-start);
19233
- --brand-Label-color-end: var(--brand-color-accent-primary-end);
19234
- flex: 0 0 auto;
19235
- order: 2;
19236
- }
19237
-
19238
20132
  .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 {
19239
20133
  margin-block: var(--base-size-16);
19240
20134
  flex: 0 1 auto;
@@ -19248,25 +20142,15 @@ Fixes safari bug where outline doesn't respect border-radius
19248
20142
  }
19249
20143
  }
19250
20144
 
19251
- /* When item is centered, stack the label on top the heading */
20145
+ /* When item is centered, center the heading */
19252
20146
  .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
19253
- flex-direction: column;
19254
- align-items: center;
19255
- justify-content: flex-end;
19256
- }
19257
-
19258
- .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19259
- --brand-Label-color: var(--brand-color-accent-primary);
19260
- --brand-Label-color-start: var(--brand-color-accent-primary-start);
19261
- --brand-Label-color-end: var(--brand-color-accent-primary-end);
19262
- order: 1;
19263
- margin: 0 auto;
20147
+ justify-content: center;
19264
20148
  }
19265
20149
 
19266
20150
  .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
19267
20151
  margin-block-start: 0;
19268
20152
  margin-block-end: var(--base-size-16);
19269
- order: 2;
20153
+ text-align: center;
19270
20154
  }
19271
20155
 
19272
20156
  .Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
@@ -19274,16 +20158,13 @@ Fixes safari bug where outline doesn't respect border-radius
19274
20158
  }
19275
20159
 
19276
20160
  .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
19277
- /* Sets the color of the label to the primary accent color, if it exists */
19278
- --brand-Label-color: var(--brand-color-accent-primary);
19279
-
19280
- /* Sets the color of the label to the primary accent gradient, if it exists */
19281
- /* TODO accent grandient tokens do not exist yet */
19282
- --brand-Label-color-start: var(--brand-color-accent-primary-start);
19283
- --brand-Label-color-end: var(--brand-color-accent-primary-end);
19284
-
19285
- flex: 0 0 auto;
19286
- order: 2;
20161
+ color: var(--brand-color-text-default);
20162
+ font-family: var(--brand-fontStack-monospace);
20163
+ font-size: var(--brand-text-size-100);
20164
+ font-weight: var(--brand-text-weight-500);
20165
+ letter-spacing: var(--brand-text-letterSpacing-100);
20166
+ line-height: var(--brand-text-lineHeight-200);
20167
+ text-transform: uppercase;
19287
20168
  }
19288
20169
 
19289
20170
  .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
@@ -19300,7 +20181,7 @@ Fixes safari bug where outline doesn't respect border-radius
19300
20181
  .Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
19301
20182
  display: flex;
19302
20183
  flex-wrap: wrap;
19303
- align-content: flex-start;
20184
+ align-items: flex-start;
19304
20185
  grid-row: price;
19305
20186
  padding-block-start: var(--base-size-20);
19306
20187
  padding-block-end: var(--base-size-8);
@@ -19313,8 +20194,14 @@ Fixes safari bug where outline doesn't respect border-radius
19313
20194
  }
19314
20195
  }
19315
20196
 
20197
+ .Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
20198
+ display: flex;
20199
+ align-items: flex-end;
20200
+ }
20201
+
19316
20202
  .Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
19317
20203
  margin-inline-start: var(--base-size-4);
20204
+ margin-block-end: var(--base-size-4);
19318
20205
  color: var(--brand-color-text-muted);
19319
20206
  }
19320
20207
 
@@ -19345,6 +20232,26 @@ Fixes safari bug where outline doesn't respect border-radius
19345
20232
  padding-block-start: var(--base-size-20);
19346
20233
  }
19347
20234
 
20235
+ /* MenuAction: full-width ActionMenu wrapper */
20236
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
20237
+ width: 100%;
20238
+ }
20239
+
20240
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
20241
+ width: 100%;
20242
+ }
20243
+
20244
+ /* Force ActionMenu button container to stretch full width */
20245
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
20246
+ display: flex;
20247
+ width: 100%;
20248
+ }
20249
+
20250
+ /* Make the primary button fill remaining space next to the chevron */
20251
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
20252
+ flex: 1;
20253
+ }
20254
+
19348
20255
  .Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
19349
20256
  grid-row: footnote;
19350
20257
  display: block;
@@ -19369,13 +20276,58 @@ Fixes safari bug where outline doesn't respect border-radius
19369
20276
  }
19370
20277
 
19371
20278
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
19372
- border-block-start: solid 1px var(--brand-color-border-default);
20279
+ position: relative;
19373
20280
  margin: 0;
19374
20281
  margin-block-start: var(--base-size-20);
19375
20282
  padding-block-start: var(--base-size-40);
19376
20283
  padding-inline: 0;
19377
20284
  }
19378
20285
 
20286
+ /* Edge-to-edge divider above feature list */
20287
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20288
+ content: '';
20289
+ position: absolute;
20290
+ inset-block-start: 0;
20291
+ inset-inline-start: calc(0px * -1);
20292
+ inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
20293
+ inset-inline-end: calc(0px * -1);
20294
+ inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
20295
+ height: var(--brand-borderWidth-thin);
20296
+ background-color: var(--brand-color-border-subtle);
20297
+ }
20298
+
20299
+ /* Default layout: extend feature list divider into column gap */
20300
+ @media (min-width: 63.25rem) {
20301
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20302
+ inset-inline-start: calc(0px / 2 * -1);
20303
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
20304
+ inset-inline-end: calc(0px / 2 * -1);
20305
+ inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
20306
+ }
20307
+
20308
+ /* First item: don't overflow past container start */
20309
+ .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,
20310
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
20311
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
20312
+ + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
20313
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20314
+ inset-inline-start: calc(0px * -1);
20315
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
20316
+ }
20317
+
20318
+ /* Last item: don't overflow past container end */
20319
+ .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 {
20320
+ inset-inline-end: calc(0px * -1);
20321
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
20322
+ }
20323
+
20324
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
20325
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20326
+ -webkit-mask-image: var(--brand-PricingOptions-borderMask);
20327
+ mask-image: var(--brand-PricingOptions-borderMask);
20328
+ }
20329
+ }
20330
+
19379
20331
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
19380
20332
  margin-block-start: var(--base-size-20);
19381
20333
  }
@@ -19390,6 +20342,44 @@ Fixes safari bug where outline doesn't respect border-radius
19390
20342
  color: var(--brand-color-text-muted);
19391
20343
  }
19392
20344
 
20345
+ /* Info tooltip button */
20346
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
20347
+ flex-wrap: nowrap;
20348
+ }
20349
+
20350
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
20351
+ flex: 1;
20352
+ display: inline-flex;
20353
+ align-items: baseline;
20354
+ justify-content: space-between;
20355
+ }
20356
+
20357
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
20358
+ all: unset;
20359
+ display: inline-flex;
20360
+ align-items: center;
20361
+ justify-content: center;
20362
+ flex-shrink: 0;
20363
+ cursor: pointer;
20364
+ color: var(--brand-color-text-muted);
20365
+ background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
20366
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
20367
+ border-radius: 50%;
20368
+ margin-inline-start: var(--base-size-8);
20369
+ vertical-align: middle;
20370
+ padding: var(--base-size-4);
20371
+ }
20372
+
20373
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
20374
+ width: var(--base-size-12);
20375
+ height: var(--base-size-12);
20376
+ }
20377
+
20378
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
20379
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
20380
+ outline-offset: 2px;
20381
+ }
20382
+
19393
20383
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
19394
20384
  margin-block-start: var(--base-size-20);
19395
20385
  }
@@ -19428,6 +20418,7 @@ Fixes safari bug where outline doesn't respect border-radius
19428
20418
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
19429
20419
  padding: var(--base-size-8) 0;
19430
20420
  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
20421
+ padding-inline-end: 0 !important;
19431
20422
  margin-block-start: calc(var(--base-size-16) * -1);
19432
20423
  margin-block-end: var(--base-size-8);
19433
20424
  }
@@ -19438,8 +20429,10 @@ Fixes safari bug where outline doesn't respect border-radius
19438
20429
  line-height: var(--feature-list-line-height);
19439
20430
  font-weight: var(--brand-text-subhead-weight-large);
19440
20431
  gap: var(--base-size-8);
19441
- display: inline-flex;
19442
20432
  align-items: center;
20433
+ justify-content: space-between;
20434
+ display: flex;
20435
+ width: 100%;
19443
20436
  }
19444
20437
 
19445
20438
  /* Hide default icon */
@@ -19454,6 +20447,10 @@ Fixes safari bug where outline doesn't respect border-radius
19454
20447
  padding-inline-start: 0 !important;
19455
20448
  }
19456
20449
 
20450
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
20451
+ margin-inline-end: var(--base-size-4);
20452
+ }
20453
+
19457
20454
  /* Chevron up icon */
19458
20455
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
19459
20456
  transform: rotate(180deg);
@@ -19465,7 +20462,7 @@ Fixes safari bug where outline doesn't respect border-radius
19465
20462
 
19466
20463
  /**
19467
20464
  * Do not edit directly
19468
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
20465
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
19469
20466
  */
19470
20467
 
19471
20468
  :root {
@@ -19474,7 +20471,7 @@ Fixes safari bug where outline doesn't respect border-radius
19474
20471
 
19475
20472
  /**
19476
20473
  * Do not edit directly
19477
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
20474
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
19478
20475
  */
19479
20476
 
19480
20477
  :root,
@@ -20285,7 +21282,7 @@ Fixes safari bug where outline doesn't respect border-radius
20285
21282
 
20286
21283
  /**
20287
21284
  * Do not edit directly
20288
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
21285
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
20289
21286
  */
20290
21287
 
20291
21288
  :root {
@@ -20294,7 +21291,7 @@ Fixes safari bug where outline doesn't respect border-radius
20294
21291
 
20295
21292
  /**
20296
21293
  * Do not edit directly
20297
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
21294
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
20298
21295
  */
20299
21296
 
20300
21297
  :root,
@@ -20790,7 +21787,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20790
21787
 
20791
21788
  /**
20792
21789
  * Do not edit directly
20793
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
21790
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
20794
21791
  */
20795
21792
 
20796
21793
  :root,
@@ -20889,7 +21886,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20889
21886
 
20890
21887
  /**
20891
21888
  * Do not edit directly
20892
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
21889
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
20893
21890
  */
20894
21891
 
20895
21892
  :root,
@@ -21267,7 +22264,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21267
22264
 
21268
22265
  /**
21269
22266
  * Do not edit directly
21270
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
22267
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
21271
22268
  */
21272
22269
 
21273
22270
  :root,
@@ -21281,7 +22278,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21281
22278
 
21282
22279
  /**
21283
22280
  * Do not edit directly
21284
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
22281
+ * Generated on Thu, 23 Apr 2026 10:25:22 GMT
21285
22282
  */
21286
22283
 
21287
22284
  :root {
@@ -21468,7 +22465,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21468
22465
 
21469
22466
  /**
21470
22467
  * Do not edit directly
21471
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
22468
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
21472
22469
  */
21473
22470
 
21474
22471
  :root {
@@ -21752,7 +22749,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21752
22749
 
21753
22750
  /**
21754
22751
  * Do not edit directly
21755
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
22752
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
21756
22753
  */
21757
22754
 
21758
22755
  :root {
@@ -21763,7 +22760,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21763
22760
 
21764
22761
  /**
21765
22762
  * Do not edit directly
21766
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
22763
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
21767
22764
  */
21768
22765
 
21769
22766
  :root,
@@ -22031,7 +23028,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22031
23028
 
22032
23029
  /**
22033
23030
  * Do not edit directly
22034
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
23031
+ * Generated on Thu, 23 Apr 2026 10:25:21 GMT
22035
23032
  */
22036
23033
 
22037
23034
  :root {
@@ -22040,7 +23037,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22040
23037
 
22041
23038
  /**
22042
23039
  * Do not edit directly
22043
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
23040
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
22044
23041
  */
22045
23042
 
22046
23043
  :root,
@@ -22286,7 +23283,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22286
23283
 
22287
23284
  /**
22288
23285
  * Do not edit directly
22289
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
23286
+ * Generated on Thu, 23 Apr 2026 10:25:23 GMT
22290
23287
  */
22291
23288
 
22292
23289
  :root,