@arc-ui/components 12.1.0 → 13.1.0

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 (257) hide show
  1. package/lib/Alert/styles.css +1 -1
  2. package/lib/Align/styles.css +1 -1
  3. package/lib/AppButton/styles.css +1 -1
  4. package/lib/Avatar/styles.css +1 -1
  5. package/lib/AvatarGroup/styles.css +1 -1
  6. package/lib/Badge/styles.css +1 -1
  7. package/lib/Banner/Banner.cjs +7 -3
  8. package/lib/Banner/Banner.mjs +7 -3
  9. package/lib/Box/styles.css +1 -1
  10. package/lib/BrandLogo/styles.css +1 -1
  11. package/lib/Breadcrumbs/Breadcrumbs.cjs +6 -6
  12. package/lib/Breadcrumbs/Breadcrumbs.mjs +6 -6
  13. package/lib/Breadcrumbs/styles.css +1 -1
  14. package/lib/Button/Button.cjs +1 -1
  15. package/lib/Button/Button.mjs +1 -1
  16. package/lib/Button/styles.css +1 -1
  17. package/lib/ButtonGroup/ButtonGroup.cjs +6 -3
  18. package/lib/ButtonGroup/ButtonGroup.mjs +6 -3
  19. package/lib/ButtonGroup/styles.css +1 -1
  20. package/lib/ButtonV2/ButtonV2.cjs +1 -1
  21. package/lib/ButtonV2/ButtonV2.mjs +1 -1
  22. package/lib/ButtonV2/styles.css +1 -1
  23. package/lib/Calendar/Calendar.cjs +5 -5
  24. package/lib/Calendar/Calendar.mjs +5 -5
  25. package/lib/Calendar/styles.css +1 -1
  26. package/lib/CardFooter/styles.css +1 -1
  27. package/lib/CardHeading/CardHeading.cjs +1 -1
  28. package/lib/CardHeading/CardHeading.mjs +1 -1
  29. package/lib/CardHeading/styles.css +1 -1
  30. package/lib/Carousel/Carousel.cjs +26 -14
  31. package/lib/Carousel/Carousel.mjs +26 -14
  32. package/lib/Carousel/styles.css +1 -1
  33. package/lib/Checkbox/Checkbox.cjs +7 -7
  34. package/lib/Checkbox/Checkbox.mjs +8 -8
  35. package/lib/Checkbox/styles.css +1 -1
  36. package/lib/CheckboxIcon/CheckboxIcon.cjs +1 -1
  37. package/lib/CheckboxIcon/CheckboxIcon.mjs +1 -1
  38. package/lib/CheckboxIcon/styles.css +1 -1
  39. package/lib/ClientSideVisible/ClientSideVisible.cjs +1 -0
  40. package/lib/ClientSideVisible/ClientSideVisible.mjs +1 -0
  41. package/lib/Columns/styles.css +1 -1
  42. package/lib/ComboBox/ComboBox.cjs +537 -143
  43. package/lib/ComboBox/ComboBox.mjs +537 -143
  44. package/lib/ComboBox/styles.css +1 -1
  45. package/lib/ConditionalWrapper/ConditionalWrapper.cjs +1 -0
  46. package/lib/ConditionalWrapper/ConditionalWrapper.mjs +1 -0
  47. package/lib/ContentSwitcher/ContentSwitcher.cjs +1 -1
  48. package/lib/ContentSwitcher/ContentSwitcher.mjs +4 -4
  49. package/lib/ContentSwitcher/styles.css +1 -1
  50. package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs +7 -7
  51. package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.mjs +7 -7
  52. package/lib/ContentSwitcherDropdown/styles.css +1 -1
  53. package/lib/DatePicker/DatePicker.cjs +16 -16
  54. package/lib/DatePicker/DatePicker.mjs +17 -17
  55. package/lib/DatePicker/styles.css +1 -1
  56. package/lib/Disclosure/styles.css +1 -1
  57. package/lib/DisclosureMini/styles.css +1 -1
  58. package/lib/Download/styles.css +1 -1
  59. package/lib/Drawer/Drawer.cjs +36 -28
  60. package/lib/Drawer/Drawer.mjs +36 -28
  61. package/lib/Drawer/styles.css +1 -1
  62. package/lib/Elevation/styles.css +1 -1
  63. package/lib/Filter/styles.css +1 -1
  64. package/lib/FormControl/styles.css +1 -1
  65. package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +2 -2
  66. package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +2 -2
  67. package/lib/GhostedHeroBanner/styles.css +1 -1
  68. package/lib/GradientPageBackground/GradientPageBackground.cjs +2 -2
  69. package/lib/GradientPageBackground/GradientPageBackground.mjs +2 -2
  70. package/lib/GradientPageBackground/styles.css +1 -1
  71. package/lib/Grid/Grid.cjs +1 -0
  72. package/lib/Grid/Grid.mjs +1 -0
  73. package/lib/Grid/styles.css +1 -1
  74. package/lib/Group/styles.css +1 -1
  75. package/lib/Heading/styles.css +1 -1
  76. package/lib/HeroBanner/HeroBanner.cjs +7 -3
  77. package/lib/HeroBanner/HeroBanner.mjs +7 -3
  78. package/lib/HeroBanner/styles.css +1 -1
  79. package/lib/HeroButton/HeroButton.cjs +3 -3
  80. package/lib/HeroButton/HeroButton.mjs +4 -4
  81. package/lib/HeroButton/styles.css +1 -1
  82. package/lib/Hidden/styles.css +1 -1
  83. package/lib/HorizontalCard/HorizontalCard.cjs +1 -1
  84. package/lib/HorizontalCard/HorizontalCard.mjs +1 -1
  85. package/lib/HorizontalCard/styles.css +1 -1
  86. package/lib/Icon/styles.css +1 -1
  87. package/lib/Image/styles.css +1 -1
  88. package/lib/ImpactCard/ImpactCard.cjs +30 -17
  89. package/lib/ImpactCard/ImpactCard.mjs +31 -18
  90. package/lib/ImpactCard/styles.css +1 -1
  91. package/lib/InformationCard/InformationCard.cjs +59 -35
  92. package/lib/InformationCard/InformationCard.mjs +61 -37
  93. package/lib/InformationCard/styles.css +1 -1
  94. package/lib/Link/styles.css +1 -1
  95. package/lib/Markup/styles.css +1 -1
  96. package/lib/MediaCard/MediaCard.cjs +43 -24
  97. package/lib/MediaCard/MediaCard.mjs +44 -25
  98. package/lib/MediaCard/styles.css +1 -1
  99. package/lib/Menu/Menu.cjs +17 -16
  100. package/lib/Menu/Menu.mjs +17 -16
  101. package/lib/Menu/styles.css +1 -1
  102. package/lib/Modal/Modal.cjs +7 -7
  103. package/lib/Modal/Modal.mjs +7 -7
  104. package/lib/Modal/styles.css +1 -1
  105. package/lib/NavigationHeader/NavigationHeader.cjs +18 -18
  106. package/lib/NavigationHeader/NavigationHeader.mjs +19 -19
  107. package/lib/NavigationHeader/styles.css +1 -1
  108. package/lib/Pagination/styles.css +1 -1
  109. package/lib/PaginationSimple/styles.css +1 -1
  110. package/lib/Popover/Popover.cjs +7 -7
  111. package/lib/Popover/Popover.mjs +7 -7
  112. package/lib/Popover/styles.css +1 -1
  113. package/lib/Poster/styles.css +1 -1
  114. package/lib/ProgressBar/ProgressBar.cjs +2 -2
  115. package/lib/ProgressBar/ProgressBar.mjs +2 -2
  116. package/lib/ProgressBar/styles.css +1 -1
  117. package/lib/ProgressStepper/ProgressStepper.cjs +1 -1
  118. package/lib/ProgressStepper/ProgressStepper.mjs +1 -1
  119. package/lib/ProgressStepper/styles.css +1 -1
  120. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +4 -4
  121. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +5 -5
  122. package/lib/ProgressStepperOverflow/styles.css +1 -1
  123. package/lib/RadioCardGroup/RadioCardGroup.cjs +6 -6
  124. package/lib/RadioCardGroup/RadioCardGroup.mjs +7 -7
  125. package/lib/RadioCardGroup/styles.css +1 -1
  126. package/lib/RadioGroup/RadioGroup.cjs +8 -7
  127. package/lib/RadioGroup/RadioGroup.mjs +9 -8
  128. package/lib/RadioGroup/styles.css +1 -1
  129. package/lib/Rule/Rule.cjs +1 -1
  130. package/lib/Rule/Rule.mjs +1 -1
  131. package/lib/Rule/styles.css +1 -1
  132. package/lib/ScrollToTop/ScrollToTop.cjs +1 -1
  133. package/lib/ScrollToTop/ScrollToTop.mjs +1 -1
  134. package/lib/ScrollToTop/styles.css +1 -1
  135. package/lib/Section/styles.css +1 -1
  136. package/lib/Select/Select.cjs +6 -6
  137. package/lib/Select/Select.mjs +6 -6
  138. package/lib/Select/styles.css +1 -1
  139. package/lib/SemanticHeading/styles.css +1 -1
  140. package/lib/SiteFooter/styles.css +1 -1
  141. package/lib/SiteFooterV2/SiteFooterV2.cjs +4 -3
  142. package/lib/SiteFooterV2/SiteFooterV2.mjs +4 -3
  143. package/lib/SiteFooterV2/styles.css +1 -1
  144. package/lib/SiteHeaderV2/SiteHeaderV2.cjs +9 -6
  145. package/lib/SiteHeaderV2/SiteHeaderV2.mjs +9 -6
  146. package/lib/SiteHeaderV2/styles.css +1 -1
  147. package/lib/Skeleton/styles.css +1 -1
  148. package/lib/SkipLink/SkipLink.cjs +3 -2
  149. package/lib/SkipLink/SkipLink.mjs +4 -3
  150. package/lib/SkipLink/styles.css +1 -1
  151. package/lib/Spacing/Spacing.cjs +38 -0
  152. package/lib/Spacing/Spacing.mjs +36 -0
  153. package/lib/Spacing/styles.css +1 -0
  154. package/lib/Spinner/styles.css +1 -1
  155. package/lib/Surface/styles.css +1 -1
  156. package/lib/Switch/Switch.mjs +1 -1
  157. package/lib/Switch/styles.css +1 -1
  158. package/lib/TabbedBanner/TabbedBanner.cjs +13 -11
  159. package/lib/TabbedBanner/TabbedBanner.mjs +16 -14
  160. package/lib/TabbedBanner/styles.css +1 -1
  161. package/lib/Tabs/Tabs.cjs +57 -25
  162. package/lib/Tabs/Tabs.mjs +60 -28
  163. package/lib/Tabs/styles.css +1 -1
  164. package/lib/Tag/styles.css +1 -1
  165. package/lib/TemplateBanner/TemplateBanner.cjs +5 -1
  166. package/lib/TemplateBanner/TemplateBanner.mjs +5 -1
  167. package/lib/TemplateBanner/styles.css +1 -1
  168. package/lib/Text/styles.css +1 -1
  169. package/lib/TextArea/TextArea.cjs +3 -3
  170. package/lib/TextArea/TextArea.mjs +4 -4
  171. package/lib/TextArea/styles.css +1 -1
  172. package/lib/TextInput/TextInput.cjs +4 -4
  173. package/lib/TextInput/TextInput.mjs +4 -4
  174. package/lib/TextInput/styles.css +1 -1
  175. package/lib/Theme/Theme.cjs +1 -1
  176. package/lib/Theme/Theme.mjs +1 -1
  177. package/lib/Theme/styles.css +1 -1
  178. package/lib/ThemeIcon/styles.css +1 -1
  179. package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +1 -1
  180. package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +1 -1
  181. package/lib/ThumbnailSignpost/styles.css +1 -1
  182. package/lib/Toast/Toast.mjs +2 -2
  183. package/lib/Toast/styles.css +1 -1
  184. package/lib/Tooltip/Tooltip.cjs +3 -3
  185. package/lib/Tooltip/Tooltip.mjs +3 -3
  186. package/lib/Tooltip/styles.css +1 -1
  187. package/lib/Truncate/styles.css +1 -1
  188. package/lib/TypographyCard/TypographyCard.cjs +40 -16
  189. package/lib/TypographyCard/TypographyCard.mjs +41 -17
  190. package/lib/TypographyCard/styles.css +1 -1
  191. package/lib/UniversalHeader/styles.css +1 -1
  192. package/lib/VerticalSpace/styles.css +1 -1
  193. package/lib/VideoPlayer/VideoPlayer.cjs +3 -3
  194. package/lib/VideoPlayer/VideoPlayer.mjs +3 -3
  195. package/lib/VideoPlayer/styles.css +1 -1
  196. package/lib/Visible/styles.css +1 -1
  197. package/lib/VisuallyHidden/styles.css +1 -1
  198. package/lib/_shared/cjs/{Button-BN4jUsg5.cjs → Button-CrevzrTg.cjs} +3 -3
  199. package/lib/_shared/cjs/{ButtonV2-bUu36xW8.cjs → ButtonV2-CxyploaQ.cjs} +3 -3
  200. package/lib/_shared/cjs/{Calendar-D_jZ0cgf.cjs → Calendar-CLWtKvPh.cjs} +6 -6
  201. package/lib/_shared/cjs/{CardHeading-lGy1u6eD.cjs → CardHeading-C84m67_F.cjs} +2 -2
  202. package/lib/_shared/cjs/{CheckboxIcon-BTkdXfpp.cjs → CheckboxIcon-BzY1S_ud.cjs} +6 -5
  203. package/lib/_shared/cjs/{Combination-6m6aOXZq.cjs → Combination-Cm62lfyr.cjs} +1 -1
  204. package/lib/_shared/cjs/{ContentSwitcherDropdown-BLXyhXVS.cjs → ContentSwitcherDropdown-6IGRpV54.cjs} +2 -2
  205. package/lib/_shared/cjs/{ContentSwitcherList-DgychllS.cjs → ContentSwitcherList-Di7RS8ue.cjs} +20 -9
  206. package/lib/_shared/cjs/{Popover-CYcqjefw.cjs → Popover-BxuQPltF.cjs} +8 -5
  207. package/lib/_shared/cjs/{ProgressStepper-mTgKZYEl.cjs → ProgressStepper-Cs6vX7Th.cjs} +3 -3
  208. package/lib/_shared/cjs/{Rule-jmvOpci7.cjs → Rule-essaguo_.cjs} +2 -2
  209. package/lib/_shared/cjs/{TemplateBanner-CzDAL0lq.cjs → TemplateBanner-rdwgmFH_.cjs} +36 -6
  210. package/lib/_shared/cjs/{TextInput-BHzuoI7E.cjs → TextInput-CLkhL2KT.cjs} +45 -12
  211. package/lib/_shared/cjs/{Tooltip-CEb7YEP2.cjs → Tooltip-CdmWvrnr.cjs} +2 -2
  212. package/lib/_shared/cjs/{arc-breakpoints-DFPoWNR4.cjs → arc-breakpoints-JJMLGzht.cjs} +1 -1
  213. package/lib/_shared/cjs/{index-BGGFOAAx.cjs → index-BBDa9gnQ.cjs} +2 -2
  214. package/lib/_shared/cjs/{index-D9onmVh5.cjs → index-BDUrOKEW.cjs} +3 -3
  215. package/lib/_shared/cjs/{index-CklPiHsS.cjs → index-B_WZUATb.cjs} +2 -2
  216. package/lib/_shared/cjs/{index-B11wQrRa.cjs → index-BdJeAKfz.cjs} +1 -1
  217. package/lib/_shared/cjs/{index-CDVpHNP8.cjs → index-Dgn0408w.cjs} +4 -4
  218. package/lib/_shared/cjs/{index-DXNM3D1d.cjs → index-DlWZZNwu.cjs} +2 -2
  219. package/lib/_shared/cjs/{index-BWfgSvRQ.cjs → index-DsqYRMfM.cjs} +4 -4
  220. package/lib/_shared/cjs/{index-KrMgv4q_.cjs → index-WO7l1Mfx.cjs} +3 -3
  221. package/lib/_shared/cjs/{index.es-B2ZfX2D7.cjs → index.es-CCJ64o4N.cjs} +1 -1
  222. package/lib/_shared/esm/{Button-DTiOFT9M.mjs → Button-Benn9Qop.mjs} +4 -4
  223. package/lib/_shared/esm/{ButtonV2-ByW5P8Hq.mjs → ButtonV2-CgjYgfZA.mjs} +4 -4
  224. package/lib/_shared/esm/{Calendar-wG6UVDgO.mjs → Calendar-BcYEIJhA.mjs} +7 -7
  225. package/lib/_shared/esm/{CardHeading-CfPEEmBO.mjs → CardHeading-CV14vmox.mjs} +2 -2
  226. package/lib/_shared/esm/{CheckboxIcon-BcVQe6mC.mjs → CheckboxIcon-CzRn1j8X.mjs} +6 -5
  227. package/lib/_shared/esm/{Combination-BQ4XBtF-.mjs → Combination-BW0YAEZD.mjs} +1 -1
  228. package/lib/_shared/esm/{ContentSwitcherDropdown-ckPG4pry.mjs → ContentSwitcherDropdown-CwoMd63a.mjs} +2 -2
  229. package/lib/_shared/esm/{ContentSwitcherList-CWZcMblg.mjs → ContentSwitcherList-Bvp9Zl85.mjs} +22 -11
  230. package/lib/_shared/esm/{Popover-BHCEpLSa.mjs → Popover-Pjtmu_TN.mjs} +8 -5
  231. package/lib/_shared/esm/{ProgressStepper-DxZrJR0q.mjs → ProgressStepper-DTPHHVFe.mjs} +4 -4
  232. package/lib/_shared/esm/{Rule-I1w3EaZi.mjs → Rule-Bz3QPezk.mjs} +3 -3
  233. package/lib/_shared/esm/{TemplateBanner-CZSTdma0.mjs → TemplateBanner-DzU9Edky.mjs} +37 -7
  234. package/lib/_shared/esm/{TextInput-CZaNXVHl.mjs → TextInput-WczTCUvp.mjs} +47 -14
  235. package/lib/_shared/esm/{Tooltip-BpSzN3Tx.mjs → Tooltip-DY8nS1to.mjs} +2 -2
  236. package/lib/_shared/esm/{arc-breakpoints-TEKN0W5t.mjs → arc-breakpoints-CQOgeFK_.mjs} +1 -1
  237. package/lib/_shared/esm/{index-u47CK8Y0.mjs → index-B3ewsmrD.mjs} +2 -2
  238. package/lib/_shared/esm/{index-GCEHSsY8.mjs → index-BMmvMegf.mjs} +2 -2
  239. package/lib/_shared/esm/{index-DXHprNQ6.mjs → index-C_mwuZg6.mjs} +1 -1
  240. package/lib/_shared/esm/{index-BWkI4Dwz.mjs → index-CfXVJXLq.mjs} +3 -3
  241. package/lib/_shared/esm/{index-CWHcEz3_.mjs → index-Cgsjp3NL.mjs} +1 -1
  242. package/lib/_shared/esm/{index-CN4hP3Wu.mjs → index-CjeQnMcn.mjs} +3 -3
  243. package/lib/_shared/esm/{index-BFKdmv_g.mjs → index-DNvlT7G_.mjs} +3 -3
  244. package/lib/_shared/esm/{index-Do2wfP-X.mjs → index-Dd3yZ_Kk.mjs} +4 -4
  245. package/lib/_shared/esm/{index-vnVJe9rH.mjs → index-Dfz5UgHo.mjs} +4 -4
  246. package/lib/_shared/esm/{index-Bz2JQq34.mjs → index-DkAfUbDx.mjs} +2 -2
  247. package/lib/_shared/esm/{index-6HtUz28p.mjs → index-Drb5ngQr.mjs} +1 -1
  248. package/lib/_shared/esm/{index.es-Co1d96HB.mjs → index.es-BJl4zTyt.mjs} +1 -1
  249. package/lib/index.cjs +4993 -4362
  250. package/lib/index.cjs.map +1 -1
  251. package/lib/index.d.cts +1221 -327
  252. package/lib/index.d.mts +1221 -327
  253. package/lib/index.js.map +1 -1
  254. package/lib/index.mjs +4992 -4362
  255. package/lib/index.mjs.map +1 -1
  256. package/lib/styles.css +6 -2
  257. package/package.json +12 -12
package/lib/NavigationHeader/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-NavigationHeaderContainer--regular.arc-NavigationHeaderContainer--fullWidth{--container-max-width:var(--arc-size-section-width-m);--container-content-padding-xs:var(--arc-size-section-margin-16);--container-content-padding-s:var(--arc-size-section-margin-24);--container-content-padding-m:var(--arc-size-section-margin-24);--container-content-padding-l:var(--arc-size-section-margin-32);--container-content-padding-xl:var(--arc-size-section-margin-32);--container-content-padding-xxl:var(--arc-size-section-margin-32);--container-content-padding-xxxl:var(--arc-size-section-margin-32);--container-outer-padding-xs:0;--container-outer-padding-s:0;--container-outer-padding-m:0;--container-outer-padding-l:0;--container-outer-padding-xl:0;--container-outer-padding-xxl:0;--container-outer-padding-xxxl:0}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--extended.arc-NavigationHeaderContainer--fullWidth{--container-max-width:var(--arc-size-section-width-l);--container-content-padding-xs:var(--arc-size-section-margin-16);--container-content-padding-s:var(--arc-size-section-margin-24);--container-content-padding-m:var(--arc-size-section-margin-32);--container-content-padding-l:var(--arc-size-section-margin-48);--container-content-padding-xl:var(--arc-size-section-margin-64);--container-content-padding-xxl:var(--arc-size-section-margin-96);--container-content-padding-xxxl:var(--arc-size-section-margin-128);--container-outer-padding-xs:0;--container-outer-padding-s:0;--container-outer-padding-m:0;--container-outer-padding-l:0;--container-outer-padding-xl:0;--container-outer-padding-xxl:0;--container-outer-padding-xxxl:0}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--regular.arc-NavigationHeaderContainer--pill{--container-max-width:var(--arc-size-section-width-m);--container-content-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-content-padding-s:var(--arc-size-section-margin-16);--container-content-padding-m:var(--arc-size-section-margin-16);--container-content-padding-l:var(--arc-size-section-margin-16);--container-content-padding-xl:var(--arc-size-section-margin-16);--container-content-padding-xxl:var(--arc-size-section-margin-24);--container-content-padding-xxxl:var(--arc-size-section-margin-24);--container-outer-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-s:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-m:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-l:var(--arc-size-section-margin-16);--container-outer-padding-xl:var(--arc-size-section-margin-16);--container-outer-padding-xxl:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-xxxl:calc(var(--arc-size-section-margin-16) / 2)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--extended.arc-NavigationHeaderContainer--pill{--container-max-width:var(--arc-size-section-width-l);--container-content-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-content-padding-s:var(--arc-size-section-margin-16);--container-content-padding-m:var(--arc-size-section-margin-16);--container-content-padding-l:var(--arc-size-section-margin-16);--container-content-padding-xl:var(--arc-size-section-margin-16);--container-content-padding-xxl:var(--arc-size-section-margin-24);--container-content-padding-xxxl:var(--arc-size-section-margin-24);--container-outer-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-s:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-m:var(--arc-size-section-margin-16);--container-outer-padding-l:var(--arc-size-section-margin-32);--container-outer-padding-xl:var(--arc-size-section-margin-48);--container-outer-padding-xxl:calc(var(--arc-size-section-margin-96) - var(--arc-size-section-margin-24));--container-outer-padding-xxxl:calc(var(--arc-size-section-margin-128) - var(--arc-size-section-margin-24))}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer{position:relative;z-index:100}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-inner{overflow:hidden;position:relative;z-index:101}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-contentWrapper{position:relative}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xs)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xs)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content,.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-outer,.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{margin-left:auto;margin-right:auto;max-width:var(--container-max-width)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xl)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--backgroundLight .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--backgroundLightElevated .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-light);box-shadow:var(--navigation-header-shadow-02)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--backgroundNeutral .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-neutral);box-shadow:var(--navigation-header-shadow-01)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--backgroundGhosted .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-ghosted);box-shadow:var(--navigation-header-shadow-ghosted)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--backgroundTransparent .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-transparent)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-content,.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-outer,.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-inner{max-width:100%}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-s)}}@media (min-width:768px){.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-m)}}@media (min-width:1024px){.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-l)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-l)}}@media (min-width:1280px){.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xl)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xl)}}@media (min-width:1440px){.arc-v12-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xxxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxl)}}@media (min-width:1920px){.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxxl)}}.arc-v12-1-0 .arc .arc-NavigationHeaderAction{position:relative;width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-NavigationHeaderAction-content{padding:var(--navigation-header-padding-03)}.arc-v12-1-0 .arc .arc-NavigationHeaderAction--attention::after{background:var(--navigation-header-color-action-attention);border-radius:50%;content:"";display:block;height:var(--navigation-header-size-xxs);position:absolute;right:calc(var(--navigation-header-size-xxs) / 2);top:calc(var(--navigation-header-size-xxs) / 2);width:var(--navigation-header-size-xxs)}.arc-v12-1-0 .arc .arc-NavigationHeaderActionBar{align-items:center;display:flex;gap:calc(var(--navigation-header-gap-xl) / 2);list-style:none;margin:0;padding:0}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeaderActionBar{gap:var(--navigation-header-gap-xl)}}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink{color:inherit;display:block;overflow:hidden;padding:var(--navigation-header-padding-06) var(--navigation-header-padding-07);-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS,.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus,.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus-visible{border-radius:var(--navigation-header-border-radius-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM,.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus,.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus-visible{border-radius:var(--navigation-header-border-radius-l)}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--onLight:focus-visible{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:0}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--onLight:hover{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive)}}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--onLight:active{background:var(--navigation-header-color-navitem-bg-light-pressed);color:var(--navigation-header-color-navitem-fg-light-pressed)}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--onDark:focus-visible{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:0}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--onDark:hover{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);text-decoration:underline}}.arc-v12-1-0 .arc .arc-NavigationHeaderNavLink--onDark:active{background:var(--navigation-header-color-navitem-bg-dark-pressed);color:var(--navigation-header-color-navitem-fg-dark-pressed)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-container{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;min-height:100%}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{align-items:center;display:flex;flex-direction:row-reverse;padding:var(--navigation-header-padding-14) var(--navigation-header-padding-07) var(--navigation-header-padding-05)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay{left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:100}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{bottom:0;content:"";display:block;left:0;position:fixed;right:0;top:0}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{animation:burger-menu-drawer-slide 0.3s ease;bottom:0;box-shadow:var(--navigation-header-shadow-03);overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:103}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onLight{background:var(--navigation-header-color-burger-menu-slider-bg-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onDark{background:var(--navigation-header-color-burger-menu-slider-bg-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-logoContainer{flex:1 1 auto}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-logoWrapper{width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-trigger{padding:var(--navigation-header-padding-03)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-07);padding-right:var(--navigation-header-padding-07);padding-top:var(--navigation-header-padding-15)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent--bottomSpacing{padding-bottom:var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-07) var(--navigation-header-padding-07)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--navigation-header-gap-l);list-style:none;margin:0;max-width:430px;padding-bottom:var(--navigation-header-padding-11);padding-left:var(--navigation-header-padding-03);padding-right:var(--navigation-header-padding-03);padding-top:var(--navigation-header-padding-17);width:100%}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-07) var(--navigation-header-padding-15)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-actions{display:flex;flex-direction:column;gap:var(--navigation-header-gap-m);padding-top:var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-actions--seperator{border-top:1px solid transparent}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onLight .arc-NavigationHeaderBurgerMenu-actions--seperator{border-color:var(--navigation-header-color-burger-menu-actions-border-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onDark .arc-NavigationHeaderBurgerMenu-actions--seperator{border-color:var(--navigation-header-color-burger-menu-actions-border-dark)}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-closeButtonContainer{padding-right:var(--navigation-header-burger-menu-padding-03)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{max-width:100%;padding-bottom:var(--navigation-header-padding-11);padding-left:var(--navigation-header-padding-07);padding-right:var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-11) var(--navigation-header-padding-07)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-11) var(--navigation-header-padding-15)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-padding-16) var(--navigation-header-padding-13) var(--navigation-header-padding-07) var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{animation:burger-menu-overlay-show 0.3s ease forwards;background:var(--navigation-header-color-burger-menu-overlay-bg)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before{-webkit-backdrop-filter:var(--navigation-header-blur-s);backdrop-filter:var(--navigation-header-blur-s);z-index:101}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-backdrop-filter:var(--navigation-header-blur-m);backdrop-filter:var(--navigation-header-blur-m);-webkit-mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxl)));mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxl)));z-index:102}}@media (min-width:768px){.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{gap:var(--navigation-header-gap-xl);padding-bottom:var(--navigation-header-padding-12);padding-left:var(--navigation-header-padding-07);padding-right:var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-13) var(--navigation-header-padding-07)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxl)));mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxl)))}}@media (min-width:1024px){.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{padding-bottom:var(--navigation-header-padding-12);padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-13)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-13);padding-right:var(--navigation-header-padding-13)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-padding-16) var(--navigation-header-padding-14) var(--navigation-header-padding-07) var(--navigation-header-padding-13)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-13) var(--navigation-header-padding-15)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxxxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxxl)));mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxxl)))}}@media (min-width:1280px){.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{gap:var(--navigation-header-gap-xxl);padding-bottom:var(--navigation-header-padding-13);padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-13)}}@media (min-width:1440px){.arc-v12-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-padding-18) var(--navigation-header-padding-14) var(--navigation-header-padding-03) var(--navigation-header-padding-13)}}@keyframes burger-menu-overlay-show{from{opacity:0}to{opacity:1}}@keyframes burger-menu-drawer-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}.arc-v12-1-0 .arc .arc-NavigationHeaderDropdown-navList{display:flex;flex-direction:column;gap:var(--navigation-header-gap-m);list-style:none;margin:0;padding:0}.arc-v12-1-0 .arc .arc-NavigationHeaderButton{background:transparent;border:none;border-radius:var(--navigation-header-border-radius-l);color:inherit;cursor:pointer;display:block;font:inherit;line-height:1.5;outline:none;padding:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--padded{padding:var(--navigation-header-padding-06) var(--navigation-header-padding-07)}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--active::after{border-radius:var(--navigation-header-border-radius-xs) var(--navigation-header-border-radius-xs) 0 0;bottom:0;content:"";display:block;height:3px;left:var(--navigation-header-gap-xl);position:absolute;right:var(--navigation-header-gap-xl)}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight{color:var(--navigation-header-color-active-parent-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight::after{background:var(--navigation-header-color-active-parent-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onDark{color:var(--navigation-header-color-active-parent-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onDark::after{background:var(--navigation-header-color-active-parent-dark)}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderButton--onLight:not(.arc-NavigationHeaderButton--active):hover{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive)}}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--onLight:not(.arc-NavigationHeaderButton--active):active{background:var(--navigation-header-color-navitem-bg-light-pressed);color:var(--navigation-header-color-navitem-fg-light-pressed)}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--onLight:not(:active):not(.arc-NavigationHeaderButton--active):focus-visible{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:0}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--onDark:not(:active):not(.arc-NavigationHeaderButton--active):focus-visible{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:0}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderButton--onDark:not(.arc-NavigationHeaderButton--active):hover{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);text-decoration:underline}}.arc-v12-1-0 .arc .arc-NavigationHeaderButton--onDark:not(.arc-NavigationHeaderButton--active):active{background:var(--navigation-header-color-navitem-bg-dark-pressed);color:var(--navigation-header-color-navitem-fg-dark-pressed)}.arc-v12-1-0 .arc .arc-NavigationHeaderLogo{display:block;line-height:0}.arc-v12-1-0 .arc .arc-NavigationHeaderLogo--onLight,.arc-v12-1-0 .arc .arc-NavigationHeaderLogo--onLight:hover{color:var(--navigation-header-color-logo-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderLogo--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderLogo--onDark,.arc-v12-1-0 .arc .arc-NavigationHeaderLogo--onDark:hover{color:var(--navigation-header-color-logo-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderLogo--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-xs)}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-s)}}@media (min-width:1440px){.arc-v12-1-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-m)}}.arc-v12-1-0 .arc .arc-NavigationHeaderPage{align-items:center;display:flex}.arc-v12-1-0 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--navigation-header-gap-xs)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage-pageSection{display:none;margin-left:var(--navigation-header-gap-xxxl)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage-pageSection::before{border-radius:var(--navigation-header-border-radius-xxs);content:"";display:block;flex:0 1 auto;margin:var(--navigation-header-gap-xs) 0;width:var(--navigation-header-size-xxxs)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage-pageSectionText{flex:1 1 auto;margin-left:var(--navigation-header-gap-l);padding:var(--navigation-header-padding-06)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-xs)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-heading,.arc-v12-1-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-icon{color:var(--navigation-header-color-page-title-fg-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-icon,.arc-v12-1-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-heading{color:var(--navigation-header-color-page-title-fg-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-color-page-separator-bg-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-color-page-separator-bg-dark)}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--navigation-header-gap-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderPage-pageSection{display:flex}}@media (min-width:1440px){.arc-v12-1-0 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-s)}}.arc-v12-1-0 .arc .arc-NavigationHeaderSubnav{position:relative}.arc-v12-1-0 .arc .arc-NavigationHeaderSubnav-container{left:0;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderSubnav-navList{align-items:center;display:flex;flex-wrap:wrap;gap:var(--navigation-header-gap-m);list-style:none;margin:0;padding:var(--navigation-header-padding-03) 0}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-l)}}@media (min-width:1440px){.arc-v12-1-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-xl)}}.arc-v12-1-0 .arc .arc-NavigationHeaderNavList-container{align-items:center;display:flex;gap:var(--navigation-header-gap-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderNavList{align-items:center;display:flex;flex:0 1 auto;gap:var(--navigation-header-gap-m);list-style:none;margin:0;padding:0}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure{border-radius:var(--navigation-header-border-radius-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-summary{align-items:center;cursor:pointer;display:flex;gap:var(--navigation-header-gap-m);padding:var(--navigation-header-padding-02) var(--navigation-header-padding-08);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-summary::-webkit-details-marker{display:none}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-details{padding:var(--navigation-header-padding-01) 0 0 var(--navigation-header-padding-10)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-heading{flex:1 1 auto;font:var(--sem-type-mobile-semi-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-icon{flex:0 0 auto;transform-origin:center;transition:0.3s ease transform}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-icon-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-icon-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-summary:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure .arc-NavigationHeaderDisclosure-summary:active{color:inherit}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(90deg)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:hover,.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:hover .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-hover-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:hover,.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:hover .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-hover-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark:hover{background:linear-gradient(180deg,var(--navigation-header-color-disclosure-hover-bg-start) 0%,var(--navigation-header-color-disclosure-hover-bg-end) 100%)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark[open][\:has\(\%0A\%20\%20\%20\%20\%20\%20.arc-NavigationHeaderDisclosure-heading\:hover\%0A\%20\%20\%20\%20\)]{background:linear-gradient(180deg,var(--navigation-header-color-disclosure-open-bg-start) 0%,var(--navigation-header-color-disclosure-open-bg-end) 100%)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark[open][\:has\(.arc-NavigationHeaderDisclosure-heading\:hover\)]{background:linear-gradient(180deg,var(--navigation-header-color-disclosure-open-bg-start) 0%,var(--navigation-header-color-disclosure-open-bg-end) 100%)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure--onDark[open]:has(.arc-NavigationHeaderDisclosure-heading:hover){background:linear-gradient(180deg,var(--navigation-header-color-disclosure-open-bg-start) 0%,var(--navigation-header-color-disclosure-open-bg-end) 100%)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure[open]:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-heading:hover{text-decoration:underline}}@media (min-width:768px){.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v12-1-0 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-desktop-semi-m)}}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction-button,.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction-link{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction-link{border:none;color:inherit;display:block;text-decoration:none}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction-button{background:transparent;border:none;color:inherit;cursor:pointer;display:block;font:inherit;outline:none;padding:0;width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction-content{align-items:center;display:flex;gap:var(--navigation-header-gap-l);padding:var(--navigation-header-padding-03) var(--navigation-header-padding-04)}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction:hover{text-decoration:underline}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction--onLight:hover{color:var(--navigation-header-color-inline-action-hover-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderInlineAction--onDark:hover{color:var(--navigation-header-color-inline-action-hover-dark)}}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink{align-items:center;border:none;border-radius:var(--navigation-header-border-radius-m);color:inherit;display:flex;gap:var(--navigation-header-gap-m);padding:var(--navigation-header-padding-02) var(--navigation-header-padding-09);-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS{gap:var(--navigation-header-gap-xs);padding:var(--navigation-header-padding-06) 0 var(--navigation-header-padding-06) var(--navigation-header-padding-09);transition:0.3s ease transform}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{flex:1 1 auto;font:var(--sem-type-mobile-semi-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS .arc-NavigationHeaderMenuLink-text{flex:0 1 auto;font:var(--sem-type-mobile-semi-xxs)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink-icon{flex:0 0 auto;transition:0.3s ease transform}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink-smallIconContainer{height:var(--navigation-header-size-icon-m);width:var(--navigation-header-size-icon-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onLight.arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-icon-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onDark.arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-icon-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink:focus{border-radius:var(--navigation-header-border-radius-m)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink:active{color:inherit}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-gap-m))}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onLight:hover,.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onLight:hover .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-hover-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover,.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-hover-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover{background:linear-gradient(180deg,var(--navigation-header-color-menu-link-hover-bg-start),var(--navigation-header-color-menu-link-hover-bg-end))}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS:hover{background:transparent;text-decoration:underline}.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-gap-s))}}@media (min-width:768px){.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v12-1-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-desktop-semi-m)}}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;flex:0 0 auto;margin:0;outline:none;padding:var(--navigation-header-padding-01)}@media (hover:hover) and (pointer:fine){.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton:hover{background:var(--navigation-header-color-close-button-hover-bg);color:var(--navigation-header-close-button-hover-color)}}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton--onLight:hover{color:var(--navigation-header-color-close-button-hover-light)}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton--onDark:hover{color:var(--navigation-header-color-close-button-hover-dark)}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton:focus-visible{background:var(--navigation-header-color-close-button-focus-bg)}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-NavigationHeaderCloseButton:active{background:var(--navigation-header-color-close-button-pressed-bg)}.arc-v12-1-0 .arc .arc-NavigationHeader-inner{align-items:center;display:flex;height:var(--navigation-header-size-s)}.arc-v12-1-0 .arc .arc-NavigationHeader-leftSlot{align-items:center;display:flex;flex:0 0 auto}.arc-v12-1-0 .arc .arc-NavigationHeader-navSlot{align-items:center;display:flex;flex:1 1 auto;gap:var(--navigation-header-gap-m)}.arc-v12-1-0 .arc .arc-NavigationHeader-middleSlot{flex:1 1 auto;width:100%}.arc-v12-1-0 .arc .arc-NavigationHeader-rightSlot{flex:0 0 auto;padding-left:var(--navigation-header-padding-11)}.arc-v12-1-0 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--navigation-header-padding-03)}@media (min-width:636px){.arc-v12-1-0 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--navigation-header-gap-xl)}.arc-v12-1-0 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-size-l);padding:0 var(--navigation-header-padding-03) 0 0}.arc-v12-1-0 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--navigation-header-padding-07)}}@media (min-width:1440px){.arc-v12-1-0 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--navigation-header-gap-xxxl)}.arc-v12-1-0 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-size-xl);padding:0 var(--navigation-header-padding-06) 0 0}}
1
+ .arc-v13-1-0 .arc .arc-NavigationHeaderContainer--regular.arc-NavigationHeaderContainer--fullWidth{--container-max-width:var(--arc-size-section-width-m);--container-content-padding-xs:var(--arc-size-section-margin-16);--container-content-padding-s:var(--arc-size-section-margin-24);--container-content-padding-m:var(--arc-size-section-margin-24);--container-content-padding-l:var(--arc-size-section-margin-32);--container-content-padding-xl:var(--arc-size-section-margin-32);--container-content-padding-xxl:var(--arc-size-section-margin-32);--container-content-padding-xxxl:var(--arc-size-section-margin-32);--container-outer-padding-xs:0;--container-outer-padding-s:0;--container-outer-padding-m:0;--container-outer-padding-l:0;--container-outer-padding-xl:0;--container-outer-padding-xxl:0;--container-outer-padding-xxxl:0}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--extended.arc-NavigationHeaderContainer--fullWidth{--container-max-width:var(--arc-size-section-width-l);--container-content-padding-xs:var(--arc-size-section-margin-16);--container-content-padding-s:var(--arc-size-section-margin-24);--container-content-padding-m:var(--arc-size-section-margin-32);--container-content-padding-l:var(--arc-size-section-margin-48);--container-content-padding-xl:var(--arc-size-section-margin-64);--container-content-padding-xxl:var(--arc-size-section-margin-96);--container-content-padding-xxxl:var(--arc-size-section-margin-128);--container-outer-padding-xs:0;--container-outer-padding-s:0;--container-outer-padding-m:0;--container-outer-padding-l:0;--container-outer-padding-xl:0;--container-outer-padding-xxl:0;--container-outer-padding-xxxl:0}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--regular.arc-NavigationHeaderContainer--pill{--container-max-width:var(--arc-size-section-width-m);--container-content-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-content-padding-s:var(--arc-size-section-margin-16);--container-content-padding-m:var(--arc-size-section-margin-16);--container-content-padding-l:var(--arc-size-section-margin-16);--container-content-padding-xl:var(--arc-size-section-margin-16);--container-content-padding-xxl:var(--arc-size-section-margin-24);--container-content-padding-xxxl:var(--arc-size-section-margin-24);--container-outer-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-s:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-m:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-l:var(--arc-size-section-margin-16);--container-outer-padding-xl:var(--arc-size-section-margin-16);--container-outer-padding-xxl:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-xxxl:calc(var(--arc-size-section-margin-16) / 2)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--extended.arc-NavigationHeaderContainer--pill{--container-max-width:var(--arc-size-section-width-l);--container-content-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-content-padding-s:var(--arc-size-section-margin-16);--container-content-padding-m:var(--arc-size-section-margin-16);--container-content-padding-l:var(--arc-size-section-margin-16);--container-content-padding-xl:var(--arc-size-section-margin-16);--container-content-padding-xxl:var(--arc-size-section-margin-24);--container-content-padding-xxxl:var(--arc-size-section-margin-24);--container-outer-padding-xs:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-s:calc(var(--arc-size-section-margin-16) / 2);--container-outer-padding-m:var(--arc-size-section-margin-16);--container-outer-padding-l:var(--arc-size-section-margin-32);--container-outer-padding-xl:var(--arc-size-section-margin-48);--container-outer-padding-xxl:calc(var(--arc-size-section-margin-96) - var(--arc-size-section-margin-24));--container-outer-padding-xxxl:calc(var(--arc-size-section-margin-128) - var(--arc-size-section-margin-24))}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer{position:relative;z-index:100}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-inner{overflow:hidden;position:relative;z-index:101}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-contentWrapper{position:relative}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xs)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xs)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content,.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-outer,.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{margin-left:auto;margin-right:auto;max-width:var(--container-max-width)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xl)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--backgroundLight .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--backgroundLightElevated .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-light);box-shadow:var(--navigation-header-shadow-02)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--backgroundNeutral .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-neutral);box-shadow:var(--navigation-header-shadow-01)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--backgroundGhosted .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-ghosted);box-shadow:var(--navigation-header-shadow-ghosted)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--backgroundTransparent .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-transparent)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-content,.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-outer,.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-inner{max-width:100%}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-s)}}@media (min-width:768px){.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-m)}}@media (min-width:1024px){.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-l)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-l)}}@media (min-width:1280px){.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xl)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xl)}}@media (min-width:1440px){.arc-v13-1-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xxxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxl)}}@media (min-width:1920px){.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxxl)}}.arc-v13-1-0 .arc .arc-NavigationHeaderAction{position:relative;width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-NavigationHeaderAction-content{padding:var(--navigation-header-padding-03)}.arc-v13-1-0 .arc .arc-NavigationHeaderAction--attention::after{background:var(--navigation-header-color-action-attention);border-radius:50%;content:"";display:block;height:var(--navigation-header-size-xxs);position:absolute;right:calc(var(--navigation-header-size-xxs) / 2);top:calc(var(--navigation-header-size-xxs) / 2);width:var(--navigation-header-size-xxs)}.arc-v13-1-0 .arc .arc-NavigationHeaderActionBar{align-items:center;display:flex;gap:calc(var(--navigation-header-gap-xl) / 2);list-style:none;margin:0;padding:0}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeaderActionBar{gap:var(--navigation-header-gap-xl)}}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink{color:inherit;display:block;overflow:hidden;padding:var(--navigation-header-padding-06) var(--navigation-header-padding-07);-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS,.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus,.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus-visible{border-radius:var(--navigation-header-border-radius-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM,.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus,.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus-visible{border-radius:var(--navigation-header-border-radius-l)}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--onLight:focus-visible{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:0}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--onLight:hover{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive)}}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--onLight:active{background:var(--navigation-header-color-navitem-bg-light-pressed);color:var(--navigation-header-color-navitem-fg-light-pressed)}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--onDark:focus-visible{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:0}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--onDark:hover{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);text-decoration:underline}}.arc-v13-1-0 .arc .arc-NavigationHeaderNavLink--onDark:active{background:var(--navigation-header-color-navitem-bg-dark-pressed);color:var(--navigation-header-color-navitem-fg-dark-pressed)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-container{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;min-height:100%}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{align-items:center;display:flex;flex-direction:row-reverse;padding:var(--navigation-header-padding-14) var(--navigation-header-padding-07) var(--navigation-header-padding-05)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay{left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:100}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{bottom:0;content:"";display:block;left:0;position:fixed;right:0;top:0}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{animation:burger-menu-drawer-slide 0.3s ease;bottom:0;box-shadow:var(--navigation-header-shadow-03);overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:103}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onLight{background:var(--navigation-header-color-burger-menu-slider-bg-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onDark{background:var(--navigation-header-color-burger-menu-slider-bg-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-logoContainer{flex:1 1 auto}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-logoWrapper{width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-trigger{padding:var(--navigation-header-padding-03)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-07);padding-right:var(--navigation-header-padding-07);padding-top:var(--navigation-header-padding-15)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent--bottomSpacing{padding-bottom:var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-07) var(--navigation-header-padding-07)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--navigation-header-gap-l);list-style:none;margin:0;max-width:430px;padding-bottom:var(--navigation-header-padding-11);padding-left:var(--navigation-header-padding-03);padding-right:var(--navigation-header-padding-03);padding-top:var(--navigation-header-padding-17);width:100%}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-07) var(--navigation-header-padding-15)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-actions{display:flex;flex-direction:column;gap:var(--navigation-header-gap-m);padding-top:var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-actions--seperator{border-top:1px solid transparent}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onLight .arc-NavigationHeaderBurgerMenu-actions--seperator{border-color:var(--navigation-header-color-burger-menu-actions-border-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onDark .arc-NavigationHeaderBurgerMenu-actions--seperator{border-color:var(--navigation-header-color-burger-menu-actions-border-dark)}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-closeButtonContainer{padding-right:var(--navigation-header-burger-menu-padding-03)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{max-width:100%;padding-bottom:var(--navigation-header-padding-11);padding-left:var(--navigation-header-padding-07);padding-right:var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-11) var(--navigation-header-padding-07)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-11) var(--navigation-header-padding-15)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-padding-16) var(--navigation-header-padding-13) var(--navigation-header-padding-07) var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{animation:burger-menu-overlay-show 0.3s ease forwards;background:var(--navigation-header-color-burger-menu-overlay-bg)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before{-webkit-backdrop-filter:var(--navigation-header-blur-s);backdrop-filter:var(--navigation-header-blur-s);z-index:101}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-backdrop-filter:var(--navigation-header-blur-m);backdrop-filter:var(--navigation-header-blur-m);-webkit-mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxl)));mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxl)));z-index:102}}@media (min-width:768px){.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{gap:var(--navigation-header-gap-xl);padding-bottom:var(--navigation-header-padding-12);padding-left:var(--navigation-header-padding-07);padding-right:var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-13) var(--navigation-header-padding-07)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxl)));mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxl)))}}@media (min-width:1024px){.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{padding-bottom:var(--navigation-header-padding-12);padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-13)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-13);padding-right:var(--navigation-header-padding-13)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-padding-16) var(--navigation-header-padding-14) var(--navigation-header-padding-07) var(--navigation-header-padding-13)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-13) var(--navigation-header-padding-15)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxxxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{-webkit-mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxxl)));mask:linear-gradient(90deg,var(--navigation-header-color-burger-menu-overlay-gradient-mask-start) calc((100% - var(--navigation-header-size-xxxxl)) / 2),var(--navigation-header-color-burger-menu-overlay-gradient-mask-end) calc(100% - var(--navigation-header-size-xxxxl)))}}@media (min-width:1280px){.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-list{gap:var(--navigation-header-gap-xxl);padding-bottom:var(--navigation-header-padding-13);padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-13)}}@media (min-width:1440px){.arc-v13-1-0 .arc .arc-NavigationHeaderBurgerMenu-header{padding:var(--navigation-header-padding-18) var(--navigation-header-padding-14) var(--navigation-header-padding-03) var(--navigation-header-padding-13)}}@keyframes burger-menu-overlay-show{from{opacity:0}to{opacity:1}}@keyframes burger-menu-drawer-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}.arc-v13-1-0 .arc .arc-NavigationHeaderDropdown-navList{display:flex;flex-direction:column;gap:var(--navigation-header-gap-m);list-style:none;margin:0;padding:0}.arc-v13-1-0 .arc .arc-NavigationHeaderDropdown[data-side="bottom"]{animation:grow-down-fade-in 300ms ease-out forwards;transform-origin:top center}@keyframes grow-down-fade-in{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:scaleY(1)}}.arc-v13-1-0 .arc .arc-NavigationHeaderButton{background:transparent;border:none;border-radius:var(--navigation-header-border-radius-l);color:inherit;cursor:pointer;display:block;font:inherit;line-height:1.5;outline:none;padding:0;position:relative;-webkit-tap-highlight-color:transparent;transition:background-color 150ms ease-in;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--padded{padding:var(--navigation-header-padding-06) var(--navigation-header-padding-07)}.arc-v13-1-0 .arc .arc-NavigationHeaderButton::after{border-radius:var(--navigation-header-border-radius-xs) var(--navigation-header-border-radius-xs) 0 0;bottom:0;content:"";display:block;height:3px;left:var(--navigation-header-gap-xl);opacity:0;position:absolute;right:var(--navigation-header-gap-xl);transform:scaleX(0);transform-origin:center;transition:opacity 0.2s ease-out,transform 0.2s ease-out}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onLight::after{background:var(--navigation-header-color-active-parent-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onDark::after{background:var(--navigation-header-color-active-parent-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--active::after{opacity:1;transform:scaleX(1)}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight{color:var(--navigation-header-color-active-parent-light)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onLight:not(.arc-NavigationHeaderButton--active):hover{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive)}}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onLight:not(.arc-NavigationHeaderButton--active):active{background:var(--navigation-header-color-navitem-bg-light-pressed);color:var(--navigation-header-color-navitem-fg-light-pressed)}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onLight:not(:active):not(.arc-NavigationHeaderButton--active):focus-visible{background:var(--navigation-header-color-navitem-bg-light-interactive);color:var(--navigation-header-color-navitem-fg-light-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:0}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onDark:not(:active):not(.arc-NavigationHeaderButton--active):focus-visible{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:0}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onDark:not(.arc-NavigationHeaderButton--active):hover{background:var(--navigation-header-color-navitem-bg-dark-interactive);color:var(--navigation-header-color-navitem-fg-dark-interactive);text-decoration:underline}}.arc-v13-1-0 .arc .arc-NavigationHeaderButton--onDark:not(.arc-NavigationHeaderButton--active):active{background:var(--navigation-header-color-navitem-bg-dark-pressed);color:var(--navigation-header-color-navitem-fg-dark-pressed)}.arc-v13-1-0 .arc .arc-NavigationHeaderLogo{display:block;line-height:0}.arc-v13-1-0 .arc .arc-NavigationHeaderLogo--onLight,.arc-v13-1-0 .arc .arc-NavigationHeaderLogo--onLight:hover{color:var(--navigation-header-color-logo-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderLogo--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderLogo--onDark,.arc-v13-1-0 .arc .arc-NavigationHeaderLogo--onDark:hover{color:var(--navigation-header-color-logo-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderLogo--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-xs)}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-s)}}@media (min-width:1440px){.arc-v13-1-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-m)}}.arc-v13-1-0 .arc .arc-NavigationHeaderPage{align-items:center;display:flex}.arc-v13-1-0 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--navigation-header-gap-xs)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage-pageSection{display:none;margin-left:var(--navigation-header-gap-xxxl)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage-pageSection::before{border-radius:var(--navigation-header-border-radius-xxs);content:"";display:block;flex:0 1 auto;margin:var(--navigation-header-gap-xs) 0;width:var(--navigation-header-size-xxxs)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage-pageSectionText{flex:1 1 auto;margin-left:var(--navigation-header-gap-l);padding:var(--navigation-header-padding-06)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-xs)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-heading,.arc-v13-1-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-icon{color:var(--navigation-header-color-page-title-fg-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-icon,.arc-v13-1-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-heading{color:var(--navigation-header-color-page-title-fg-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-color-page-separator-bg-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-color-page-separator-bg-dark)}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--navigation-header-gap-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderPage-pageSection{display:flex}}@media (min-width:1440px){.arc-v13-1-0 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-s)}}.arc-v13-1-0 .arc .arc-NavigationHeaderSubnav{position:relative}.arc-v13-1-0 .arc .arc-NavigationHeaderSubnav-container{left:0;position:absolute;right:0;top:0}.arc-v13-1-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderSubnav-navList{align-items:center;display:flex;flex-wrap:wrap;gap:var(--navigation-header-gap-m);list-style:none;margin:0;padding:var(--navigation-header-padding-03) 0}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-l)}}@media (min-width:1440px){.arc-v13-1-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-xl)}}.arc-v13-1-0 .arc .arc-NavigationHeaderNavList-container{align-items:center;display:flex;gap:var(--navigation-header-gap-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderNavList{align-items:center;display:flex;flex:0 1 auto;gap:var(--navigation-header-gap-m);list-style:none;margin:0;padding:0}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure{border-radius:var(--navigation-header-border-radius-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-summary{align-items:center;cursor:pointer;display:flex;gap:var(--navigation-header-gap-m);padding:var(--navigation-header-padding-02) var(--navigation-header-padding-08);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-summary::-webkit-details-marker{display:none}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-details{padding:var(--navigation-header-padding-01) 0 0 var(--navigation-header-padding-10)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-heading{flex:1 1 auto;font:var(--sem-type-mobile-semi-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-icon{flex:0 0 auto;transform-origin:center;transition:0.3s ease transform}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-icon-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-icon-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-summary:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure .arc-NavigationHeaderDisclosure-summary:active{color:inherit}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(90deg)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:hover,.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:hover .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-hover-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:hover,.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:hover .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-hover-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark:hover{background:linear-gradient(180deg,var(--navigation-header-color-disclosure-hover-bg-start) 0%,var(--navigation-header-color-disclosure-hover-bg-end) 100%)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark[open][\:has\(\%0A\%20\%20\%20\%20\%20\%20.arc-NavigationHeaderDisclosure-heading\:hover\%0A\%20\%20\%20\%20\)]{background:linear-gradient(180deg,var(--navigation-header-color-disclosure-open-bg-start) 0%,var(--navigation-header-color-disclosure-open-bg-end) 100%)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark[open][\:has\(.arc-NavigationHeaderDisclosure-heading\:hover\)]{background:linear-gradient(180deg,var(--navigation-header-color-disclosure-open-bg-start) 0%,var(--navigation-header-color-disclosure-open-bg-end) 100%)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure--onDark[open]:has(.arc-NavigationHeaderDisclosure-heading:hover){background:linear-gradient(180deg,var(--navigation-header-color-disclosure-open-bg-start) 0%,var(--navigation-header-color-disclosure-open-bg-end) 100%)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure[open]:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-heading:hover{text-decoration:underline}}@media (min-width:768px){.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v13-1-0 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-desktop-semi-m)}}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction-button,.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction-link{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction-link{border:none;color:inherit;display:block;text-decoration:none}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction-button{background:transparent;border:none;color:inherit;cursor:pointer;display:block;font:inherit;outline:none;padding:0;width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction-content{align-items:center;display:flex;gap:var(--navigation-header-gap-l);padding:var(--navigation-header-padding-03) var(--navigation-header-padding-04)}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction:hover{text-decoration:underline}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction--onLight:hover{color:var(--navigation-header-color-inline-action-hover-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderInlineAction--onDark:hover{color:var(--navigation-header-color-inline-action-hover-dark)}}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink{align-items:center;border:none;border-radius:var(--navigation-header-border-radius-m);color:inherit;display:flex;gap:var(--navigation-header-gap-m);padding:var(--navigation-header-padding-02) var(--navigation-header-padding-09);-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS{gap:var(--navigation-header-gap-xs);padding:var(--navigation-header-padding-06) 0 var(--navigation-header-padding-06) var(--navigation-header-padding-09);transition:0.3s ease transform}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{flex:1 1 auto;font:var(--sem-type-mobile-semi-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS .arc-NavigationHeaderMenuLink-text{flex:0 1 auto;font:var(--sem-type-mobile-semi-xxs)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink-icon{flex:0 0 auto;transition:0.3s ease transform}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink-smallIconContainer{height:var(--navigation-header-size-icon-m);width:var(--navigation-header-size-icon-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onLight.arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-icon-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onDark.arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-icon-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink:focus{border-radius:var(--navigation-header-border-radius-m)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink:active{color:inherit}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-gap-m))}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onLight:hover,.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onLight:hover .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-hover-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover,.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-hover-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover{background:linear-gradient(180deg,var(--navigation-header-color-menu-link-hover-bg-start),var(--navigation-header-color-menu-link-hover-bg-end))}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS:hover{background:transparent;text-decoration:underline}.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeS:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-gap-s))}}@media (min-width:768px){.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v13-1-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-desktop-semi-m)}}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;flex:0 0 auto;margin:0;outline:none;padding:var(--navigation-header-padding-01)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton:hover{background:var(--navigation-header-color-close-button-hover-bg);color:var(--navigation-header-close-button-hover-color)}}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton--onLight:hover{color:var(--navigation-header-color-close-button-hover-light)}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton--onDark:hover{color:var(--navigation-header-color-close-button-hover-dark)}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton:focus-visible{background:var(--navigation-header-color-close-button-focus-bg)}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-1-0 .arc .arc-NavigationHeaderCloseButton:active{background:var(--navigation-header-color-close-button-pressed-bg)}.arc-v13-1-0 .arc .arc-NavigationHeader-inner{align-items:center;display:flex;height:var(--navigation-header-size-s)}.arc-v13-1-0 .arc .arc-NavigationHeader-leftSlot{align-items:center;display:flex;flex:0 0 auto}.arc-v13-1-0 .arc .arc-NavigationHeader-navSlot{align-items:center;display:flex;flex:1 1 auto;gap:var(--navigation-header-gap-m)}.arc-v13-1-0 .arc .arc-NavigationHeader-middleSlot{flex:1 1 auto;width:100%}.arc-v13-1-0 .arc .arc-NavigationHeader-rightSlot{flex:0 0 auto;padding-left:var(--navigation-header-padding-11)}.arc-v13-1-0 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--navigation-header-padding-03)}@media (min-width:636px){.arc-v13-1-0 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--navigation-header-gap-xl)}.arc-v13-1-0 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-size-l);padding:0 var(--navigation-header-padding-03) 0 0}.arc-v13-1-0 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--navigation-header-padding-07)}}@media (min-width:1440px){.arc-v13-1-0 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--navigation-header-gap-xxxl)}.arc-v13-1-0 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-size-xl);padding:0 var(--navigation-header-padding-06) 0 0}}
package/lib/Pagination/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-Pagination{align-items:center;display:flex;flex-wrap:nowrap}.arc-v12-1-0 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap}.arc-v12-1-0 .arc .arc-Pagination-navigationButton{align-items:center;background:transparent;border:none;border-radius:var(--pagination-border-radius-m);color:var(--pagination-colors-light-fg-default);cursor:pointer;display:flex;height:var(--pagination-size-m);justify-content:center;line-height:0;margin:0;outline:none;padding:0;width:var(--pagination-size-m)}.arc-v12-1-0 .arc .arc-Pagination--onDarkSurface .arc-Pagination-navigationButton{color:var(--pagination-colors-dark-fg-default)}.arc-v12-1-0 .arc .arc-Pagination-navigationButtonIcon{height:var(--pagination-size-icon-m);width:var(--pagination-size-icon-m)}.arc-v12-1-0 .arc .arc-Pagination-navigationButtonIcon--left{margin-left:-2px}.arc-v12-1-0 .arc .arc-Pagination-navigationButtonIcon--right{margin-right:-2px}.arc-v12-1-0 .arc .arc-Pagination-navigationButton--hidden{visibility:hidden}.arc-v12-1-0 .arc .arc-Pagination-navigationButton:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-1-0 .arc .arc-Pagination-value--number{background:transparent;border:none;color:inherit;cursor:pointer;font:var(--sem-type-interface-reg-s);outline:none;padding:0}.arc-v12-1-0 .arc .arc-Pagination-value--number:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-1-0 .arc .arc-Pagination .arc-Pagination-value--number:active{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-1-0 .arc .arc-Pagination-value{align-items:center;border-radius:var(--pagination-border-radius-m);display:flex;height:var(--pagination-size-m);justify-content:center;width:var(--pagination-size-m)}@media (hover:hover){.arc-v12-1-0 .arc .arc-Pagination-navigationButton:hover,.arc-v12-1-0 .arc .arc-Pagination-value--number:not(.arc-Pagination-value--selected):hover{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-1-0 .arc .arc-Pagination-value--selected{background-color:var(--pagination-colors-light-bg-selected);color:var(--pagination-colors-light-text-default)}@media (min-width: 768px){.arc-v12-1-0 .arc .arc-Pagination-value{margin:0 calc(var(--pagination-gap-m) / 2)}.arc-v12-1-0 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap;margin:0 calc(var(--pagination-gap-m) / 2)}}
1
+ .arc-v13-1-0 .arc .arc-Pagination{align-items:center;display:flex;flex-wrap:nowrap}.arc-v13-1-0 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap}.arc-v13-1-0 .arc .arc-Pagination-navigationButton{align-items:center;background:transparent;border:none;border-radius:var(--pagination-border-radius-m);color:var(--pagination-colors-light-fg-default);cursor:pointer;display:flex;height:var(--pagination-size-m);justify-content:center;line-height:0;margin:0;outline:none;padding:0;width:var(--pagination-size-m)}.arc-v13-1-0 .arc .arc-Pagination--onDarkSurface .arc-Pagination-navigationButton{color:var(--pagination-colors-dark-fg-default)}.arc-v13-1-0 .arc .arc-Pagination-navigationButtonIcon{height:var(--pagination-size-icon-m);width:var(--pagination-size-icon-m)}.arc-v13-1-0 .arc .arc-Pagination-navigationButtonIcon--left{margin-left:-2px}.arc-v13-1-0 .arc .arc-Pagination-navigationButtonIcon--right{margin-right:-2px}.arc-v13-1-0 .arc .arc-Pagination-navigationButton--hidden{visibility:hidden}.arc-v13-1-0 .arc .arc-Pagination-navigationButton:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-Pagination-value--number{background:transparent;border:none;color:inherit;cursor:pointer;font:var(--sem-type-interface-reg-s);outline:none;padding:0}.arc-v13-1-0 .arc .arc-Pagination-value--number:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-Pagination .arc-Pagination-value--number:active{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v13-1-0 .arc .arc-Pagination-value{align-items:center;border-radius:var(--pagination-border-radius-m);display:flex;height:var(--pagination-size-m);justify-content:center;width:var(--pagination-size-m)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-Pagination-navigationButton:hover,.arc-v13-1-0 .arc .arc-Pagination-value--number:not(.arc-Pagination-value--selected):hover{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v13-1-0 .arc .arc-Pagination-value--selected{background-color:var(--pagination-colors-light-bg-selected);color:var(--pagination-colors-light-text-default)}@media (min-width: 768px){.arc-v13-1-0 .arc .arc-Pagination-value{margin:0 calc(var(--pagination-gap-m) / 2)}.arc-v13-1-0 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap;margin:0 calc(var(--pagination-gap-m) / 2)}}
package/lib/PaginationSimple/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-PaginationSimple{width:100%}.arc-v12-1-0 .arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc-v12-1-0 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc-v12-1-0 .arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc-v12-1-0 .arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc-v12-1-0 .arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc-v12-1-0 .arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc-v12-1-0 .arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-1-0 .arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-1-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc-v12-1-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc-v12-1-0 .arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc-v12-1-0 .arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc-v12-1-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc-v12-1-0 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc-v12-1-0 .arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc-v12-1-0 .arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc-v12-1-0 .arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc-v12-1-0 .arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-1-0 .arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-1-0 .arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}
1
+ .arc-v13-1-0 .arc .arc-PaginationSimple{width:100%}.arc-v13-1-0 .arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc-v13-1-0 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc-v13-1-0 .arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc-v13-1-0 .arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc-v13-1-0 .arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc-v13-1-0 .arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc-v13-1-0 .arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc-v13-1-0 .arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc-v13-1-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc-v13-1-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc-v13-1-0 .arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc-v13-1-0 .arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc-v13-1-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc-v13-1-0 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc-v13-1-0 .arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc-v13-1-0 .arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc-v13-1-0 .arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v13-1-0 .arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v13-1-0 .arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}
package/lib/Popover/Popover.cjs CHANGED
@@ -1,18 +1,18 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var Popover = require('../_shared/cjs/Popover-CYcqjefw.cjs');
4
+ var Popover = require('../_shared/cjs/Popover-BxuQPltF.cjs');
5
5
  require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
6
6
  require('react');
7
7
  require('../_shared/cjs/index-CTlXMLug.cjs');
8
- require('../_shared/cjs/index-BWfgSvRQ.cjs');
9
- require('../_shared/cjs/Combination-6m6aOXZq.cjs');
10
- require('../_shared/cjs/index-DXNM3D1d.cjs');
8
+ require('../_shared/cjs/index-DsqYRMfM.cjs');
9
+ require('../_shared/cjs/Combination-Cm62lfyr.cjs');
10
+ require('../_shared/cjs/index-DlWZZNwu.cjs');
11
11
  require('react/jsx-runtime');
12
12
  require('react-dom');
13
- require('../_shared/cjs/index-KrMgv4q_.cjs');
14
- require('../_shared/cjs/index-B11wQrRa.cjs');
15
- require('../_shared/cjs/index-BGGFOAAx.cjs');
13
+ require('../_shared/cjs/index-WO7l1Mfx.cjs');
14
+ require('../_shared/cjs/index-BdJeAKfz.cjs');
15
+ require('../_shared/cjs/index-BBDa9gnQ.cjs');
16
16
  require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
17
17
  require('../_shared/cjs/Surface-DIU5ciDT.cjs');
18
18
  require('../_shared/cjs/index-DR8Rkav9.cjs');
package/lib/Popover/Popover.mjs CHANGED
@@ -1,16 +1,16 @@
1
1
  'use client';
2
- export { P as Popover } from '../_shared/esm/Popover-BHCEpLSa.mjs';
2
+ export { P as Popover } from '../_shared/esm/Popover-Pjtmu_TN.mjs';
3
3
  import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
4
4
  import 'react';
5
5
  import '../_shared/esm/index-5C0-U8cc.mjs';
6
- import '../_shared/esm/index-Do2wfP-X.mjs';
7
- import '../_shared/esm/Combination-BQ4XBtF-.mjs';
8
- import '../_shared/esm/index-Bz2JQq34.mjs';
6
+ import '../_shared/esm/index-Dd3yZ_Kk.mjs';
7
+ import '../_shared/esm/Combination-BW0YAEZD.mjs';
8
+ import '../_shared/esm/index-DkAfUbDx.mjs';
9
9
  import 'react/jsx-runtime';
10
10
  import 'react-dom';
11
- import '../_shared/esm/index-BFKdmv_g.mjs';
12
- import '../_shared/esm/index-CWHcEz3_.mjs';
13
- import '../_shared/esm/index-GCEHSsY8.mjs';
11
+ import '../_shared/esm/index-DNvlT7G_.mjs';
12
+ import '../_shared/esm/index-Cgsjp3NL.mjs';
13
+ import '../_shared/esm/index-BMmvMegf.mjs';
14
14
  import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
15
15
  import '../_shared/esm/Surface-C69KVzkY.mjs';
16
16
  import '../_shared/esm/index-Spae4j7j.mjs';
package/lib/Popover/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-Popover{line-height:1}.arc-v12-1-0 .arc .arc-Popover-content{background:var(--popover-colors-light-bg-default);border:var(--popover-border-width) solid var(--popover-colors-light-border);border-radius:var(--popover-border-radius);box-shadow:var(--elevation-01);outline:none;overflow:hidden;padding:16px}.arc-v12-1-0 .arc .arc-Popover-content--constrainToViewport{max-height:calc(var(--radix-popover-content-available-height) - 14px);overflow-y:auto}.arc-v12-1-0 .arc .arc-Popover-anchor{width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-Popover-arrow{background:var(--popover-colors-light-bg-default);border-bottom:var(--popover-border-width) solid var(--popover-colors-light-border);border-bottom-right-radius:1px;border-right:var(--popover-border-width) solid var(--popover-colors-light-border);fill:none;height:11.31px;position:relative;transform:translate(0,-52%) rotate(45deg);width:11.31px}.arc-v12-1-0 .arc .arc-Popover-content:not(:focus-visible){outline:none}.arc-v12-1-0 .arc .arc-Popover-content--dark,.arc-v12-1-0 .arc .arc-Popover-content--dark .arc-Popover-arrow{background:var(--popover-colors-dark-bg-default);border-color:var(--popover-colors-dark-border)}.arc-v12-1-0 .arc .arc-Popover-content--brand,.arc-v12-1-0 .arc .arc-Popover-content--brand .arc-Popover-arrow{background:var(--popover-colors-brand-bg-default);border-color:var(--popover-colors-brand-border)}.arc-v12-1-0 .arc .arc-Popover-trigger{all:unset;cursor:pointer}.arc-v12-1-0 .arc .arc-Popover-trigger:focus-visible{outline:2px solid var(--focus-colors-light-border-subtle);outline-offset:2px}
1
+ :root{--arc-popover-margin:var(--arc-size-section-margin-16)}@media (min-width:768px){.arc-v13-1-0 .arc .arc-Popover-content--contentMargin{--arc-popover-margin:var(--arc-size-section-margin-24)}}@media (min-width:1280px){.arc-v13-1-0 .arc .arc-Popover-content--contentMargin{--arc-popover-margin:var(--arc-size-section-margin-32)}}.arc-v13-1-0 .arc .arc-Popover{line-height:1}.arc-v13-1-0 .arc .arc-Popover-content{background:var(--popover-colors-light-bg-default);border:var(--popover-border-width) solid var(--popover-colors-light-border);border-radius:var(--popover-border-radius);box-shadow:var(--elevation-01);outline:none;overflow:hidden;padding:16px}.arc-v13-1-0 .arc .arc-Popover-content--constrainToViewport{max-height:calc(var(--radix-popover-content-available-height) - 14px);overflow-y:auto}.arc-v13-1-0 .arc .arc-Popover-content--contentMargin{margin-left:var(--arc-popover-margin)}.arc-v13-1-0 .arc .arc-Popover-content--isFluidToViewport{width:var(--radix-popover-content-available-width)}.arc-v13-1-0 .arc .arc-Popover-content--isFluidToViewport.arc-Popover-content--contentMargin{width:calc(var(--radix-popover-content-available-width) - (2 * var(--arc-popover-margin)));width:calc(var(--radix-popover-content-available-width) - (2 * var(--arc-popover-margin)));width:calc(var(--radix-popover-content-available-width) - calc(2 * var(--arc-popover-margin)))}.arc-v13-1-0 .arc .arc-Popover-anchor{width:-moz-max-content;width:max-content}.arc-v13-1-0 .arc .arc-Popover-arrow{background:var(--popover-colors-light-bg-default);border-bottom:var(--popover-border-width) solid var(--popover-colors-light-border);border-bottom-right-radius:1px;border-right:var(--popover-border-width) solid var(--popover-colors-light-border);fill:none;height:11.31px;position:relative;transform:translate(0,-52%) rotate(45deg);width:11.31px}.arc-v13-1-0 .arc .arc-Popover-content:not(:focus-visible){outline:none}.arc-v13-1-0 .arc .arc-Popover-content--dark,.arc-v13-1-0 .arc .arc-Popover-content--dark .arc-Popover-arrow{background:var(--popover-colors-dark-bg-default);border-color:var(--popover-colors-dark-border)}.arc-v13-1-0 .arc .arc-Popover-content--brand,.arc-v13-1-0 .arc .arc-Popover-content--brand .arc-Popover-arrow{background:var(--popover-colors-brand-bg-default);border-color:var(--popover-colors-brand-border)}.arc-v13-1-0 .arc .arc-Popover-trigger{all:unset;cursor:pointer}.arc-v13-1-0 .arc .arc-Popover-trigger:focus-visible{outline:2px solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-1-0 .arc .arc-Popover-content--isFullBleed.arc-Popover-content{padding:0}
package/lib/Poster/styles.css CHANGED
@@ -1 +1 @@
1
- :root{--arc-poster-linear-gradient-scrim-left-light:linear-gradient(to left,transparent 0%,rgba(255,255,255,0.002) 0.4%,rgba(255,255,255,0.008) 0.8%,rgba(255,255,255,0.021) 4.8%,rgba(255,255,255,0.042) 9%,rgba(255,255,255,0.075) 13.9%,rgba(255,255,255,0.126) 19.8%,rgba(255,255,255,0.25) 27%,rgba(255,255,255,0.53) 35%,rgba(255,255,255,0.75) 43.5%,rgba(255,255,255,0.85) 53%,rgba(255,255,255,0.9) 66%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,0.96) 100%);--arc-poster-overlay-light:linear-gradient(to left,rgba(255,255,255,0.541) 0%,rgba(255,255,255,0.541) 100%);--arc-poster-linear-gradient-scrim-left-dark:linear-gradient(to left,transparent 0%,rgba(85,20,180,0.002) 0.4%,rgba(85,20,180,0.008) 0.8%,rgba(85,20,180,0.021) 4.8%,rgba(85,20,180,0.042) 9%,rgba(85,20,180,0.075) 13.9%,rgba(85,20,180,0.126) 19.8%,rgba(85,20,180,0.19399999999999998) 27%,rgba(85,20,180,0.278) 35%,rgba(85,20,180,0.382) 43.5%,rgba(85,20,180,0.541) 53%,rgba(85,20,180,0.738) 66%,rgba(42,28,74,0.9) 81%,rgba(42,28,74,0.9) 100%);--arc-poster-overlay-dark:linear-gradient(to left,rgba(42,28,74,0.382) 0%,rgba(42,28,74,0.382) 100%)}.arc-v12-1-0 .arc .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc-v12-1-0 .arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-Poster--overlay{position:relative}.arc-v12-1-0 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-overlay-dark);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc-v12-1-0 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc-v12-1-0 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc-v12-1-0 .arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc-v12-1-0 .arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc-v12-1-0 .arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc-v12-1-0 .arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc-v12-1-0 .arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc-v12-1-0 .arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc-v12-1-0 .arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc-v12-1-0 .arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc-v12-1-0 .arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc-v12-1-0 .arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc-v12-1-0 .arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc-v12-1-0 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc-v12-1-0 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}}
1
+ :root{--arc-poster-linear-gradient-scrim-left-light:linear-gradient(to left,transparent 0%,rgba(255,255,255,0.002) 0.4%,rgba(255,255,255,0.008) 0.8%,rgba(255,255,255,0.021) 4.8%,rgba(255,255,255,0.042) 9%,rgba(255,255,255,0.075) 13.9%,rgba(255,255,255,0.126) 19.8%,rgba(255,255,255,0.25) 27%,rgba(255,255,255,0.53) 35%,rgba(255,255,255,0.75) 43.5%,rgba(255,255,255,0.85) 53%,rgba(255,255,255,0.9) 66%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,0.96) 100%);--arc-poster-overlay-light:linear-gradient(to left,rgba(255,255,255,0.541) 0%,rgba(255,255,255,0.541) 100%);--arc-poster-linear-gradient-scrim-left-dark:linear-gradient(to left,transparent 0%,rgba(85,20,180,0.002) 0.4%,rgba(85,20,180,0.008) 0.8%,rgba(85,20,180,0.021) 4.8%,rgba(85,20,180,0.042) 9%,rgba(85,20,180,0.075) 13.9%,rgba(85,20,180,0.126) 19.8%,rgba(85,20,180,0.19399999999999998) 27%,rgba(85,20,180,0.278) 35%,rgba(85,20,180,0.382) 43.5%,rgba(85,20,180,0.541) 53%,rgba(85,20,180,0.738) 66%,rgba(42,28,74,0.9) 81%,rgba(42,28,74,0.9) 100%);--arc-poster-overlay-dark:linear-gradient(to left,rgba(42,28,74,0.382) 0%,rgba(42,28,74,0.382) 100%)}.arc-v13-1-0 .arc .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc-v13-1-0 .arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc-v13-1-0 .arc .arc-Poster--overlay{position:relative}.arc-v13-1-0 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-overlay-dark);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v13-1-0 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc-v13-1-0 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc-v13-1-0 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc-v13-1-0 .arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc-v13-1-0 .arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc-v13-1-0 .arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc-v13-1-0 .arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc-v13-1-0 .arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc-v13-1-0 .arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc-v13-1-0 .arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc-v13-1-0 .arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc-v13-1-0 .arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc-v13-1-0 .arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc-v13-1-0 .arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc-v13-1-0 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc-v13-1-0 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}}
package/lib/ProgressBar/ProgressBar.cjs CHANGED
@@ -38,7 +38,7 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
38
38
  * Use `ProgressBar` to show the progress of a specific task within a page.
39
39
  */
40
40
  var ProgressBar = function (_a) {
41
- var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, props = tslib_es6.__rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
41
+ var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, _e = _a.headlineWordWrap, headlineWordWrap = _e === void 0 ? false : _e, props = tslib_es6.__rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue", "headlineWordWrap"]);
42
42
  var progressValue = Math.min(100, Math.max(0, value));
43
43
  var autoFocusRef = function (canFocus) { return function (el) {
44
44
  canFocus && el && el.focus();
@@ -46,7 +46,7 @@ var ProgressBar = function (_a) {
46
46
  return (React.createElement("div", tslib_es6.__assign({ "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state)) }, filterAttrs.filterAttrs(props)),
47
47
  React.createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
48
48
  React.createElement("div", { className: "arc-ProgressBar-titleContainer" },
49
- headline && React.createElement(Heading.Heading, { size: "s" }, headline),
49
+ headline && (React.createElement(Heading.Heading, { size: "s", isWordWrap: headlineWordWrap }, headline)),
50
50
  headline && title && React.createElement(VerticalSpace.VerticalSpace, { size: "4" }),
51
51
  title && React.createElement(Text.Text, null, title)),
52
52
  displayValue && (React.createElement("div", { "data-testid": "display-value", className: "arc-ProgressBar-displayValueContainer" },
package/lib/ProgressBar/ProgressBar.mjs CHANGED
@@ -36,7 +36,7 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
36
36
  * Use `ProgressBar` to show the progress of a specific task within a page.
37
37
  */
38
38
  var ProgressBar = function (_a) {
39
- var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, props = __rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
39
+ var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, _e = _a.headlineWordWrap, headlineWordWrap = _e === void 0 ? false : _e, props = __rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue", "headlineWordWrap"]);
40
40
  var progressValue = Math.min(100, Math.max(0, value));
41
41
  var autoFocusRef = function (canFocus) { return function (el) {
42
42
  canFocus && el && el.focus();
@@ -44,7 +44,7 @@ var ProgressBar = function (_a) {
44
44
  return (React__default.createElement("div", __assign({ "data-testid": "progress", className: classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state)) }, filterAttrs(props)),
45
45
  React__default.createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
46
46
  React__default.createElement("div", { className: "arc-ProgressBar-titleContainer" },
47
- headline && React__default.createElement(Heading, { size: "s" }, headline),
47
+ headline && (React__default.createElement(Heading, { size: "s", isWordWrap: headlineWordWrap }, headline)),
48
48
  headline && title && React__default.createElement(VerticalSpace, { size: "4" }),
49
49
  title && React__default.createElement(Text, null, title)),
50
50
  displayValue && (React__default.createElement("div", { "data-testid": "display-value", className: "arc-ProgressBar-displayValueContainer" },
package/lib/ProgressBar/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-1-0 .arc .arc-ProgressBar-outerBar{background:var(--progress-bar-colors-light-bg-default-alt);border-radius:20px;height:var(--progress-bar-size-s);overflow:hidden}.arc-v12-1-0 .arc .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-1-0 .arc .arc-ProgressBar-bar{height:100%}.arc-v12-1-0 .arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc-v12-1-0 .arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc-v12-1-0 .arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc-v12-1-0 .arc .arc-ProgressBar-actionContainer{align-items:center;display:flex;gap:4px}.arc-v12-1-0 .arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.arc-v12-1-0 .arc .arc-ProgressBar-actionButton:focus-visible::before{border-radius:10px;bottom:calc(0px - 4px);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);content:"";left:calc(0px - 4px);position:absolute;right:calc(0px - 4px);top:calc(0px - 4px)}.arc-v12-1-0 .arc .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc-v12-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc-v12-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc-v12-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc-v12-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc-v12-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc-v12-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc-v12-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc-v12-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc-v12-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc-v12-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc-v12-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc-v12-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc-v12-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}
1
+ .arc-v13-1-0 .arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.arc-v13-1-0 .arc .arc-ProgressBar-outerBar{background:var(--progress-bar-colors-light-bg-default-alt);border-radius:20px;height:var(--progress-bar-size-s);overflow:hidden}.arc-v13-1-0 .arc .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc-v13-1-0 .arc .arc-ProgressBar-bar{height:100%}.arc-v13-1-0 .arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc-v13-1-0 .arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc-v13-1-0 .arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc-v13-1-0 .arc .arc-ProgressBar-actionContainer{align-items:center;display:flex;gap:4px}.arc-v13-1-0 .arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.arc-v13-1-0 .arc .arc-ProgressBar-actionButton:focus-visible::before{border-radius:10px;bottom:calc(0px - 4px);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);content:"";left:calc(0px - 4px);position:absolute;right:calc(0px - 4px);top:calc(0px - 4px)}.arc-v13-1-0 .arc .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc-v13-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc-v13-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc-v13-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc-v13-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc-v13-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc-v13-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc-v13-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc-v13-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc-v13-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc-v13-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc-v13-1-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc-v13-1-0 .arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc-v13-1-0 .arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}
package/lib/ProgressStepper/ProgressStepper.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var ProgressStepper = require('../_shared/cjs/ProgressStepper-mTgKZYEl.cjs');
4
+ var ProgressStepper = require('../_shared/cjs/ProgressStepper-Cs6vX7Th.cjs');
5
5
  require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
6
6
  require('react');
7
7
  require('../_shared/cjs/index-CTlXMLug.cjs');
package/lib/ProgressStepper/ProgressStepper.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- export { P as ProgressStepper, a as ProgressStepperItem } from '../_shared/esm/ProgressStepper-DxZrJR0q.mjs';
2
+ export { P as ProgressStepper, a as ProgressStepperItem } from '../_shared/esm/ProgressStepper-DTPHHVFe.mjs';
3
3
  import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
4
4
  import 'react';
5
5
  import '../_shared/esm/index-5C0-U8cc.mjs';
package/lib/ProgressStepper/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-ProgressStepperItem{display:flex;flex-direction:column;max-width:164px;min-width:164px}.arc-v12-1-0 .arc .arc-ProgressStepperItem--invertLabelPosition{flex-direction:column-reverse;justify-content:space-between}.arc-v12-1-0 .arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc-v12-1-0 .arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc-v12-1-0 .arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc-v12-1-0 .arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc-v12-1-0 .arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc-v12-1-0 .arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc-v12-1-0 .arc .arc-ProgressStepperItem--invertLabelPosition .arc-ProgressStepperItem-textSection{padding:0 var(--stepper-padding-s) var(--stepper-padding-s) 0}.arc-v12-1-0 .arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc-v12-1-0 .arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc-v12-1-0 .arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc-v12-1-0 .arc .arc-ProgressStepperItem-statusIcon{border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);display:block;height:var(--stepper-size-icon-l);width:var(--stepper-size-icon-l)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc-v12-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title{color:var(--stepper-colors-light-text-subtle)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc-v12-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle,.arc-v12-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus.arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title{color:var(--stepper-colors-light-text-default)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc-v12-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc-v12-1-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc-v12-1-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc-v12-1-0 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc-v12-1-0 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-error-subtle);border-color:var(--stepper-colors-light-border-error);color:var(--stepper-colors-light-border-error)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc-v12-1-0 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-warning-subtle);border-color:var(--stepper-colors-light-border-warning);color:var(--stepper-colors-light-border-warning)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc-v12-1-0 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc-v12-1-0 .arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc-v12-1-0 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small .arc-ProgressStepperItem-textSection{margin-top:-2px}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation{from{box-shadow:0 0 0 0 var(--stepper-colors-light-pulse-from)}to{box-shadow:0 0 0 8px var(--stepper-colors-light-pulse-to)}}.arc-v12-1-0 .arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc-v12-1-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-statusIcon::before{background:var(--stepper-colors-light-border-variant) border-box;border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-ProgressStepperItem-statusIconInner::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0.5);width:100%}.arc-v12-1-0 .arc .arc-ProgressStepper{display:flex;padding:0}.arc-v12-1-0 .arc .arc-ProgressStepper--vertical{flex-direction:column}
1
+ .arc-v13-1-0 .arc .arc-ProgressStepperItem{display:flex;flex-direction:column;max-width:164px;min-width:164px}.arc-v13-1-0 .arc .arc-ProgressStepperItem--invertLabelPosition{flex-direction:column-reverse;justify-content:space-between}.arc-v13-1-0 .arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc-v13-1-0 .arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc-v13-1-0 .arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc-v13-1-0 .arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc-v13-1-0 .arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc-v13-1-0 .arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc-v13-1-0 .arc .arc-ProgressStepperItem--invertLabelPosition .arc-ProgressStepperItem-textSection{padding:0 var(--stepper-padding-s) var(--stepper-padding-s) 0}.arc-v13-1-0 .arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc-v13-1-0 .arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc-v13-1-0 .arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc-v13-1-0 .arc .arc-ProgressStepperItem-statusIcon{border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);display:block;height:var(--stepper-size-icon-l);width:var(--stepper-size-icon-l)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc-v13-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title{color:var(--stepper-colors-light-text-subtle)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc-v13-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle,.arc-v13-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus.arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title{color:var(--stepper-colors-light-text-default)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}@media (hover:hover) and (pointer:fine){.arc-v13-1-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc-v13-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}}.arc-v13-1-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc-v13-1-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc-v13-1-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc-v13-1-0 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc-v13-1-0 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-error-subtle);border-color:var(--stepper-colors-light-border-error);color:var(--stepper-colors-light-border-error)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc-v13-1-0 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-warning-subtle);border-color:var(--stepper-colors-light-border-warning);color:var(--stepper-colors-light-border-warning)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc-v13-1-0 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc-v13-1-0 .arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc-v13-1-0 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small .arc-ProgressStepperItem-textSection{margin-top:-2px}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation{from{box-shadow:0 0 0 0 var(--stepper-colors-light-pulse-from)}to{box-shadow:0 0 0 8px var(--stepper-colors-light-pulse-to)}}.arc-v13-1-0 .arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc-v13-1-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-statusIcon::before{background:var(--stepper-colors-light-border-variant) border-box;border:var(--stepper-border-weight-s) solid transparent;border-radius:var(--stepper-border-radius);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v13-1-0 .arc .arc-ProgressStepperItem-statusIconInner::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0.5);width:100%}.arc-v13-1-0 .arc .arc-ProgressStepper{display:flex;padding:0}.arc-v13-1-0 .arc .arc-ProgressStepper--vertical{flex-direction:column}
package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs CHANGED
@@ -4,7 +4,7 @@
4
4
  var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
5
5
  var React = require('react');
6
6
  var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
7
- var ProgressStepper = require('../_shared/cjs/ProgressStepper-mTgKZYEl.cjs');
7
+ var ProgressStepper = require('../_shared/cjs/ProgressStepper-Cs6vX7Th.cjs');
8
8
  require('../_shared/cjs/index-CTlXMLug.cjs');
9
9
  require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
10
10
  require('../_shared/cjs/ConditionalWrapper-Cl6kgjCL.cjs');
@@ -14,11 +14,11 @@ require('../_shared/cjs/index-DR8Rkav9.cjs');
14
14
  require('../_shared/cjs/Surface-DIU5ciDT.cjs');
15
15
 
16
16
  /** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
17
- var ProgressStepperOverflow = React.forwardRef(function (_a, ref) {
18
- var children = _a.children, size = _a.size, invertLabelPosition = _a.invertLabelPosition, _b = _a.offsetLeft, offsetLeft = _b === void 0 ? 24 : _b, props = tslib_es6.__rest(_a, ["children", "size", "invertLabelPosition", "offsetLeft"]);
17
+ var ProgressStepperOverflow = function (_a) {
18
+ var ref = _a.ref, children = _a.children, size = _a.size, invertLabelPosition = _a.invertLabelPosition, _b = _a.offsetLeft, offsetLeft = _b === void 0 ? 24 : _b, props = tslib_es6.__rest(_a, ["ref", "children", "size", "invertLabelPosition", "offsetLeft"]);
19
19
  return (React.createElement("div", tslib_es6.__assign({ className: "arc-ProgressStepperOverflow", style: { paddingLeft: offsetLeft } }, filterAttrs.filterAttrs(props)),
20
20
  React.createElement(ProgressStepper.ProgressStepper, { ref: ref, size: size, invertLabelPosition: invertLabelPosition, isFluid: false }, children)));
21
- });
21
+ };
22
22
 
23
23
  var useProgressStepperOverflow = function (_a) {
24
24
  var _b = _a === void 0 ? {} : _a, onLoadStep = _b.onLoadStep, _c = _b.increment, increment = _c === void 0 ? 1 : _c, _d = _b.offsetLeft, offsetLeft = _d === void 0 ? 24 : _d;
package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  'use client';
2
2
  import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
3
- import React__default, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
3
+ import React__default, { useRef, useState, useEffect, useMemo } from 'react';
4
4
  import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
5
- import { P as ProgressStepper } from '../_shared/esm/ProgressStepper-DxZrJR0q.mjs';
5
+ import { P as ProgressStepper } from '../_shared/esm/ProgressStepper-DTPHHVFe.mjs';
6
6
  import '../_shared/esm/index-5C0-U8cc.mjs';
7
7
  import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
8
8
  import '../_shared/esm/ConditionalWrapper-CbEvXHTj.mjs';
@@ -12,11 +12,11 @@ import '../_shared/esm/index-Spae4j7j.mjs';
12
12
  import '../_shared/esm/Surface-C69KVzkY.mjs';
13
13
 
14
14
  /** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
15
- var ProgressStepperOverflow = forwardRef(function (_a, ref) {
16
- var children = _a.children, size = _a.size, invertLabelPosition = _a.invertLabelPosition, _b = _a.offsetLeft, offsetLeft = _b === void 0 ? 24 : _b, props = __rest(_a, ["children", "size", "invertLabelPosition", "offsetLeft"]);
15
+ var ProgressStepperOverflow = function (_a) {
16
+ var ref = _a.ref, children = _a.children, size = _a.size, invertLabelPosition = _a.invertLabelPosition, _b = _a.offsetLeft, offsetLeft = _b === void 0 ? 24 : _b, props = __rest(_a, ["ref", "children", "size", "invertLabelPosition", "offsetLeft"]);
17
17
  return (React__default.createElement("div", __assign({ className: "arc-ProgressStepperOverflow", style: { paddingLeft: offsetLeft } }, filterAttrs(props)),
18
18
  React__default.createElement(ProgressStepper, { ref: ref, size: size, invertLabelPosition: invertLabelPosition, isFluid: false }, children)));
19
- });
19
+ };
20
20
 
21
21
  var useProgressStepperOverflow = function (_a) {
22
22
  var _b = _a === void 0 ? {} : _a, onLoadStep = _b.onLoadStep, _c = _b.increment, increment = _c === void 0 ? 1 : _c, _d = _b.offsetLeft, offsetLeft = _d === void 0 ? 24 : _d;
package/lib/ProgressStepperOverflow/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-1-0 .arc .arc-ProgressStepperOverflow{-ms-overflow-style:none;overflow-x:scroll;padding:24px 0;position:relative;scrollbar-width:none}.arc-v12-1-0 .arc .arc-ProgressStepperOverflow::-webkit-scrollbar{display:none}
1
+ .arc-v13-1-0 .arc .arc-ProgressStepperOverflow{-ms-overflow-style:none;overflow-x:scroll;padding:24px 0;position:relative;scrollbar-width:none}.arc-v13-1-0 .arc .arc-ProgressStepperOverflow::-webkit-scrollbar{display:none}
package/lib/RadioCardGroup/RadioCardGroup.cjs CHANGED
@@ -47,8 +47,8 @@ var capitaliseFirstLetter = (word) => {
47
47
  return word.charAt(0).toUpperCase() + word.slice(1);
48
48
  };
49
49
 
50
- var RadioCard = React.forwardRef(function (_a, ref) {
51
- var id = _a.id, icon = _a.icon, label = _a.label, support = _a.support, isDisabled = _a.isDisabled, checked = _a.checked, defaultChecked = _a.defaultChecked, changeEvent = _a.changeEvent, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, children = _a.children, _b = _a.controlLocation, controlLocation = _b === void 0 ? "right" : _b, _c = _a.hideButton, hideButton = _c === void 0 ? false : _c;
50
+ var RadioCard = function (_a) {
51
+ var ref = _a.ref, id = _a.id, icon = _a.icon, label = _a.label, support = _a.support, isDisabled = _a.isDisabled, checked = _a.checked, defaultChecked = _a.defaultChecked, changeEvent = _a.changeEvent, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, children = _a.children, _b = _a.controlLocation, controlLocation = _b === void 0 ? "right" : _b, _c = _a.hideButton, hideButton = _c === void 0 ? false : _c;
52
52
  var surface = React.useContext(Surface.Context).surface;
53
53
  var idLabel = "".concat(id, "-label");
54
54
  return (React.createElement("div", { className: index.classNames("arc-RadioCard", {
@@ -68,19 +68,19 @@ var RadioCard = React.forwardRef(function (_a, ref) {
68
68
  !hideButton && (React.createElement("div", { className: index.classNames("arc-RadioCard-radioIcon", {
69
69
  "arc-RadioCard-radioIcon--isSelected": checked,
70
70
  }) }))))));
71
- });
71
+ };
72
72
 
73
73
  /**
74
74
  * Radio Card component.
75
75
  */
76
- var RadioCardGroupInput = React.forwardRef(function (_a, ref) {
77
- var icon = _a.icon, support = _a.support, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, children = _a.children, controlLocation = _a.controlLocation, hideButton = _a.hideButton, props = tslib_es6.__rest(_a, ["icon", "support", "id", "isDisabled", "label", "value", "children", "controlLocation", "hideButton"]);
76
+ var RadioCardGroupInput = function (_a) {
77
+ var ref = _a.ref, icon = _a.icon, support = _a.support, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, children = _a.children, controlLocation = _a.controlLocation, hideButton = _a.hideButton, props = tslib_es6.__rest(_a, ["ref", "icon", "support", "id", "isDisabled", "label", "value", "children", "controlLocation", "hideButton"]);
78
78
  var _b = useRadioContext(), name = _b.name, changeEvent = _b.changeEvent, checkedValue = _b.checkedValue, groupDisabled = _b.groupDisabled;
79
79
  var isChecked = checkedValue === value ? true : false;
80
80
  var checked = typeof changeEvent !== "function" ? undefined : isChecked;
81
81
  var defaultChecked = typeof changeEvent !== "function" ? isChecked : undefined;
82
82
  return (React.createElement(RadioCard, tslib_es6.__assign({ icon: icon, ref: ref, id: id, support: support, label: label, name: name, defaultChecked: defaultChecked, checked: checked, changeEvent: changeEvent, value: value, isDisabled: isDisabled || groupDisabled, controlLocation: controlLocation, hideButton: hideButton }, props), children));
83
- });
83
+ };
84
84
 
85
85
  exports.RadioCardGroup = RadioCardGroup;
86
86
  exports.RadioCardGroupInput = RadioCardGroupInput;
package/lib/RadioCardGroup/RadioCardGroup.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
  import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
3
- import React__default, { createContext, useContext, forwardRef } from 'react';
3
+ import React__default, { createContext, useContext } from 'react';
4
4
  import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
5
5
  import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
6
6
  import { F as FormControl } from '../_shared/esm/FormControl-DopDD_nC.mjs';
@@ -45,8 +45,8 @@ var capitaliseFirstLetter = (word) => {
45
45
  return word.charAt(0).toUpperCase() + word.slice(1);
46
46
  };
47
47
 
48
- var RadioCard = forwardRef(function (_a, ref) {
49
- var id = _a.id, icon = _a.icon, label = _a.label, support = _a.support, isDisabled = _a.isDisabled, checked = _a.checked, defaultChecked = _a.defaultChecked, changeEvent = _a.changeEvent, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, children = _a.children, _b = _a.controlLocation, controlLocation = _b === void 0 ? "right" : _b, _c = _a.hideButton, hideButton = _c === void 0 ? false : _c;
48
+ var RadioCard = function (_a) {
49
+ var ref = _a.ref, id = _a.id, icon = _a.icon, label = _a.label, support = _a.support, isDisabled = _a.isDisabled, checked = _a.checked, defaultChecked = _a.defaultChecked, changeEvent = _a.changeEvent, name = _a.name, blurEvent = _a.blurEvent, value = _a.value, children = _a.children, _b = _a.controlLocation, controlLocation = _b === void 0 ? "right" : _b, _c = _a.hideButton, hideButton = _c === void 0 ? false : _c;
50
50
  var surface = useContext(Context).surface;
51
51
  var idLabel = "".concat(id, "-label");
52
52
  return (React__default.createElement("div", { className: classNames("arc-RadioCard", {
@@ -66,18 +66,18 @@ var RadioCard = forwardRef(function (_a, ref) {
66
66
  !hideButton && (React__default.createElement("div", { className: classNames("arc-RadioCard-radioIcon", {
67
67
  "arc-RadioCard-radioIcon--isSelected": checked,
68
68
  }) }))))));
69
- });
69
+ };
70
70
 
71
71
  /**
72
72
  * Radio Card component.
73
73
  */
74
- var RadioCardGroupInput = forwardRef(function (_a, ref) {
75
- var icon = _a.icon, support = _a.support, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, children = _a.children, controlLocation = _a.controlLocation, hideButton = _a.hideButton, props = __rest(_a, ["icon", "support", "id", "isDisabled", "label", "value", "children", "controlLocation", "hideButton"]);
74
+ var RadioCardGroupInput = function (_a) {
75
+ var ref = _a.ref, icon = _a.icon, support = _a.support, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, children = _a.children, controlLocation = _a.controlLocation, hideButton = _a.hideButton, props = __rest(_a, ["ref", "icon", "support", "id", "isDisabled", "label", "value", "children", "controlLocation", "hideButton"]);
76
76
  var _b = useRadioContext(), name = _b.name, changeEvent = _b.changeEvent, checkedValue = _b.checkedValue, groupDisabled = _b.groupDisabled;
77
77
  var isChecked = checkedValue === value ? true : false;
78
78
  var checked = typeof changeEvent !== "function" ? undefined : isChecked;
79
79
  var defaultChecked = typeof changeEvent !== "function" ? isChecked : undefined;
80
80
  return (React__default.createElement(RadioCard, __assign({ icon: icon, ref: ref, id: id, support: support, label: label, name: name, defaultChecked: defaultChecked, checked: checked, changeEvent: changeEvent, value: value, isDisabled: isDisabled || groupDisabled, controlLocation: controlLocation, hideButton: hideButton }, props), children));
81
- });
81
+ };
82
82
 
83
83
  export { RadioCardGroup, RadioCardGroupInput };