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

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 +34 -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 +1624 -644
  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 +4 -2
  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 +43 -0
  85. package/lib/design-tokens/css/tokens/functional/components/token/colors.css +23 -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 +6 -2
  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 +83 -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 +21 -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 +20 -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 +38 -0
  342. package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +35 -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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:50 GMT
9754
10340
  */
9755
10341
 
9756
10342
  :root,
@@ -9765,89 +10351,259 @@ html {
9765
10351
  --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
9766
10352
  }
9767
10353
 
9768
- [data-color-mode="dark"] {
9769
- --brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
9770
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
9771
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
9772
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
9773
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
9774
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
9775
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
9776
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
10354
+ [data-color-mode="dark"] {
10355
+ --brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
10356
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
10357
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
10358
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
10359
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
10360
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
10361
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
10362
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
10363
+ }
10364
+
10365
+ /**
10366
+ * Do not edit directly
10367
+ * Generated on Fri, 17 Apr 2026 19:10:50 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 Fri, 17 Apr 2026 19:10:49 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 Fri, 17 Apr 2026 19:10:50 GMT
10437
+ */
10438
+
10439
+ :root,
10440
+ [data-color-mode="light"] {
10441
+ --brand-Token-bgColor-default: var(--base-color-scale-gray-0);
10442
+ --brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-8);
10443
+ --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
10444
+ --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
10445
+ --brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-7);
10446
+ --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
10447
+ --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
10448
+ --brand-Token-bgColor-hover-invisible: transparent;
10449
+ --brand-Token-bgColor-invisible: transparent;
10450
+ --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
10451
+ --brand-Token-border-outline: var(--brand-color-border-muted);
10452
+ --brand-Token-fgColor-default: var(--brand-color-text-default);
10453
+ --brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
10454
+ --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
10455
+ --brand-Token-fgColor-outline: var(--brand-color-text-default);
10456
+ --brand-Token-fgColor-invisible: var(--brand-color-text-default);
10457
+ }
10458
+
10459
+ [data-color-mode="dark"] {
10460
+ --brand-Token-bgColor-default: var(--base-color-scale-gray-5);
10461
+ --brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-7);
10462
+ --brand-Token-bgColor-accent: var(--base-color-scale-green-8);
10463
+ --brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
10464
+ --brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-6);
10465
+ --brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
10466
+ --brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
10467
+ --brand-Token-bgColor-hover-invisible: transparent;
10468
+ --brand-Token-bgColor-invisible: transparent;
10469
+ --brand-Token-bgColor-outline: var(--brand-color-canvas-default);
10470
+ --brand-Token-border-outline: var(--brand-color-border-muted);
10471
+ --brand-Token-fgColor-default: var(--brand-color-text-muted);
10472
+ --brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
10473
+ --brand-Token-fgColor-accent: var(--base-color-scale-white-0);
10474
+ --brand-Token-fgColor-outline: var(--brand-color-text-default);
10475
+ --brand-Token-fgColor-invisible: var(--brand-color-text-default);
10476
+ }
10477
+
10478
+ .Primer_Brand__Token-module__Token___r7qQC {
10479
+ align-items: center;
10480
+ border: var(--brand-borderWidth-thin) solid transparent;
10481
+ border-radius: var(--brand-borderRadius-small);
10482
+ display: inline-flex;
10483
+ gap: var(--base-size-8);
10484
+ min-width: 0;
10485
+ max-width: 100%;
10486
+ padding-inline: var(--base-size-8);
10487
+ padding-block: var(--base-size-6);
10488
+ padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
10489
+ vertical-align: middle;
10490
+ }
10491
+
10492
+ .Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
10493
+ padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
10494
+ padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
10495
+ }
10496
+
10497
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk {
10498
+ cursor: pointer;
10499
+ -webkit-text-decoration: none;
10500
+ text-decoration: none;
10501
+ }
10502
+
10503
+ [data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
10504
+ -webkit-font-smoothing: antialiased;
10505
+ -moz-osx-font-smoothing: auto;
10506
+ }
10507
+
10508
+ .Primer_Brand__Token-module__Token--variant-default___NBxMW {
10509
+ background-color: var(--brand-Token-bgColor-default);
10510
+ color: var(--brand-Token-fgColor-default);
10511
+ }
10512
+
10513
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
10514
+ background-color: var(--brand-Token-bgColor-hover-default);
10515
+ }
10516
+
10517
+ .Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG {
10518
+ background-color: var(--brand-Token-bgColor-dark-gray);
10519
+ color: var(--brand-Token-fgColor-dark-gray);
10520
+ }
10521
+
10522
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG:hover {
10523
+ background-color: var(--brand-Token-bgColor-hover-dark-gray);
10524
+ }
10525
+
10526
+ .Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
10527
+ background-color: var(--brand-Token-bgColor-accent);
10528
+ color: var(--brand-Token-fgColor-accent);
9777
10529
  }
9778
10530
 
9779
- /**
9780
- * Do not edit directly
9781
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
9782
- */
10531
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
10532
+ background-color: var(--brand-Token-bgColor-hover-accent);
10533
+ }
9783
10534
 
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);
10535
+ .Primer_Brand__Token-module__Token--variant-outline___X52wp {
10536
+ background-color: var(--brand-Token-bgColor-outline);
10537
+ border-color: var(--brand-Token-border-outline);
10538
+ color: var(--brand-Token-fgColor-outline);
9788
10539
  }
9789
10540
 
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);
10541
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
10542
+ background-color: var(--brand-Token-bgColor-hover-outline);
9793
10543
  }
9794
10544
 
9795
- /**
9796
- * Do not edit directly
9797
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
9798
- */
10545
+ .Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
10546
+ background-color: transparent;
10547
+ color: var(--brand-Token-fgColor-invisible);
10548
+ }
9799
10549
 
9800
- :root {
9801
- --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
10550
+ .Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
10551
+ background-color: var(--brand-Token-bgColor-hover-invisible);
9802
10552
  }
9803
10553
 
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;
10554
+ .Primer_Brand__Token-module__Token__label___wC8Q5 {
10555
+ display: block;
10556
+ flex: 1 1 auto;
10557
+ min-width: 0;
10558
+ overflow: hidden;
10559
+ text-overflow: ellipsis;
10560
+ text-transform: uppercase;
10561
+ font-weight: var(--base-text-weight-normal);
10562
+ line-height: 0.85;
10563
+ white-space: nowrap;
9812
10564
  }
9813
10565
 
9814
- .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
9815
- text-decoration-thickness: var(--brand-borderWidth-thick);
10566
+ .Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
10567
+ color: inherit;
9816
10568
  }
9817
10569
 
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);
10570
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 {
10571
+ display: flex;
10572
+ flex-shrink: 0;
10573
+ align-items: center;
10574
+ justify-content: center;
10575
+ width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10576
+ height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
9824
10577
  }
9825
10578
 
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);
10579
+ .Primer_Brand__Token-module__Token__visual___U0j1l {
10580
+ display: block;
9829
10581
  }
9830
10582
 
9831
- [data-color-mode='dark'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
9832
- -webkit-font-smoothing: subpixel-antialiased;
9833
- -moz-osx-font-smoothing: auto;
10583
+ /* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
10584
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
10585
+ width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10586
+ height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10587
+ max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10588
+ max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
10589
+ border-radius: 2px;
9834
10590
  }
9835
10591
 
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;
10592
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
10593
+ .Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
10594
+ width: 100%;
10595
+ height: 100%;
10596
+ }
10597
+
10598
+ @media (forced-colors: active) {
10599
+ .Primer_Brand__Token-module__Token___r7qQC {
10600
+ outline: var(--brand-borderWidth-thin) solid transparent;
9845
10601
  }
9846
10602
  }
9847
10603
 
9848
10604
  /**
9849
10605
  * Do not edit directly
9850
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
10606
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
9851
10607
  */
9852
10608
 
9853
10609
  :root,
@@ -10275,7 +11031,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10275
11031
 
10276
11032
  /**
10277
11033
  * Do not edit directly
10278
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
11034
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
10279
11035
  */
10280
11036
 
10281
11037
  :root {
@@ -10284,7 +11040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10284
11040
 
10285
11041
  /**
10286
11042
  * Do not edit directly
10287
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
11043
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
10288
11044
  */
10289
11045
 
10290
11046
  :root,
@@ -10306,7 +11062,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10306
11062
 
10307
11063
  /**
10308
11064
  * Do not edit directly
10309
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
11065
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
10310
11066
  */
10311
11067
 
10312
11068
  :root {
@@ -10588,7 +11344,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
10588
11344
 
10589
11345
  /**
10590
11346
  * Do not edit directly
10591
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
11347
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
10592
11348
  */
10593
11349
 
10594
11350
  :root,
@@ -11791,7 +12547,7 @@ Fixes safari bug where outline doesn't respect border-radius
11791
12547
 
11792
12548
  /**
11793
12549
  * Do not edit directly
11794
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
12550
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
11795
12551
  */
11796
12552
 
11797
12553
  :root {
@@ -11805,7 +12561,7 @@ Fixes safari bug where outline doesn't respect border-radius
11805
12561
 
11806
12562
  /**
11807
12563
  * Do not edit directly
11808
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
12564
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
11809
12565
  */
11810
12566
 
11811
12567
  :root,
@@ -12256,7 +13012,7 @@ Fixes safari bug where outline doesn't respect border-radius
12256
13012
 
12257
13013
  /**
12258
13014
  * Do not edit directly
12259
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13015
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
12260
13016
  */
12261
13017
 
12262
13018
  :root,
@@ -12272,7 +13028,7 @@ Fixes safari bug where outline doesn't respect border-radius
12272
13028
 
12273
13029
  /**
12274
13030
  * Do not edit directly
12275
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13031
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
12276
13032
  */
12277
13033
 
12278
13034
  :root {
@@ -13017,7 +13773,7 @@ Fixes safari bug where outline doesn't respect border-radius
13017
13773
 
13018
13774
  /**
13019
13775
  * Do not edit directly
13020
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13776
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
13021
13777
  */
13022
13778
 
13023
13779
  :root,
@@ -13033,7 +13789,7 @@ Fixes safari bug where outline doesn't respect border-radius
13033
13789
 
13034
13790
  /**
13035
13791
  * Do not edit directly
13036
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13792
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
13037
13793
  */
13038
13794
 
13039
13795
  :root,
@@ -13419,7 +14175,7 @@ Fixes safari bug where outline doesn't respect border-radius
13419
14175
 
13420
14176
  /**
13421
14177
  * Do not edit directly
13422
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
14178
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
13423
14179
  */
13424
14180
 
13425
14181
  :root,
@@ -13583,7 +14339,7 @@ Fixes safari bug where outline doesn't respect border-radius
13583
14339
 
13584
14340
  /**
13585
14341
  * Do not edit directly
13586
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
14342
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
13587
14343
  */
13588
14344
 
13589
14345
  :root,
@@ -13693,349 +14449,93 @@ Fixes safari bug where outline doesn't respect border-radius
13693
14449
  }
13694
14450
 
13695
14451
  .Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
13696
- color: var(--brand-Pillar-icon-color-indigo);
13697
- }
13698
-
13699
- .Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
13700
- color: var(--brand-Pillar-icon-color-lemon);
13701
- }
13702
-
13703
- .Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
13704
- color: var(--brand-Label-color-lime);
13705
- }
13706
-
13707
- .Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
13708
- color: var(--brand-Pillar-icon-color-orange);
13709
- }
13710
-
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);
14452
+ color: var(--brand-Pillar-icon-color-indigo);
13874
14453
  }
13875
14454
 
13876
- .Primer_Brand__Icon-module__Icon--color-teal___fix20 {
13877
- color: var(--brand-Icon-color-teal);
14455
+ .Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
14456
+ color: var(--brand-Pillar-icon-color-lemon);
13878
14457
  }
13879
14458
 
13880
- .Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
13881
- background-color: var(--brand-Icon-background-teal);
14459
+ .Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
14460
+ color: var(--brand-Label-color-lime);
13882
14461
  }
13883
14462
 
13884
- .Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
13885
- color: var(--brand-Icon-color-yellow);
14463
+ .Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
14464
+ color: var(--brand-Pillar-icon-color-orange);
13886
14465
  }
13887
14466
 
13888
- .Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
13889
- background-color: var(--brand-Icon-background-yellow);
14467
+ .Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
14468
+ color: var(--brand-Pillar-icon-color-pink);
13890
14469
  }
13891
14470
 
13892
- /**
13893
- * Do not edit directly
13894
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
13895
- */
13896
-
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);
14471
+ .Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
14472
+ color: var(--brand-Pillar-icon-color-purple);
13926
14473
  }
13927
14474
 
13928
- /**
13929
- * Do not edit directly
13930
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
13931
- */
14475
+ .Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
14476
+ color: var(--brand-Pillar-icon-color-red);
14477
+ }
13932
14478
 
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);
14479
+ .Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
14480
+ color: var(--brand-Pillar-icon-color-teal);
13963
14481
  }
13964
14482
 
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);
14483
+ .Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
14484
+ color: var(--brand-Pillar-icon-color-yellow);
13994
14485
  }
13995
14486
 
13996
14487
  /**
13997
14488
  * Do not edit directly
13998
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
14489
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
13999
14490
  */
14000
14491
 
14001
14492
  :root {
14002
- --brand-Card-animation-easing: var(--brand-animation-easing-default);
14003
- --brand-Card-animation-duration: 600ms;
14493
+ --brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
14494
+ --brand-Card-animation-duration: 400ms;
14004
14495
  --brand-Card-maxWidth: 26.25rem;
14005
14496
  }
14006
14497
 
14007
14498
  /**
14008
14499
  * Do not edit directly
14009
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
14500
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
14010
14501
  */
14011
14502
 
14012
14503
  :root,
14013
14504
  [data-color-mode="light"] {
14014
14505
  --brand-Card-background-default: var(--brand-color-canvas-default);
14506
+ --brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
14015
14507
  }
14016
14508
 
14017
14509
  [data-color-mode="dark"] {
14018
- --brand-Card-background-default: var(--brand-color-canvas-subtle);
14510
+ --brand-Card-background-default: var(--brand-color-canvas-default);
14511
+ --brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
14019
14512
  }
14020
14513
 
14021
14514
  .Primer_Brand__Card-module__Card___ByGEk {
14515
+ /* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
14516
+ --Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
14517
+
14022
14518
  -webkit-text-decoration: none;
14519
+
14023
14520
  text-decoration: none;
14024
14521
  color: var(--brand-color-text-default);
14025
- border-radius: var(--brand-borderRadius-xlarge);
14522
+
14026
14523
  transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
14027
14524
  padding: var(--base-size-32);
14028
14525
  display: grid;
14029
14526
  grid-template-columns: 1fr 1fr;
14030
14527
  grid-template-areas:
14031
14528
  'image image'
14529
+ 'leadingVisual leadingVisual'
14032
14530
  'icon icon'
14531
+ 'tokens tokens'
14033
14532
  'label label'
14034
14533
  'heading heading'
14035
14534
  'description description'
14036
14535
  'action action';
14037
14536
  flex: auto;
14038
- grid-template-rows: auto auto auto auto 1fr;
14537
+ grid-template-rows: auto auto auto auto auto auto 1fr auto;
14538
+ grid-template-rows: var(--Card-grid-template-rows);
14039
14539
  position: relative;
14040
14540
  height: 100%;
14041
14541
  }
@@ -14055,7 +14555,9 @@ Fixes safari bug where outline doesn't respect border-radius
14055
14555
  grid-template-columns: 1fr;
14056
14556
  grid-template-areas:
14057
14557
  'image'
14558
+ 'leadingVisual'
14058
14559
  'icon'
14560
+ 'tokens'
14059
14561
  'label'
14060
14562
  'heading'
14061
14563
  'description'
@@ -14063,10 +14565,42 @@ Fixes safari bug where outline doesn't respect border-radius
14063
14565
  justify-items: center;
14064
14566
  }
14065
14567
 
14568
+ .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14569
+ /* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
14570
+ --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
14571
+
14572
+ grid-template-areas:
14573
+ 'image image'
14574
+ 'leadingVisual leadingVisual'
14575
+ 'icon icon'
14576
+ 'label label'
14577
+ 'heading heading'
14578
+ 'description description'
14579
+ 'tokens tokens'
14580
+ 'action action';
14581
+ }
14582
+
14583
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14584
+ grid-template-areas:
14585
+ 'image'
14586
+ 'leadingVisual'
14587
+ 'icon'
14588
+ 'label'
14589
+ 'heading'
14590
+ 'description'
14591
+ 'tokens'
14592
+ 'action';
14593
+ }
14594
+
14066
14595
  /** Block end image position option */
14067
14596
  .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
14597
+ /* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
14598
+ --Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
14599
+
14068
14600
  grid-template-areas:
14601
+ 'leadingVisual leadingVisual'
14069
14602
  'icon icon'
14603
+ 'tokens tokens'
14070
14604
  'label label'
14071
14605
  'heading heading'
14072
14606
  'description description'
@@ -14076,14 +14610,47 @@ Fixes safari bug where outline doesn't respect border-radius
14076
14610
 
14077
14611
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
14078
14612
  grid-template-areas:
14613
+ 'leadingVisual'
14614
+ 'icon'
14615
+ 'tokens'
14616
+ 'label'
14617
+ 'heading'
14618
+ 'description'
14619
+ 'action'
14620
+ 'image';
14621
+ }
14622
+
14623
+ .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14624
+ /* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
14625
+ --Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
14626
+
14627
+ grid-template-areas:
14628
+ 'leadingVisual leadingVisual'
14629
+ 'icon icon'
14630
+ 'label label'
14631
+ 'heading heading'
14632
+ 'description description'
14633
+ 'tokens tokens'
14634
+ 'action action'
14635
+ 'image image';
14636
+ }
14637
+
14638
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
14639
+ grid-template-areas:
14640
+ 'leadingVisual'
14079
14641
  'icon'
14080
14642
  'label'
14081
14643
  'heading'
14082
14644
  'description'
14645
+ 'tokens'
14083
14646
  'action'
14084
14647
  'image';
14085
14648
  }
14086
14649
 
14650
+ .Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
14651
+ padding: var(--base-size-64) var(--base-size-40);
14652
+ }
14653
+
14087
14654
  .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
14088
14655
  margin-bottom: 0;
14089
14656
  margin-top: var(--base-size-28);
@@ -14106,11 +14673,18 @@ Fixes safari bug where outline doesn't respect border-radius
14106
14673
  padding: 0;
14107
14674
  }
14108
14675
 
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 {
14676
+ .Primer_Brand__Card-module__Card--variant-default___nSKnF {
14111
14677
  background-color: var(--brand-Card-background-default);
14112
14678
  }
14113
14679
 
14680
+ .Primer_Brand__Card-module__Card--variant-default___nSKnF.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
14681
+ background-color: transparent;
14682
+ }
14683
+
14684
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
14685
+ --Card-arrowAction-endInset: var(--base-size-40);
14686
+ }
14687
+
14114
14688
  .Primer_Brand__Card-module__Card___ByGEk:hover {
14115
14689
  -webkit-text-decoration: none;
14116
14690
  text-decoration: none;
@@ -14163,11 +14737,11 @@ Fixes safari bug where outline doesn't respect border-radius
14163
14737
 
14164
14738
  .Primer_Brand__Card-module__Card--border___nNZlZ {
14165
14739
  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
14740
+ border-radius: var(--brand-borderRadius-medium);
14166
14741
  }
14167
14742
 
14168
14743
  .Primer_Brand__Card-module__Card__outer___QBN0D {
14169
14744
  height: 100%;
14170
- border-radius: var(--brand-borderRadius-xlarge);
14171
14745
  }
14172
14746
 
14173
14747
  .Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
@@ -14184,34 +14758,12 @@ Fixes safari bug where outline doesn't respect border-radius
14184
14758
  ); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
14185
14759
  }
14186
14760
 
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 {
14761
+ .Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
14210
14762
  transform: scale3d(1.025, 1.025, 1);
14211
14763
  }
14212
14764
 
14213
14765
  .Primer_Brand__Card-module__Card__image___zt4oH {
14214
- margin-bottom: var(--base-size-28);
14766
+ margin-block-end: var(--base-size-28);
14215
14767
  border-radius: var(--brand-borderRadius-medium);
14216
14768
  overflow: hidden;
14217
14769
  grid-area: image;
@@ -14223,31 +14775,146 @@ Fixes safari bug where outline doesn't respect border-radius
14223
14775
  display: block;
14224
14776
  }
14225
14777
 
14778
+ .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
14779
+ margin-block-end: var(--base-size-36);
14780
+ display: flex;
14781
+ align-items: center;
14782
+ grid-area: leadingVisual;
14783
+ }
14784
+
14785
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
14786
+ justify-content: center;
14787
+ }
14788
+
14789
+ .Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
14790
+ display: block;
14791
+ max-width: 100%;
14792
+ height: var(--base-size-40);
14793
+ width: auto;
14794
+ }
14795
+
14226
14796
  .Primer_Brand__Card-module__Card__icon___H4tc9 {
14227
14797
  margin-bottom: var(--base-size-24);
14228
14798
  grid-area: icon;
14229
14799
  }
14230
14800
 
14801
+ .Primer_Brand__Card-module__Card__tokens___eYuJh {
14802
+ display: flex;
14803
+ flex-wrap: wrap;
14804
+ gap: var(--base-size-8);
14805
+ grid-area: tokens;
14806
+ margin-bottom: var(--base-size-20);
14807
+ }
14808
+
14809
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
14810
+ justify-content: center;
14811
+ }
14812
+
14813
+ .Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
14814
+ margin-block-start: var(--base-size-20);
14815
+ margin-block-end: 0;
14816
+ }
14817
+
14231
14818
  .Primer_Brand__Card-module__Card__label___EAot7 {
14232
- margin-bottom: var(--base-size-24);
14819
+ margin-block-end: var(--base-size-20);
14233
14820
  grid-area: label;
14234
14821
  }
14235
14822
 
14236
- .Primer_Brand__Card-module__Card__heading___INFhp {
14237
- margin-bottom: var(--base-size-20);
14238
- grid-area: heading;
14239
- }
14823
+ .Primer_Brand__Card-module__Card__heading___INFhp {
14824
+ margin-block-end: var(--base-size-20);
14825
+ grid-area: heading;
14826
+ }
14827
+
14828
+ .Primer_Brand__Card-module__Card__description___KN9CH {
14829
+ margin-block-end: var(--base-size-32);
14830
+ grid-area: description;
14831
+ }
14832
+
14833
+ .Primer_Brand__Card-module__Card__action___C6sRY {
14834
+ grid-area: action;
14835
+ margin-block-start: auto;
14836
+ display: inline-flex;
14837
+ align-items: center;
14838
+ max-inline-size: 100%;
14839
+ pointer-events: none;
14840
+ }
14841
+
14842
+ .Primer_Brand__Card-module__Card__actionIcon___RkX8K {
14843
+ display: inline-flex;
14844
+ align-items: center;
14845
+ justify-content: center;
14846
+ flex-shrink: 0;
14847
+ }
14848
+
14849
+ .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
14850
+ display: block;
14851
+ min-inline-size: 0;
14852
+ overflow: hidden;
14853
+ text-overflow: ellipsis;
14854
+ white-space: nowrap;
14855
+ }
14856
+
14857
+ .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
14858
+ --actionLabelClip-duration: 400ms;
14859
+ display: inline-flex;
14860
+ flex: 1 1 auto;
14861
+ align-items: center;
14862
+ align-self: stretch;
14863
+ min-inline-size: 0;
14864
+ overflow: hidden;
14865
+ max-inline-size: 0;
14866
+ background-color: transparent;
14867
+ opacity: 0;
14868
+ transform: translateX(calc(var(--base-size-12) * -1));
14869
+ transition: max-inline-size 400ms var(--brand-Card-animation-easing),
14870
+ opacity 400ms ease-out, transform 400ms ease-out,
14871
+ margin-inline 400ms ease-out, padding-inline 400ms ease-out;
14872
+ transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
14873
+ opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
14874
+ margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
14875
+ }
14876
+
14877
+ .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
14878
+ margin-block-start: var(--base-size-20);
14879
+ }
14880
+
14881
+ .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
14882
+ --actionArrow-duration: 300ms;
14240
14883
 
14241
- .Primer_Brand__Card-module__Card__description___KN9CH {
14242
- margin-bottom: var(--base-size-32);
14243
- grid-area: description;
14884
+ margin-block-start: var(--base-size-20);
14885
+ min-height: var(--base-size-40);
14886
+ width: -moz-fit-content;
14887
+ width: fit-content;
14888
+ min-inline-size: 0;
14889
+ max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
14890
+ justify-content: flex-start;
14891
+ -moz-column-gap: 0;
14892
+ column-gap: 0;
14893
+ padding-block: var(--base-size-4);
14894
+ padding-inline: 0;
14895
+ border: var(--brand-borderWidth-thin) solid transparent;
14896
+ border-radius: var(--brand-borderRadius-full);
14897
+ background-color: transparent;
14898
+ flex-shrink: 0;
14899
+ overflow: hidden;
14900
+ transition: border-color 300ms ease-out, background-color 300ms ease-out,
14901
+ column-gap 300ms ease-out, padding-inline 300ms ease-out;
14902
+ transition: border-color 300ms ease-out, background-color 300ms ease-out,
14903
+ column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
14904
+ transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
14905
+ column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
14906
+ transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
14907
+ column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
14244
14908
  }
14245
14909
 
14246
- .Primer_Brand__Card-module__Card__action___C6sRY {
14247
- grid-area: action;
14248
- margin-top: auto;
14249
- display: inline-flex;
14250
- align-items: center;
14910
+ .Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
14911
+ width: var(--base-size-32);
14912
+ min-width: var(--base-size-32);
14913
+ height: var(--base-size-32);
14914
+ min-height: var(--base-size-32);
14915
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
14916
+ border-radius: var(--brand-borderRadius-full);
14917
+ background-color: var(--brand-color-canvas-default);
14251
14918
  }
14252
14919
 
14253
14920
  .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
@@ -14259,10 +14926,9 @@ Fixes safari bug where outline doesn't respect border-radius
14259
14926
  color: var(--brand-Link-color-accent);
14260
14927
  }
14261
14928
 
14262
- .Primer_Brand__Card-module__Card--skew___pEeoW {
14263
- height: 100%;
14264
- border-radius: var(--brand-borderRadius-xlarge);
14265
- overflow: hidden;
14929
+ .Primer_Brand__Card-module__Card__action___C6sRY,
14930
+ .Primer_Brand__Card-module__Card__action___C6sRY * {
14931
+ cursor: inherit;
14266
14932
  }
14267
14933
 
14268
14934
  .Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
@@ -14303,11 +14969,83 @@ Fixes safari bug where outline doesn't respect border-radius
14303
14969
  margin-inline-start: var(--base-size-4);
14304
14970
  }
14305
14971
 
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));
14972
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14973
+ --ExpandableArrow-duration: var(--brand-Card-animation-duration);
14974
+ --ExpandableArrow-easing: var(--brand-Card-animation-easing);
14975
+ }
14976
+
14977
+ .Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
14978
+ margin-inline-start: 0;
14979
+ }
14980
+
14981
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
14982
+ margin-bottom: var(--base-size-12);
14983
+ }
14984
+
14985
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
14986
+ transform: none;
14987
+ }
14988
+
14989
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
14990
+ min-inline-size: 0;
14991
+ justify-self: start;
14992
+ }
14993
+
14994
+ .Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
14995
+ justify-self: center;
14996
+ }
14997
+
14998
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
14999
+ -moz-column-gap: var(--base-size-8);
15000
+ column-gap: var(--base-size-8);
15001
+ padding-inline-start: var(--base-size-12);
15002
+ padding-inline-end: var(--base-size-4);
15003
+ border-color: var(--brand-color-border-default);
15004
+ background-color: var(--brand-Card-background-overlay);
15005
+ }
15006
+
15007
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
15008
+ -moz-column-gap: var(--base-size-8);
15009
+ column-gap: var(--base-size-8);
15010
+ padding-inline-start: var(--base-size-12);
15011
+ padding-inline-end: var(--base-size-4);
15012
+ border-color: var(--brand-color-border-default);
15013
+ background-color: var(--brand-Card-background-overlay);
15014
+ }
15015
+
15016
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
15017
+ max-inline-size: 100%;
15018
+ opacity: 1;
15019
+ transform: translateX(0);
15020
+ margin-inline-start: calc(var(--base-size-12) * -1);
15021
+ margin-inline-end: 0;
15022
+ padding-inline-start: var(--base-size-12);
15023
+ padding-inline-end: var(--base-size-4);
15024
+ }
15025
+
15026
+ .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
15027
+ max-inline-size: 100%;
15028
+ opacity: 1;
15029
+ transform: translateX(0);
15030
+ margin-inline-start: calc(var(--base-size-12) * -1);
15031
+ margin-inline-end: 0;
15032
+ padding-inline-start: var(--base-size-12);
15033
+ padding-inline-end: var(--base-size-4);
15034
+ }
15035
+
15036
+ .Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
15037
+ transform: translateX(var(--base-size-2));
14308
15038
  }
14309
15039
 
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) {
15040
+ .Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
15041
+ transform: translateX(var(--base-size-2));
15042
+ }
15043
+
15044
+ .Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
15045
+ stroke-dashoffset: 20;
15046
+ }
15047
+
15048
+ .Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
14311
15049
  stroke-dashoffset: 20;
14312
15050
  }
14313
15051
 
@@ -14375,7 +15113,7 @@ Fixes safari bug where outline doesn't respect border-radius
14375
15113
 
14376
15114
  /**
14377
15115
  * Do not edit directly
14378
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
15116
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
14379
15117
  */
14380
15118
 
14381
15119
  :root,
@@ -15216,7 +15954,7 @@ Fixes safari bug where outline doesn't respect border-radius
15216
15954
 
15217
15955
  /**
15218
15956
  * Do not edit directly
15219
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
15957
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
15220
15958
  */
15221
15959
 
15222
15960
  :root {
@@ -15227,7 +15965,7 @@ Fixes safari bug where outline doesn't respect border-radius
15227
15965
 
15228
15966
  /**
15229
15967
  * Do not edit directly
15230
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
15968
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
15231
15969
  */
15232
15970
 
15233
15971
  :root,
@@ -15726,7 +16464,7 @@ Fixes safari bug where outline doesn't respect border-radius
15726
16464
 
15727
16465
  /**
15728
16466
  * Do not edit directly
15729
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
16467
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
15730
16468
  */
15731
16469
 
15732
16470
  :root {
@@ -15746,7 +16484,7 @@ Fixes safari bug where outline doesn't respect border-radius
15746
16484
 
15747
16485
  /**
15748
16486
  * Do not edit directly
15749
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
16487
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
15750
16488
  */
15751
16489
 
15752
16490
  :root,
@@ -15782,7 +16520,7 @@ Fixes safari bug where outline doesn't respect border-radius
15782
16520
 
15783
16521
  /**
15784
16522
  * Do not edit directly
15785
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
16523
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
15786
16524
  */
15787
16525
 
15788
16526
  :root,
@@ -15806,7 +16544,7 @@ Fixes safari bug where outline doesn't respect border-radius
15806
16544
 
15807
16545
  /**
15808
16546
  * Do not edit directly
15809
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
16547
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
15810
16548
  */
15811
16549
 
15812
16550
  :root {
@@ -15948,7 +16686,7 @@ Fixes safari bug where outline doesn't respect border-radius
15948
16686
  align-items: center;
15949
16687
  gap: var(--base-size-24);
15950
16688
  margin: auto;
15951
- max-width: 100dvw;
16689
+ max-width: 100vw;
15952
16690
  }
15953
16691
 
15954
16692
  .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
@@ -16282,7 +17020,7 @@ Fixes safari bug where outline doesn't respect border-radius
16282
17020
 
16283
17021
  /**
16284
17022
  * Do not edit directly
16285
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
17023
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
16286
17024
  */
16287
17025
 
16288
17026
  :root,
@@ -16296,7 +17034,7 @@ Fixes safari bug where outline doesn't respect border-radius
16296
17034
 
16297
17035
  /**
16298
17036
  * Do not edit directly
16299
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
17037
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
16300
17038
  */
16301
17039
 
16302
17040
  :root {
@@ -16310,7 +17048,7 @@ Fixes safari bug where outline doesn't respect border-radius
16310
17048
 
16311
17049
  /**
16312
17050
  * Do not edit directly
16313
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
17051
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
16314
17052
  */
16315
17053
 
16316
17054
  :root {
@@ -18486,7 +19224,7 @@ Fixes safari bug where outline doesn't respect border-radius
18486
19224
 
18487
19225
  /**
18488
19226
  * Do not edit directly
18489
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19227
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
18490
19228
  */
18491
19229
 
18492
19230
  :root {
@@ -18510,7 +19248,7 @@ Fixes safari bug where outline doesn't respect border-radius
18510
19248
 
18511
19249
  /**
18512
19250
  * Do not edit directly
18513
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19251
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
18514
19252
  */
18515
19253
 
18516
19254
  :root,
@@ -18945,7 +19683,7 @@ Fixes safari bug where outline doesn't respect border-radius
18945
19683
 
18946
19684
  /**
18947
19685
  * Do not edit directly
18948
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19686
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
18949
19687
  */
18950
19688
 
18951
19689
  :root {
@@ -18961,7 +19699,7 @@ Fixes safari bug where outline doesn't respect border-radius
18961
19699
 
18962
19700
  /**
18963
19701
  * Do not edit directly
18964
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
19702
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
18965
19703
  */
18966
19704
 
18967
19705
  :root,
@@ -18988,9 +19726,11 @@ Fixes safari bug where outline doesn't respect border-radius
18988
19726
  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
18989
19727
  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
18990
19728
  --brand-pricing-options-container-padding-inline: 0;
19729
+ --brand-pricing-options-column-count: 1;
18991
19730
 
18992
19731
  /* prettier-ignore */
18993
19732
  --brand-pricing-options-template-areas:
19733
+ 'labels'
18994
19734
  'leadingComponent'
18995
19735
  'header'
18996
19736
  'description'
@@ -19019,13 +19759,159 @@ Fixes safari bug where outline doesn't respect border-radius
19019
19759
  @media (min-width: 63.25rem) {
19020
19760
  .Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
19021
19761
  grid-template-areas: var(--brand-pricing-options-template-areas);
19022
- grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
19762
+ grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
19023
19763
  -moz-column-gap: 0;
19024
19764
  column-gap: 0;
19025
19765
  -moz-column-gap: var(--brand-pricing-options-item-gap, 0);
19026
19766
  column-gap: var(--brand-pricing-options-item-gap, 0);
19027
19767
  row-gap: 0;
19028
19768
  }
19769
+
19770
+ .Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
19771
+ --brand-pricing-options-column-count: 1;
19772
+ }
19773
+
19774
+ .Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
19775
+ --brand-pricing-options-column-count: 2;
19776
+ }
19777
+
19778
+ .Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
19779
+ --brand-pricing-options-column-count: 3;
19780
+ }
19781
+
19782
+ .Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
19783
+ --brand-pricing-options-column-count: 4;
19784
+ }
19785
+ }
19786
+
19787
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19788
+ display: none;
19789
+ }
19790
+
19791
+ @media (min-width: 63.25rem) {
19792
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19793
+ --brand-pricing-options-column-count: 1;
19794
+
19795
+ display: grid;
19796
+ grid-column: 1 / -1;
19797
+ grid-row: labels;
19798
+ grid-template-columns: repeat(1, minmax(0, 1fr));
19799
+ grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
19800
+ grid-column-gap: 0;
19801
+ grid-column-gap: var(--brand-pricing-options-item-gap, 0);
19802
+ -moz-column-gap: 0;
19803
+ column-gap: 0;
19804
+ -moz-column-gap: var(--brand-pricing-options-item-gap, 0);
19805
+ column-gap: var(--brand-pricing-options-item-gap, 0);
19806
+ }
19807
+
19808
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19809
+ position: relative;
19810
+ display: flex;
19811
+ align-items: center;
19812
+ min-height: var(--base-size-54);
19813
+ padding-block: var(--base-size-16);
19814
+ background-color: var(--brand-PricingOptions-item-bgColor-solid);
19815
+ }
19816
+
19817
+ /* Accent top border — uses ::after so it can overflow into the column gap */
19818
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19819
+ content: '';
19820
+ position: absolute;
19821
+ inset-block-start: 0;
19822
+ inset-inline-start: calc(0px / 2 * -1);
19823
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
19824
+ inset-inline-end: calc(0px / 2 * -1);
19825
+ inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
19826
+ height: var(--brand-borderWidth-thin);
19827
+ background-color: var(--brand-color-text-emphasized);
19828
+ }
19829
+
19830
+ /* First cell: don't overflow past container start (cards override below) */
19831
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
19832
+ inset-inline-start: 0;
19833
+ }
19834
+
19835
+ /* Last cell: don't overflow past container end (cards override below) */
19836
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
19837
+ inset-inline-end: 0;
19838
+ }
19839
+
19840
+ /* Default layout: extend accent border into container padding to reach the container edge */
19841
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
19842
+ inset-inline-start: calc(0px * -1);
19843
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19844
+ }
19845
+
19846
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
19847
+ inset-inline-end: calc(0px * -1);
19848
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19849
+ }
19850
+
19851
+ /* ---- Default layout labels ---- */
19852
+
19853
+ /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
19854
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
19855
+ position: relative;
19856
+ }
19857
+
19858
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
19859
+ content: '';
19860
+ position: absolute;
19861
+ inset-block-end: 0;
19862
+ inset-inline-start: calc(0px * -1);
19863
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19864
+ inset-inline-end: calc(0px * -1);
19865
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
19866
+ height: var(--brand-borderWidth-thin);
19867
+ background-color: var(--brand-color-border-subtle);
19868
+ }
19869
+
19870
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19871
+ padding-inline: 0;
19872
+ }
19873
+
19874
+ /* Empty cells: transparent bg/borders but structurally visible so dividers show */
19875
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
19876
+ background-color: transparent;
19877
+ border-block-start-color: transparent;
19878
+ }
19879
+
19880
+ /* Vertical dividers between label cells, centered in the gap */
19881
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
19882
+ content: '';
19883
+ position: absolute;
19884
+ inset-block: 0;
19885
+ width: var(--brand-borderWidth-thin);
19886
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
19887
+ background-color: var(--brand-color-border-subtle);
19888
+ }
19889
+
19890
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
19891
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
19892
+ + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
19893
+ -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19894
+ mask-image: var(--brand-PricingOptions-borderMask);
19895
+ }
19896
+
19897
+ /* ---- Cards layout labels ---- */
19898
+
19899
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
19900
+ padding-inline: var(--base-size-28);
19901
+ border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
19902
+ /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
19903
+ }
19904
+
19905
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
19906
+ opacity: 0;
19907
+ pointer-events: none;
19908
+ }
19909
+
19910
+ /* Cards: keep accent border inside the card boundary */
19911
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
19912
+ inset-inline-start: 0;
19913
+ inset-inline-end: 0;
19914
+ }
19029
19915
  }
19030
19916
 
19031
19917
  /* ---------------------------------------------------------- */
@@ -19034,11 +19920,10 @@ Fixes safari bug where outline doesn't respect border-radius
19034
19920
 
19035
19921
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
19036
19922
  position: relative;
19037
- border-radius: var(--brand-borderRadius-xlarge);
19038
19923
  }
19039
19924
 
19040
19925
  .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);
19926
+ border: solid 1px var(--brand-color-border-subtle);
19042
19927
  background-color: var(--brand-PricingOptions-item-bgColor-solid);
19043
19928
  }
19044
19929
 
@@ -19060,7 +19945,7 @@ Fixes safari bug where outline doesn't respect border-radius
19060
19945
  border-radius: inherit;
19061
19946
  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19062
19947
  mask-image: var(--brand-PricingOptions-borderMask);
19063
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
19948
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
19064
19949
  }
19065
19950
 
19066
19951
  @media (min-width: 63.25rem) {
@@ -19070,6 +19955,8 @@ Fixes safari bug where outline doesn't respect border-radius
19070
19955
  }
19071
19956
 
19072
19957
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19958
+ --brand-pricing-options-item-padding-inline: var(--base-size-24);
19959
+
19073
19960
  position: relative; /* Used for positioning the divider between items */
19074
19961
  padding-inline: var(--base-size-24);
19075
19962
  padding-block: var(--base-size-20);
@@ -19077,23 +19964,25 @@ Fixes safari bug where outline doesn't respect border-radius
19077
19964
 
19078
19965
  @media (min-width: 63.25rem) {
19079
19966
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19967
+ --brand-pricing-options-item-padding-inline: 0;
19968
+
19080
19969
  padding-inline: 0;
19081
19970
  padding-block: var(--base-size-40);
19082
19971
  }
19083
19972
  }
19084
19973
 
19085
19974
  /* 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 {
19975
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19087
19976
  content: '';
19088
19977
  position: absolute;
19089
19978
  inset-inline: 0;
19090
19979
  height: 1px;
19091
- background-color: var(--brand-color-border-default);
19980
+ background-color: var(--brand-color-border-subtle);
19092
19981
  }
19093
19982
 
19094
19983
  /* Vertical divider between items on larger viewports */
19095
19984
  @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 {
19985
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19097
19986
  inset-inline: 0;
19098
19987
  inset-block: 0;
19099
19988
  width: 1px;
@@ -19102,7 +19991,9 @@ Fixes safari bug where outline doesn't respect border-radius
19102
19991
  margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
19103
19992
  }
19104
19993
 
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 {
19994
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
19995
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
19996
+ + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
19106
19997
  -webkit-mask-image: var(--brand-PricingOptions-borderMask);
19107
19998
  mask-image: var(--brand-PricingOptions-borderMask);
19108
19999
  }
@@ -19113,15 +20004,16 @@ Fixes safari bug where outline doesn't respect border-radius
19113
20004
  /* ---------------------------------------------------------- */
19114
20005
 
19115
20006
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
20007
+ --brand-pricing-options-item-padding-inline: var(--base-size-32);
20008
+
19116
20009
  position: relative;
19117
20010
  padding-inline: var(--base-size-32);
19118
- border-radius: var(--brand-borderRadius-xlarge);
19119
20011
  padding-block: var(--base-size-32);
19120
20012
  }
19121
20013
 
19122
20014
  .Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
19123
20015
  background-color: var(--brand-PricingOptions-item-bgColor-solid);
19124
- border: solid var(--brand-borderWidth-thin) var(--brand-color-border-default);
20016
+ border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
19125
20017
  }
19126
20018
 
19127
20019
  /* ---------------------------------------------------------- */
@@ -19189,10 +20081,6 @@ Fixes safari bug where outline doesn't respect border-radius
19189
20081
  justify-content: center;
19190
20082
  }
19191
20083
 
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
20084
  /*
19197
20085
  * Backwards compatibility for browsers that don't support subgrid.
19198
20086
  * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
@@ -19218,23 +20106,12 @@ Fixes safari bug where outline doesn't respect border-radius
19218
20106
  row-gap: var(--base-size-16);
19219
20107
  }
19220
20108
 
19221
- /* When item is left-aligned, place the label next to the heading if it fits, and stack it if it doesn't */
20109
+ /* When item is left-aligned, keep the heading at the start of the card */
19222
20110
  .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
19223
- flex-wrap: wrap-reverse;
19224
20111
  align-items: center;
19225
- -moz-column-gap: var(--base-size-16);
19226
- column-gap: var(--base-size-16);
19227
20112
  margin-block-end: var(--base-size-16);
19228
20113
  }
19229
20114
 
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
20115
  .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
19239
20116
  margin-block: var(--base-size-16);
19240
20117
  flex: 0 1 auto;
@@ -19248,25 +20125,15 @@ Fixes safari bug where outline doesn't respect border-radius
19248
20125
  }
19249
20126
  }
19250
20127
 
19251
- /* When item is centered, stack the label on top the heading */
20128
+ /* When item is centered, center the heading */
19252
20129
  .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;
20130
+ justify-content: center;
19264
20131
  }
19265
20132
 
19266
20133
  .Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
19267
20134
  margin-block-start: 0;
19268
20135
  margin-block-end: var(--base-size-16);
19269
- order: 2;
20136
+ text-align: center;
19270
20137
  }
19271
20138
 
19272
20139
  .Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
@@ -19274,16 +20141,13 @@ Fixes safari bug where outline doesn't respect border-radius
19274
20141
  }
19275
20142
 
19276
20143
  .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;
20144
+ color: var(--brand-color-text-default);
20145
+ font-family: var(--brand-fontStack-monospace);
20146
+ font-size: var(--brand-text-size-100);
20147
+ font-weight: var(--brand-text-weight-500);
20148
+ letter-spacing: var(--brand-text-letterSpacing-100);
20149
+ line-height: var(--brand-text-lineHeight-200);
20150
+ text-transform: uppercase;
19287
20151
  }
19288
20152
 
19289
20153
  .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
@@ -19300,7 +20164,7 @@ Fixes safari bug where outline doesn't respect border-radius
19300
20164
  .Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
19301
20165
  display: flex;
19302
20166
  flex-wrap: wrap;
19303
- align-content: flex-start;
20167
+ align-items: flex-start;
19304
20168
  grid-row: price;
19305
20169
  padding-block-start: var(--base-size-20);
19306
20170
  padding-block-end: var(--base-size-8);
@@ -19313,8 +20177,14 @@ Fixes safari bug where outline doesn't respect border-radius
19313
20177
  }
19314
20178
  }
19315
20179
 
20180
+ .Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
20181
+ display: flex;
20182
+ align-items: flex-end;
20183
+ }
20184
+
19316
20185
  .Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
19317
20186
  margin-inline-start: var(--base-size-4);
20187
+ margin-block-end: var(--base-size-4);
19318
20188
  color: var(--brand-color-text-muted);
19319
20189
  }
19320
20190
 
@@ -19345,6 +20215,26 @@ Fixes safari bug where outline doesn't respect border-radius
19345
20215
  padding-block-start: var(--base-size-20);
19346
20216
  }
19347
20217
 
20218
+ /* MenuAction: full-width ActionMenu wrapper */
20219
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
20220
+ width: 100%;
20221
+ }
20222
+
20223
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
20224
+ width: 100%;
20225
+ }
20226
+
20227
+ /* Force ActionMenu button container to stretch full width */
20228
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
20229
+ display: flex;
20230
+ width: 100%;
20231
+ }
20232
+
20233
+ /* Make the primary button fill remaining space next to the chevron */
20234
+ .Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
20235
+ flex: 1;
20236
+ }
20237
+
19348
20238
  .Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
19349
20239
  grid-row: footnote;
19350
20240
  display: block;
@@ -19369,13 +20259,58 @@ Fixes safari bug where outline doesn't respect border-radius
19369
20259
  }
19370
20260
 
19371
20261
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
19372
- border-block-start: solid 1px var(--brand-color-border-default);
20262
+ position: relative;
19373
20263
  margin: 0;
19374
20264
  margin-block-start: var(--base-size-20);
19375
20265
  padding-block-start: var(--base-size-40);
19376
20266
  padding-inline: 0;
19377
20267
  }
19378
20268
 
20269
+ /* Edge-to-edge divider above feature list */
20270
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20271
+ content: '';
20272
+ position: absolute;
20273
+ inset-block-start: 0;
20274
+ inset-inline-start: calc(0px * -1);
20275
+ inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
20276
+ inset-inline-end: calc(0px * -1);
20277
+ inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
20278
+ height: var(--brand-borderWidth-thin);
20279
+ background-color: var(--brand-color-border-subtle);
20280
+ }
20281
+
20282
+ /* Default layout: extend feature list divider into column gap */
20283
+ @media (min-width: 63.25rem) {
20284
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20285
+ inset-inline-start: calc(0px / 2 * -1);
20286
+ inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
20287
+ inset-inline-end: calc(0px / 2 * -1);
20288
+ inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
20289
+ }
20290
+
20291
+ /* First item: don't overflow past container start */
20292
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before,
20293
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
20294
+ .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
20295
+ + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
20296
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20297
+ inset-inline-start: calc(0px * -1);
20298
+ inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
20299
+ }
20300
+
20301
+ /* Last item: don't overflow past container end */
20302
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20303
+ inset-inline-end: calc(0px * -1);
20304
+ inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
20305
+ }
20306
+
20307
+ .Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
20308
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
20309
+ -webkit-mask-image: var(--brand-PricingOptions-borderMask);
20310
+ mask-image: var(--brand-PricingOptions-borderMask);
20311
+ }
20312
+ }
20313
+
19379
20314
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
19380
20315
  margin-block-start: var(--base-size-20);
19381
20316
  }
@@ -19390,6 +20325,44 @@ Fixes safari bug where outline doesn't respect border-radius
19390
20325
  color: var(--brand-color-text-muted);
19391
20326
  }
19392
20327
 
20328
+ /* Info tooltip button */
20329
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
20330
+ flex-wrap: nowrap;
20331
+ }
20332
+
20333
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
20334
+ flex: 1;
20335
+ display: inline-flex;
20336
+ align-items: baseline;
20337
+ justify-content: space-between;
20338
+ }
20339
+
20340
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
20341
+ all: unset;
20342
+ display: inline-flex;
20343
+ align-items: center;
20344
+ justify-content: center;
20345
+ flex-shrink: 0;
20346
+ cursor: pointer;
20347
+ color: var(--brand-color-text-muted);
20348
+ background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
20349
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
20350
+ border-radius: 50%;
20351
+ margin-inline-start: var(--base-size-8);
20352
+ vertical-align: middle;
20353
+ padding: var(--base-size-4);
20354
+ }
20355
+
20356
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
20357
+ width: var(--base-size-12);
20358
+ height: var(--base-size-12);
20359
+ }
20360
+
20361
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
20362
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
20363
+ outline-offset: 2px;
20364
+ }
20365
+
19393
20366
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
19394
20367
  margin-block-start: var(--base-size-20);
19395
20368
  }
@@ -19428,6 +20401,7 @@ Fixes safari bug where outline doesn't respect border-radius
19428
20401
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
19429
20402
  padding: var(--base-size-8) 0;
19430
20403
  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
20404
+ padding-inline-end: 0 !important;
19431
20405
  margin-block-start: calc(var(--base-size-16) * -1);
19432
20406
  margin-block-end: var(--base-size-8);
19433
20407
  }
@@ -19438,8 +20412,10 @@ Fixes safari bug where outline doesn't respect border-radius
19438
20412
  line-height: var(--feature-list-line-height);
19439
20413
  font-weight: var(--brand-text-subhead-weight-large);
19440
20414
  gap: var(--base-size-8);
19441
- display: inline-flex;
19442
20415
  align-items: center;
20416
+ justify-content: space-between;
20417
+ display: flex;
20418
+ width: 100%;
19443
20419
  }
19444
20420
 
19445
20421
  /* Hide default icon */
@@ -19454,6 +20430,10 @@ Fixes safari bug where outline doesn't respect border-radius
19454
20430
  padding-inline-start: 0 !important;
19455
20431
  }
19456
20432
 
20433
+ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
20434
+ margin-inline-end: var(--base-size-4);
20435
+ }
20436
+
19457
20437
  /* Chevron up icon */
19458
20438
  .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
19459
20439
  transform: rotate(180deg);
@@ -19465,7 +20445,7 @@ Fixes safari bug where outline doesn't respect border-radius
19465
20445
 
19466
20446
  /**
19467
20447
  * Do not edit directly
19468
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
20448
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
19469
20449
  */
19470
20450
 
19471
20451
  :root {
@@ -19474,7 +20454,7 @@ Fixes safari bug where outline doesn't respect border-radius
19474
20454
 
19475
20455
  /**
19476
20456
  * Do not edit directly
19477
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
20457
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
19478
20458
  */
19479
20459
 
19480
20460
  :root,
@@ -20285,7 +21265,7 @@ Fixes safari bug where outline doesn't respect border-radius
20285
21265
 
20286
21266
  /**
20287
21267
  * Do not edit directly
20288
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
21268
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
20289
21269
  */
20290
21270
 
20291
21271
  :root {
@@ -20294,7 +21274,7 @@ Fixes safari bug where outline doesn't respect border-radius
20294
21274
 
20295
21275
  /**
20296
21276
  * Do not edit directly
20297
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
21277
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
20298
21278
  */
20299
21279
 
20300
21280
  :root,
@@ -20790,7 +21770,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20790
21770
 
20791
21771
  /**
20792
21772
  * Do not edit directly
20793
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
21773
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
20794
21774
  */
20795
21775
 
20796
21776
  :root,
@@ -20889,7 +21869,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
20889
21869
 
20890
21870
  /**
20891
21871
  * Do not edit directly
20892
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
21872
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
20893
21873
  */
20894
21874
 
20895
21875
  :root,
@@ -21267,7 +22247,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21267
22247
 
21268
22248
  /**
21269
22249
  * Do not edit directly
21270
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
22250
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
21271
22251
  */
21272
22252
 
21273
22253
  :root,
@@ -21281,7 +22261,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21281
22261
 
21282
22262
  /**
21283
22263
  * Do not edit directly
21284
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
22264
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
21285
22265
  */
21286
22266
 
21287
22267
  :root {
@@ -21468,7 +22448,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21468
22448
 
21469
22449
  /**
21470
22450
  * Do not edit directly
21471
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
22451
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
21472
22452
  */
21473
22453
 
21474
22454
  :root {
@@ -21752,7 +22732,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21752
22732
 
21753
22733
  /**
21754
22734
  * Do not edit directly
21755
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
22735
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
21756
22736
  */
21757
22737
 
21758
22738
  :root {
@@ -21763,7 +22743,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
21763
22743
 
21764
22744
  /**
21765
22745
  * Do not edit directly
21766
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
22746
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
21767
22747
  */
21768
22748
 
21769
22749
  :root,
@@ -22031,7 +23011,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22031
23011
 
22032
23012
  /**
22033
23013
  * Do not edit directly
22034
- * Generated on Sun, 12 Apr 2026 19:02:29 GMT
23014
+ * Generated on Fri, 17 Apr 2026 19:10:49 GMT
22035
23015
  */
22036
23016
 
22037
23017
  :root {
@@ -22040,7 +23020,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22040
23020
 
22041
23021
  /**
22042
23022
  * Do not edit directly
22043
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
23023
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
22044
23024
  */
22045
23025
 
22046
23026
  :root,
@@ -22286,7 +23266,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
22286
23266
 
22287
23267
  /**
22288
23268
  * Do not edit directly
22289
- * Generated on Sun, 12 Apr 2026 19:02:30 GMT
23269
+ * Generated on Fri, 17 Apr 2026 19:10:50 GMT
22290
23270
  */
22291
23271
 
22292
23272
  :root,