@primer/react-brand 0.24.1-rc.eeedf49 → 0.25.0-rc.654fe29

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 (276) hide show
  1. package/lib/Accordion/Accordion.d.ts +3 -0
  2. package/lib/FAQ/FAQ.d.ts +4 -2
  3. package/lib/FAQ/FAQGroup.d.ts +22 -0
  4. package/lib/FAQ/index.d.ts +1 -0
  5. package/lib/Stack/Stack.d.ts +2 -2
  6. package/lib/VideoPlayer/VideoPlayer.d.ts +18 -0
  7. package/lib/VideoPlayer/VideoPlayer.visual.spec.d.ts +1 -0
  8. package/lib/VideoPlayer/components/captions/Captions.d.ts +8 -0
  9. package/lib/VideoPlayer/components/captions/index.d.ts +1 -0
  10. package/lib/VideoPlayer/components/controls/Controls.d.ts +11 -0
  11. package/lib/VideoPlayer/components/controls/index.d.ts +1 -0
  12. package/lib/VideoPlayer/components/icon-control/IconControl.d.ts +6 -0
  13. package/lib/VideoPlayer/components/icon-control/index.d.ts +1 -0
  14. package/lib/VideoPlayer/components/index.d.ts +5 -0
  15. package/lib/VideoPlayer/components/range/Range.d.ts +9 -0
  16. package/lib/VideoPlayer/components/range/index.d.ts +1 -0
  17. package/lib/VideoPlayer/components/tooltip/Tooltip.d.ts +4 -0
  18. package/lib/VideoPlayer/components/tooltip/index.d.ts +1 -0
  19. package/lib/VideoPlayer/index.d.ts +1 -0
  20. package/lib/css/main.css +824 -182
  21. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  23. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  24. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +2 -2
  27. package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -2
  28. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +49 -23
  32. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +2 -2
  40. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +9 -3
  41. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +5 -2
  42. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +17 -0
  72. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/size/size.css +9 -7
  77. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  79. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  80. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  81. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  82. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  83. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +3 -3
  84. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  85. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  86. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  87. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +17 -14
  88. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +69 -6
  89. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  90. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  91. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  92. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  93. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  94. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  95. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  96. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  97. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  98. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  99. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  100. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  102. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  103. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  104. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  105. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  106. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  107. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  108. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  109. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +181 -0
  110. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  111. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  112. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  113. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  114. package/lib/design-tokens/js/module/tokens/functional/size/size.js +45 -13
  115. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  116. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  117. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  118. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  119. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  120. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  121. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  122. package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -2
  123. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  124. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  125. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  126. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +2 -2
  127. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +5 -2
  128. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  129. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  130. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  131. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  132. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  133. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  134. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  135. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  136. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  137. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  138. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  139. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  140. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  141. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  142. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  143. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  144. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  145. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  146. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  147. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  148. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +15 -0
  149. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  150. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  151. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  152. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  153. package/lib/design-tokens/js/tokens/functional/size/size.js +9 -7
  154. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  155. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  156. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  157. package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +1 -1
  158. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  159. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  160. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  161. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +2 -2
  162. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  163. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  164. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  165. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +2 -2
  166. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +5 -2
  167. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  168. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  169. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  170. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  171. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  172. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  173. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  174. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  175. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  176. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  177. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  178. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  179. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  180. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  181. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  182. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  183. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  184. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  185. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  186. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  187. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +14 -0
  188. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  189. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  190. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  191. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  192. package/lib/design-tokens/scss/tokens/functional/size/size.scss +9 -7
  193. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  194. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  195. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  196. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  197. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  198. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  199. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  200. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  201. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  202. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  203. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  204. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  205. package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -2
  206. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  207. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  208. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  209. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  210. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  211. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  212. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +4 -2
  213. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +4 -2
  214. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +12 -3
  215. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +12 -3
  216. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  217. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  218. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  219. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  220. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  221. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  222. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  223. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  224. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  225. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  226. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  227. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  228. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  229. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  230. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  231. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  232. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  233. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  234. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  235. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  236. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  237. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  238. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  239. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  240. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  241. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  242. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  243. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  244. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  245. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  246. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  247. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  248. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  249. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  250. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  251. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  252. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  253. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  254. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  255. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  256. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +34 -0
  257. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +33 -0
  258. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  259. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  260. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  261. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  262. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  263. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  264. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  265. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  266. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +5 -3
  267. package/lib/design-tokens/ts/tokens/functional/size/size.js +10 -8
  268. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  269. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  270. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  271. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  272. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  273. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  274. package/lib/index.d.ts +1 -0
  275. package/lib/index.js +1 -1
  276. package/package.json +1 -1
package/lib/css/main.css CHANGED
@@ -89,7 +89,7 @@ select {
89
89
 
90
90
  /**
91
91
  * Do not edit directly
92
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
92
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
93
93
  */
94
94
 
95
95
  :root,
@@ -629,7 +629,7 @@ select {
629
629
 
630
630
  /**
631
631
  * Do not edit directly
632
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
632
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
633
633
  */
634
634
 
635
635
  :root {
@@ -654,7 +654,7 @@ select {
654
654
 
655
655
  /**
656
656
  * Do not edit directly
657
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
657
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
658
658
  */
659
659
 
660
660
  :root {
@@ -669,7 +669,7 @@ select {
669
669
 
670
670
  /**
671
671
  * Do not edit directly
672
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
672
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
673
673
  */
674
674
 
675
675
  :root {
@@ -796,7 +796,7 @@ select {
796
796
 
797
797
  /**
798
798
  * Do not edit directly
799
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
799
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
800
800
  */
801
801
 
802
802
  :root {
@@ -810,7 +810,7 @@ select {
810
810
 
811
811
  /**
812
812
  * Do not edit directly
813
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
813
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
814
814
  */
815
815
 
816
816
  :root {
@@ -828,7 +828,7 @@ select {
828
828
 
829
829
  /**
830
830
  * Do not edit directly
831
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
831
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
832
832
  */
833
833
 
834
834
  :root,
@@ -855,7 +855,7 @@ select {
855
855
  --brand-color-canvas-overlay: var(--base-color-scale-white-0);
856
856
  --brand-color-canvas-inset: var(--base-color-scale-gray-0);
857
857
  --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
858
- --brand-color-border-default: var(--base-color-scale-gray-2);
858
+ --brand-color-border-default: var(--base-color-scale-gray-3);
859
859
  --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
860
860
  --brand-color-border-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.7%);
861
861
  --brand-color-focus: var(--base-color-scale-blue-5);
@@ -1181,36 +1181,62 @@ select {
1181
1181
 
1182
1182
  /**
1183
1183
  * Do not edit directly
1184
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
1184
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
1185
1185
  */
1186
1186
 
1187
1187
  :root,
1188
1188
  [data-color-mode="light"] {
1189
- --brand-Button-background-base: var(--base-color-scale-gray-9);
1190
- --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
1191
- --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1192
- --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1193
- --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-3);
1194
- --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-black-0);
1195
- --brand-Button-shadow-primary-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
1196
- --brand-Button-shadow-secondary-default: inset 0 0 0 1px var(--brand-color-border-default);
1197
- --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1198
- --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1199
- --brand-Button-shadow-focus: var(--brand-color-focus);
1189
+ --brand-button-primary-bgColor-rest: var(--base-color-scale-black-0);
1190
+ --brand-button-primary-bgColor-hover: var(--base-color-scale-gray-8);
1191
+ --brand-button-primary-bgColor-active: var(--base-color-scale-gray-8);
1192
+ --brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
1193
+ --brand-button-primary-borderColor-rest: var(--base-color-scale-black-0);
1194
+ --brand-button-primary-borderColor-hover: var(--base-color-scale-gray-8);
1195
+ --brand-button-primary-borderColor-active: var(--base-color-scale-gray-8);
1196
+ --brand-button-primary-borderColor-disabled: var(--base-color-scale-gray-4);
1197
+ --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
1198
+ --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
1199
+ --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
1200
+ --brand-button-secondary-bgColor-rest: transparent;
1201
+ --brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
1202
+ --brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
1203
+ --brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
1204
+ --brand-button-secondary-borderColor-hover: var(--base-color-scale-gray-9);
1205
+ --brand-button-secondary-borderColor-active: var(--base-color-scale-gray-9);
1206
+ --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
1207
+ --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-3);
1208
+ --brand-button-subtle-borderColor-rest: transparent;
1209
+ --brand-button-subtle-borderColor-hover: var(--base-color-scale-gray-9);
1210
+ --brand-button-subtle-borderColor-active: var(--base-color-scale-gray-9);
1211
+ --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
1212
+ --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-3);
1200
1213
  }
1201
1214
 
1202
1215
  [data-color-mode="dark"] {
1203
- --brand-Button-background-base: var(--base-color-scale-gray-0);
1204
- --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-white-0);
1205
- --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1206
- --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1207
- --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-4);
1208
- --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-white-0);
1209
- --brand-Button-shadow-primary-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
1210
- --brand-Button-shadow-secondary-default: inset 0 0 0 1px hsl(var(--base-color-scale-white-0-hsl) / 25%);
1211
- --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
1212
- --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
1213
- --brand-Button-shadow-focus: var(--brand-color-focus);
1216
+ --brand-button-primary-bgColor-rest: var(--base-color-scale-white-0);
1217
+ --brand-button-primary-bgColor-hover: var(--base-color-scale-gray-0);
1218
+ --brand-button-primary-bgColor-active: var(--base-color-scale-gray-0);
1219
+ --brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
1220
+ --brand-button-primary-borderColor-rest: var(--base-color-scale-white-0);
1221
+ --brand-button-primary-borderColor-hover: var(--base-color-scale-white-0);
1222
+ --brand-button-primary-borderColor-active: var(--base-color-scale-white-0);
1223
+ --brand-button-primary-borderColor-disabled: var(--base-color-scale-gray-4);
1224
+ --brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
1225
+ --brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
1226
+ --brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
1227
+ --brand-button-secondary-bgColor-rest: transparent;
1228
+ --brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
1229
+ --brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
1230
+ --brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
1231
+ --brand-button-secondary-borderColor-hover: var(--base-color-scale-white-0);
1232
+ --brand-button-secondary-borderColor-active: var(--base-color-scale-white-0);
1233
+ --brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
1234
+ --brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-4);
1235
+ --brand-button-subtle-borderColor-rest: transparent;
1236
+ --brand-button-subtle-borderColor-hover: var(--base-color-scale-white-0);
1237
+ --brand-button-subtle-borderColor-active: var(--base-color-scale-white-0);
1238
+ --brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
1239
+ --brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-4);
1214
1240
  }
1215
1241
 
1216
1242
  .Primer_Brand__Button-module__Button___lDruK {
@@ -1225,9 +1251,9 @@ select {
1225
1251
  justify-content: center;
1226
1252
  transition: box-shadow var(--brand-animation-duration-faster);
1227
1253
  text-decoration: none;
1228
- border-radius: 6px;
1254
+ border-radius: var(--brand-control-medium-borderRadius);
1229
1255
  cursor: pointer;
1230
- border: none;
1256
+ border: solid var(--brand-borderWidth-thick) transparent;
1231
1257
  background: none;
1232
1258
  display: inline-flex;
1233
1259
  gap: var(--brand-control-medium-gap);
@@ -1237,10 +1263,23 @@ select {
1237
1263
  text-decoration: none;
1238
1264
  }
1239
1265
 
1240
- .Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
1241
- outline: none;
1242
- box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
1266
+ .Primer_Brand__Button-module__Button___lDruK.Primer_Brand__Button-module__focus-visible___kmhRj:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
1243
1267
  transition: none;
1268
+ outline: 4px solid var(--brand-color-focus);
1269
+ outline-offset: 2px;
1270
+ }
1271
+
1272
+ .Primer_Brand__Button-module__Button___lDruK:focus-visible:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
1273
+ transition: none;
1274
+ outline: 4px solid var(--brand-color-focus);
1275
+ outline-offset: 2px;
1276
+ }
1277
+
1278
+ .Primer_Brand__Button-module__Button--disabled___Ba17E,
1279
+ .Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
1280
+ .Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
1281
+ cursor: not-allowed;
1282
+ outline: none;
1244
1283
  }
1245
1284
 
1246
1285
  .Primer_Brand__Button-module__Button__text___Z3ocU {
@@ -1260,70 +1299,127 @@ select {
1260
1299
  display: flex;
1261
1300
  }
1262
1301
 
1263
- .Primer_Brand__Button-module__Button--label___lUBc0.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
1264
- .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
1265
- color: var(--brand-Button-fg-primary-disabled);
1302
+ /* optically adjust arrow to align with the end (right) padding */
1303
+ /* reduce gap between label and arrow */
1304
+ [dir="ltr"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1305
+ margin-right: calc(var(--base-size-4) * -1);
1266
1306
  }
1267
-
1268
- .Primer_Brand__Button-module__Button--primary___xIC7G .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1269
- .Primer_Brand__Button-module__Button--primary___xIC7G .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
1270
- color: var(--brand-Button-fg-primary-disabled);
1307
+ [dir="rtl"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1308
+ margin-left: calc(var(--base-size-4) * -1);
1271
1309
  }
1272
-
1273
- .Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1274
- .Primer_Brand__Button-module__Button--subtle___UMmi9 .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1275
- .Primer_Brand__Button-module__Button--subtle___UMmi9 .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1276
- .Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
1277
- color: var(--brand-Button-fg-secondary-disabled);
1310
+ [dir="ltr"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1311
+ margin-left: calc(var(--base-size-8) * -1);
1312
+ }
1313
+ [dir="rtl"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1314
+ margin-right: calc(var(--base-size-8) * -1);
1278
1315
  }
1279
1316
 
1317
+ /* primary */
1318
+
1280
1319
  .Primer_Brand__Button-module__Button--primary___xIC7G {
1281
- color: var(--brand-color-text-onEmphasis);
1282
- background-color: var(--brand-Button-background-base);
1283
- background: var(--brand-Button-background-overlay);
1320
+ color: var(--brand-button-primary-fgColor-rest);
1321
+ background-color: var(--brand-button-primary-bgColor-rest);
1322
+ border: solid var(--brand-borderWidth-thin) var(--brand-button-primary-borderColor-rest);
1284
1323
  }
1285
1324
 
1286
- .Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):hover {
1287
- box-shadow: var(--brand-Button-shadow-primary-hover);
1325
+ .Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
1326
+ background-color: var(--brand-button-primary-bgColor-hover);
1327
+ border-color: var(--brand-button-primary-borderColor-hover);
1288
1328
  }
1289
1329
 
1290
- .Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E {
1291
- background-color: var(--base-color-scale-gray-4);
1330
+ .Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
1331
+ .Primer_Brand__Button-module__Button--primary___xIC7G[aria-expanded='true'] {
1332
+ background-color: var(--brand-button-primary-bgColor-active);
1333
+ border-color: var(--brand-button-primary-borderColor-active);
1334
+ box-shadow: var(--brand-button-primary-shadow-active);
1292
1335
  }
1293
1336
 
1294
1337
  .Primer_Brand__Button-module__Button--label-primary___Leisi {
1295
- color: var(--brand-color-text-onEmphasis);
1338
+ color: var(--brand-button-primary-fgColor-rest);
1339
+ }
1340
+
1341
+ .Primer_Brand__Button-module__Button--primary___xIC7G:disabled,
1342
+ .Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'],
1343
+ .Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E {
1344
+ background-color: var(--brand-button-primary-bgColor-disabled);
1345
+ border-color: var(--brand-button-primary-borderColor-disabled);
1296
1346
  }
1297
1347
 
1348
+ .Primer_Brand__Button-module__Button--primary___xIC7G:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1349
+ .Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1350
+ .Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1351
+ .Primer_Brand__Button-module__Button--primary___xIC7G:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1352
+ .Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1353
+ .Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1298
1354
  .Primer_Brand__Button-module__Button--label-primary___Leisi.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
1299
- color: var(--brand-Button-fg-primary-disabled);
1355
+ color: var(--brand-button-primary-fgColor-disabled);
1300
1356
  }
1301
1357
 
1358
+ /* secondary */
1359
+
1302
1360
  .Primer_Brand__Button-module__Button--secondary___akMC2 {
1303
- color: var(--brand-color-text-default);
1304
- box-shadow: var(--brand-Button-shadow-secondary-default);
1305
- transition: box-shadow 200ms;
1361
+ transition: background-color, border-color 200ms;
1362
+ border-color: var(--brand-button-secondary-borderColor-rest);
1363
+ }
1364
+
1365
+ .Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
1366
+ background-color: var(--brand-button-secondary-bgColor-hover);
1367
+ border-color: var(--brand-button-secondary-borderColor-hover);
1368
+ }
1369
+
1370
+ .Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
1371
+ .Primer_Brand__Button-module__Button--secondary___akMC2[aria-expanded='true'] {
1372
+ background-color: var(--brand-button-secondary-bgColor-active);
1373
+ border-color: var(--brand-button-secondary-borderColor-active);
1374
+ }
1375
+
1376
+ .Primer_Brand__Button-module__Button--label-secondary___DRJoJ {
1377
+ color: var(--brand-button-secondary-fgColor-rest);
1306
1378
  }
1307
1379
 
1308
- .Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):hover {
1309
- box-shadow: var(--brand-Button-shadow-secondary-hover);
1380
+ .Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
1381
+ .Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1382
+ color: var(--brand-button-secondary-fgColor-rest);
1310
1383
  }
1311
1384
 
1312
- .Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
1313
- .Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
1314
- .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
1315
- color: var(--brand-Button-fg-secondary-disabled);
1385
+ .Primer_Brand__Button-module__Button--secondary___akMC2:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1386
+ .Primer_Brand__Button-module__Button--secondary___akMC2[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1387
+ .Primer_Brand__Button-module__Button--secondary___akMC2.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1388
+ .Primer_Brand__Button-module__Button--secondary___akMC2:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1389
+ .Primer_Brand__Button-module__Button--secondary___akMC2[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1390
+ .Primer_Brand__Button-module__Button--secondary___akMC2.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1391
+ .Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
1392
+ color: var(--brand-button-secondary-fgColor-disabled);
1316
1393
  }
1317
1394
 
1395
+ /* subtle */
1396
+
1318
1397
  .Primer_Brand__Button-module__Button--subtle___UMmi9 {
1319
1398
  color: var(--brand-color-text-default);
1320
- transition: box-shadow 200ms;
1399
+ border-color: var(--brand-button-subtle-borderColor-rest);
1400
+ transition: background-color, border-color var(--brand-animation-duration-faster);
1321
1401
  }
1322
1402
 
1323
1403
  .Primer_Brand__Button-module__Button--subtle___UMmi9:hover:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
1324
- box-shadow: var(--brand-Button-shadow-subtle-hover);
1404
+ border-color: var(--brand-button-subtle-borderColor-hover);
1405
+ }
1406
+
1407
+ .Primer_Brand__Button-module__Button--label-subtle___RRaqm {
1408
+ color: var(--brand-button-subtle-fgColor-rest);
1325
1409
  }
1326
1410
 
1411
+ .Primer_Brand__Button-module__Button--subtle___UMmi9:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1412
+ .Primer_Brand__Button-module__Button--subtle___UMmi9[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1413
+ .Primer_Brand__Button-module__Button--subtle___UMmi9.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1414
+ .Primer_Brand__Button-module__Button--subtle___UMmi9:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1415
+ .Primer_Brand__Button-module__Button--subtle___UMmi9[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1416
+ .Primer_Brand__Button-module__Button--subtle___UMmi9.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
1417
+ .Primer_Brand__Button-module__Button--label-subtle___RRaqm.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
1418
+ color: var(--brand-button-subtle-fgColor-disabled);
1419
+ }
1420
+
1421
+ /* size */
1422
+
1327
1423
  .Primer_Brand__Button-module__Button--size-medium___EyCyw {
1328
1424
  height: var(--brand-control-medium-size);
1329
1425
  padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-spacious);
@@ -1332,21 +1428,17 @@ select {
1332
1428
  .Primer_Brand__Button-module__Button--size-large___REN1l {
1333
1429
  height: var(--brand-control-large-size);
1334
1430
  padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-spacious);
1431
+ border-radius: var(--brand-control-large-borderRadius);
1335
1432
  }
1336
1433
 
1337
- .Primer_Brand__Button-module__Button--block___F5RXs {
1338
- width: 100%;
1339
- }
1340
-
1341
- .Primer_Brand__Button-module__Button--disabled___Ba17E,
1342
- .Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
1343
- .Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
1344
- cursor: not-allowed;
1345
- outline: none;
1434
+ .Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
1435
+ .Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1436
+ height: var(--base-size-20);
1437
+ width: var(--base-size-20);
1346
1438
  }
1347
1439
 
1348
- .Primer_Brand__Button-module__Button--disabled___Ba17E:not(.Primer_Brand__Button-module__Button--secondary___akMC2) {
1349
- box-shadow: none;
1440
+ .Primer_Brand__Button-module__Button--block___F5RXs {
1441
+ width: 100%;
1350
1442
  }
1351
1443
 
1352
1444
  @media (forced-colors: active) {
@@ -1639,7 +1731,7 @@ select {
1639
1731
 
1640
1732
  /**
1641
1733
  * Do not edit directly
1642
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
1734
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
1643
1735
  */
1644
1736
 
1645
1737
  :root {
@@ -1866,7 +1958,7 @@ select {
1866
1958
 
1867
1959
  /**
1868
1960
  * Do not edit directly
1869
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
1961
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
1870
1962
  */
1871
1963
 
1872
1964
  :root,
@@ -2125,7 +2217,7 @@ select {
2125
2217
 
2126
2218
  /**
2127
2219
  * Do not edit directly
2128
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
2220
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
2129
2221
  */
2130
2222
 
2131
2223
  :root {
@@ -2151,7 +2243,7 @@ select {
2151
2243
 
2152
2244
  /**
2153
2245
  * Do not edit directly
2154
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
2246
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
2155
2247
  */
2156
2248
 
2157
2249
  :root,
@@ -2909,15 +3001,15 @@ select {
2909
3001
 
2910
3002
  /**
2911
3003
  * Do not edit directly
2912
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
3004
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
2913
3005
  */
2914
3006
 
2915
3007
  :root {
2916
3008
  --brand-control-animation-easing: var(--brand-animation-easing-glide);
2917
3009
  --brand-control-animation-duration: 80ms;
2918
3010
  --brand-control-border-radius: var(--brand-borderRadius-medium);
2919
- --brand-control-large-paddingBlock: 1.125rem;
2920
- --brand-control-large-size: 3.5rem;
3011
+ --brand-control-large-size: 3.75rem;
3012
+ --brand-control-medium-borderRadius: var(--brand-borderRadius-medium);
2921
3013
  --brand-controlStack-large-gap-spacious: var(--base-size-12);
2922
3014
  --brand-controlStack-large-gap-condensed: var(--base-size-8);
2923
3015
  --brand-controlStack-large-gap-auto: var(--base-size-8);
@@ -2934,17 +3026,19 @@ select {
2934
3026
  --brand-box-spacing-spacious: var(--base-size-48);
2935
3027
  --brand-box-spacing-normal: var(--base-size-24);
2936
3028
  --brand-box-spacing-condensed: var(--base-size-16);
3029
+ --brand-control-large-borderRadius: var(--base-size-8);
2937
3030
  --brand-control-large-gap: var(--base-size-16);
2938
3031
  --brand-control-large-paddingInline-spacious: var(--base-size-32);
2939
3032
  --brand-control-large-paddingInline-normal: var(--base-size-20);
2940
3033
  --brand-control-large-paddingInline-condensed: var(--base-size-16);
3034
+ --brand-control-large-paddingBlock: var(--base-size-20);
2941
3035
  --brand-control-large-lineBoxHeight: var(--base-size-20);
2942
- --brand-control-medium-gap: var(--base-size-8);
2943
- --brand-control-medium-paddingInline-spacious: var(--base-size-24);
3036
+ --brand-control-medium-gap: var(--base-size-12);
3037
+ --brand-control-medium-paddingInline-spacious: var(--base-size-28);
2944
3038
  --brand-control-medium-paddingInline-normal: var(--base-size-16);
2945
3039
  --brand-control-medium-paddingInline-condensed: var(--base-size-12);
2946
- --brand-control-medium-paddingBlock: var(--base-size-12);
2947
- --brand-control-medium-lineBoxHeight: var(--base-size-20);
3040
+ --brand-control-medium-paddingBlock: var(--base-size-16);
3041
+ --brand-control-medium-lineBoxHeight: var(--base-size-16);
2948
3042
  --brand-control-medium-size: var(--base-size-48);
2949
3043
  --brand-control-minTarget-coarse: var(--base-size-44);
2950
3044
  --brand-control-minTarget-fine: var(--base-size-16);
@@ -3746,7 +3840,7 @@ select {
3746
3840
 
3747
3841
  /**
3748
3842
  * Do not edit directly
3749
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
3843
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
3750
3844
  */
3751
3845
 
3752
3846
  :root {
@@ -3767,7 +3861,7 @@ select {
3767
3861
 
3768
3862
  /**
3769
3863
  * Do not edit directly
3770
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
3864
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
3771
3865
  */
3772
3866
 
3773
3867
  :root {
@@ -3777,7 +3871,7 @@ select {
3777
3871
 
3778
3872
  /**
3779
3873
  * Do not edit directly
3780
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
3874
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
3781
3875
  */
3782
3876
 
3783
3877
  :root {
@@ -4345,6 +4439,7 @@ select {
4345
4439
  display: flex;
4346
4440
  align-items: center;
4347
4441
  margin-left: auto;
4442
+ min-width: 0;
4348
4443
  }
4349
4444
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
4350
4445
  display: flex;
@@ -4449,11 +4544,13 @@ select {
4449
4544
  display: inline-flex;
4450
4545
  gap: var(--base-size-16);
4451
4546
  align-items: center;
4547
+ min-width: 0;
4452
4548
  }
4453
4549
 
4454
4550
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
4455
4551
  display: flex;
4456
4552
  gap: 16px;
4553
+ min-width: 0;
4457
4554
  }
4458
4555
 
4459
4556
  @media screen and (max-width: 48rem) {
@@ -4484,14 +4581,14 @@ select {
4484
4581
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
4485
4582
  width: 100%;
4486
4583
  flex-direction: column;
4487
-
4488
4584
  margin: 24px;
4585
+ min-width: 0;
4489
4586
  }
4490
4587
  }
4491
4588
 
4492
4589
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
4493
- height: 48px; /*TODO: investigate why this is shorter than medium default height*/
4494
4590
  white-space: nowrap;
4591
+ min-width: 0;
4495
4592
  }
4496
4593
 
4497
4594
  @media screen and (min-width: 1024px) {
@@ -4681,7 +4778,7 @@ select {
4681
4778
 
4682
4779
  /**
4683
4780
  * Do not edit directly
4684
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
4781
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
4685
4782
  */
4686
4783
 
4687
4784
  :root,
@@ -4709,7 +4806,7 @@ select {
4709
4806
 
4710
4807
  /**
4711
4808
  * Do not edit directly
4712
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
4809
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
4713
4810
  */
4714
4811
 
4715
4812
  :root,
@@ -4725,7 +4822,7 @@ select {
4725
4822
 
4726
4823
  /**
4727
4824
  * Do not edit directly
4728
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
4825
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
4729
4826
  */
4730
4827
 
4731
4828
  :root {
@@ -4865,7 +4962,7 @@ select {
4865
4962
 
4866
4963
  /**
4867
4964
  * Do not edit directly
4868
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
4965
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
4869
4966
  */
4870
4967
 
4871
4968
  :root,
@@ -4881,7 +4978,7 @@ select {
4881
4978
 
4882
4979
  /**
4883
4980
  * Do not edit directly
4884
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
4981
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
4885
4982
  */
4886
4983
 
4887
4984
  :root,
@@ -4898,10 +4995,18 @@ select {
4898
4995
  .Primer_Brand__Accordion-module__Accordion___M_LPt {
4899
4996
  box-sizing: border-box;
4900
4997
  position: relative;
4998
+ }
4999
+
5000
+ .Primer_Brand__Accordion-module__Accordion--default___wLsHR {
4901
5001
  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
4902
5002
  }
4903
5003
 
4904
- .Primer_Brand__Accordion-module__Accordion___M_LPt::after {
5004
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
5005
+ border-bottom: var(--brand-borderWidth-thicker) solid var(--brand-color-border-default);
5006
+ margin-bottom: var(--base-size-12);
5007
+ }
5008
+
5009
+ .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
4905
5010
  content: '';
4906
5011
  border: 3px solid var(--brand-color-border-default);
4907
5012
  height: 0;
@@ -4914,7 +5019,7 @@ select {
4914
5019
  left: 0;
4915
5020
  }
4916
5021
 
4917
- .Primer_Brand__Accordion-module__Accordion___M_LPt:hover::after {
5022
+ .Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
4918
5023
  transform: scaleY(0.35);
4919
5024
  }
4920
5025
 
@@ -4922,10 +5027,16 @@ select {
4922
5027
  cursor: pointer;
4923
5028
  padding: var(--base-size-24) 0;
4924
5029
  position: relative;
4925
- display: grid;
4926
- grid-template-columns: var(--base-size-24) auto;
4927
- grid-gap: var(--base-size-8);
4928
- gap: var(--base-size-8);
5030
+ display: flex;
5031
+ justify-content: space-between;
5032
+ }
5033
+
5034
+ [dir="ltr"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
5035
+ padding-left: var(--base-size-48);
5036
+ }
5037
+
5038
+ [dir="rtl"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
5039
+ padding-right: var(--base-size-48);
4929
5040
  }
4930
5041
 
4931
5042
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc::-webkit-details-marker {
@@ -4953,15 +5064,21 @@ select {
4953
5064
  -webkit-text-fill-color: transparent;
4954
5065
  -webkit-box-decoration-break: clone;
4955
5066
  box-decoration-break: clone;
4956
- grid-column: 1 / 2;
4957
- grid-row: 1;
4958
- align-self: center;
4959
- justify-self: center;
4960
- place-self: center center;
5067
+ position: absolute;
5068
+ }
5069
+
5070
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
5071
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
5072
+ right: 0;
4961
5073
  }
4962
5074
 
4963
- .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
4964
- .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
5075
+ .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
5076
+ .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
5077
+ left: 0;
5078
+ }
5079
+
5080
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
5081
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
4965
5082
  transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
4966
5083
  display: block;
4967
5084
  background: linear-gradient(
@@ -4973,25 +5090,59 @@ select {
4973
5090
  background-clip: text;
4974
5091
  }
4975
5092
 
4976
- .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
5093
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
4977
5094
  font-weight: var(--base-text-weight-medium);
4978
5095
  content: '–';
4979
5096
  opacity: 0;
4980
5097
  }
4981
5098
 
4982
- .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
5099
+ .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
4983
5100
  content: '+';
4984
5101
  }
4985
5102
 
4986
- details[open] .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
5103
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
5104
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
5105
+ transform: translate(0, -2px);
5106
+ }
5107
+
5108
+ .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
5109
+ opacity: 0;
5110
+ }
5111
+
5112
+ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
5113
+ opacity: 1;
5114
+ }
5115
+
5116
+ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
5117
+ opacity: 0;
5118
+ }
5119
+
5120
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
4987
5121
  opacity: 1;
4988
5122
  transform: rotateZ(180deg);
4989
5123
  }
4990
- details[open] .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
5124
+
5125
+ details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
4991
5126
  opacity: 0;
4992
5127
  transform: rotateZ(180deg);
4993
5128
  }
4994
5129
 
5130
+ [dir="ltr"] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
5131
+ padding-right: var(--base-size-48);
5132
+ }
5133
+
5134
+ [dir="rtl"] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
5135
+ padding-left: var(--base-size-48);
5136
+ }
5137
+
5138
+ [dir="ltr"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
5139
+ padding-left: var(--base-size-48);
5140
+ }
5141
+
5142
+ [dir="rtl"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
5143
+ padding-right: var(--base-size-48);
5144
+ }
5145
+
4995
5146
  .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
4996
5147
  color: var(--brand-color-text-muted);
4997
5148
  font-family: var(--brand-fontStack-sansSerif);
@@ -5001,22 +5152,24 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3
5001
5152
  }
5002
5153
 
5003
5154
  details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5004
- padding-left: var(--base-size-40);
5005
5155
  padding-bottom: var(--base-size-24);
5006
5156
  margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
5007
5157
  animation: Primer_Brand__Accordion-module__fade-in___b3l0l 0.5s;
5008
5158
  }
5009
- .Primer_Brand__Accordion-module__Accordion__content-item___M_dlm {
5010
- margin-bottom: var(--base-size-12);
5159
+
5160
+ [dir="ltr"] details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5161
+ padding-left: var(--base-size-48);
5011
5162
  }
5163
+
5164
+ [dir="rtl"] details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5165
+ padding-right: var(--base-size-48);
5166
+ }
5167
+
5012
5168
  /* Medium breakpoint and up */
5013
5169
  @media screen and (min-width: 48rem) {
5014
5170
  .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
5015
5171
  gap: var(--base-size-40);
5016
5172
  }
5017
- details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5018
- padding-left: calc(var(--base-size-48) + var(--base-size-16));
5019
- }
5020
5173
  }
5021
5174
 
5022
5175
  @keyframes Primer_Brand__Accordion-module__fade-in___b3l0l {
@@ -5030,30 +5183,36 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5030
5183
 
5031
5184
  /**
5032
5185
  * Do not edit directly
5033
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
5186
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
5034
5187
  */
5035
5188
 
5036
5189
  :root {
5037
- --brand-FAQ-maxWidth: 51rem;
5190
+ --brand-FAQ-maxWidth-list: 51rem;
5038
5191
  }
5039
5192
 
5040
5193
  /**
5041
5194
  * Do not edit directly
5042
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
5195
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
5043
5196
  */
5044
5197
 
5045
5198
  :root,
5046
5199
  [data-color-mode="light"] {
5047
- --brand-FAQ-heading-color: var(--brand-color-text-default);
5200
+ --brand-FAQ-color-heading: var(--brand-color-text-default);
5201
+ --brand-FAQ-color-tabBorder-selected: hsl(var(--base-color-scale-blue-5-hsl) / 20%);
5202
+ --brand-FAQ-color-tabLabel-selected: var(--brand-Link-color-accent);
5203
+ --brand-FAQ-color-tabBg-selected: var(--base-color-scale-blue-0);
5048
5204
  }
5049
5205
 
5050
5206
  [data-color-mode="dark"] {
5051
- --brand-FAQ-heading-color: var(--brand-color-text-default);
5207
+ --brand-FAQ-color-heading: var(--brand-color-text-default);
5208
+ --brand-FAQ-color-tabBorder-selected: hsl(var(--base-color-scale-blue-4-hsl) / 20%);
5209
+ --brand-FAQ-color-tabLabel-selected: var(--brand-Link-color-accent);
5210
+ --brand-FAQ-color-tabBg-selected: var(--base-color-scale-blue-9);
5052
5211
  }
5053
5212
 
5054
5213
  /**
5055
5214
  * Do not edit directly
5056
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
5215
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
5057
5216
  */
5058
5217
 
5059
5218
  :root {
@@ -5079,17 +5238,18 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5079
5238
  }
5080
5239
 
5081
5240
  .Primer_Brand__FAQ-module__FAQ___R3vLU {
5082
- max-width: var(--brand-FAQ-maxWidth);
5241
+ max-width: var(--brand-FAQ-maxWidth-list);
5083
5242
  margin: 0 auto;
5084
5243
  }
5085
5244
 
5086
5245
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
5087
- color: var(--brand-FAQ-heading-color);
5246
+ color: var(--brand-FAQ-color-heading);
5088
5247
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
5089
5248
  }
5090
5249
 
5091
5250
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
5092
5251
  margin-bottom: var(--base-size-16);
5252
+ color: var(--brand-color-text-muted);
5093
5253
  }
5094
5254
 
5095
5255
  .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -5115,9 +5275,63 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5115
5275
  margin-top: var(--base-size-48);
5116
5276
  }
5117
5277
 
5278
+ .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
5279
+ display: none;
5280
+ justify-content: space-between;
5281
+ gap: var(--brand-stack-gap-spacious);
5282
+ }
5283
+
5284
+ @media screen and (min-width: 48rem) {
5285
+ .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
5286
+ display: grid;
5287
+ }
5288
+
5289
+ .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
5290
+ display: none;
5291
+ }
5292
+ }
5293
+
5294
+ .Primer_Brand__FAQGroup-module__FAQ__subheading___nYa68 {
5295
+ margin-bottom: var(--base-size-16);
5296
+ }
5297
+
5298
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
5299
+ display: none;
5300
+ }
5301
+
5302
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
5303
+ justify-content: start;
5304
+ border: var(--brand-borderWidth-thin) solid transparent;
5305
+ }
5306
+
5307
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC > span {
5308
+ overflow: hidden;
5309
+ white-space: nowrap;
5310
+ text-overflow: ellipsis;
5311
+ }
5312
+
5313
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
5314
+ background-color: var(--brand-FAQ-color-tabBg-selected);
5315
+ border-color: var(--brand-FAQ-color-tabBorder-selected);
5316
+ }
5317
+
5318
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
5319
+ color: var(--brand-color-text-muted);
5320
+ }
5321
+
5322
+ .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
5323
+ color: var(--brand-FAQ-color-tabLabel-selected);
5324
+ }
5325
+
5326
+ .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
5327
+ font-weight: var(--brand-text-weight-200);
5328
+ font-size: var(--brand-text-size-200);
5329
+ line-height: var(--brand-text-lineHeight-200);
5330
+ }
5331
+
5118
5332
  /**
5119
5333
  * Do not edit directly
5120
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
5334
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
5121
5335
  */
5122
5336
 
5123
5337
  :root,
@@ -5433,7 +5647,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5433
5647
  */
5434
5648
 
5435
5649
  .Primer_Brand__TextInput-module__TextInput-wrapper--medium___K9iTj {
5436
- height: 2.5rem;
5650
+ height: var(--brand-control-medium-size);
5437
5651
  }
5438
5652
 
5439
5653
  .Primer_Brand__TextInput-module__TextInput--medium___kJrew {
@@ -5449,7 +5663,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5449
5663
  }
5450
5664
 
5451
5665
  .Primer_Brand__TextInput-module__TextInput-wrapper--large___lga4f {
5452
- height: 3rem;
5666
+ height: var(--brand-control-large-size);
5453
5667
  }
5454
5668
 
5455
5669
  /*
@@ -5757,7 +5971,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5757
5971
 
5758
5972
  .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc {
5759
5973
  height: var(--brand-control-medium-size);
5760
- height: 2.5rem;
5761
5974
  }
5762
5975
 
5763
5976
  [dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
@@ -5779,13 +5992,14 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5779
5992
  .Primer_Brand__Select-module__Select--medium___kckBr {
5780
5993
  font-weight: var(--brand-text-weight-100);
5781
5994
  font-size: var(--brand-text-size-100);
5782
- padding-left: 10px;
5783
- padding-right: 10px;
5995
+ padding-left: var(--brand-control-medium-paddingInline-condensed);
5996
+ padding-right: var(--brand-control-medium-paddingInline-condensed);
5997
+ padding-top: 0;
5998
+ padding-bottom: 0;
5784
5999
  }
5785
6000
 
5786
6001
  .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q {
5787
6002
  height: var(--brand-control-large-size);
5788
- height: 3rem;
5789
6003
  }
5790
6004
 
5791
6005
  [dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
@@ -5807,8 +6021,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5807
6021
  .Primer_Brand__Select-module__Select--large___A7u6F {
5808
6022
  font-weight: var(--brand-text-weight-200);
5809
6023
  font-size: var(--brand-text-size-200);
5810
- padding-left: 12px;
5811
- padding-right: 12px;
6024
+ padding-left: var(--brand-control-large-paddingInline-condensed);
6025
+ padding-right: var(--brand-control-large-paddingInline-condensed);
6026
+ padding-top: 0;
6027
+ padding-bottom: 0;
5812
6028
  }
5813
6029
 
5814
6030
  /*
@@ -6216,7 +6432,7 @@ Fixes safari bug where outline doesn't respect border-radius
6216
6432
 
6217
6433
  /**
6218
6434
  * Do not edit directly
6219
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
6435
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
6220
6436
  */
6221
6437
 
6222
6438
  :root {
@@ -6232,7 +6448,7 @@ Fixes safari bug where outline doesn't respect border-radius
6232
6448
 
6233
6449
  /**
6234
6450
  * Do not edit directly
6235
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
6451
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
6236
6452
  */
6237
6453
 
6238
6454
  :root {
@@ -6444,7 +6660,7 @@ Fixes safari bug where outline doesn't respect border-radius
6444
6660
 
6445
6661
  /**
6446
6662
  * Do not edit directly
6447
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
6663
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
6448
6664
  */
6449
6665
 
6450
6666
  :root,
@@ -6460,7 +6676,7 @@ Fixes safari bug where outline doesn't respect border-radius
6460
6676
 
6461
6677
  /**
6462
6678
  * Do not edit directly
6463
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
6679
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
6464
6680
  */
6465
6681
 
6466
6682
  :root {
@@ -6778,7 +6994,7 @@ Fixes safari bug where outline doesn't respect border-radius
6778
6994
 
6779
6995
  /**
6780
6996
  * Do not edit directly
6781
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
6997
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
6782
6998
  */
6783
6999
 
6784
7000
  :root,
@@ -7182,7 +7398,7 @@ html {
7182
7398
 
7183
7399
  /**
7184
7400
  * Do not edit directly
7185
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
7401
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
7186
7402
  */
7187
7403
 
7188
7404
  :root,
@@ -7360,7 +7576,7 @@ html {
7360
7576
 
7361
7577
  /**
7362
7578
  * Do not edit directly
7363
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
7579
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
7364
7580
  */
7365
7581
 
7366
7582
  :root,
@@ -7486,7 +7702,7 @@ html {
7486
7702
 
7487
7703
  /**
7488
7704
  * Do not edit directly
7489
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
7705
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
7490
7706
  */
7491
7707
 
7492
7708
  :root,
@@ -7616,7 +7832,7 @@ html {
7616
7832
 
7617
7833
  /**
7618
7834
  * Do not edit directly
7619
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
7835
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
7620
7836
  */
7621
7837
 
7622
7838
  :root {
@@ -7628,7 +7844,7 @@ html {
7628
7844
 
7629
7845
  /**
7630
7846
  * Do not edit directly
7631
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
7847
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
7632
7848
  */
7633
7849
 
7634
7850
  :root,
@@ -7989,7 +8205,7 @@ html {
7989
8205
 
7990
8206
  /**
7991
8207
  * Do not edit directly
7992
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
8208
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
7993
8209
  */
7994
8210
 
7995
8211
  :root,
@@ -8018,17 +8234,9 @@ html {
8018
8234
  }
8019
8235
 
8020
8236
  .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG {
8021
- border-radius: var(--base-size-48);
8022
- }
8023
-
8024
- .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]),
8025
- .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG.Primer_Brand__ActionMenu-module__focus-visible___hVXW3:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]) {
8026
- box-shadow: 0 0 0 3px var(--brand-color-focus);
8027
- }
8028
-
8029
- .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]),
8030
- .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus-visible:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]) {
8031
- box-shadow: 0 0 0 3px var(--brand-color-focus);
8237
+ /* avoid specificity issues */
8238
+ --brand-control-medium-borderRadius: var(--brand-borderRadius-full);
8239
+ --brand-control-large-borderRadius: var(--brand-borderRadius-full);
8032
8240
  }
8033
8241
 
8034
8242
  .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG > span:first-of-type {
@@ -8038,10 +8246,6 @@ html {
8038
8246
  white-space: nowrap;
8039
8247
  }
8040
8248
 
8041
- .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:hover {
8042
- border-color: var(--brand-ActionMenu-color-border-hover);
8043
- }
8044
-
8045
8249
  .Primer_Brand__ActionMenu-module__ActionMenu__menu____B9HP {
8046
8250
  position: absolute;
8047
8251
  z-index: 100;
@@ -8049,7 +8253,7 @@ html {
8049
8253
  margin-top: var(--base-size-8);
8050
8254
  visibility: hidden;
8051
8255
  background-color: var(--brand-color-canvas-default);
8052
- border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
8256
+ border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
8053
8257
  border-radius: var(--brand-borderRadius-large);
8054
8258
  max-height: 460px;
8055
8259
  overflow-y: auto;
@@ -8128,15 +8332,6 @@ html {
8128
8332
  transition: none;
8129
8333
  }
8130
8334
 
8131
- .Primer_Brand__ActionMenu-module__ActionMenu__button--active___HOEZK {
8132
- border-color: var(--brand-ActionMenu-color-border-active) !important;
8133
- box-shadow: 0 0 0 3px var(--brand-ActionMenu-color-border-active) !important;
8134
- }
8135
-
8136
- .Primer_Brand__ActionMenu-module__ActionMenu__button--active___HOEZK {
8137
- transition: none;
8138
- }
8139
-
8140
8335
  .Primer_Brand__ActionMenu-module__ActionMenu__item-leadingVisual___UWjE1 {
8141
8336
  display: flex;
8142
8337
  min-width: var(--base-size-16);
@@ -8148,6 +8343,12 @@ html {
8148
8343
 
8149
8344
  .Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl {
8150
8345
  grid-area: text / text;
8346
+ /* display grid collapses the text line box height for optical alignment */
8347
+ display: grid;
8348
+ }
8349
+
8350
+ .Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl > span {
8351
+ line-height: var(--brand-control-medium-lineBoxHeight);
8151
8352
  }
8152
8353
 
8153
8354
  .Primer_Brand__ActionMenu-module__ActionMenu__item-icon___JyMwz {
@@ -8396,7 +8597,7 @@ html {
8396
8597
 
8397
8598
  /**
8398
8599
  * Do not edit directly
8399
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
8600
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
8400
8601
  */
8401
8602
 
8402
8603
  :root {
@@ -11724,9 +11925,450 @@ html {
11724
11925
  border-style: none;
11725
11926
  }
11726
11927
 
11928
+ /* ---------------------------------------------------------- */
11929
+ /* VideoPlayer Contents */
11930
+ /* ---------------------------------------------------------- */
11931
+ /* Table of contents: */
11932
+ /* 1. Container */
11933
+ /* 2. Player */
11934
+ /* 2. Center Play Button */
11935
+ /* 4. Title */
11936
+ /* 5. Controls */
11937
+ /* 6. Range Element */
11938
+ /* 7. Tooltip */
11939
+ /* 8. Captions */
11940
+ /* ---------------------------------------------------------- */
11941
+
11942
+ /* ---------------------------------------------------------- */
11943
+ /* 1. Container */
11944
+ /* ---------------------------------------------------------- */
11945
+
11946
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__container___WmQho {
11947
+ width: 100%;
11948
+ position: relative;
11949
+ overflow: hidden;
11950
+ }
11951
+
11952
+ /* ---------------------------------------------------------- */
11953
+ /* 2. Player */
11954
+ /* ---------------------------------------------------------- */
11955
+
11956
+ .Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw {
11957
+ width: 100%;
11958
+ border-radius: var(--brand-borderRadius-medium);
11959
+ display: block;
11960
+ }
11961
+
11962
+ /* ---------------------------------------------------------- */
11963
+ /* 3. Center Play Button */
11964
+ /* ---------------------------------------------------------- */
11965
+
11966
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F {
11967
+ position: absolute;
11968
+ top: 0;
11969
+ left: 0;
11970
+ width: 100%;
11971
+ height: 100%;
11972
+ background: transparent;
11973
+ border: none;
11974
+ z-index: 1;
11975
+ }
11976
+
11977
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonInner___FpXVO {
11978
+ height: var(--brand-VideoPlayer-playButton-height);
11979
+ width: var(--brand-VideoPlayer-playButton-width);
11980
+ display: inline-block;
11981
+ padding: var(--brand-VideoPlayer-playButton-padding);
11982
+ box-sizing: content-box;
11983
+ background: var(--base-color-scale-blue-5);
11984
+ border-radius: 50%;
11985
+ }
11986
+
11987
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonInner___FpXVO > svg {
11988
+ margin-left: 0.3125rem;
11989
+ }
11990
+
11991
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F:focus {
11992
+ border: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
11993
+ box-shadow: 0 0 0 2px var(--brand-color-focus);
11994
+ }
11995
+
11996
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F svg {
11997
+ cursor: pointer;
11998
+ color: var(--base-color-scale-gray-0);
11999
+ }
12000
+
12001
+ /* ---------------------------------------------------------- */
12002
+ /* 4. Title */
12003
+ /* ---------------------------------------------------------- */
12004
+
12005
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
12006
+ transition: var(--brand-VideoPlayer-transition);
12007
+ top: -10px;
12008
+ opacity: 0;
12009
+ position: absolute;
12010
+ border-radius: var(--brand-borderRadius-medium);
12011
+ left: 0;
12012
+ width: 100%;
12013
+ z-index: 2;
12014
+ padding: var(--base-size-16) var(--base-size-24);
12015
+ color: var(--base-color-scale-gray-0);
12016
+ display: grid;
12017
+ align-items: center;
12018
+ justify-content: start;
12019
+ grid-gap: 10px;
12020
+ grid-template-columns: auto auto;
12021
+ background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
12022
+ background: linear-gradient(hsl(var(--base-color-scale-black-0-hsl) / 40%), rgba(0, 0, 0, 0));
12023
+ }
12024
+
12025
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
12026
+ top: 0;
12027
+ opacity: 1;
12028
+ }
12029
+
12030
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
12031
+ top: 0;
12032
+ opacity: 1;
12033
+ }
12034
+
12035
+ /* ---------------------------------------------------------- */
12036
+ /* 5. Controls */
12037
+ /* ---------------------------------------------------------- */
12038
+
12039
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
12040
+ transition: var(--brand-VideoPlayer-transition);
12041
+ bottom: -58px;
12042
+ position: absolute;
12043
+ z-index: 2;
12044
+ width: 100%;
12045
+ pointer-events: none;
12046
+ }
12047
+
12048
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
12049
+ display: grid;
12050
+ grid-gap: var(--base-size-16);
12051
+ align-items: center;
12052
+ grid-template-columns: auto 2fr auto auto auto auto auto;
12053
+ opacity: 0;
12054
+ border-bottom-right-radius: var(--brand-borderRadius-medium);
12055
+ border-bottom-left-radius: var(--brand-borderRadius-medium);
12056
+ left: 0;
12057
+ width: 100%;
12058
+ background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
12059
+ background: linear-gradient(rgba(0, 0, 0, 0), hsl(var(--base-color-scale-black-0-hsl) / 40%));
12060
+ padding: var(--base-size-16) var(--base-size-24);
12061
+ pointer-events: all;
12062
+ }
12063
+
12064
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
12065
+ grid-template-columns: auto 2fr auto auto auto auto;
12066
+ }
12067
+
12068
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus,
12069
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI[focus-within] {
12070
+ bottom: 0;
12071
+ }
12072
+
12073
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus,
12074
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus-within {
12075
+ bottom: 0;
12076
+ }
12077
+
12078
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7,
12079
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI[focus-within] .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
12080
+ opacity: 1;
12081
+ }
12082
+
12083
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7,
12084
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus-within .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
12085
+ opacity: 1;
12086
+ }
12087
+
12088
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
12089
+ bottom: 0;
12090
+ }
12091
+
12092
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
12093
+ opacity: 1;
12094
+ }
12095
+
12096
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
12097
+ opacity: 1;
12098
+ }
12099
+
12100
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
12101
+ bottom: 0;
12102
+ opacity: 1;
12103
+ }
12104
+
12105
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 {
12106
+ width: auto;
12107
+ background: none;
12108
+ border: none;
12109
+ cursor: pointer;
12110
+ height: 24px;
12111
+ box-sizing: content-box;
12112
+ position: relative;
12113
+ padding: 0;
12114
+ }
12115
+
12116
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4.Primer_Brand__VideoPlayer-module__focus-visible___AKGlH {
12117
+ border-color: var(--brand-color-focus);
12118
+ outline: none;
12119
+ box-shadow: 0 0 0 2px var(--brand-color-focus);
12120
+ opacity: 1;
12121
+ }
12122
+
12123
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:focus-visible {
12124
+ border-color: var(--brand-color-focus);
12125
+ outline: none;
12126
+ box-shadow: 0 0 0 2px var(--brand-color-focus);
12127
+ opacity: 1;
12128
+ }
12129
+
12130
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 svg {
12131
+ color: var(--base-color-scale-gray-0);
12132
+ }
12133
+
12134
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
12135
+ opacity: 1;
12136
+ }
12137
+
12138
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__progressTime___GvTKs {
12139
+ width: 100%;
12140
+ color: var(--base-color-scale-gray-0);
12141
+ }
12142
+
12143
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
12144
+ display: inline-block;
12145
+ }
12146
+
12147
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
12148
+ display: none;
12149
+ }
12150
+
12151
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__progressBar___wYSPx {
12152
+ width: 100%;
12153
+ height: 6px;
12154
+ }
12155
+
12156
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___PAvgt {
12157
+ border-radius: var(--brand-borderRadius-medium);
12158
+ padding: 1px 5px;
12159
+ border: 2px solid var(--base-color-scale-gray-0);
12160
+ background: var(--base-color-scale-gray-0);
12161
+ position: relative;
12162
+ }
12163
+
12164
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL {
12165
+ background-color: transparent;
12166
+ }
12167
+
12168
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
12169
+ color: var(--base-color-scale-black-0);
12170
+ }
12171
+
12172
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
12173
+ color: var(--base-color-scale-gray-0);
12174
+ }
12175
+
12176
+ /* ---------------------------------------------------------- */
12177
+ /* 6. Range Element */
12178
+ /* ---------------------------------------------------------- */
12179
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg {
12180
+ position: relative;
12181
+ width: 100%;
12182
+ min-width: var(--brand-VideoPlayer-range-minWidth);
12183
+ height: var(--brand-VideoPlayer-range-height);
12184
+ background-color: var(--base-color-scale-gray-0);
12185
+ border-radius: var(--brand-VideoPlayer-range-borderRadius);
12186
+ }
12187
+
12188
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__volumeBar___HOmXb {
12189
+ display: none;
12190
+ }
12191
+
12192
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
12193
+ opacity: 1;
12194
+ }
12195
+
12196
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl {
12197
+ -webkit-appearance: none;
12198
+ -moz-appearance: none;
12199
+ appearance: none;
12200
+ z-index: 1;
12201
+ display: block;
12202
+ width: 100%;
12203
+ height: var(--brand-VideoPlayer-range-height);
12204
+ margin: 0;
12205
+ cursor: pointer;
12206
+ background: transparent;
12207
+ position: absolute;
12208
+ top: 0;
12209
+ opacity: 0;
12210
+ }
12211
+
12212
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl.Primer_Brand__VideoPlayer-module__focus-visible___AKGlH {
12213
+ border-color: var(--brand-color-focus);
12214
+ outline: none;
12215
+ box-shadow: 0 0 0 2px var(--brand-color-focus);
12216
+ opacity: 1;
12217
+ }
12218
+
12219
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl:focus-visible {
12220
+ border-color: var(--brand-color-focus);
12221
+ outline: none;
12222
+ box-shadow: 0 0 0 2px var(--brand-color-focus);
12223
+ opacity: 1;
12224
+ }
12225
+
12226
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl {
12227
+ opacity: 1;
12228
+ }
12229
+
12230
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl::-moz-range-track,
12231
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl::-webkit-slider-runnable-track {
12232
+ background: transparent;
12233
+ border: none;
12234
+ }
12235
+
12236
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK {
12237
+ -webkit-appearance: none;
12238
+ -moz-appearance: none;
12239
+ appearance: none;
12240
+ overflow: hidden;
12241
+ background: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
12242
+ border: 0;
12243
+ border-radius: var(--brand-VideoPlayer-range-borderRadius);
12244
+ width: 100%;
12245
+ position: absolute;
12246
+ height: var(--brand-VideoPlayer-range-height);
12247
+ top: 0;
12248
+ }
12249
+
12250
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-bar {
12251
+ background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
12252
+ }
12253
+
12254
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-value {
12255
+ background-color: var(--base-color-scale-blue-5);
12256
+ }
12257
+
12258
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-moz-progress-bar {
12259
+ background: var(--base-color-scale-blue-5);
12260
+ }
12261
+
12262
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-lower {
12263
+ background-color: var(--base-color-scale-blue-5);
12264
+ border: none;
12265
+ }
12266
+
12267
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-upper {
12268
+ background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
12269
+ border: none;
12270
+ }
12271
+
12272
+ /* ---------------------------------------------------------- */
12273
+ /* 7. Tooltip */
12274
+ /* ---------------------------------------------------------- */
12275
+
12276
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
12277
+ position: absolute;
12278
+ bottom: 100%;
12279
+ z-index: 2;
12280
+ width: 10px;
12281
+ height: 10px;
12282
+ margin-bottom: var(--base-size-16);
12283
+ pointer-events: none;
12284
+ opacity: 0;
12285
+ transform: translate3d(0%, 50%, 0);
12286
+ transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
12287
+ transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
12288
+ }
12289
+
12290
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l::before {
12291
+ position: absolute;
12292
+ bottom: -4px;
12293
+ left: 0;
12294
+ width: 10px;
12295
+ height: 10px;
12296
+ content: '';
12297
+ background: var(--base-color-scale-white-0);
12298
+ border-radius: var(--brand-borderRadius-small);
12299
+ transform: rotate(45deg);
12300
+ }
12301
+
12302
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipContent___BoAqV {
12303
+ position: absolute;
12304
+ bottom: 0;
12305
+ left: 50%;
12306
+ z-index: -1;
12307
+ background: white;
12308
+ box-shadow: 0 4px 4px hsl(var(--base-color-scale-black-0-hsl) / 20%);
12309
+ transform: translate3d(-50%, 0, 0);
12310
+ padding: var(--brand-VideoPlayer-tooltip-padding);
12311
+ border-radius: var(--brand-borderRadius-medium);
12312
+ }
12313
+
12314
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipText____Syz7 {
12315
+ color: var(--brand-InlineLink-color-rest);
12316
+ }
12317
+
12318
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__controlTextColor___YMFpe {
12319
+ color: var(--base-color-scale-white-0);
12320
+ }
12321
+
12322
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__shiftTooltipRight___iLKlO .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
12323
+ transform: translateX(10px);
12324
+ }
12325
+
12326
+ /* ---------------------------------------------------------- */
12327
+ /* 8. Captions */
12328
+ /* ---------------------------------------------------------- */
12329
+
12330
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__captions___dI9Jv {
12331
+ width: 90%;
12332
+ margin: var(--brand-VideoPlayer-closedCaption-margin);
12333
+ display: grid;
12334
+ justify-content: center;
12335
+ pointer-events: none;
12336
+ }
12337
+
12338
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__captions__empty___q_s3l {
12339
+ display: none;
12340
+ }
12341
+
12342
+ .Primer_Brand__VideoPlayer-module__VideoPlayer__captionText___e2su6 {
12343
+ color: var(--base-color-scale-white-0);
12344
+ text-align: center;
12345
+ background: hsl(var(--base-color-scale-black-0-hsl) / 50%);
12346
+ padding: var(--brand-VideoPlayer-closedCaption-text-padding);
12347
+ border-radius: var(--brand-borderRadius-medium);
12348
+ display: inline-block;
12349
+ }
12350
+
12351
+ /**
12352
+ * Do not edit directly
12353
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
12354
+ */
12355
+
12356
+ :root {
12357
+ --brand-VideoPlayer-tooltip-padding: 0.3125rem;
12358
+ --brand-VideoPlayer-transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
12359
+ --brand-VideoPlayer-range-minWidth: 4.6875rem;
12360
+ --brand-VideoPlayer-range-borderRadius: 0.1875rem;
12361
+ --brand-VideoPlayer-range-height: 0.375rem;
12362
+ --brand-VideoPlayer-playButton-padding: 1.5625rem;
12363
+ --brand-VideoPlayer-playButton-width: 1.5rem;
12364
+ --brand-VideoPlayer-playButton-height: 1.5rem;
12365
+ --brand-VideoPlayer-closedCaption-text-padding: 0.625rem;
12366
+ --brand-VideoPlayer-closedCaption-margin: 0 auto 15px auto;
12367
+ }
12368
+
11727
12369
  /**
11728
12370
  * Do not edit directly
11729
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
12371
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
11730
12372
  */
11731
12373
 
11732
12374
  :root,
@@ -11742,7 +12384,7 @@ html {
11742
12384
 
11743
12385
  /**
11744
12386
  * Do not edit directly
11745
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
12387
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
11746
12388
  */
11747
12389
 
11748
12390
  :root {
@@ -11963,7 +12605,7 @@ html {
11963
12605
 
11964
12606
  /**
11965
12607
  * Do not edit directly
11966
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
12608
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
11967
12609
  */
11968
12610
 
11969
12611
  :root,
@@ -11977,7 +12619,7 @@ html {
11977
12619
 
11978
12620
  /**
11979
12621
  * Do not edit directly
11980
- * Generated on Wed, 23 Aug 2023 13:30:04 GMT
12622
+ * Generated on Mon, 04 Sep 2023 13:22:26 GMT
11981
12623
  */
11982
12624
 
11983
12625
  :root {