@primer/react-brand 0.79.1-rc.ed00156c → 0.80.0-rc.4bfa3a79

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 (684) hide show
  1. package/docs/components/LogoSuite/react.md +215 -13
  2. package/docs/components/Spinner/index.md +56 -0
  3. package/docs/components/index.md +1 -0
  4. package/docs/forms/FormControl/index.md +5 -0
  5. package/docs/forms/ToggleSwitch/index.md +129 -0
  6. package/docs/forms/index.md +1 -0
  7. package/docs/index.md +4 -2
  8. package/docs/introduction/theming.md +13 -0
  9. package/esm/Accordion/Accordion.js +1 -1
  10. package/esm/Accordion/{Accordion.module-B-iFuyHy.css → Accordion.module-B-vGHUg7.css} +1 -1
  11. package/esm/Accordion/Accordion.module.js +1 -1
  12. package/esm/Accordion/Accordion.module.js.map +1 -1
  13. package/esm/ActionMenu/ActionMenu.js +3 -3
  14. package/esm/ActionMenu/ActionMenu.js.map +1 -1
  15. package/esm/AnchorNav/AnchorNav.js +1 -1
  16. package/esm/Breadcrumbs/Breadcrumbs.js +1 -1
  17. package/esm/Button/Button.js +1 -1
  18. package/esm/CTABanner/CTABanner.js +1 -1
  19. package/esm/Card/Card.js +1 -1
  20. package/esm/ComparisonTable/ComparisonTable.js +1 -1
  21. package/esm/EyebrowBanner/EyebrowBanner.js +1 -1
  22. package/esm/FAQ/FAQ.js +1 -1
  23. package/esm/FAQ/FAQGroup.js +1 -1
  24. package/esm/FeatureComparisonTable/FeatureComparisonTable.js +1 -1
  25. package/esm/FeatureComparisonTable/FeatureComparisonTable.module-BH8n2Ttj.css +1 -0
  26. package/esm/FeatureComparisonTable/FeatureComparisonTable.module.js +1 -2
  27. package/esm/FeatureComparisonTable/FeatureComparisonTable.module.js.map +1 -1
  28. package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.d.ts.map +1 -1
  29. package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.js +1 -1
  30. package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.js.map +1 -1
  31. package/esm/FrostedGlassVFX/FrostedGlassVFX.js +1 -1
  32. package/esm/Grid/Grid.js +1 -1
  33. package/esm/Heading/Heading.module-ChqO_lH5.css +1 -0
  34. package/esm/Heading/Heading.module.js +1 -1
  35. package/esm/Heading/Heading.module.js.map +1 -1
  36. package/esm/IDE/IDE.js +1 -1
  37. package/esm/Icon/Icon.js +1 -1
  38. package/esm/IconButton/IconButton.d.ts.map +1 -1
  39. package/esm/IconButton/IconButton.js +44 -42
  40. package/esm/IconButton/IconButton.js.map +1 -1
  41. package/esm/IconButton/{IconButton.module-tmxv8TCl.css → IconButton.module-D2UJBm7x.css} +1 -1
  42. package/esm/IconButton/IconButton.module.js +4 -5
  43. package/esm/IconButton/IconButton.module.js.map +1 -1
  44. package/esm/InlineCode/InlineCode.js +1 -1
  45. package/esm/InlineLink/InlineLink.js +1 -1
  46. package/esm/InlineLink/{InlineLink.module-6R63us8B.css → InlineLink.module-BXx17-pO.css} +1 -1
  47. package/esm/InlineLink/InlineLink.module.js +1 -1
  48. package/esm/InlineLink/InlineLink.module.js.map +1 -1
  49. package/esm/Label/Label.js +1 -1
  50. package/esm/Label/Label.module-ChD9OmD6.css +1 -0
  51. package/esm/Label/Label.module.js +1 -1
  52. package/esm/Label/Label.module.js.map +1 -1
  53. package/esm/Link/Link.js +1 -1
  54. package/esm/LogoSuite/LogoSuite.d.ts +5 -1
  55. package/esm/LogoSuite/LogoSuite.d.ts.map +1 -1
  56. package/esm/LogoSuite/LogoSuite.js +37 -34
  57. package/esm/LogoSuite/LogoSuite.js.map +1 -1
  58. package/esm/LogoSuite/LogoSuite.module-BUJyNoZs.css +1 -0
  59. package/esm/LogoSuite/LogoSuite.module.js +3 -1
  60. package/esm/LogoSuite/LogoSuite.module.js.map +1 -1
  61. package/esm/MediaPlaylist/MediaPlaylist.js +1 -1
  62. package/esm/MinimalFooter/MinimalFooter.js +1 -1
  63. package/esm/MinimalVideoPlayer/MinimalVideoPlayer.d.ts.map +1 -1
  64. package/esm/MinimalVideoPlayer/MinimalVideoPlayer.js +33 -42
  65. package/esm/MinimalVideoPlayer/MinimalVideoPlayer.js.map +1 -1
  66. package/esm/NavList/NavList.js +1 -1
  67. package/esm/NavList/{NavList.module-zvpwnkzz.css → NavList.module-f9LV2-bb.css} +1 -1
  68. package/esm/NavList/NavList.module.js +1 -1
  69. package/esm/NavList/NavList.module.js.map +1 -1
  70. package/esm/PlayIcon.d.ts +3 -0
  71. package/esm/PlayIcon.d.ts.map +1 -0
  72. package/esm/PlayIcon.js +22 -0
  73. package/esm/PlayIcon.js.map +1 -0
  74. package/esm/PricingOptions/PricingOptions.js +1 -1
  75. package/esm/Prose/Prose.js +1 -1
  76. package/esm/Spinner/Spinner.d.ts +11 -0
  77. package/esm/Spinner/Spinner.d.ts.map +1 -0
  78. package/esm/Spinner/Spinner.js +48 -0
  79. package/esm/Spinner/Spinner.js.map +1 -0
  80. package/esm/Spinner/Spinner.module-BjDTZLR7.css +1 -0
  81. package/esm/Spinner/Spinner.module.js +13 -0
  82. package/esm/Spinner/Spinner.module.js.map +1 -0
  83. package/esm/Spinner/index.d.ts +3 -0
  84. package/esm/Spinner/index.d.ts.map +1 -0
  85. package/esm/SubNav/SubNav.js +1 -1
  86. package/esm/SubNav/SubNav.module-kWRa0Laq.css +1 -0
  87. package/esm/SubNav/SubNav.module.js +1 -1
  88. package/esm/SubNav/SubNav.module.js.map +1 -1
  89. package/esm/SubdomainNavBar/SubdomainNavBar.js +1 -1
  90. package/esm/Tabs/Tabs.js +1 -1
  91. package/esm/Testimonial/Testimonial.js +1 -1
  92. package/esm/Text/Text.module-Bf-3ooDP.css +1 -0
  93. package/esm/Text/Text.module.js +1 -1
  94. package/esm/Text/Text.module.js.map +1 -1
  95. package/esm/TextCursorAnimation/TextCursorAnimation.js +1 -1
  96. package/esm/ThemeProvider/ThemeProvider.d.ts +1 -0
  97. package/esm/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  98. package/esm/ThemeProvider/ThemeProvider.js +11 -9
  99. package/esm/ThemeProvider/ThemeProvider.js.map +1 -1
  100. package/esm/Tiles/Tiles.js +1 -1
  101. package/esm/Timeline/Timeline.js +1 -1
  102. package/esm/Token/Token.js +1 -1
  103. package/esm/Token/Token.module-Di856FbT.css +1 -0
  104. package/esm/Token/Token.module.js +1 -1
  105. package/esm/Token/Token.module.js.map +1 -1
  106. package/esm/Tooltip/Tooltip.js +1 -1
  107. package/esm/VideoPlayer/VideoPlayer.js +1 -1
  108. package/esm/css/stylesheets.js +1 -1
  109. package/esm/forms/Checkbox/Checkbox.js +1 -1
  110. package/esm/forms/FormControl/FormControl.d.ts.map +1 -1
  111. package/esm/forms/FormControl/FormControl.js +125 -105
  112. package/esm/forms/FormControl/FormControl.js.map +1 -1
  113. package/esm/forms/FormControl/FormControl.module-NDvIk_Aq.css +1 -0
  114. package/esm/forms/FormControl/FormControl.module.js +7 -4
  115. package/esm/forms/FormControl/FormControl.module.js.map +1 -1
  116. package/esm/forms/Radio/Radio.js +1 -1
  117. package/esm/forms/Select/Select.js +1 -1
  118. package/esm/forms/TextInput/TextInput.js +1 -1
  119. package/esm/forms/Textarea/Textarea.js +1 -1
  120. package/esm/forms/ToggleSwitch/ToggleSwitch.d.ts +34 -0
  121. package/esm/forms/ToggleSwitch/ToggleSwitch.d.ts.map +1 -0
  122. package/esm/forms/ToggleSwitch/ToggleSwitch.js +81 -0
  123. package/esm/forms/ToggleSwitch/ToggleSwitch.js.map +1 -0
  124. package/esm/forms/ToggleSwitch/ToggleSwitch.module-C_gXnHNW.css +1 -0
  125. package/esm/forms/ToggleSwitch/ToggleSwitch.module.js +18 -0
  126. package/esm/forms/ToggleSwitch/ToggleSwitch.module.js.map +1 -0
  127. package/esm/forms/ToggleSwitch/index.d.ts +3 -0
  128. package/esm/forms/ToggleSwitch/index.d.ts.map +1 -0
  129. package/esm/forms/index.d.ts +1 -0
  130. package/esm/forms/index.d.ts.map +1 -1
  131. package/esm/index.d.ts +1 -0
  132. package/esm/index.d.ts.map +1 -1
  133. package/esm/index.esm.js +72 -70
  134. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-CBE7L2wV.css +1 -0
  135. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-CjksF091.css +1 -0
  136. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes-DKHKbQRW.css +1 -0
  137. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes-CyS5r4GY.css +1 -0
  138. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes-CD0Na993.css +1 -0
  139. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes-BngjsaKj.css +1 -0
  140. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-Bog-yunW.css +1 -0
  141. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes-BbjIdlS-.css +1 -0
  142. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes-q-NjRozG.css +1 -0
  143. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes-DKA7xAYz.css +1 -0
  144. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-HElP20qs.css +1 -0
  145. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes-BTVqJ9iR.css +1 -0
  146. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-BygKJG38.css +1 -0
  147. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/colors-with-modes-k7YIWAQV.css +1 -0
  148. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes-PKZWykxm.css +1 -0
  149. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes-fV7rwA0l.css +1 -0
  150. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-Chf_t26p.css +1 -0
  151. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-BPFx95T7.css +1 -0
  152. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-_lTjJKpQ.css +1 -0
  153. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-BsaQYf6M.css +1 -0
  154. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes-CTreurKT.css +1 -0
  155. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-B72y-n-A.css +1 -0
  156. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes-CT7QXZTs.css +1 -0
  157. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes-S_161ALk.css +1 -0
  158. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes-JvDrymoz.css +1 -0
  159. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes-BsfJ9fNj.css +1 -0
  160. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/media-playlist/colors-with-modes-DTTUHiv1.css +1 -0
  161. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/nav-list/colors-with-modes-BCIP0l57.css +1 -0
  162. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DNrd36sc.css +1 -0
  163. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-BVL83uw2.css +1 -0
  164. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes-DOJW-F1w.css +1 -0
  165. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/base-BUCpHNCY.css +1 -0
  166. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes-ufFxqo2V.css +1 -0
  167. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-8aCELL7I.css +1 -0
  168. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-J9EPudv_.css +1 -0
  169. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes-D9l5QVGg.css +1 -0
  170. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-isyQx5qj.css +1 -0
  171. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes-wctZLA5X.css +1 -0
  172. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes-BLWCqYua.css +1 -0
  173. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes-DNNJvx8C.css +1 -0
  174. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/toggle-switch/base-CWVI8qLT.css +1 -0
  175. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/toggle-switch/colors-with-modes-Byi9AmE8.css +1 -0
  176. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes-CzvPUrZu.css +1 -0
  177. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes-CjEAA-Ic.css +1 -0
  178. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes-M9ib_BKQ.css +1 -0
  179. package/esm/river/River/River.js +1 -1
  180. package/esm/river/RiverStoryScroll/RiverStoryScroll.js +1 -1
  181. package/lib/LogoSuite/LogoSuite.d.ts +5 -1
  182. package/lib/PlayIcon.d.ts +2 -0
  183. package/lib/Spinner/Spinner.d.ts +10 -0
  184. package/lib/Spinner/index.d.ts +2 -0
  185. package/lib/ThemeProvider/ThemeProvider.d.ts +1 -0
  186. package/lib/css/main.css +1444 -165
  187. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +141 -2
  188. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  189. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  190. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  191. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  192. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +45 -2
  193. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  194. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +38 -2
  195. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +12 -2
  196. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +10 -2
  197. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  198. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +9 -2
  199. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +9 -2
  200. package/lib/design-tokens/css/tokens/functional/components/button/base.css +1 -1
  201. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +35 -2
  202. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  203. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +10 -2
  204. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  205. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +10 -2
  206. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  207. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +47 -2
  208. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +16 -2
  209. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +52 -2
  210. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  211. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  212. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +13 -2
  213. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  214. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  215. package/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/base.css +1 -1
  216. package/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/colors-with-modes.css +17 -2
  217. package/lib/design-tokens/css/tokens/functional/components/footer/base.css +1 -1
  218. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +18 -2
  219. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  220. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  221. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +11 -2
  222. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +9 -2
  223. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  224. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  225. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  226. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +36 -2
  227. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  228. package/lib/design-tokens/css/tokens/functional/components/icon-button/base.css +3 -3
  229. package/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css +22 -2
  230. package/lib/design-tokens/css/tokens/functional/components/icon-button/colors.css +1 -1
  231. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  232. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +29 -2
  233. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  234. package/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes.css +11 -2
  235. package/lib/design-tokens/css/tokens/functional/components/inline-code/colors.css +1 -1
  236. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  237. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +10 -2
  238. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  239. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +33 -2
  240. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  241. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +10 -2
  242. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  243. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  244. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +14 -2
  245. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  246. package/lib/design-tokens/css/tokens/functional/components/media-playlist/colors-with-modes.css +9 -2
  247. package/lib/design-tokens/css/tokens/functional/components/media-playlist/colors.css +1 -1
  248. package/lib/design-tokens/css/tokens/functional/components/nav-list/colors-with-modes.css +9 -2
  249. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +16 -2
  250. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  251. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  252. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  253. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +10 -2
  254. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  255. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  256. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +10 -2
  257. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  258. package/lib/design-tokens/css/tokens/functional/components/spinner/base.css +12 -0
  259. package/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes.css +20 -0
  260. package/lib/design-tokens/css/tokens/functional/components/spinner/colors.css +8 -0
  261. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  262. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  263. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +20 -2
  264. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +19 -2
  265. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  266. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +14 -2
  267. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  268. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  269. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +55 -2
  270. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  271. package/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/base.css +1 -1
  272. package/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes.css +11 -2
  273. package/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors.css +1 -1
  274. package/lib/design-tokens/css/tokens/functional/components/tiles/base.css +1 -1
  275. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +11 -2
  276. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  277. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +9 -2
  278. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  279. package/lib/design-tokens/css/tokens/functional/components/toggle-switch/base.css +30 -0
  280. package/lib/design-tokens/css/tokens/functional/components/toggle-switch/colors-with-modes.css +44 -0
  281. package/lib/design-tokens/css/tokens/functional/components/toggle-switch/colors.css +16 -0
  282. package/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes.css +21 -2
  283. package/lib/design-tokens/css/tokens/functional/components/token/colors.css +1 -1
  284. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +9 -2
  285. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  286. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  287. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +20 -2
  288. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  289. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  290. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  291. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  292. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  293. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  294. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  295. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  296. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  297. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  298. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  299. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  300. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  301. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  302. package/lib/design-tokens/js/module/tokens/functional/components/button/base.js +1 -1
  303. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  304. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  305. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  306. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  307. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  308. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  309. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  310. package/lib/design-tokens/js/module/tokens/functional/components/feature-comparison-table/base.js +1 -1
  311. package/lib/design-tokens/js/module/tokens/functional/components/footer/base.js +1 -1
  312. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  313. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  314. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  315. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  316. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  317. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  318. package/lib/design-tokens/js/module/tokens/functional/components/icon-button/base.js +2 -2
  319. package/lib/design-tokens/js/module/tokens/functional/components/icon-button/colors.js +1 -1
  320. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  321. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  322. package/lib/design-tokens/js/module/tokens/functional/components/inline-code/colors.js +1 -1
  323. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  324. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  325. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  326. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  327. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  328. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  329. package/lib/design-tokens/js/module/tokens/functional/components/media-playlist/colors.js +1 -1
  330. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  331. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  332. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  333. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  334. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  335. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  336. package/lib/design-tokens/js/module/tokens/functional/components/spinner/base.js +20 -0
  337. package/lib/design-tokens/js/module/tokens/functional/components/spinner/colors.js +15 -0
  338. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  339. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  340. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  341. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  342. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  343. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  344. package/lib/design-tokens/js/module/tokens/functional/components/text-cursor-animation/base.js +1 -1
  345. package/lib/design-tokens/js/module/tokens/functional/components/text-cursor-animation/colors.js +1 -1
  346. package/lib/design-tokens/js/module/tokens/functional/components/tiles/base.js +1 -1
  347. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  348. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  349. package/lib/design-tokens/js/module/tokens/functional/components/toggle-switch/base.js +56 -0
  350. package/lib/design-tokens/js/module/tokens/functional/components/toggle-switch/colors.js +63 -0
  351. package/lib/design-tokens/js/module/tokens/functional/components/token/colors.js +1 -1
  352. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  353. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  354. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  355. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  356. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  357. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  358. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  359. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  360. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  361. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  362. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  363. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  364. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  365. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  366. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  367. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  368. package/lib/design-tokens/js/tokens/functional/components/button/base.js +1 -1
  369. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  370. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  371. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  372. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  373. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  374. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  375. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  376. package/lib/design-tokens/js/tokens/functional/components/feature-comparison-table/base.js +1 -1
  377. package/lib/design-tokens/js/tokens/functional/components/footer/base.js +1 -1
  378. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  379. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  380. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  381. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  382. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  383. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  384. package/lib/design-tokens/js/tokens/functional/components/icon-button/base.js +3 -3
  385. package/lib/design-tokens/js/tokens/functional/components/icon-button/colors.js +1 -1
  386. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  387. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  388. package/lib/design-tokens/js/tokens/functional/components/inline-code/colors.js +1 -1
  389. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  390. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  391. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  392. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  393. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  394. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  395. package/lib/design-tokens/js/tokens/functional/components/media-playlist/colors.js +1 -1
  396. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  397. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  398. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  399. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  400. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  401. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  402. package/lib/design-tokens/js/tokens/functional/components/spinner/base.js +10 -0
  403. package/lib/design-tokens/js/tokens/functional/components/spinner/colors.js +6 -0
  404. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  405. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  406. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  407. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  408. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  409. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  410. package/lib/design-tokens/js/tokens/functional/components/text-cursor-animation/base.js +1 -1
  411. package/lib/design-tokens/js/tokens/functional/components/text-cursor-animation/colors.js +1 -1
  412. package/lib/design-tokens/js/tokens/functional/components/tiles/base.js +1 -1
  413. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  414. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  415. package/lib/design-tokens/js/tokens/functional/components/toggle-switch/base.js +28 -0
  416. package/lib/design-tokens/js/tokens/functional/components/toggle-switch/colors.js +14 -0
  417. package/lib/design-tokens/js/tokens/functional/components/token/colors.js +1 -1
  418. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  419. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  420. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  421. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  422. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  423. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  424. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  425. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  426. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  427. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  428. package/lib/design-tokens/json/colors.json +11 -0
  429. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  430. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  431. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  432. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  433. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  434. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  435. package/lib/design-tokens/scss/tokens/functional/components/button/base.scss +1 -1
  436. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  437. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  438. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  439. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  440. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  441. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  442. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  443. package/lib/design-tokens/scss/tokens/functional/components/feature-comparison-table/base.scss +1 -1
  444. package/lib/design-tokens/scss/tokens/functional/components/footer/base.scss +1 -1
  445. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  446. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  447. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  448. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  449. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  450. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  451. package/lib/design-tokens/scss/tokens/functional/components/icon-button/base.scss +3 -3
  452. package/lib/design-tokens/scss/tokens/functional/components/icon-button/colors.scss +1 -1
  453. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  454. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  455. package/lib/design-tokens/scss/tokens/functional/components/inline-code/colors.scss +1 -1
  456. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  457. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  458. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  459. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  460. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  461. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  462. package/lib/design-tokens/scss/tokens/functional/components/media-playlist/colors.scss +1 -1
  463. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  464. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  465. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  466. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  467. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  468. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  469. package/lib/design-tokens/scss/tokens/functional/components/spinner/base.scss +9 -0
  470. package/lib/design-tokens/scss/tokens/functional/components/spinner/colors.scss +5 -0
  471. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  472. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  473. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  474. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  475. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  476. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  477. package/lib/design-tokens/scss/tokens/functional/components/text-cursor-animation/base.scss +1 -1
  478. package/lib/design-tokens/scss/tokens/functional/components/text-cursor-animation/colors.scss +1 -1
  479. package/lib/design-tokens/scss/tokens/functional/components/tiles/base.scss +1 -1
  480. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  481. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  482. package/lib/design-tokens/scss/tokens/functional/components/toggle-switch/base.scss +27 -0
  483. package/lib/design-tokens/scss/tokens/functional/components/toggle-switch/colors.scss +13 -0
  484. package/lib/design-tokens/scss/tokens/functional/components/token/colors.scss +1 -1
  485. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  486. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  487. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  488. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  489. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  490. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  491. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  492. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  493. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  494. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  495. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  496. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  497. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  498. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  499. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  500. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  501. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  502. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  503. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  504. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  505. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  506. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  507. package/lib/design-tokens/ts/tokens/functional/components/button/base.d.ts +1 -1
  508. package/lib/design-tokens/ts/tokens/functional/components/button/base.js +1 -1
  509. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  510. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  511. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  512. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  513. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  514. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  515. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  516. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  517. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  518. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  519. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  520. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  521. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  522. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  523. package/lib/design-tokens/ts/tokens/functional/components/feature-comparison-table/base.d.ts +1 -1
  524. package/lib/design-tokens/ts/tokens/functional/components/feature-comparison-table/base.js +1 -1
  525. package/lib/design-tokens/ts/tokens/functional/components/footer/base.d.ts +1 -1
  526. package/lib/design-tokens/ts/tokens/functional/components/footer/base.js +1 -1
  527. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  528. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  529. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  530. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  531. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  532. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  533. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  534. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  535. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  536. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  537. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  538. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  539. package/lib/design-tokens/ts/tokens/functional/components/icon-button/base.d.ts +2 -2
  540. package/lib/design-tokens/ts/tokens/functional/components/icon-button/base.js +2 -2
  541. package/lib/design-tokens/ts/tokens/functional/components/icon-button/colors.d.ts +1 -1
  542. package/lib/design-tokens/ts/tokens/functional/components/icon-button/colors.js +1 -1
  543. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  544. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  545. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  546. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  547. package/lib/design-tokens/ts/tokens/functional/components/inline-code/colors.d.ts +1 -1
  548. package/lib/design-tokens/ts/tokens/functional/components/inline-code/colors.js +1 -1
  549. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  550. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  551. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  552. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  553. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  554. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  555. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  556. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  557. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  558. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  559. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  560. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  561. package/lib/design-tokens/ts/tokens/functional/components/media-playlist/colors.d.ts +1 -1
  562. package/lib/design-tokens/ts/tokens/functional/components/media-playlist/colors.js +1 -1
  563. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  564. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  565. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  566. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  567. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  568. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  569. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  570. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  571. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  572. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  573. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  574. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  575. package/lib/design-tokens/ts/tokens/functional/components/spinner/base.d.ts +23 -0
  576. package/lib/design-tokens/ts/tokens/functional/components/spinner/base.js +20 -0
  577. package/lib/design-tokens/ts/tokens/functional/components/spinner/colors.d.ts +15 -0
  578. package/lib/design-tokens/ts/tokens/functional/components/spinner/colors.js +12 -0
  579. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  580. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  581. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  582. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  583. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  584. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  585. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  586. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  587. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  588. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  589. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  590. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  591. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/base.d.ts +1 -1
  592. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/base.js +1 -1
  593. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/colors.d.ts +1 -1
  594. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/colors.js +1 -1
  595. package/lib/design-tokens/ts/tokens/functional/components/tiles/base.d.ts +1 -1
  596. package/lib/design-tokens/ts/tokens/functional/components/tiles/base.js +1 -1
  597. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  598. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  599. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  600. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  601. package/lib/design-tokens/ts/tokens/functional/components/toggle-switch/base.d.ts +59 -0
  602. package/lib/design-tokens/ts/tokens/functional/components/toggle-switch/base.js +56 -0
  603. package/lib/design-tokens/ts/tokens/functional/components/toggle-switch/colors.d.ts +39 -0
  604. package/lib/design-tokens/ts/tokens/functional/components/toggle-switch/colors.js +36 -0
  605. package/lib/design-tokens/ts/tokens/functional/components/token/colors.d.ts +1 -1
  606. package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +1 -1
  607. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  608. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  609. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  610. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  611. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  612. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  613. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  614. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  615. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  616. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  617. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  618. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  619. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  620. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  621. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  622. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  623. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  624. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  625. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  626. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  627. package/lib/forms/ToggleSwitch/ToggleSwitch.d.ts +33 -0
  628. package/lib/forms/ToggleSwitch/index.d.ts +2 -0
  629. package/lib/forms/index.d.ts +1 -0
  630. package/lib/index.d.ts +1 -0
  631. package/lib/index.js +1 -1
  632. package/llms.txt +4 -2
  633. package/package.json +1 -1
  634. package/esm/FeatureComparisonTable/FeatureComparisonTable.module-CGnj3YJu.css +0 -1
  635. package/esm/Heading/Heading.module-YfiTxQkR.css +0 -1
  636. package/esm/Label/Label.module-DDkalJAE.css +0 -1
  637. package/esm/LogoSuite/LogoSuite.module-BCbX-lfy.css +0 -1
  638. package/esm/SubNav/SubNav.module-cyUt0N_h.css +0 -1
  639. package/esm/Text/Text.module-D0UHZ0pq.css +0 -1
  640. package/esm/Token/Token.module-DtWE9IPI.css +0 -1
  641. package/esm/forms/FormControl/FormControl.module-CSNT689n.css +0 -1
  642. package/esm/node_modules/@primer/octicons-react/dist/icons/PlayIcon.js +0 -20
  643. package/esm/node_modules/@primer/octicons-react/dist/icons/PlayIcon.js.map +0 -1
  644. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css +0 -1
  645. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css +0 -1
  646. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes-PcQKqJQI.css +0 -1
  647. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes-mgXFtgvP.css +0 -1
  648. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes-98imfMkq.css +0 -1
  649. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes-DYugDcQy.css +0 -1
  650. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-kII0kqk3.css +0 -1
  651. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes-C43pQ5wc.css +0 -1
  652. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes-D2oNfyDt.css +0 -1
  653. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes-C05YPRXo.css +0 -1
  654. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-B9zRp3WA.css +0 -1
  655. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes-BzV3LYhH.css +0 -1
  656. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-Dc8Ya1HV.css +0 -1
  657. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/colors-with-modes-Dw8AMSYp.css +0 -1
  658. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes-CMFhnjfv.css +0 -1
  659. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes-CMw13Yda.css +0 -1
  660. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-6QocK2fy.css +0 -1
  661. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-Bjhpbkke.css +0 -1
  662. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-DLPw97mz.css +0 -1
  663. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-D7iaptsa.css +0 -1
  664. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes-DSf1PV6b.css +0 -1
  665. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css +0 -1
  666. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes-DujakhtG.css +0 -1
  667. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes-BB1L_8rS.css +0 -1
  668. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes-Dh1w7a05.css +0 -1
  669. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes-B8ia26TA.css +0 -1
  670. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/media-playlist/colors-with-modes-YId8eSZQ.css +0 -1
  671. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/nav-list/colors-with-modes-CGyt2t8f.css +0 -1
  672. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DBi2l0Re.css +0 -1
  673. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-Y3yB1rAU.css +0 -1
  674. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes-omPmv64b.css +0 -1
  675. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-Bna3nyXf.css +0 -1
  676. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-C_lnz8M6.css +0 -1
  677. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes-DCEDN6wM.css +0 -1
  678. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-8ryG-BX6.css +0 -1
  679. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes-BucKYl1n.css +0 -1
  680. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes-DTTqGOfy.css +0 -1
  681. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes-DDIdeMJX.css +0 -1
  682. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes-5VT1x9eF.css +0 -1
  683. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes-BrRCxJ2E.css +0 -1
  684. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes-CTkp-z-l.css +0 -1
@@ -1 +1 @@
1
- .Primer_Brand__NavList-module__NavList___tuR_C{--brand-NavList-label-indent-level-2:0px;--brand-NavList-label-indent-level-3:var(--base-size-16);--brand-NavList-label-indent-level-4:var(--base-size-32);--brand-NavList-label-indent-level-5:var(--base-size-48);--brand-NavList-item-paddingInlineStart-base:var(--base-size-24);--brand-NavList-control-paddingInlineStart:var(--base-size-8);--brand-NavList-label-paddingInlineStart:var(--base-size-6);box-sizing:border-box;font-family:var(--brand-fontStack-sansSerif);color:var(--brand-color-text-default);width:100%;padding-inline-start:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__list___gwquf,.Primer_Brand__NavList-module__NavList__subNav___Q4xI7,.Primer_Brand__NavList-module__NavList__groupList___Mtk4a{margin:0;padding:0;list-style:none}.Primer_Brand__NavList-module__NavList__list___gwquf{flex-direction:column;gap:0;display:flex}.Primer_Brand__NavList-module__NavList__list--flat___xvRQl,.Primer_Brand__NavList-module__NavList__groupList___Mtk4a{--brand-NavList-item-paddingInlineStart-base:var(--base-size-2)}.Primer_Brand__NavList-module__NavList__groupList___Mtk4a .Primer_Brand__NavList-module__NavList__subNav___Q4xI7 .Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ{--brand-NavList-item-paddingInlineStart-base:0px;--brand-NavList-label-paddingInlineStart:var(--base-size-8)}.Primer_Brand__NavList-module__NavList__item___HTVCC,.Primer_Brand__NavList-module__NavList__group___Jnwkd{position:relative}.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__item___HTVCC+.Primer_Brand__NavList-module__NavList__item___HTVCC,.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__item___HTVCC+.Primer_Brand__NavList-module__NavList__group___Jnwkd,.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__group___Jnwkd+.Primer_Brand__NavList-module__NavList__item___HTVCC,.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__group___Jnwkd+.Primer_Brand__NavList-module__NavList__group___Jnwkd{background-image:repeating-linear-gradient(to right, var(--brand-color-border-muted) 0 var(--base-size-2), transparent var(--base-size-2) var(--base-size-4));background-repeat:no-repeat;background-size:100% var(--brand-borderWidth-thin);background-position:0 0}.Primer_Brand__NavList-module__NavList__groupTitle___r47_e{padding:var(--base-size-24) var(--base-size-16) var(--base-size-16);color:var(--brand-color-text-default);font-size:var(--brand-text-size-200);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200);margin:0}.Primer_Brand__NavList-module__NavList__groupList___Mtk4a{flex-direction:column;gap:0;padding-block-end:var(--base-size-16);display:flex}.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{align-items:center;gap:var(--base-size-8);min-width:0;display:flex}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{padding-block:calc(var(--base-size-8) + var(--base-size-2));padding-inline-end:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-2)}.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-3)}.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-4)}.Primer_Brand__NavList-module__NavList__item--level-5___4mJ4N{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-5)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{min-height:var(--base-size-32);padding-block:0;padding-inline-end:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-5___4mJ4N>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{padding-inline-start:calc(var(--brand-NavList-item-paddingInlineStart-base) + var(--brand-NavList-item-label-indent))}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{padding-inline-start:var(--brand-NavList-control-paddingInlineStart)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{padding-inline-start:var(--brand-NavList-label-paddingInlineStart)}.Primer_Brand__NavList-module__NavList__link___k0zio{align-items:center;gap:var(--base-size-8);border-radius:var(--brand-borderRadius-medium);min-width:0;color:var(--brand-color-text-muted);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default), color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);flex:auto;padding:0;display:flex;position:relative;-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{box-sizing:border-box;width:100%;color:var(--brand-color-text-muted);cursor:pointer;text-align:start;background:0 0;border:0;font-family:inherit;position:relative}.Primer_Brand__NavList-module__NavList__link___k0zio:hover{color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:hover{color:var(--brand-color-text-default);background-color:#0000}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{min-height:var(--base-size-32);order:2}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled):hover .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled){color:var(--brand-color-text-default)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:not(:disabled) .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__link___k0zio:focus-visible,.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__NavList-module__NavList__subNav___Q4xI7 .Primer_Brand__NavList-module__NavList__link___k0zio:focus-visible,.Primer_Brand__NavList-module__NavList__subNav___Q4xI7 .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:focus-visible{outline-offset:calc(-1 * var(--base-size-2))}.Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]){color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n) .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]):before{content:"";inset-block:var(--base-size-8);width:var(--base-size-4);border-radius:var(--base-size-2);background-color:var(--brand-NavList-activeIndicator-color);position:absolute;inset-inline-start:0}.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:not(:disabled):before{content:"";block-size:var(--base-size-16);width:var(--base-size-4);border-radius:var(--base-size-2);background-color:var(--brand-NavList-activeIndicator-color);z-index:1;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:before{inset-inline-start:calc(-1 * var(--base-size-8))}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:before{inset-inline-start:var(--base-size-4)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]{padding-inline-start:var(--base-size-12)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false] .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{padding-inline-start:var(--base-size-2)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]){padding-inline-start:0}.Primer_Brand__NavList-module__NavList__link--disabled___Eg304{color:var(--brand-color-text-disabled);pointer-events:none}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:disabled{color:var(--brand-color-text-disabled);cursor:not-allowed}.Primer_Brand__NavList-module__NavList__label___ogBmt{word-break:break-word;min-width:0}.Primer_Brand__NavList-module__NavList__labelArea___c4ORu{align-items:center;gap:var(--base-size-8);border-radius:var(--brand-borderRadius-small);flex:auto;min-width:0;display:flex}.Primer_Brand__NavList-module__NavList__leadingVisual___KqRaq,.Primer_Brand__NavList-module__NavList__trailingVisual___BrZXI{color:inherit;flex:none;display:inline-flex}.Primer_Brand__NavList-module__NavList__trailingVisual___BrZXI{margin-inline-start:auto;margin-inline-end:var(--base-size-6)}.Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{transform-origin:50%;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);flex:none}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{transform:rotate(-180deg)}.Primer_Brand__NavList-module__NavList__subNav___Q4xI7{opacity:0;max-height:0;transform:translateY(calc(-1 * var(--base-size-8)));visibility:hidden;transition:max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), visibility 0s linear var(--brand-animation-duration-fast);flex-direction:column;gap:0;margin:0;padding:0;display:flex;overflow:hidden}.Primer_Brand__NavList-module__NavList__subNav--expanded___ap3X8{max-height:none;max-height:var(--brand-NavList-subNav-height,none);opacity:1;visibility:visible;transition:max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), visibility 0s linear 0s;transform:translateY(0)}.Primer_Brand__NavList-module__NavList__subNav___Q4xI7[aria-hidden=true] .Primer_Brand__NavList-module__NavList__subNav___Q4xI7{visibility:hidden}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{padding:var(--base-size-24) var(--base-size-16) var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n.Primer_Brand__NavList-module__NavList__item--expanded___pH_PL{padding-block-end:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{font-size:var(--brand-text-size-200);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-200);order:1}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{color:var(--brand-color-text-default);min-height:var(--base-size-32);margin-block:calc(-1 * var(--base-size-8));border-radius:var(--brand-borderRadius-small);padding-inline-start:0;padding-inline-end:var(--base-size-6)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc>*{z-index:1;position:relative}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled):hover:after,.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled):active:after,.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:not(:disabled):after{content:"";z-index:0;border-radius:var(--brand-borderRadius-small);background-color:var(--brand-color-canvas-subtle);pointer-events:none;position:absolute;inset-block:0;inset-inline:0}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{order:2;margin-inline-start:auto}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{order:1}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{min-height:var(--base-size-32);margin-block:calc(-1 * var(--base-size-8));border-radius:var(--brand-borderRadius-small)}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{position:absolute;inset-block-start:50%;inset-inline-start:calc(-1 * var(--brand-NavList-control-paddingInlineStart));transform:translateY(-50%)}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{transform:translateY(-50%)rotate(-180deg)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{inset-inline-start:calc(-1 * var(--base-size-16))}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-5___4mJ4N>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);order:2}.Primer_Brand__NavList-module__NavList__list--flat___xvRQl>.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{min-height:var(--base-size-32);border-radius:var(--brand-borderRadius-small)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{min-height:calc(var(--base-size-32) - var(--brand-borderWidth-thin));margin-block-end:var(--brand-borderWidth-thin)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n) .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]){background-color:#0000}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio:hover .Primer_Brand__NavList-module__NavList__labelArea___c4ORu,.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n) .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]) .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio:hover{background-color:#0000}[data-color-mode=dark] .Primer_Brand__NavList-module__NavList___tuR_C{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){.Primer_Brand__NavList-module__NavList___tuR_C,.Primer_Brand__NavList-module__NavList___tuR_C:before,.Primer_Brand__NavList-module__NavList___tuR_C:after,.Primer_Brand__NavList-module__NavList___tuR_C *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
1
+ .Primer_Brand__NavList-module__NavList___tuR_C{--brand-NavList-label-indent-level-2:0px;--brand-NavList-label-indent-level-3:var(--base-size-16);--brand-NavList-label-indent-level-4:var(--base-size-32);--brand-NavList-label-indent-level-5:var(--base-size-48);--brand-NavList-item-paddingInlineStart-base:var(--base-size-24);--brand-NavList-control-paddingInlineStart:var(--base-size-8);--brand-NavList-label-paddingInlineStart:var(--base-size-6);box-sizing:border-box;font-family:var(--brand-fontStack-sansSerif);color:var(--brand-color-text-default);width:100%;padding-inline-start:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__list___gwquf,.Primer_Brand__NavList-module__NavList__subNav___Q4xI7,.Primer_Brand__NavList-module__NavList__groupList___Mtk4a{margin:0;padding:0;list-style:none}.Primer_Brand__NavList-module__NavList__list___gwquf{flex-direction:column;gap:0;display:flex}.Primer_Brand__NavList-module__NavList__list--flat___xvRQl,.Primer_Brand__NavList-module__NavList__groupList___Mtk4a{--brand-NavList-item-paddingInlineStart-base:var(--base-size-2)}.Primer_Brand__NavList-module__NavList__groupList___Mtk4a .Primer_Brand__NavList-module__NavList__subNav___Q4xI7 .Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ{--brand-NavList-item-paddingInlineStart-base:0px;--brand-NavList-label-paddingInlineStart:var(--base-size-8)}.Primer_Brand__NavList-module__NavList__item___HTVCC,.Primer_Brand__NavList-module__NavList__group___Jnwkd{position:relative}.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__item___HTVCC+.Primer_Brand__NavList-module__NavList__item___HTVCC,.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__item___HTVCC+.Primer_Brand__NavList-module__NavList__group___Jnwkd,.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__group___Jnwkd+.Primer_Brand__NavList-module__NavList__item___HTVCC,.Primer_Brand__NavList-module__NavList__list___gwquf:not(.Primer_Brand__NavList-module__NavList__list--flat___xvRQl)>.Primer_Brand__NavList-module__NavList__group___Jnwkd+.Primer_Brand__NavList-module__NavList__group___Jnwkd{background-image:repeating-linear-gradient(to right, var(--brand-color-border-muted) 0 var(--base-size-2), transparent var(--base-size-2) var(--base-size-4));background-repeat:no-repeat;background-size:100% var(--brand-borderWidth-thin);background-position:0 0}.Primer_Brand__NavList-module__NavList__groupTitle___r47_e{padding:var(--base-size-24) var(--base-size-16) var(--base-size-16);color:var(--brand-color-text-default);font-size:var(--brand-text-size-200);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200);margin:0}.Primer_Brand__NavList-module__NavList__groupList___Mtk4a{flex-direction:column;gap:0;padding-block-end:var(--base-size-16);display:flex}.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{align-items:center;gap:var(--base-size-8);min-width:0;display:flex}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{padding-block:calc(var(--base-size-8) + var(--base-size-2));padding-inline-end:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-2)}.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-3)}.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-4)}.Primer_Brand__NavList-module__NavList__item--level-5___4mJ4N{--brand-NavList-item-label-indent:var(--brand-NavList-label-indent-level-5)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{min-height:var(--base-size-32);padding-block:0;padding-inline-end:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-5___4mJ4N>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{padding-inline-start:calc(var(--brand-NavList-item-paddingInlineStart-base) + var(--brand-NavList-item-label-indent))}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{padding-inline-start:var(--brand-NavList-control-paddingInlineStart)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{padding-inline-start:var(--brand-NavList-label-paddingInlineStart)}.Primer_Brand__NavList-module__NavList__link___k0zio{align-items:center;gap:var(--base-size-8);border-radius:var(--brand-borderRadius-medium);min-width:0;color:var(--brand-color-text-muted);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default), color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);flex:auto;padding:0;display:flex;position:relative;-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{box-sizing:border-box;width:100%;color:var(--brand-color-text-muted);cursor:pointer;text-align:start;background:0 0;border:0;font-family:inherit;position:relative}.Primer_Brand__NavList-module__NavList__link___k0zio:hover{color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:hover{color:var(--brand-color-text-default);background-color:#0000}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{min-height:var(--base-size-32);order:2}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled):hover .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled){color:var(--brand-color-text-default)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:not(:disabled) .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__link___k0zio:focus-visible,.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__NavList-module__NavList__subNav___Q4xI7 .Primer_Brand__NavList-module__NavList__link___k0zio:focus-visible,.Primer_Brand__NavList-module__NavList__subNav___Q4xI7 .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:focus-visible{outline-offset:calc(-1 * var(--base-size-2))}.Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]){color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n) .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]):before{content:"";inset-block:var(--base-size-8);width:var(--base-size-4);border-radius:var(--base-size-2);background-color:var(--brand-NavList-activeIndicator-color);position:absolute;inset-inline-start:0}.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:not(:disabled):before{content:"";block-size:var(--base-size-16);width:var(--base-size-4);border-radius:var(--base-size-2);background-color:var(--brand-NavList-activeIndicator-color);z-index:1;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:before{inset-inline-start:calc(-1 * var(--base-size-8))}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:before{inset-inline-start:var(--base-size-4)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]{padding-inline-start:var(--base-size-12)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false] .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{padding-inline-start:var(--base-size-2)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]){padding-inline-start:0}.Primer_Brand__NavList-module__NavList__link--disabled___Eg304{color:var(--brand-color-text-disabled);pointer-events:none}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:disabled{color:var(--brand-color-text-disabled);cursor:not-allowed}.Primer_Brand__NavList-module__NavList__label___ogBmt{word-break:break-word;min-width:0}.Primer_Brand__NavList-module__NavList__labelArea___c4ORu{align-items:center;gap:var(--base-size-8);border-radius:var(--brand-borderRadius-small);flex:auto;min-width:0;display:flex}.Primer_Brand__NavList-module__NavList__leadingVisual___KqRaq,.Primer_Brand__NavList-module__NavList__trailingVisual___BrZXI{color:inherit;flex:none;display:inline-flex}.Primer_Brand__NavList-module__NavList__trailingVisual___BrZXI{margin-inline-start:auto;margin-inline-end:var(--base-size-6)}.Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{transform-origin:50%;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);flex:none}.Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{transform:rotate(-180deg)}.Primer_Brand__NavList-module__NavList__subNav___Q4xI7{opacity:0;max-height:0;transform:translateY(calc(-1 * var(--base-size-8)));visibility:hidden;transition:max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), visibility 0s linear var(--brand-animation-duration-fast);flex-direction:column;gap:0;margin:0;padding:0;display:flex;overflow:hidden}.Primer_Brand__NavList-module__NavList__subNav--expanded___ap3X8{max-height:none;max-height:var(--brand-NavList-subNav-height,none);opacity:1;visibility:visible;transition:max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), visibility 0s linear 0s;transform:translateY(0)}.Primer_Brand__NavList-module__NavList__subNav___Q4xI7[aria-hidden=true] .Primer_Brand__NavList-module__NavList__subNav___Q4xI7{visibility:hidden}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR{padding:var(--base-size-24) var(--base-size-16) var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n.Primer_Brand__NavList-module__NavList__item--expanded___pH_PL{padding-block-end:var(--base-size-16)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{font-size:var(--brand-text-size-200);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-200);order:1}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{color:var(--brand-color-text-default);min-height:var(--base-size-32);margin-block:calc(-1 * var(--base-size-8));border-radius:var(--brand-borderRadius-small);padding-inline-start:0;padding-inline-end:var(--base-size-6)}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc>*{z-index:1;position:relative}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled):hover:after,.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc:not(:disabled):active:after,.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n.Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false]:not(:disabled):after{content:"";z-index:0;border-radius:var(--brand-borderRadius-small);background-color:var(--brand-color-canvas-subtle);pointer-events:none;position:absolute;inset-block:0;inset-inline:0}.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{order:2;margin-inline-start:auto}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{order:1}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc{min-height:var(--base-size-32);margin-block:calc(-1 * var(--base-size-8));border-radius:var(--brand-borderRadius-small)}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{position:absolute;inset-block-start:50%;inset-inline-start:calc(-1 * var(--brand-NavList-control-paddingInlineStart));transform:translateY(-50%)}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=true] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{transform:translateY(-50%)rotate(-180deg)}.Primer_Brand__NavList-module__NavList__item___HTVCC:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n).Primer_Brand__NavList-module__NavList__item--has-current-descendant___JG7dQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__accordionButton___F5tOc[aria-expanded=false] .Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF{inset-inline-start:calc(-1 * var(--base-size-16))}.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-2___kXyLx>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-3___Z5uiQ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-4___k3h0P>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio,.Primer_Brand__NavList-module__NavList__item___HTVCC.Primer_Brand__NavList-module__NavList__item--level-5___4mJ4N>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);order:2}.Primer_Brand__NavList-module__NavList__list--flat___xvRQl>.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio{min-height:var(--base-size-32);border-radius:var(--brand-borderRadius-small)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{min-height:calc(var(--base-size-32) - var(--brand-borderWidth-thin));margin-block-end:var(--brand-borderWidth-thin)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n) .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]){background-color:#0000}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio:hover .Primer_Brand__NavList-module__NavList__labelArea___c4ORu,.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n) .Primer_Brand__NavList-module__NavList__link___k0zio[aria-current]:not([aria-current=false]) .Primer_Brand__NavList-module__NavList__labelArea___c4ORu{background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__NavList-module__NavList__item--leaf___YFNSZ:not(.Primer_Brand__NavList-module__NavList__item--level-1___gWx1n)>.Primer_Brand__NavList-module__NavList__itemContent___bYaVR .Primer_Brand__NavList-module__NavList__link___k0zio:hover{background-color:#0000}[data-color-mode=dark] .Primer_Brand__NavList-module__NavList___tuR_C{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__NavList-module__NavList___tuR_C{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){.Primer_Brand__NavList-module__NavList___tuR_C,.Primer_Brand__NavList-module__NavList___tuR_C:before,.Primer_Brand__NavList-module__NavList___tuR_C:after,.Primer_Brand__NavList-module__NavList___tuR_C *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@@ -1,4 +1,4 @@
1
- import './NavList.module-zvpwnkzz.css';//#region src/NavList/NavList.module.css
1
+ import './NavList.module-f9LV2-bb.css';//#region src/NavList/NavList.module.css
2
2
  var e = "Primer_Brand__NavList-module__NavList___tuR_C", t = "Primer_Brand__NavList-module__NavList__list___gwquf", n = "Primer_Brand__NavList-module__NavList__subNav___Q4xI7", r = "Primer_Brand__NavList-module__NavList__groupList___Mtk4a", i = "Primer_Brand__NavList-module__NavList__item___HTVCC", a = "Primer_Brand__NavList-module__NavList__group___Jnwkd", o = "Primer_Brand__NavList-module__NavList__groupTitle___r47_e", s = "Primer_Brand__NavList-module__NavList__itemContent___bYaVR", c = "Primer_Brand__NavList-module__NavList__link___k0zio", l = "Primer_Brand__NavList-module__NavList__accordionButton___F5tOc", u = "Primer_Brand__NavList-module__NavList__labelArea___c4ORu", d = "Primer_Brand__NavList-module__NavList__label___ogBmt", f = "Primer_Brand__NavList-module__NavList__leadingVisual___KqRaq", p = "Primer_Brand__NavList-module__NavList__trailingVisual___BrZXI", m = "Primer_Brand__NavList-module__NavList__toggleIcon___nlJbF", h = {
3
3
  NavList: e,
4
4
  NavList__list: t,
@@ -1 +1 @@
1
- {"version":3,"file":"NavList.module.js","names":[],"sources":["../../src/NavList/NavList.module.css"],"sourcesContent":[".NavList {\n --brand-NavList-label-indent-level-2: 0px;\n --brand-NavList-label-indent-level-3: var(--base-size-16);\n --brand-NavList-label-indent-level-4: var(--base-size-32);\n --brand-NavList-label-indent-level-5: var(--base-size-48);\n --brand-NavList-item-paddingInlineStart-base: var(--base-size-24);\n --brand-NavList-control-paddingInlineStart: var(--base-size-8);\n --brand-NavList-label-paddingInlineStart: var(--base-size-6);\n\n box-sizing: border-box;\n font-family: var(--brand-fontStack-sansSerif);\n color: var(--brand-color-text-default);\n padding-inline-start: var(--base-size-16);\n width: 100%;\n}\n\n.NavList__list,\n.NavList__subNav,\n.NavList__groupList {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.NavList__list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.NavList__list--flat,\n.NavList__groupList {\n --brand-NavList-item-paddingInlineStart-base: var(--base-size-2);\n}\n\n.NavList__groupList .NavList__subNav .NavList__item--leaf {\n --brand-NavList-item-paddingInlineStart-base: 0px;\n --brand-NavList-label-paddingInlineStart: var(--base-size-8);\n}\n\n.NavList__item,\n.NavList__group {\n position: relative;\n}\n\n.NavList__list:not(.NavList__list--flat) > :is(.NavList__item, .NavList__group) + :is(.NavList__item, .NavList__group) {\n background-image: repeating-linear-gradient(\n to right,\n var(--brand-color-border-muted) 0 var(--base-size-2),\n transparent var(--base-size-2) var(--base-size-4)\n );\n background-repeat: no-repeat;\n background-size: 100% var(--brand-borderWidth-thin);\n background-position: top left;\n}\n\n.NavList__groupTitle {\n margin: 0;\n padding: var(--base-size-24) var(--base-size-16) var(--base-size-16);\n color: var(--brand-color-text-default);\n font-size: var(--brand-text-size-200);\n font-weight: var(--brand-text-weight-500);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.NavList__groupList {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding-block-end: var(--base-size-16);\n}\n\n.NavList__itemContent {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n min-width: 0;\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4) > .NavList__itemContent {\n padding-block: calc(var(--base-size-8) + var(--base-size-2));\n padding-inline-end: var(--base-size-16);\n}\n\n.NavList__item--level-2 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-2);\n}\n\n.NavList__item--level-3 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-3);\n}\n\n.NavList__item--level-4 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-4);\n}\n\n.NavList__item--level-5 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-5);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent {\n min-height: var(--base-size-32);\n padding-block: 0;\n padding-inline-end: var(--base-size-16);\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4, .NavList__item--level-5)\n > .NavList__itemContent {\n padding-inline-start: calc(\n var(--brand-NavList-item-paddingInlineStart-base) + var(--brand-NavList-item-label-indent)\n );\n}\n\n.NavList__item:not(.NavList__item--level-1) > .NavList__itemContent :is(.NavList__link, .NavList__accordionButton) {\n padding-inline-start: var(--brand-NavList-control-paddingInlineStart);\n}\n\n.NavList__item:not(.NavList__item--level-1) > .NavList__itemContent .NavList__labelArea {\n padding-inline-start: var(--brand-NavList-label-paddingInlineStart);\n}\n\n.NavList__link {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n flex: 1 1 auto;\n min-width: 0;\n border-radius: var(--brand-borderRadius-medium);\n padding: 0;\n color: var(--brand-color-text-muted);\n font-size: var(--brand-text-size-100);\n font-weight: var(--brand-text-weight-500);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n text-decoration: none !important; /* dotcom override */\n transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.NavList__accordionButton {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n border: 0;\n background: transparent;\n color: var(--brand-color-text-muted);\n cursor: pointer;\n font-family: inherit;\n text-align: start;\n}\n\n.NavList__link:hover {\n color: var(--brand-color-text-default);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__accordionButton:hover {\n color: var(--brand-color-text-default);\n background-color: transparent;\n}\n\n.NavList__item:not(.NavList__item--level-1) > .NavList__itemContent .NavList__accordionButton .NavList__labelArea {\n order: 2;\n min-height: var(--base-size-32);\n}\n\n.NavList__item:not(.NavList__item--level-1)\n > .NavList__itemContent\n .NavList__accordionButton:not(:disabled):hover\n .NavList__labelArea {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__item--has-current-descendant > .NavList__itemContent .NavList__accordionButton:not(:disabled) {\n color: var(--brand-color-text-default);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']:not(:disabled)\n .NavList__labelArea {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n:is(.NavList__link, .NavList__accordionButton):focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.NavList__subNav :is(.NavList__link, .NavList__accordionButton):focus-visible {\n outline-offset: calc(-1 * var(--base-size-2));\n}\n\n.NavList__link[aria-current]:not([aria-current='false']) {\n color: var(--brand-color-text-default);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) .NavList__link[aria-current]:not([aria-current='false'])::before {\n content: '';\n position: absolute;\n inset-block: var(--base-size-8);\n inset-inline-start: 0;\n width: var(--base-size-4);\n border-radius: var(--base-size-2);\n background-color: var(--brand-NavList-activeIndicator-color);\n}\n\n.NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']:not(:disabled)::before {\n content: '';\n position: absolute;\n inset-block-start: 50%;\n block-size: var(--base-size-16);\n width: var(--base-size-4);\n border-radius: var(--base-size-2);\n background-color: var(--brand-NavList-activeIndicator-color);\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.NavList__item--level-1.NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']::before {\n inset-inline-start: calc(-1 * var(--base-size-8));\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']::before {\n inset-inline-start: var(--base-size-4);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false'] {\n padding-inline-start: var(--base-size-12);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']\n .NavList__labelArea {\n padding-inline-start: var(--base-size-2);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__link[aria-current]:not([aria-current='false']) {\n padding-inline-start: 0;\n}\n\n.NavList__link--disabled {\n color: var(--brand-color-text-disabled);\n pointer-events: none;\n}\n\n.NavList__accordionButton:disabled {\n color: var(--brand-color-text-disabled);\n cursor: not-allowed;\n}\n\n.NavList__label {\n min-width: 0;\n word-break: break-word;\n}\n\n.NavList__labelArea {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n gap: var(--base-size-8);\n min-width: 0;\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__leadingVisual,\n.NavList__trailingVisual {\n display: inline-flex;\n flex: none;\n color: inherit;\n}\n\n.NavList__trailingVisual {\n margin-inline-start: auto;\n margin-inline-end: var(--base-size-6);\n}\n\n.NavList__toggleIcon {\n flex: none;\n transform-origin: 50% 50%;\n transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.NavList__accordionButton[aria-expanded='true'] .NavList__toggleIcon {\n transform: rotate(-180deg);\n}\n\n.NavList__subNav {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin: 0;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n transform: translateY(calc(-1 * var(--base-size-8)));\n visibility: hidden;\n transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n visibility 0s linear var(--brand-animation-duration-fast);\n}\n\n.NavList__subNav--expanded {\n max-height: var(--brand-NavList-subNav-height, none);\n opacity: 1;\n transform: translateY(0);\n visibility: visible;\n transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), visibility 0s linear 0s;\n}\n\n.NavList__subNav[aria-hidden='true'] .NavList__subNav {\n visibility: hidden;\n}\n\n.NavList__item--level-1 > .NavList__itemContent {\n padding: var(--base-size-24) var(--base-size-16) var(--base-size-16);\n}\n\n.NavList__item--level-1.NavList__item--expanded {\n padding-block-end: var(--base-size-16);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__link {\n order: 1;\n font-size: var(--brand-text-size-200);\n font-weight: var(--brand-text-weight-500);\n line-height: var(--brand-text-lineHeight-200);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__accordionButton {\n color: var(--brand-color-text-default);\n min-height: var(--base-size-32);\n margin-block: calc(-1 * var(--base-size-8));\n padding-inline-start: 0;\n padding-inline-end: var(--base-size-6);\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__accordionButton > * {\n position: relative;\n z-index: 1;\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__accordionButton:not(:disabled):is(:hover, :active)::after,\n.NavList__item--level-1.NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']:not(:disabled)::after {\n content: '';\n position: absolute;\n z-index: 0;\n inset-block: 0;\n inset-inline-start: 0;\n inset-inline-end: 0;\n border-radius: var(--brand-borderRadius-small);\n background-color: var(--brand-color-canvas-subtle);\n pointer-events: none;\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__toggleIcon {\n order: 2;\n margin-inline-start: auto;\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__toggleIcon {\n order: 1;\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__accordionButton {\n min-height: var(--base-size-32);\n margin-block: calc(-1 * var(--base-size-8));\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__toggleIcon {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: calc(-1 * var(--brand-NavList-control-paddingInlineStart));\n transform: translateY(-50%);\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='true']\n .NavList__toggleIcon {\n transform: translateY(-50%) rotate(-180deg);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']\n .NavList__toggleIcon {\n inset-inline-start: calc(-1 * var(--base-size-16));\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4, .NavList__item--level-5)\n > .NavList__itemContent\n .NavList__link {\n order: 2;\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n}\n\n.NavList__list--flat > .NavList__item--leaf > .NavList__itemContent .NavList__link {\n font-size: var(--brand-text-size-200);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__link {\n min-height: var(--base-size-32);\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__labelArea {\n min-height: calc(var(--base-size-32) - var(--brand-borderWidth-thin));\n margin-block-end: var(--brand-borderWidth-thin);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) .NavList__link[aria-current]:not([aria-current='false']) {\n background-color: transparent;\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__link:hover .NavList__labelArea,\n.NavList__item--leaf:not(.NavList__item--level-1)\n .NavList__link[aria-current]:not([aria-current='false'])\n .NavList__labelArea {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__link:hover {\n background-color: transparent;\n}\n\n[data-color-mode='dark'] .NavList {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .NavList,\n .NavList::before,\n .NavList::after,\n .NavList * {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"NavList.module.js","names":[],"sources":["../../src/NavList/NavList.module.css"],"sourcesContent":[".NavList {\n --brand-NavList-label-indent-level-2: 0px;\n --brand-NavList-label-indent-level-3: var(--base-size-16);\n --brand-NavList-label-indent-level-4: var(--base-size-32);\n --brand-NavList-label-indent-level-5: var(--base-size-48);\n --brand-NavList-item-paddingInlineStart-base: var(--base-size-24);\n --brand-NavList-control-paddingInlineStart: var(--base-size-8);\n --brand-NavList-label-paddingInlineStart: var(--base-size-6);\n\n box-sizing: border-box;\n font-family: var(--brand-fontStack-sansSerif);\n color: var(--brand-color-text-default);\n padding-inline-start: var(--base-size-16);\n width: 100%;\n}\n\n.NavList__list,\n.NavList__subNav,\n.NavList__groupList {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.NavList__list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.NavList__list--flat,\n.NavList__groupList {\n --brand-NavList-item-paddingInlineStart-base: var(--base-size-2);\n}\n\n.NavList__groupList .NavList__subNav .NavList__item--leaf {\n --brand-NavList-item-paddingInlineStart-base: 0px;\n --brand-NavList-label-paddingInlineStart: var(--base-size-8);\n}\n\n.NavList__item,\n.NavList__group {\n position: relative;\n}\n\n.NavList__list:not(.NavList__list--flat) > :is(.NavList__item, .NavList__group) + :is(.NavList__item, .NavList__group) {\n background-image: repeating-linear-gradient(\n to right,\n var(--brand-color-border-muted) 0 var(--base-size-2),\n transparent var(--base-size-2) var(--base-size-4)\n );\n background-repeat: no-repeat;\n background-size: 100% var(--brand-borderWidth-thin);\n background-position: top left;\n}\n\n.NavList__groupTitle {\n margin: 0;\n padding: var(--base-size-24) var(--base-size-16) var(--base-size-16);\n color: var(--brand-color-text-default);\n font-size: var(--brand-text-size-200);\n font-weight: var(--brand-text-weight-500);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.NavList__groupList {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding-block-end: var(--base-size-16);\n}\n\n.NavList__itemContent {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n min-width: 0;\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4) > .NavList__itemContent {\n padding-block: calc(var(--base-size-8) + var(--base-size-2));\n padding-inline-end: var(--base-size-16);\n}\n\n.NavList__item--level-2 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-2);\n}\n\n.NavList__item--level-3 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-3);\n}\n\n.NavList__item--level-4 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-4);\n}\n\n.NavList__item--level-5 {\n --brand-NavList-item-label-indent: var(--brand-NavList-label-indent-level-5);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent {\n min-height: var(--base-size-32);\n padding-block: 0;\n padding-inline-end: var(--base-size-16);\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4, .NavList__item--level-5)\n > .NavList__itemContent {\n padding-inline-start: calc(\n var(--brand-NavList-item-paddingInlineStart-base) + var(--brand-NavList-item-label-indent)\n );\n}\n\n.NavList__item:not(.NavList__item--level-1) > .NavList__itemContent :is(.NavList__link, .NavList__accordionButton) {\n padding-inline-start: var(--brand-NavList-control-paddingInlineStart);\n}\n\n.NavList__item:not(.NavList__item--level-1) > .NavList__itemContent .NavList__labelArea {\n padding-inline-start: var(--brand-NavList-label-paddingInlineStart);\n}\n\n.NavList__link {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n flex: 1 1 auto;\n min-width: 0;\n border-radius: var(--brand-borderRadius-medium);\n padding: 0;\n color: var(--brand-color-text-muted);\n font-size: var(--brand-text-size-100);\n font-weight: var(--brand-text-weight-500);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n text-decoration: none !important; /* dotcom override */\n transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.NavList__accordionButton {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n border: 0;\n background: transparent;\n color: var(--brand-color-text-muted);\n cursor: pointer;\n font-family: inherit;\n text-align: start;\n}\n\n.NavList__link:hover {\n color: var(--brand-color-text-default);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__accordionButton:hover {\n color: var(--brand-color-text-default);\n background-color: transparent;\n}\n\n.NavList__item:not(.NavList__item--level-1) > .NavList__itemContent .NavList__accordionButton .NavList__labelArea {\n order: 2;\n min-height: var(--base-size-32);\n}\n\n.NavList__item:not(.NavList__item--level-1)\n > .NavList__itemContent\n .NavList__accordionButton:not(:disabled):hover\n .NavList__labelArea {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__item--has-current-descendant > .NavList__itemContent .NavList__accordionButton:not(:disabled) {\n color: var(--brand-color-text-default);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']:not(:disabled)\n .NavList__labelArea {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n:is(.NavList__link, .NavList__accordionButton):focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.NavList__subNav :is(.NavList__link, .NavList__accordionButton):focus-visible {\n outline-offset: calc(-1 * var(--base-size-2));\n}\n\n.NavList__link[aria-current]:not([aria-current='false']) {\n color: var(--brand-color-text-default);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) .NavList__link[aria-current]:not([aria-current='false'])::before {\n content: '';\n position: absolute;\n inset-block: var(--base-size-8);\n inset-inline-start: 0;\n width: var(--base-size-4);\n border-radius: var(--base-size-2);\n background-color: var(--brand-NavList-activeIndicator-color);\n}\n\n.NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']:not(:disabled)::before {\n content: '';\n position: absolute;\n inset-block-start: 50%;\n block-size: var(--base-size-16);\n width: var(--base-size-4);\n border-radius: var(--base-size-2);\n background-color: var(--brand-NavList-activeIndicator-color);\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.NavList__item--level-1.NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']::before {\n inset-inline-start: calc(-1 * var(--base-size-8));\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']::before {\n inset-inline-start: var(--base-size-4);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false'] {\n padding-inline-start: var(--base-size-12);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']\n .NavList__labelArea {\n padding-inline-start: var(--base-size-2);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__link[aria-current]:not([aria-current='false']) {\n padding-inline-start: 0;\n}\n\n.NavList__link--disabled {\n color: var(--brand-color-text-disabled);\n pointer-events: none;\n}\n\n.NavList__accordionButton:disabled {\n color: var(--brand-color-text-disabled);\n cursor: not-allowed;\n}\n\n.NavList__label {\n min-width: 0;\n word-break: break-word;\n}\n\n.NavList__labelArea {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n gap: var(--base-size-8);\n min-width: 0;\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__leadingVisual,\n.NavList__trailingVisual {\n display: inline-flex;\n flex: none;\n color: inherit;\n}\n\n.NavList__trailingVisual {\n margin-inline-start: auto;\n margin-inline-end: var(--base-size-6);\n}\n\n.NavList__toggleIcon {\n flex: none;\n transform-origin: 50% 50%;\n transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.NavList__accordionButton[aria-expanded='true'] .NavList__toggleIcon {\n transform: rotate(-180deg);\n}\n\n.NavList__subNav {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin: 0;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n transform: translateY(calc(-1 * var(--base-size-8)));\n visibility: hidden;\n transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n visibility 0s linear var(--brand-animation-duration-fast);\n}\n\n.NavList__subNav--expanded {\n max-height: var(--brand-NavList-subNav-height, none);\n opacity: 1;\n transform: translateY(0);\n visibility: visible;\n transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), visibility 0s linear 0s;\n}\n\n.NavList__subNav[aria-hidden='true'] .NavList__subNav {\n visibility: hidden;\n}\n\n.NavList__item--level-1 > .NavList__itemContent {\n padding: var(--base-size-24) var(--base-size-16) var(--base-size-16);\n}\n\n.NavList__item--level-1.NavList__item--expanded {\n padding-block-end: var(--base-size-16);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__link {\n order: 1;\n font-size: var(--brand-text-size-200);\n font-weight: var(--brand-text-weight-500);\n line-height: var(--brand-text-lineHeight-200);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__accordionButton {\n color: var(--brand-color-text-default);\n min-height: var(--base-size-32);\n margin-block: calc(-1 * var(--base-size-8));\n padding-inline-start: 0;\n padding-inline-end: var(--base-size-6);\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__accordionButton > * {\n position: relative;\n z-index: 1;\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__accordionButton:not(:disabled):is(:hover, :active)::after,\n.NavList__item--level-1.NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']:not(:disabled)::after {\n content: '';\n position: absolute;\n z-index: 0;\n inset-block: 0;\n inset-inline-start: 0;\n inset-inline-end: 0;\n border-radius: var(--brand-borderRadius-small);\n background-color: var(--brand-color-canvas-subtle);\n pointer-events: none;\n}\n\n.NavList__item--level-1 > .NavList__itemContent .NavList__toggleIcon {\n order: 2;\n margin-inline-start: auto;\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__toggleIcon {\n order: 1;\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__accordionButton {\n min-height: var(--base-size-32);\n margin-block: calc(-1 * var(--base-size-8));\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__toggleIcon {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: calc(-1 * var(--brand-NavList-control-paddingInlineStart));\n transform: translateY(-50%);\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4)\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='true']\n .NavList__toggleIcon {\n transform: translateY(-50%) rotate(-180deg);\n}\n\n.NavList__item:not(.NavList__item--level-1).NavList__item--has-current-descendant\n > .NavList__itemContent\n .NavList__accordionButton[aria-expanded='false']\n .NavList__toggleIcon {\n inset-inline-start: calc(-1 * var(--base-size-16));\n}\n\n.NavList__item:is(.NavList__item--level-2, .NavList__item--level-3, .NavList__item--level-4, .NavList__item--level-5)\n > .NavList__itemContent\n .NavList__link {\n order: 2;\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n}\n\n.NavList__list--flat > .NavList__item--leaf > .NavList__itemContent .NavList__link {\n font-size: var(--brand-text-size-200);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__link {\n min-height: var(--base-size-32);\n border-radius: var(--brand-borderRadius-small);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__labelArea {\n min-height: calc(var(--base-size-32) - var(--brand-borderWidth-thin));\n margin-block-end: var(--brand-borderWidth-thin);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) .NavList__link[aria-current]:not([aria-current='false']) {\n background-color: transparent;\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__link:hover .NavList__labelArea,\n.NavList__item--leaf:not(.NavList__item--level-1)\n .NavList__link[aria-current]:not([aria-current='false'])\n .NavList__labelArea {\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.NavList__item--leaf:not(.NavList__item--level-1) > .NavList__itemContent .NavList__link:hover {\n background-color: transparent;\n}\n\n[data-color-mode='dark'] .NavList {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'] .NavList {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .NavList,\n .NavList::before,\n .NavList::after,\n .NavList * {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import React, { type SVGAttributes } from 'react';
2
+ export declare function PlayIcon(props: SVGAttributes<SVGSVGElement>): React.JSX.Element;
3
+ //# sourceMappingURL=PlayIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlayIcon.d.ts","sourceRoot":"","sources":["../src/PlayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AAE/C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,qBAiB3D"}
@@ -0,0 +1,22 @@
1
+ import "react";
2
+ import { jsx as e } from "react/jsx-runtime";
3
+ //#region src/PlayIcon.tsx
4
+ function t(t) {
5
+ return /* @__PURE__ */ e("svg", {
6
+ width: "16",
7
+ height: "16",
8
+ viewBox: "0 0 16 16",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-hidden": "true",
12
+ ...t,
13
+ children: /* @__PURE__ */ e("path", {
14
+ d: "M13.3777 6.94756C14.2069 7.40341 14.2069 8.59489 13.3777 9.05073L5.37808 13.4483C4.57834 13.8879 3.60001 13.3093 3.60001 12.3967L3.60001 3.60161C3.60001 2.689 4.57834 2.1104 5.37808 2.55003L13.3777 6.94756Z",
15
+ fill: "currentColor"
16
+ })
17
+ });
18
+ }
19
+ //#endregion
20
+ export { t as PlayIcon };
21
+
22
+ //# sourceMappingURL=PlayIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlayIcon.js","names":[],"sources":["../src/PlayIcon.tsx"],"sourcesContent":["import React, {type SVGAttributes} from 'react'\n\nexport function PlayIcon(props: SVGAttributes<SVGSVGElement>) {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n {...props}\n >\n <path\n d=\"M13.3777 6.94756C14.2069 7.40341 14.2069 8.59489 13.3777 9.05073L5.37808 13.4483C4.57834 13.8879 3.60001 13.3093 3.60001 12.3967L3.60001 3.60161C3.60001 2.689 4.57834 2.1104 5.37808 2.55003L13.3777 6.94756Z\"\n fill=\"currentColor\"\n />\n </svg>\n )\n}\n"],"mappings":";;;AAEA,SAAgB,EAAS,GAAqC;CAC5D,OACE,kBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;EACZ,GAAI;YAEJ,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE,CAAA;AAET"}
@@ -9,7 +9,7 @@ import { XIcon as s } from "../node_modules/@primer/octicons-react/dist/icons/XI
9
9
  import { useWindowSize as c } from "../hooks/useWindowSize.js";
10
10
  import { Accordion as l } from "../Accordion/Accordion.js";
11
11
  import { UnorderedList as u } from "../list/UnorderedList/UnorderedList.js";
12
- import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DBi2l0Re.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options-B9TarQsR.css';/* empty css */
12
+ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DNrd36sc.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options-B9TarQsR.css';/* empty css */
13
13
  /* empty css */
14
14
  import d from "./PricingOptions.module.js";
15
15
  import f, { forwardRef as p, useMemo as m } from "react";
@@ -1,5 +1,5 @@
1
1
  import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
2
- import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-Y3yB1rAU.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/base-ZeVUZmHp.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';/* empty css */
2
+ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-BVL83uw2.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/base-ZeVUZmHp.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';/* empty css */
3
3
  import t from "./Prose.module.js";
4
4
  /* empty css */
5
5
  /* empty css */
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/spinner/base.css';
3
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes.css';
4
+ export type SpinnerProps = {
5
+ size?: 'small' | 'medium' | 'large' | number;
6
+ accessibleLabel?: string | null;
7
+ className?: string;
8
+ 'data-testid'?: string;
9
+ };
10
+ export declare function Spinner({ size, accessibleLabel, className, 'data-testid': testId, }: SpinnerProps): React.JSX.Element;
11
+ //# sourceMappingURL=Spinner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,8FAA8F,CAAA;AACrG,OAAO,2GAA2G,CAAA;AAGlH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAe,EACf,eAA2B,EAC3B,SAAS,EACT,aAAa,EAAE,MAAkB,GAClC,EAAE,YAAY,qBAqCd"}
@@ -0,0 +1,48 @@
1
+ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
2
+ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes-ufFxqo2V.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/base-BUCpHNCY.css';/* empty css */
3
+ /* empty css */
4
+ import t from "./Spinner.module.js";
5
+ import "react";
6
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
7
+ //#region src/Spinner/Spinner.tsx
8
+ function i({ size: i = "medium", accessibleLabel: a = "Loading", className: o, "data-testid": s = "Spinner" }) {
9
+ let c = typeof i == "number" ? i : void 0;
10
+ return /* @__PURE__ */ r("span", {
11
+ className: t.Spinner__box,
12
+ "data-component": "Spinner",
13
+ children: [/* @__PURE__ */ r("svg", {
14
+ width: c,
15
+ height: c,
16
+ viewBox: "0 0 16 16",
17
+ fill: "none",
18
+ "aria-hidden": "true",
19
+ focusable: "false",
20
+ className: e(t.Spinner, typeof i == "string" && t[`Spinner--${i}`], o),
21
+ "data-testid": s,
22
+ children: [/* @__PURE__ */ n("circle", {
23
+ cx: "8",
24
+ cy: "8",
25
+ r: "7",
26
+ fill: "none",
27
+ stroke: "currentColor",
28
+ strokeOpacity: "0.25",
29
+ strokeWidth: "2",
30
+ vectorEffect: "non-scaling-stroke"
31
+ }), /* @__PURE__ */ n("path", {
32
+ d: "M15 8a7.002 7.002 0 00-7-7",
33
+ fill: "none",
34
+ stroke: "currentColor",
35
+ strokeWidth: "2",
36
+ strokeLinecap: "round",
37
+ vectorEffect: "non-scaling-stroke"
38
+ })]
39
+ }), a === null ? null : /* @__PURE__ */ n("span", {
40
+ className: "visually-hidden",
41
+ children: a
42
+ })]
43
+ });
44
+ }
45
+ //#endregion
46
+ export { i as Spinner };
47
+
48
+ //# sourceMappingURL=Spinner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.js","names":[],"sources":["../../src/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react'\nimport {clsx} from 'clsx'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/spinner/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes.css'\nimport styles from './Spinner.module.css'\n\nexport type SpinnerProps = {\n size?: 'small' | 'medium' | 'large' | number\n accessibleLabel?: string | null\n className?: string\n 'data-testid'?: string\n}\n\nexport function Spinner({\n size = 'medium',\n accessibleLabel = 'Loading',\n className,\n 'data-testid': testId = 'Spinner',\n}: SpinnerProps) {\n const customSize = typeof size === 'number' ? size : undefined\n\n return (\n <span className={styles.Spinner__box} data-component=\"Spinner\">\n <svg\n width={customSize}\n height={customSize}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n focusable=\"false\"\n className={clsx(styles.Spinner, typeof size === 'string' && styles[`Spinner--${size}`], className)}\n data-testid={testId}\n >\n <circle\n cx=\"8\"\n cy=\"8\"\n r=\"7\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeOpacity=\"0.25\"\n strokeWidth=\"2\"\n vectorEffect=\"non-scaling-stroke\"\n />\n <path\n d=\"M15 8a7.002 7.002 0 00-7-7\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n vectorEffect=\"non-scaling-stroke\"\n />\n </svg>\n {accessibleLabel !== null ? <span className=\"visually-hidden\">{accessibleLabel}</span> : null}\n </span>\n )\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAQ,EACtB,UAAO,UACP,qBAAkB,WAClB,cACA,eAAe,IAAS,aACT;CACf,IAAM,IAAa,OAAO,KAAS,WAAW,IAAO,KAAA;CAErD,OACE,kBAAC,QAAD;EAAM,WAAW,EAAO;EAAc,kBAAe;YAArD,CACE,kBAAC,OAAD;GACE,OAAO;GACP,QAAQ;GACR,SAAQ;GACR,MAAK;GACL,eAAY;GACZ,WAAU;GACV,WAAW,EAAK,EAAO,SAAS,OAAO,KAAS,YAAY,EAAO,YAAY,MAAS,CAAS;GACjG,eAAa;aARf,CAUE,kBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,QAAO;IACP,eAAc;IACd,aAAY;IACZ,cAAa;GACd,CAAA,GACD,kBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,cAAa;GACd,CAAA,CACE;MACJ,MAAoB,OAAoE,OAA7D,kBAAC,QAAD;GAAM,WAAU;aAAmB;EAAsB,CAAA,CACjF;;AAEV"}
@@ -0,0 +1 @@
1
+ .Primer_Brand__Spinner-module__Spinner__box___aHcR4{display:inline-flex}.Primer_Brand__Spinner-module__Spinner___udHxF{box-sizing:border-box;color:var(--brand-Spinner-fgColor);animation-name:Primer_Brand__Spinner-module__Spinner-spin___itSEr;animation-duration:var(--brand-Spinner-animationDuration-default);animation-timing-function:linear;animation-iteration-count:infinite;display:block;overflow:visible}.Primer_Brand__Spinner-module__Spinner--small___cMahj{width:var(--brand-Spinner-size-small);height:var(--brand-Spinner-size-small)}.Primer_Brand__Spinner-module__Spinner--medium___buMi2{width:var(--brand-Spinner-size-medium);height:var(--brand-Spinner-size-medium)}.Primer_Brand__Spinner-module__Spinner--large___8Bjgb{width:var(--brand-Spinner-size-large);height:var(--brand-Spinner-size-large)}@keyframes Primer_Brand__Spinner-module__Spinner-spin___itSEr{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Spinner-module__Spinner___udHxF{animation-duration:var(--brand-Spinner-animationDuration-reducedMotion)}}
@@ -0,0 +1,13 @@
1
+ import './Spinner.module-BjDTZLR7.css';//#region src/Spinner/Spinner.module.css
2
+ var e = "Primer_Brand__Spinner-module__Spinner__box___aHcR4", t = "Primer_Brand__Spinner-module__Spinner___udHxF", n = {
3
+ Spinner__box: e,
4
+ Spinner: t,
5
+ "Spinner-spin": "Primer_Brand__Spinner-module__Spinner-spin___itSEr",
6
+ "Spinner--small": "Primer_Brand__Spinner-module__Spinner--small___cMahj",
7
+ "Spinner--medium": "Primer_Brand__Spinner-module__Spinner--medium___buMi2",
8
+ "Spinner--large": "Primer_Brand__Spinner-module__Spinner--large___8Bjgb"
9
+ };
10
+ //#endregion
11
+ export { t as Spinner, e as Spinner__box, n as default };
12
+
13
+ //# sourceMappingURL=Spinner.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.module.js","names":[],"sources":["../../src/Spinner/Spinner.module.css"],"sourcesContent":[".Spinner__box {\n display: inline-flex;\n}\n\n.Spinner {\n display: block;\n box-sizing: border-box;\n overflow: visible;\n color: var(--brand-Spinner-fgColor);\n animation-name: Spinner-spin;\n animation-duration: var(--brand-Spinner-animationDuration-default);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n.Spinner--small {\n width: var(--brand-Spinner-size-small);\n height: var(--brand-Spinner-size-small);\n}\n\n.Spinner--medium {\n width: var(--brand-Spinner-size-medium);\n height: var(--brand-Spinner-size-medium);\n}\n\n.Spinner--large {\n width: var(--brand-Spinner-size-large);\n height: var(--brand-Spinner-size-large);\n}\n\n@keyframes Spinner-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .Spinner {\n animation-duration: var(--brand-Spinner-animationDuration-reducedMotion);\n }\n}\n"],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAA"}
@@ -13,7 +13,7 @@ import d from "./SubNav.module.js";
13
13
  import { useAnchorMenu as f } from "./useAnchorMenu.js";
14
14
  import { useNarrowMenu as p } from "./useNarrowMenu.js";
15
15
  import { useWideMenu as ee } from "./useWideMenu.js";
16
- import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-Bna3nyXf.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/base-Dl5rLq0_.css';/* empty css */
16
+ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-8aCELL7I.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/base-Dl5rLq0_.css';/* empty css */
17
17
  /* empty css */
18
18
  import m, { Children as h, createContext as g, forwardRef as _, isValidElement as v, memo as y, useCallback as b, useContext as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
19
19
  import { jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -0,0 +1 @@
1
+ .Primer_Brand__SubNav-module__SubNav__container___e4u9B{z-index:2;border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%;position:absolute}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj{display:inline;display:initial;position:relative}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav___txUks{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubNav-module__SubNav___txUks{z-index:1;background-color:var(--brand-SubNav-bgColor);width:100%;display:flex}[data-color-mode=dark] .Primer_Brand__SubNav-module__SubNav___txUks{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__SubNav-module__SubNav___txUks{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs{font-size:calc(var(--base-size-16) - 1px);line-height:calc(var(--base-size-16) - 1px);font-weight:var(--brand-text-subhead-weight-medium);color:var(--brand-color-text-default);font-family:var(--brand-heading-fontFamily);-webkit-text-decoration:none;text-decoration:none;display:block}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r:hover,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs:hover,.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-muted);-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{width:100%}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{z-index:9998;min-height:60px;padding:var(--base-size-16);border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE+.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--has-shadow___9iM59{box-shadow:var(--brand-SubNav-shadow);background-color:var(--brand-color-canvas-default)}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{margin-left:auto}.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{display:none!important}.Primer_Brand__SubNav-module__SubNav__sub-menu-children___5gfUK{display:contents}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{margin:0;padding:0;list-style:none}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1>span,.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018,.Primer_Brand__SubNav-module__SubNav__overflow-container___uUl1G{display:none}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D{z-index:10;width:max-content;min-width:var(--brand-SubNav-width-overflowMenuMin);max-width:calc(100vw - var(--brand-SubNav-width-overflowMenuInset));max-height:calc(100dvh - var(--brand-SubNav-height-overflowMenuInset));background-color:var(--brand-SubNav-overflowMenu-bgColor-rest);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);box-shadow:none;transform:translateY(calc(0px - var(--brand-SubNav-offset-overflowMenu)));animation:Primer_Brand__SubNav-module__fade-in___6VxHj var(--brand-animation-duration-faster) var(--brand-animation-easing-default);border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--brand-borderRadius-medium);border-end-start-radius:var(--brand-borderRadius-medium);margin:0;padding:0;position:absolute;inset:auto;overflow:hidden auto}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D::backdrop{background-color:#0000}.Primer_Brand__SubNav-module__SubNav__overflow-menu-list___Iz8_Z{grid-gap:var(--brand-borderWidth-thin);gap:var(--brand-borderWidth-thin);padding:var(--base-size-8);width:100%;margin:0;list-style:none;display:grid}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{z-index:91;position:sticky;top:-1px}.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);background-color:#0000}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{opacity:1;background-color:var(--brand-color-canvas-default);transform:translateY(0)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{height:0;transition:height var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj{height:auto}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), height var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{visibility:visible;opacity:1;transform:translateY(0)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-block:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);display:flex}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh{gap:var(--base-size-20);margin:0;padding:0;list-style-type:none;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-weight:450}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding:var(--base-size-6) var(--base-size-12);border-radius:var(--brand-borderRadius-full);transition:background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default), color var(--brand-animation-duration-default) var(--brand-animation-easing-default);background-color:#0000}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{background-color:var(--brand-SubNav-color-link-bgColor)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after,.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{opacity:0}.Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) *{color:var(--brand-SubNav-color-link-active);-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{transition:color var(--brand-animation-duration-fast) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{border-color:var(--brand-color-text-default)}@media screen and (width<=63.24rem){.Primer_Brand__SubNav-module__SubNav___txUks{position:relative}.Primer_Brand__SubNav-module__SubNav___txUks:before{content:"";opacity:0;z-index:9997;position:absolute;inset:0}.Primer_Brand__SubNav-module__SubNav___txUks:after{content:"";z-index:-1;background-color:var(--base-color-scale-black-0);opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}.Primer_Brand__SubNav-module__SubNav--open___uMKHN:after{opacity:.3;visibility:visible;transition:visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default), opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r{font-size:var(--base-size-16);line-height:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--open___uMKHN{display:block}.Primer_Brand__SubNav-module__SubNav--open___uMKHN .Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{max-height:100dvh;max-height:var(--subnav-available-height,100dvh);flex-direction:column;display:flex;overflow:hidden}.Primer_Brand__SubNav-module__SubNav--open___uMKHN .Primer_Brand__SubNav-module__SubNav__header-container___seaW6{flex-shrink:0}.Primer_Brand__SubNav-module__SubNav--open___uMKHN+.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{z-index:-1}.Primer_Brand__SubNav-module__SubNav--open___uMKHN:before{background-color:var(--brand-color-canvas-default);animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards}.Primer_Brand__SubNav-module__SubNav__heading-separator--main___6nQIi:not(.Primer_Brand__SubNav-module__SubNav__heading-separator--has-adjacent-label____My0U),.Primer_Brand__SubNav-module__SubNav__heading-separator--subheading-active___TGiD4,.Primer_Brand__SubNav-module__SubNav__subheading-container-active___NAyYL{display:none}.Primer_Brand__SubNav-module__SubNav__header-container___seaW6{white-space:pre;z-index:9998;width:100%;display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE+.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{z-index:9998;margin-inline-end:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{z-index:9998;padding-inline:var(--base-size-8);flex-direction:column;flex:auto;justify-content:center;display:none;position:relative}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{gap:var(--base-size-8);padding-block:var(--base-size-16);border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);flex-direction:column;justify-content:flex-start;min-height:0;display:flex;overflow-y:auto}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-default)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{z-index:9999;width:100%;justify-content:flex-end;padding-inline-end:var(--base-size-16);display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav--has-sub-heading___u6kR9:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___C7_mM) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block:var(--base-size-12);margin-block:0;display:block}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{width:100%;padding-inline-start:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-4) var(--base-size-12);gap:var(--base-size-6);cursor:pointer;font:inherit;border:none;align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey .Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{right:0}.Primer_Brand__SubNav-module__SubNav__link___rY_yE,.Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{-webkit-text-decoration:none;text-decoration:none;display:none}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{position:relative}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) *{color:var(--brand-SubNav-color-link-active)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-4) var(--base-size-12);margin-inline-start:var(--base-size-8)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]),.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);display:inline-flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE{animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards;display:block}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{padding-block:0}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action-container___Od_kP,.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action___Yrrhg{width:100%}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd{gap:var(--base-size-8);flex-direction:column;margin:0;padding:0;padding-block-start:var(--base-size-8);padding-inline-start:var(--base-size-16);list-style:none;display:flex}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd .Primer_Brand__SubNav-module__SubNav__link___rY_yE{margin-inline-start:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-default)!important}.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{z-index:99;width:100%;overflow:auto hidden}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{position:sticky;top:-1px}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:after{content:"";width:var(--base-size-32);background:linear-gradient(to left, var(--brand-color-canvas-default), transparent);pointer-events:none;z-index:100;position:absolute;top:0;bottom:0;right:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-16);padding-block-start:var(--base-size-16);padding-block-end:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh{padding-inline-end:var(--base-size-32)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link___rY_yE{white-space:pre;top:var(--base-size-2);display:block;position:relative}}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-icon___Fo5xs{fill:var(--brand-color-text-default)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{align-items:center;gap:var(--base-size-8);display:flex}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content--end___zLnlL{justify-content:flex-end}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible,.Primer_Brand__SubNav-module__SubNav__heading___d8v1r:focus-visible,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs:focus-visible,.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018:focus-visible,.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs{white-space:nowrap;display:block;position:relative}.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-6) var(--base-size-12);border:none}@media screen and (width>=48rem){.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{padding-inline-start:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{padding:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-24)}}.Primer_Brand__SubNav-module__SubNav__heading-label___Bv69i{white-space:pre}@media screen and (width>=63.25rem){.Primer_Brand__SubNav-module__SubNav___txUks{z-index:92;padding-inline:var(--base-size-32);align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{padding:0}.Primer_Brand__SubNav-module__SubNav___txUks:has(+.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_){padding-block-end:0}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:0}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{display:none}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav__heading___d8v1r{padding-block-end:1px}.Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{margin-inline-end:var(--base-size-20);display:inline-flex;top:0}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{top:-1px}.Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__header-container___seaW6{flex-shrink:0;align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{align-items:center;gap:var(--base-size-2);z-index:92;min-width:0;flex:1 1 0;align-self:stretch;padding-inline-start:var(--base-size-24);display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1>li{white-space:nowrap;flex:none}.Primer_Brand__SubNav-module__SubNav__link--in-overlay___TIjzJ{align-items:center;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__link-item--overflowed___9aqws{visibility:hidden;pointer-events:none;width:max-content;position:absolute}.Primer_Brand__SubNav-module__SubNav__overflow-container___uUl1G{visibility:hidden;pointer-events:none;align-self:stretch;align-items:center;display:flex;position:absolute}.Primer_Brand__SubNav-module__SubNav__overflow-container--visible___WHs6j{visibility:visible;pointer-events:auto;position:relative}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu{align-items:center;gap:var(--base-size-4);padding:var(--base-size-4) var(--base-size-12);color:var(--brand-SubNav-color-link-rest);background:var(--brand-SubNav-overflowMenu-toggle-bgColor-rest);border-radius:var(--brand-borderRadius-full);font:inherit;cursor:pointer;border:0;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu:hover{background-color:var(--brand-SubNav-overflowMenu-toggle-bgColor-hover)}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu[aria-expanded=true],.Primer_Brand__SubNav-module__SubNav__overflow-toggle--active___n1AFR{background-color:var(--brand-SubNav-overflowMenu-toggle-bgColor-active)}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:inherit}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE{transition:color .2s var(--brand-animation-easing-glide);padding:var(--base-size-4) var(--base-size-12);border-radius:var(--brand-borderRadius-full);position:relative;-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{padding:var(--base-size-4) 0}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:after{content:"";bottom:calc(var(--base-size-12) * -1);width:100%;height:var(--base-size-12);background:0 0;position:absolute;left:0}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{background-clip:padding-box;background-color:var(--brand-color-canvas-default);border:var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-8);z-index:9998;transition-timing-function:var(--brand-animation-easing-glide);transition-duration:var(--brand-animation-duration-fast);top:90%;left:0;left:var(--base-size-4);visibility:hidden;opacity:0;transform-origin:top;gap:var(--base-size-8);width:var(--brand-SubNav-width-subMenu);flex-direction:column;margin-block-start:var(--base-size-8);list-style:none;transition-property:opacity,transform;display:flex;position:absolute;transform:scale(.99)translateY(-.7em)translate(-8px)}.Primer_Brand__SubNav-module__SubNav__link--expanded___pUtmL .Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{visibility:visible;opacity:1;transform:scale(1)translateY(0)translate(-8px)}.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018{width:var(--base-size-24);height:var(--base-size-24);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;margin-inline-end:calc(-1 * var(--base-size-8));padding:0;padding-inline-end:var(--base-size-8);display:inline-flex}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd .Primer_Brand__SubNav-module__SubNav__link___rY_yE{display:block}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{opacity:1;transform:scale(0)}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{align-items:center;gap:var(--base-size-4);cursor:pointer;display:inline-flex;position:relative}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p>.Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding-inline-end:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding:var(--base-size-4) 0;position:relative}.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:0 var(--base-size-8) 0 0;gap:0}.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4>.Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-4) 0 var(--base-size-4) var(--base-size-12)}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-12)}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);line-height:1.1em}@supports ((-moz-appearance:none)){.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{top:0}}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4 .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){padding-inline-end:var(--base-size-4)}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);top:auto;top:initial;background-color:#0000}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{fill:var(--brand-color-text-muted);transition:transform var(--brand-animation-duration-fast);display:inline-block!important}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:not(.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4) .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{top:calc(-1 * var(--brand-borderWidth-thin));position:relative}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-32)}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE{width:100%;min-height:var(--brand-SubNav-height-overflowMenuItemMin);padding:var(--base-size-8) var(--base-size-12);color:var(--brand-SubNav-overflowMenu-fgColor-rest);white-space:normal;word-wrap:anywhere;border-radius:var(--brand-borderRadius-medium);background-color:var(--brand-SubNav-overflowMenu-bgColor-rest);display:block}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:inherit;font-weight:var(--base-text-weight-normal);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover,.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus,.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible,.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){color:var(--brand-SubNav-overflowMenu-fgColor-hover);background-color:var(--brand-SubNav-overflowMenu-bgColor-hover)}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible{box-shadow:inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);outline:none}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{background:0 0;padding:0;display:block}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:after{content:none}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{width:auto;background-color:var(--brand-SubNav-overflowMenu-bgColor-rest);visibility:visible;opacity:1;border:0;margin:0;padding:0;padding-inline-start:var(--base-size-16);position:static;transform:none}}@keyframes Primer_Brand__SubNav-module__fade-in___6VxHj{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.Primer_Brand__SubNav-module__SubNav___txUks,.Primer_Brand__SubNav-module__SubNav___txUks:before,.Primer_Brand__SubNav-module__SubNav___txUks:after,.Primer_Brand__SubNav-module__SubNav___txUks *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@@ -1,4 +1,4 @@
1
- import './SubNav.module-cyUt0N_h.css';//#region src/SubNav/SubNav.module.css
1
+ import './SubNav.module-kWRa0Laq.css';//#region src/SubNav/SubNav.module.css
2
2
  var e = "Primer_Brand__SubNav-module__SubNav__container___e4u9B", t = "Primer_Brand__SubNav-module__SubNav___txUks", n = "Primer_Brand__SubNav-module__SubNav__heading___d8v1r", r = "Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs", i = "Primer_Brand__SubNav-module__SubNav__link___rY_yE", a = "Primer_Brand__SubNav-module__SubNav__action___Yrrhg", o = {
3
3
  SubNav__container: e,
4
4
  "SubNav__container--with-anchor-nav": "Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj",
@@ -1 +1 @@
1
- {"version":3,"file":"SubNav.module.js","names":[],"sources":["../../src/SubNav/SubNav.module.css"],"sourcesContent":[".SubNav__container {\n position: absolute;\n width: 100%;\n z-index: 2;\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__container--with-anchor-nav {\n display: unset;\n position: relative;\n}\n\n.SubNav__container--with-anchor-nav .SubNav {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav {\n width: 100%;\n display: flex;\n z-index: 1;\n background-color: var(--brand-SubNav-bgColor);\n}\n\n[data-color-mode='dark'] .SubNav {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.SubNav__heading,\n.SubNav__subHeading {\n display: block;\n font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n font-weight: var(--brand-text-subhead-weight-medium);\n color: var(--brand-color-text-default);\n font-family: var(--brand-heading-fontFamily);\n text-decoration: none;\n}\n\n.SubNav__heading:hover,\n.SubNav__subHeading:hover,\n.SubNav__link:hover .SubNav__link-label {\n color: var(--brand-color-text-muted);\n text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav--header-container-outer {\n width: 100%;\n}\n\n.SubNav__heading-container {\n min-height: 60px;\n position: relative;\n z-index: 9998;\n display: flex;\n align-items: center;\n padding: var(--base-size-16);\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__heading-container + .SubNav__heading-container {\n padding-inline-start: var(--base-size-24);\n}\n\n.SubNav--has-shadow {\n box-shadow: var(--brand-SubNav-shadow);\n background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav--full-width {\n padding-inline: 0;\n}\n\n.SubNav__action-container {\n margin-left: auto;\n}\n\n.SubNav__sub-menu-icon {\n display: none !important;\n}\n\n.SubNav__sub-menu-children {\n display: contents;\n}\n\n.SubNav__links-overlay {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.SubNav__links-overlay > span {\n display: none;\n}\n\n.SubNav__sub-menu-toggle {\n display: none;\n}\n\n.SubNav__overflow-container {\n display: none;\n}\n\n.SubNav__overflow-menu {\n position: absolute;\n inset: auto;\n margin: 0;\n padding: 0;\n z-index: 10;\n width: max-content;\n min-width: var(--brand-SubNav-width-overflowMenuMin);\n max-width: calc(100vw - var(--brand-SubNav-width-overflowMenuInset));\n max-height: calc(100dvh - var(--brand-SubNav-height-overflowMenuInset));\n overflow-x: hidden;\n overflow-y: auto;\n background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n border-end-start-radius: var(--brand-borderRadius-medium);\n border-end-end-radius: var(--brand-borderRadius-medium);\n box-shadow: none;\n transform: translateY(calc(0px - var(--brand-SubNav-offset-overflowMenu)));\n animation: fade-in var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.SubNav__overflow-menu::backdrop {\n background-color: transparent;\n}\n\n.SubNav__overflow-menu-list {\n display: grid;\n gap: var(--brand-borderWidth-thin);\n list-style: none;\n margin: 0;\n padding: var(--base-size-8);\n width: 100%;\n}\n\n/*\n * Anchor Nav Submenu\n */\n\n.SubNav__anchor-menu-outer-container {\n position: sticky;\n top: -1px;\n z-index: 91; /* must be higher than subdomain nav bar */\n}\n\n.SubNav__anchor-menu-container {\n opacity: 0;\n background-color: transparent;\n transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__anchor-menu-container,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__anchor-menu-container {\n transform: translateY(0);\n opacity: 1;\n background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav__anchor-menu-outer-container {\n height: 0;\n transition: height var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within,\n.SubNav__anchor-menu-outer-container--stuck {\n height: auto;\n}\n\n.SubNav__sub-menu--anchor {\n opacity: 0;\n transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n height var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__sub-menu--anchor,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__sub-menu--anchor {\n visibility: visible;\n opacity: 1;\n transform: translateY(0);\n}\n\n.SubNav__sub-menu--anchor {\n display: flex;\n padding-block: var(--base-size-12);\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n display: inline-flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n gap: var(--base-size-20);\n}\n\n.SubNav__link-label {\n font-weight: 450; /* FIXME: unsupported in our font weight primitives */\n}\n\n.SubNav__sub-menu--anchor .SubNav__link-label {\n padding: var(--base-size-6) var(--base-size-12);\n background-color: transparent;\n border-radius: var(--brand-borderRadius-full);\n transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view .SubNav__link-label {\n background-color: var(--brand-SubNav-color-link-bgColor);\n}\n\n.SubNav__link:focus-visible .SubNav__link-label::after,\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view:focus-visible .SubNav__link-label::after {\n opacity: 0;\n}\n\n.SubNav__link[aria-current]:not([aria-current='false']) * {\n color: var(--brand-SubNav-color-link-active);\n text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav__link:hover .SubNav__link-label {\n transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubNav__link:hover .SubNav__link-label::after {\n border-color: var(--brand-color-text-default);\n}\n\n/*\n * Narrow breakpoint\n */\n\n@media screen and (max-width: 63.24rem) {\n .SubNav {\n position: relative;\n }\n\n .SubNav::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n opacity: 0;\n z-index: 9997;\n }\n\n .SubNav::after {\n content: '';\n z-index: -1;\n position: fixed;\n background-color: var(--base-color-scale-black-0);\n opacity: 0;\n visibility: hidden;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n }\n\n .SubNav--open::after {\n opacity: 0.3;\n visibility: visible;\n transition: visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n }\n\n .SubNav__heading {\n font-size: var(--base-size-16);\n line-height: var(--base-size-24);\n }\n\n .SubNav--open {\n display: block;\n }\n\n .SubNav--open .SubNav--header-container-outer {\n display: flex;\n flex-direction: column;\n max-height: var(--subnav-available-height, 100dvh);\n overflow: hidden;\n }\n\n .SubNav--open .SubNav__header-container {\n flex-shrink: 0;\n }\n\n .SubNav--open + .SubNav__anchor-menu-outer-container {\n z-index: -1;\n }\n\n .SubNav--open::before {\n background-color: var(--brand-color-canvas-default);\n animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n }\n\n .SubNav__heading-separator--main:not(.SubNav__heading-separator--has-adjacent-label),\n .SubNav__heading-separator--subheading-active,\n .SubNav__subheading-container-active {\n display: none;\n }\n\n .SubNav__header-container {\n display: flex;\n width: 100%;\n white-space: pre;\n position: relative;\n z-index: 9998;\n }\n\n .SubNav__heading-container + .SubNav__heading-container {\n padding-inline-start: var(--base-size-16);\n }\n\n .SubNav__heading-separator {\n margin-inline-end: var(--base-size-16);\n z-index: 9998;\n }\n\n .SubNav__links-overlay {\n position: relative;\n display: flex;\n flex: auto;\n flex-direction: column;\n justify-content: center;\n z-index: 9998;\n display: none;\n padding-inline: var(--base-size-8);\n }\n\n .SubNav__links-overlay--open {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-8);\n padding-block: var(--base-size-16);\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n justify-content: flex-start;\n overflow-y: auto;\n min-height: 0;\n }\n\n .SubNav__links-overlay--open .SubNav__link:hover .SubNav__link-label {\n color: var(--brand-color-text-default);\n }\n\n .SubNav__overlay-toggle {\n display: flex;\n position: relative;\n width: 100%;\n z-index: 9999;\n justify-content: flex-end;\n padding-inline-end: var(--base-size-16);\n }\n\n .SubNav--has-sub-heading:not(.SubNav--subHeadingActive) .SubNav__overlay-toggle {\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n display: block;\n padding-block: var(--base-size-12);\n margin-block: 0;\n }\n\n .SubNav__overlay-toggle-content {\n width: 100%;\n padding-inline-start: var(--base-size-16);\n }\n\n .SubNav__overlay-toggle-label {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border: none;\n border-radius: var(--brand-borderRadius-full);\n padding: var(--base-size-4) var(--base-size-12);\n gap: var(--base-size-6);\n display: flex;\n align-items: center;\n cursor: pointer;\n font: inherit;\n }\n\n .SubNav--full-width .SubNav__overlay-toggle {\n right: 0;\n }\n\n .SubNav__link,\n .SubNav__action-container {\n display: none;\n text-decoration: none;\n }\n\n .SubNav__links-overlay--open .SubNav__link-label {\n position: relative;\n }\n\n .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) * {\n color: var(--brand-SubNav-color-link-active);\n }\n\n .SubNav__links-overlay--open .SubNav__link {\n margin-inline-start: var(--base-size-8);\n padding: var(--base-size-4) var(--base-size-12);\n }\n\n .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) {\n display: inline-flex;\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-full);\n }\n\n .SubNav__links-overlay--open .SubNav__link:hover {\n display: inline-flex;\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-full);\n }\n\n .SubNav__links-overlay--open .SubNav__link {\n display: inline-flex;\n animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n }\n\n .SubNav__links-overlay--open .SubNav__action-container {\n display: block;\n animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n }\n\n .SubNav__links-overlay--open .SubNav__link--has-sub-menu {\n padding-block: 0;\n }\n\n .SubNav__links-overlay--open .SubNav__action-container {\n width: 100%;\n }\n\n .SubNav__links-overlay--open .SubNav__action {\n width: 100%;\n }\n\n .SubNav__sub-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n padding-inline-start: var(--base-size-16);\n padding-block-start: var(--base-size-8);\n display: flex;\n flex-direction: column;\n gap: var(--base-size-8);\n }\n\n .SubNav__sub-menu .SubNav__link {\n margin-inline-start: 0;\n }\n\n .SubNav__sub-menu--dropdown .SubNav__link:hover .SubNav__link-label {\n color: var(--brand-color-text-default) !important;\n }\n\n .SubNav__anchor-menu-container {\n z-index: 99;\n overflow-x: auto;\n overflow-y: hidden;\n width: 100%;\n }\n\n .SubNav__anchor-menu-outer-container {\n position: sticky;\n top: -1px;\n }\n\n .SubNav__anchor-menu-outer-container::after {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: var(--base-size-32);\n background: linear-gradient(to left, var(--brand-color-canvas-default), transparent);\n pointer-events: none;\n z-index: 100;\n }\n\n .SubNav__sub-menu--anchor {\n padding-inline: var(--base-size-16);\n padding-block-end: var(--base-size-16);\n padding-block-start: var(--base-size-16);\n }\n\n .SubNav__sub-menu--anchor .SubNav__link-label {\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n }\n\n .SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n padding-inline-end: var(--base-size-32);\n }\n\n .SubNav__sub-menu--anchor .SubNav__link {\n display: block;\n white-space: pre;\n position: relative;\n top: var(--base-size-2);\n }\n}\n\n.SubNav__overlay-toggle-icon {\n fill: var(--brand-color-text-default);\n}\n\n.SubNav__overlay-toggle-content {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n}\n\n.SubNav__overlay-toggle-content--end {\n justify-content: flex-end;\n}\n\n.SubNav__link:focus-visible,\n.SubNav__heading:focus-visible,\n.SubNav__subHeading:focus-visible,\n.SubNav__sub-menu-toggle:focus-visible,\n.SubNav__overlay-toggle-label:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.SubNav__subHeading {\n display: block;\n position: relative;\n white-space: nowrap;\n}\n\n.SubNav__subHeading[aria-current]:not([aria-current='false']) {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border: none;\n border-radius: var(--brand-borderRadius-full);\n padding: var(--base-size-6) var(--base-size-12);\n}\n\n@media screen and (min-width: 48rem) {\n .SubNav__heading-container {\n padding-inline: var(--base-size-24);\n }\n\n .SubNav__overlay-toggle-content {\n padding-inline-start: var(--base-size-24);\n }\n\n .SubNav__links-overlay--open {\n padding: var(--base-size-24);\n }\n\n .SubNav--full-width {\n padding-inline: 0;\n }\n\n .SubNav__sub-menu--anchor {\n padding-inline: var(--base-size-24);\n }\n}\n\n.SubNav__heading-label {\n white-space: pre;\n}\n\n/*\n * Wide breakpoint\n */\n\n@media screen and (min-width: 63.25rem) {\n .SubNav {\n align-items: center;\n display: flex;\n z-index: 92;\n padding-inline: var(--base-size-32);\n }\n\n .SubNav__links-overlay--open {\n padding: 0;\n }\n\n .SubNav:has(+ .SubNav__anchor-menu-container) {\n padding-block-end: 0;\n }\n\n .SubNav__heading-container {\n padding-inline-start: 0;\n }\n\n .SubNav--full-width {\n padding-inline: 0;\n }\n\n .SubNav__overlay-toggle {\n display: none;\n }\n\n .SubNav__container--with-anchor-nav .SubNav__heading {\n padding-block-end: 1px;\n }\n\n .SubNav__heading-separator {\n margin-inline-end: var(--base-size-20);\n display: inline-flex;\n top: 0;\n }\n\n .SubNav__container--with-anchor-nav .SubNav__heading-separator {\n top: -1px;\n }\n\n .SubNav--header-container-outer {\n display: flex;\n align-items: center;\n }\n\n .SubNav__header-container {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .SubNav__links-overlay {\n align-items: center;\n display: flex;\n gap: var(--base-size-2);\n z-index: 92;\n flex: 1 1 0;\n min-width: 0;\n align-self: stretch;\n padding-inline-start: var(--base-size-24);\n }\n\n .SubNav__links-overlay > li {\n flex: 0 0 auto;\n white-space: nowrap;\n }\n\n .SubNav__link--in-overlay {\n display: inline-flex;\n align-items: center;\n }\n\n .SubNav__link-item--overflowed {\n position: absolute;\n width: max-content;\n visibility: hidden;\n pointer-events: none;\n }\n\n .SubNav__overflow-container {\n display: flex;\n align-items: center;\n align-self: stretch;\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n }\n\n .SubNav__overflow-container--visible {\n position: relative;\n visibility: visible;\n pointer-events: auto;\n }\n\n .SubNav__overflow-toggle {\n display: inline-flex;\n align-items: center;\n gap: var(--base-size-4);\n padding: var(--base-size-4) var(--base-size-12);\n color: var(--brand-SubNav-color-link-rest);\n background: var(--brand-SubNav-overflowMenu-toggle-bgColor-rest);\n border: 0;\n border-radius: var(--brand-borderRadius-full);\n font: inherit;\n cursor: pointer;\n }\n\n .SubNav__overflow-toggle:hover {\n background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-hover);\n }\n\n .SubNav__overflow-toggle[aria-expanded='true'],\n .SubNav__overflow-toggle--active {\n background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-active);\n }\n\n .SubNav__overflow-toggle .SubNav__link-label {\n color: inherit;\n }\n\n .SubNav__overflow-toggle:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n }\n\n .SubNav__link {\n text-decoration: none !important; /* dotcom override */\n transition: color 0.2s var(--brand-animation-easing-glide);\n position: relative;\n padding: var(--base-size-4) var(--base-size-12);\n border-radius: var(--brand-borderRadius-full);\n }\n\n .SubNav__link-label {\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n }\n\n .SubNav__link--has-sub-menu {\n padding: var(--base-size-4) 0;\n }\n\n /* To fix hover distance between link and dropdown */\n .SubNav__link--has-sub-menu::after {\n content: '';\n position: absolute;\n bottom: calc(var(--base-size-12) * -1);\n left: 0;\n width: 100%;\n height: var(--base-size-12);\n background: transparent;\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n background-clip: padding-box;\n background-color: var(--brand-color-canvas-default);\n border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);\n border-radius: var(--brand-borderRadius-medium);\n left: 0;\n list-style: none;\n margin-block-start: var(--base-size-8);\n padding: var(--base-size-8);\n position: absolute;\n top: 90%;\n z-index: 9998;\n transition-timing-function: var(--brand-animation-easing-glide);\n transition-duration: var(--brand-animation-duration-fast);\n transition-property: opacity, transform;\n left: var(--base-size-4);\n visibility: hidden;\n opacity: 0;\n transform: scale(0.99) translateY(-0.7em) translateX(-8px);\n transform-origin: top;\n display: flex;\n flex-direction: column;\n gap: var(--base-size-8);\n width: var(--brand-SubNav-width-subMenu);\n }\n\n .SubNav__link--expanded .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n visibility: visible;\n opacity: 1;\n transform: scale(1) translateY(0) translateX(-8px);\n }\n\n .SubNav__sub-menu-toggle {\n width: var(--base-size-24);\n height: var(--base-size-24);\n border: none;\n padding: 0;\n margin: 0;\n padding-inline-end: var(--base-size-8);\n margin-inline-end: calc(-1 * var(--base-size-8));\n background: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n }\n\n .SubNav__sub-menu .SubNav__link {\n display: block;\n }\n\n .SubNav__sub-menu--dropdown .SubNav__link-label::after {\n opacity: 1;\n transform: scale(0);\n }\n\n .SubNav__link--has-sub-menu {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--base-size-4);\n cursor: pointer;\n }\n\n .SubNav__link--has-sub-menu > .SubNav__link {\n padding-inline-end: 0;\n }\n\n .SubNav__sub-menu--dropdown .SubNav__link-label {\n position: relative;\n padding: var(--base-size-4) 0;\n }\n\n /* Show pill on submenu parent */\n .SubNav__link--has-active-sub-menu {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-full);\n padding: 0 var(--base-size-8) 0 0;\n gap: 0;\n }\n\n .SubNav__link--has-active-sub-menu > .SubNav__link {\n padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link {\n padding: var(--base-size-12);\n }\n\n /* Active link pill styling */\n .SubNav__links-overlay .SubNav__link[aria-current]:not([aria-current='false']) {\n background-color: var(--brand-SubNav-color-link-bgColor);\n line-height: 1.1em;\n }\n\n /* Firefox optical alignment fix */\n @supports (-moz-appearance: none) {\n .SubNav__links-overlay\n .SubNav__link--has-sub-menu\n .SubNav__link[aria-current]:not([aria-current='false'])\n .SubNav__link-label {\n top: 0;\n }\n }\n\n .SubNav__links-overlay .SubNav__link--has-active-sub-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n padding-inline-end: var(--base-size-4);\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link[aria-current]:not([aria-current='false']) {\n background-color: transparent;\n border-radius: var(--brand-borderRadius-medium);\n padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);\n top: unset;\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link:hover {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-medium);\n }\n\n .SubNav__sub-menu-icon {\n display: inline-block !important;\n fill: var(--brand-color-text-muted);\n transition: transform var(--brand-animation-duration-fast);\n }\n\n .SubNav__link--has-sub-menu:not(.SubNav__link--has-active-sub-menu) .SubNav__sub-menu-icon {\n position: relative;\n top: calc(-1 * var(--brand-borderWidth-thin));\n }\n\n .SubNav__sub-menu--anchor {\n padding-inline: var(--base-size-32);\n }\n\n .SubNav__overflow-menu .SubNav__link {\n display: block;\n width: 100%;\n min-height: var(--brand-SubNav-height-overflowMenuItemMin);\n padding: var(--base-size-8) var(--base-size-12);\n color: var(--brand-SubNav-overflowMenu-fgColor-rest);\n white-space: normal;\n overflow-wrap: anywhere;\n border-radius: var(--brand-borderRadius-medium);\n background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n }\n\n .SubNav__overflow-menu .SubNav__link .SubNav__link-label {\n color: inherit;\n font-weight: var(--base-text-weight-normal);\n line-height: var(--brand-text-lineHeight-200);\n }\n\n .SubNav__overflow-menu .SubNav__link:hover,\n .SubNav__overflow-menu .SubNav__link:focus,\n .SubNav__overflow-menu .SubNav__link:focus-visible,\n .SubNav__overflow-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n color: var(--brand-SubNav-overflowMenu-fgColor-hover);\n background-color: var(--brand-SubNav-overflowMenu-bgColor-hover);\n }\n\n .SubNav__overflow-menu .SubNav__link:focus-visible {\n box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n outline: none;\n }\n\n .SubNav__overflow-menu .SubNav__link--has-sub-menu {\n display: block;\n background: transparent;\n padding: 0;\n }\n\n .SubNav__overflow-menu .SubNav__link--has-sub-menu::after {\n content: none;\n }\n\n .SubNav__overflow-menu .SubNav__sub-menu--dropdown {\n position: static;\n width: auto;\n margin: 0;\n padding: 0;\n padding-inline-start: var(--base-size-16);\n border: 0;\n background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n visibility: visible;\n opacity: 1;\n transform: none;\n }\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n .SubNav,\n .SubNav::before,\n .SubNav::after,\n .SubNav * {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"SubNav.module.js","names":[],"sources":["../../src/SubNav/SubNav.module.css"],"sourcesContent":[".SubNav__container {\n position: absolute;\n width: 100%;\n z-index: 2;\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__container--with-anchor-nav {\n display: unset;\n position: relative;\n}\n\n.SubNav__container--with-anchor-nav .SubNav {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav {\n width: 100%;\n display: flex;\n z-index: 1;\n background-color: var(--brand-SubNav-bgColor);\n}\n\n[data-color-mode='dark'] .SubNav {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'] .SubNav {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n\n.SubNav__heading,\n.SubNav__subHeading {\n display: block;\n font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n font-weight: var(--brand-text-subhead-weight-medium);\n color: var(--brand-color-text-default);\n font-family: var(--brand-heading-fontFamily);\n text-decoration: none;\n}\n\n.SubNav__heading:hover,\n.SubNav__subHeading:hover,\n.SubNav__link:hover .SubNav__link-label {\n color: var(--brand-color-text-muted);\n text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav--header-container-outer {\n width: 100%;\n}\n\n.SubNav__heading-container {\n min-height: 60px;\n position: relative;\n z-index: 9998;\n display: flex;\n align-items: center;\n padding: var(--base-size-16);\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__heading-container + .SubNav__heading-container {\n padding-inline-start: var(--base-size-24);\n}\n\n.SubNav--has-shadow {\n box-shadow: var(--brand-SubNav-shadow);\n background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav--full-width {\n padding-inline: 0;\n}\n\n.SubNav__action-container {\n margin-left: auto;\n}\n\n.SubNav__sub-menu-icon {\n display: none !important;\n}\n\n.SubNav__sub-menu-children {\n display: contents;\n}\n\n.SubNav__links-overlay {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.SubNav__links-overlay > span {\n display: none;\n}\n\n.SubNav__sub-menu-toggle {\n display: none;\n}\n\n.SubNav__overflow-container {\n display: none;\n}\n\n.SubNav__overflow-menu {\n position: absolute;\n inset: auto;\n margin: 0;\n padding: 0;\n z-index: 10;\n width: max-content;\n min-width: var(--brand-SubNav-width-overflowMenuMin);\n max-width: calc(100vw - var(--brand-SubNav-width-overflowMenuInset));\n max-height: calc(100dvh - var(--brand-SubNav-height-overflowMenuInset));\n overflow-x: hidden;\n overflow-y: auto;\n background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n border-end-start-radius: var(--brand-borderRadius-medium);\n border-end-end-radius: var(--brand-borderRadius-medium);\n box-shadow: none;\n transform: translateY(calc(0px - var(--brand-SubNav-offset-overflowMenu)));\n animation: fade-in var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.SubNav__overflow-menu::backdrop {\n background-color: transparent;\n}\n\n.SubNav__overflow-menu-list {\n display: grid;\n gap: var(--brand-borderWidth-thin);\n list-style: none;\n margin: 0;\n padding: var(--base-size-8);\n width: 100%;\n}\n\n/*\n * Anchor Nav Submenu\n */\n\n.SubNav__anchor-menu-outer-container {\n position: sticky;\n top: -1px;\n z-index: 91; /* must be higher than subdomain nav bar */\n}\n\n.SubNav__anchor-menu-container {\n opacity: 0;\n background-color: transparent;\n transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__anchor-menu-container,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__anchor-menu-container {\n transform: translateY(0);\n opacity: 1;\n background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav__anchor-menu-outer-container {\n height: 0;\n transition: height var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within,\n.SubNav__anchor-menu-outer-container--stuck {\n height: auto;\n}\n\n.SubNav__sub-menu--anchor {\n opacity: 0;\n transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n height var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__sub-menu--anchor,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__sub-menu--anchor {\n visibility: visible;\n opacity: 1;\n transform: translateY(0);\n}\n\n.SubNav__sub-menu--anchor {\n display: flex;\n padding-block: var(--base-size-12);\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n display: inline-flex;\n list-style-type: none;\n margin: 0;\n padding: 0;\n gap: var(--base-size-20);\n}\n\n.SubNav__link-label {\n font-weight: 450; /* FIXME: unsupported in our font weight primitives */\n}\n\n.SubNav__sub-menu--anchor .SubNav__link-label {\n padding: var(--base-size-6) var(--base-size-12);\n background-color: transparent;\n border-radius: var(--brand-borderRadius-full);\n transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view .SubNav__link-label {\n background-color: var(--brand-SubNav-color-link-bgColor);\n}\n\n.SubNav__link:focus-visible .SubNav__link-label::after,\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view:focus-visible .SubNav__link-label::after {\n opacity: 0;\n}\n\n.SubNav__link[aria-current]:not([aria-current='false']) * {\n color: var(--brand-SubNav-color-link-active);\n text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav__link:hover .SubNav__link-label {\n transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubNav__link:hover .SubNav__link-label::after {\n border-color: var(--brand-color-text-default);\n}\n\n/*\n * Narrow breakpoint\n */\n\n@media screen and (max-width: 63.24rem) {\n .SubNav {\n position: relative;\n }\n\n .SubNav::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n opacity: 0;\n z-index: 9997;\n }\n\n .SubNav::after {\n content: '';\n z-index: -1;\n position: fixed;\n background-color: var(--base-color-scale-black-0);\n opacity: 0;\n visibility: hidden;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n }\n\n .SubNav--open::after {\n opacity: 0.3;\n visibility: visible;\n transition: visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n }\n\n .SubNav__heading {\n font-size: var(--base-size-16);\n line-height: var(--base-size-24);\n }\n\n .SubNav--open {\n display: block;\n }\n\n .SubNav--open .SubNav--header-container-outer {\n display: flex;\n flex-direction: column;\n max-height: var(--subnav-available-height, 100dvh);\n overflow: hidden;\n }\n\n .SubNav--open .SubNav__header-container {\n flex-shrink: 0;\n }\n\n .SubNav--open + .SubNav__anchor-menu-outer-container {\n z-index: -1;\n }\n\n .SubNav--open::before {\n background-color: var(--brand-color-canvas-default);\n animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n }\n\n .SubNav__heading-separator--main:not(.SubNav__heading-separator--has-adjacent-label),\n .SubNav__heading-separator--subheading-active,\n .SubNav__subheading-container-active {\n display: none;\n }\n\n .SubNav__header-container {\n display: flex;\n width: 100%;\n white-space: pre;\n position: relative;\n z-index: 9998;\n }\n\n .SubNav__heading-container + .SubNav__heading-container {\n padding-inline-start: var(--base-size-16);\n }\n\n .SubNav__heading-separator {\n margin-inline-end: var(--base-size-16);\n z-index: 9998;\n }\n\n .SubNav__links-overlay {\n position: relative;\n display: flex;\n flex: auto;\n flex-direction: column;\n justify-content: center;\n z-index: 9998;\n display: none;\n padding-inline: var(--base-size-8);\n }\n\n .SubNav__links-overlay--open {\n display: flex;\n flex-direction: column;\n gap: var(--base-size-8);\n padding-block: var(--base-size-16);\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n justify-content: flex-start;\n overflow-y: auto;\n min-height: 0;\n }\n\n .SubNav__links-overlay--open .SubNav__link:hover .SubNav__link-label {\n color: var(--brand-color-text-default);\n }\n\n .SubNav__overlay-toggle {\n display: flex;\n position: relative;\n width: 100%;\n z-index: 9999;\n justify-content: flex-end;\n padding-inline-end: var(--base-size-16);\n }\n\n .SubNav--has-sub-heading:not(.SubNav--subHeadingActive) .SubNav__overlay-toggle {\n border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n display: block;\n padding-block: var(--base-size-12);\n margin-block: 0;\n }\n\n .SubNav__overlay-toggle-content {\n width: 100%;\n padding-inline-start: var(--base-size-16);\n }\n\n .SubNav__overlay-toggle-label {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border: none;\n border-radius: var(--brand-borderRadius-full);\n padding: var(--base-size-4) var(--base-size-12);\n gap: var(--base-size-6);\n display: flex;\n align-items: center;\n cursor: pointer;\n font: inherit;\n }\n\n .SubNav--full-width .SubNav__overlay-toggle {\n right: 0;\n }\n\n .SubNav__link,\n .SubNav__action-container {\n display: none;\n text-decoration: none;\n }\n\n .SubNav__links-overlay--open .SubNav__link-label {\n position: relative;\n }\n\n .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) * {\n color: var(--brand-SubNav-color-link-active);\n }\n\n .SubNav__links-overlay--open .SubNav__link {\n margin-inline-start: var(--base-size-8);\n padding: var(--base-size-4) var(--base-size-12);\n }\n\n .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) {\n display: inline-flex;\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-full);\n }\n\n .SubNav__links-overlay--open .SubNav__link:hover {\n display: inline-flex;\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-full);\n }\n\n .SubNav__links-overlay--open .SubNav__link {\n display: inline-flex;\n animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n }\n\n .SubNav__links-overlay--open .SubNav__action-container {\n display: block;\n animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n }\n\n .SubNav__links-overlay--open .SubNav__link--has-sub-menu {\n padding-block: 0;\n }\n\n .SubNav__links-overlay--open .SubNav__action-container {\n width: 100%;\n }\n\n .SubNav__links-overlay--open .SubNav__action {\n width: 100%;\n }\n\n .SubNav__sub-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n padding-inline-start: var(--base-size-16);\n padding-block-start: var(--base-size-8);\n display: flex;\n flex-direction: column;\n gap: var(--base-size-8);\n }\n\n .SubNav__sub-menu .SubNav__link {\n margin-inline-start: 0;\n }\n\n .SubNav__sub-menu--dropdown .SubNav__link:hover .SubNav__link-label {\n color: var(--brand-color-text-default) !important;\n }\n\n .SubNav__anchor-menu-container {\n z-index: 99;\n overflow-x: auto;\n overflow-y: hidden;\n width: 100%;\n }\n\n .SubNav__anchor-menu-outer-container {\n position: sticky;\n top: -1px;\n }\n\n .SubNav__anchor-menu-outer-container::after {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: var(--base-size-32);\n background: linear-gradient(to left, var(--brand-color-canvas-default), transparent);\n pointer-events: none;\n z-index: 100;\n }\n\n .SubNav__sub-menu--anchor {\n padding-inline: var(--base-size-16);\n padding-block-end: var(--base-size-16);\n padding-block-start: var(--base-size-16);\n }\n\n .SubNav__sub-menu--anchor .SubNav__link-label {\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n letter-spacing: var(--brand-text-letterSpacing-100);\n }\n\n .SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n padding-inline-end: var(--base-size-32);\n }\n\n .SubNav__sub-menu--anchor .SubNav__link {\n display: block;\n white-space: pre;\n position: relative;\n top: var(--base-size-2);\n }\n}\n\n.SubNav__overlay-toggle-icon {\n fill: var(--brand-color-text-default);\n}\n\n.SubNav__overlay-toggle-content {\n display: flex;\n align-items: center;\n gap: var(--base-size-8);\n}\n\n.SubNav__overlay-toggle-content--end {\n justify-content: flex-end;\n}\n\n.SubNav__link:focus-visible,\n.SubNav__heading:focus-visible,\n.SubNav__subHeading:focus-visible,\n.SubNav__sub-menu-toggle:focus-visible,\n.SubNav__overlay-toggle-label:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.SubNav__subHeading {\n display: block;\n position: relative;\n white-space: nowrap;\n}\n\n.SubNav__subHeading[aria-current]:not([aria-current='false']) {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border: none;\n border-radius: var(--brand-borderRadius-full);\n padding: var(--base-size-6) var(--base-size-12);\n}\n\n@media screen and (min-width: 48rem) {\n .SubNav__heading-container {\n padding-inline: var(--base-size-24);\n }\n\n .SubNav__overlay-toggle-content {\n padding-inline-start: var(--base-size-24);\n }\n\n .SubNav__links-overlay--open {\n padding: var(--base-size-24);\n }\n\n .SubNav--full-width {\n padding-inline: 0;\n }\n\n .SubNav__sub-menu--anchor {\n padding-inline: var(--base-size-24);\n }\n}\n\n.SubNav__heading-label {\n white-space: pre;\n}\n\n/*\n * Wide breakpoint\n */\n\n@media screen and (min-width: 63.25rem) {\n .SubNav {\n align-items: center;\n display: flex;\n z-index: 92;\n padding-inline: var(--base-size-32);\n }\n\n .SubNav__links-overlay--open {\n padding: 0;\n }\n\n .SubNav:has(+ .SubNav__anchor-menu-container) {\n padding-block-end: 0;\n }\n\n .SubNav__heading-container {\n padding-inline-start: 0;\n }\n\n .SubNav--full-width {\n padding-inline: 0;\n }\n\n .SubNav__overlay-toggle {\n display: none;\n }\n\n .SubNav__container--with-anchor-nav .SubNav__heading {\n padding-block-end: 1px;\n }\n\n .SubNav__heading-separator {\n margin-inline-end: var(--base-size-20);\n display: inline-flex;\n top: 0;\n }\n\n .SubNav__container--with-anchor-nav .SubNav__heading-separator {\n top: -1px;\n }\n\n .SubNav--header-container-outer {\n display: flex;\n align-items: center;\n }\n\n .SubNav__header-container {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .SubNav__links-overlay {\n align-items: center;\n display: flex;\n gap: var(--base-size-2);\n z-index: 92;\n flex: 1 1 0;\n min-width: 0;\n align-self: stretch;\n padding-inline-start: var(--base-size-24);\n }\n\n .SubNav__links-overlay > li {\n flex: 0 0 auto;\n white-space: nowrap;\n }\n\n .SubNav__link--in-overlay {\n display: inline-flex;\n align-items: center;\n }\n\n .SubNav__link-item--overflowed {\n position: absolute;\n width: max-content;\n visibility: hidden;\n pointer-events: none;\n }\n\n .SubNav__overflow-container {\n display: flex;\n align-items: center;\n align-self: stretch;\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n }\n\n .SubNav__overflow-container--visible {\n position: relative;\n visibility: visible;\n pointer-events: auto;\n }\n\n .SubNav__overflow-toggle {\n display: inline-flex;\n align-items: center;\n gap: var(--base-size-4);\n padding: var(--base-size-4) var(--base-size-12);\n color: var(--brand-SubNav-color-link-rest);\n background: var(--brand-SubNav-overflowMenu-toggle-bgColor-rest);\n border: 0;\n border-radius: var(--brand-borderRadius-full);\n font: inherit;\n cursor: pointer;\n }\n\n .SubNav__overflow-toggle:hover {\n background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-hover);\n }\n\n .SubNav__overflow-toggle[aria-expanded='true'],\n .SubNav__overflow-toggle--active {\n background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-active);\n }\n\n .SubNav__overflow-toggle .SubNav__link-label {\n color: inherit;\n }\n\n .SubNav__overflow-toggle:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n }\n\n .SubNav__link {\n text-decoration: none !important; /* dotcom override */\n transition: color 0.2s var(--brand-animation-easing-glide);\n position: relative;\n padding: var(--base-size-4) var(--base-size-12);\n border-radius: var(--brand-borderRadius-full);\n }\n\n .SubNav__link-label {\n font-size: var(--brand-text-size-100);\n line-height: var(--brand-text-lineHeight-100);\n }\n\n .SubNav__link--has-sub-menu {\n padding: var(--base-size-4) 0;\n }\n\n /* To fix hover distance between link and dropdown */\n .SubNav__link--has-sub-menu::after {\n content: '';\n position: absolute;\n bottom: calc(var(--base-size-12) * -1);\n left: 0;\n width: 100%;\n height: var(--base-size-12);\n background: transparent;\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n background-clip: padding-box;\n background-color: var(--brand-color-canvas-default);\n border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);\n border-radius: var(--brand-borderRadius-medium);\n left: 0;\n list-style: none;\n margin-block-start: var(--base-size-8);\n padding: var(--base-size-8);\n position: absolute;\n top: 90%;\n z-index: 9998;\n transition-timing-function: var(--brand-animation-easing-glide);\n transition-duration: var(--brand-animation-duration-fast);\n transition-property: opacity, transform;\n left: var(--base-size-4);\n visibility: hidden;\n opacity: 0;\n transform: scale(0.99) translateY(-0.7em) translateX(-8px);\n transform-origin: top;\n display: flex;\n flex-direction: column;\n gap: var(--base-size-8);\n width: var(--brand-SubNav-width-subMenu);\n }\n\n .SubNav__link--expanded .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n visibility: visible;\n opacity: 1;\n transform: scale(1) translateY(0) translateX(-8px);\n }\n\n .SubNav__sub-menu-toggle {\n width: var(--base-size-24);\n height: var(--base-size-24);\n border: none;\n padding: 0;\n margin: 0;\n padding-inline-end: var(--base-size-8);\n margin-inline-end: calc(-1 * var(--base-size-8));\n background: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n }\n\n .SubNav__sub-menu .SubNav__link {\n display: block;\n }\n\n .SubNav__sub-menu--dropdown .SubNav__link-label::after {\n opacity: 1;\n transform: scale(0);\n }\n\n .SubNav__link--has-sub-menu {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--base-size-4);\n cursor: pointer;\n }\n\n .SubNav__link--has-sub-menu > .SubNav__link {\n padding-inline-end: 0;\n }\n\n .SubNav__sub-menu--dropdown .SubNav__link-label {\n position: relative;\n padding: var(--base-size-4) 0;\n }\n\n /* Show pill on submenu parent */\n .SubNav__link--has-active-sub-menu {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-full);\n padding: 0 var(--base-size-8) 0 0;\n gap: 0;\n }\n\n .SubNav__link--has-active-sub-menu > .SubNav__link {\n padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link {\n padding: var(--base-size-12);\n }\n\n /* Active link pill styling */\n .SubNav__links-overlay .SubNav__link[aria-current]:not([aria-current='false']) {\n background-color: var(--brand-SubNav-color-link-bgColor);\n line-height: 1.1em;\n }\n\n /* Firefox optical alignment fix */\n @supports (-moz-appearance: none) {\n .SubNav__links-overlay\n .SubNav__link--has-sub-menu\n .SubNav__link[aria-current]:not([aria-current='false'])\n .SubNav__link-label {\n top: 0;\n }\n }\n\n .SubNav__links-overlay .SubNav__link--has-active-sub-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n padding-inline-end: var(--base-size-4);\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link[aria-current]:not([aria-current='false']) {\n background-color: transparent;\n border-radius: var(--brand-borderRadius-medium);\n padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);\n top: unset;\n }\n\n .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link:hover {\n background-color: var(--brand-SubNav-color-link-bgColor);\n border-radius: var(--brand-borderRadius-medium);\n }\n\n .SubNav__sub-menu-icon {\n display: inline-block !important;\n fill: var(--brand-color-text-muted);\n transition: transform var(--brand-animation-duration-fast);\n }\n\n .SubNav__link--has-sub-menu:not(.SubNav__link--has-active-sub-menu) .SubNav__sub-menu-icon {\n position: relative;\n top: calc(-1 * var(--brand-borderWidth-thin));\n }\n\n .SubNav__sub-menu--anchor {\n padding-inline: var(--base-size-32);\n }\n\n .SubNav__overflow-menu .SubNav__link {\n display: block;\n width: 100%;\n min-height: var(--brand-SubNav-height-overflowMenuItemMin);\n padding: var(--base-size-8) var(--base-size-12);\n color: var(--brand-SubNav-overflowMenu-fgColor-rest);\n white-space: normal;\n overflow-wrap: anywhere;\n border-radius: var(--brand-borderRadius-medium);\n background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n }\n\n .SubNav__overflow-menu .SubNav__link .SubNav__link-label {\n color: inherit;\n font-weight: var(--base-text-weight-normal);\n line-height: var(--brand-text-lineHeight-200);\n }\n\n .SubNav__overflow-menu .SubNav__link:hover,\n .SubNav__overflow-menu .SubNav__link:focus,\n .SubNav__overflow-menu .SubNav__link:focus-visible,\n .SubNav__overflow-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n color: var(--brand-SubNav-overflowMenu-fgColor-hover);\n background-color: var(--brand-SubNav-overflowMenu-bgColor-hover);\n }\n\n .SubNav__overflow-menu .SubNav__link:focus-visible {\n box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n outline: none;\n }\n\n .SubNav__overflow-menu .SubNav__link--has-sub-menu {\n display: block;\n background: transparent;\n padding: 0;\n }\n\n .SubNav__overflow-menu .SubNav__link--has-sub-menu::after {\n content: none;\n }\n\n .SubNav__overflow-menu .SubNav__sub-menu--dropdown {\n position: static;\n width: auto;\n margin: 0;\n padding: 0;\n padding-inline-start: var(--base-size-16);\n border: 0;\n background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n visibility: visible;\n opacity: 1;\n transform: none;\n }\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n .SubNav,\n .SubNav::before,\n .SubNav::after,\n .SubNav * {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
@@ -13,7 +13,7 @@ import u from "./SubdomainNavBar.module.js";
13
13
  import { SubdomainNavBarLinkContext as te, useSubdomainNavBarLinkContext as ne } from "./SubdomainNavBarLinkContext.js";
14
14
  import { NavigationVisbilityObserver as d } from "./NavigationVisbilityObserver.js";
15
15
  import { useFocusTrap as f } from "../hooks/useFocusTrap.js";
16
- import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-C_lnz8M6.css';/* empty css */
16
+ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-J9EPudv_.css';/* empty css */
17
17
  import { useSearchKeyboardShortcut as re } from "./useSearchKeyboardShortcut.js";
18
18
  import { useSearchResults as p } from "./useSearchResults.js";
19
19
  import { TextInput as ie } from "../forms/TextInput/TextInput.js";