@arc-ui/components 12.0.0 → 12.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 (143) 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/Box/styles.css +1 -1
  8. package/lib/BrandLogo/styles.css +1 -1
  9. package/lib/Breadcrumbs/Breadcrumbs.cjs +1 -1
  10. package/lib/Breadcrumbs/Breadcrumbs.mjs +1 -1
  11. package/lib/Breadcrumbs/styles.css +1 -1
  12. package/lib/Button/styles.css +1 -1
  13. package/lib/ButtonGroup/styles.css +1 -1
  14. package/lib/ButtonV2/styles.css +1 -1
  15. package/lib/Calendar/Calendar.cjs +3 -3
  16. package/lib/Calendar/Calendar.mjs +3 -3
  17. package/lib/Calendar/styles.css +1 -1
  18. package/lib/CardFooter/styles.css +1 -1
  19. package/lib/CardHeading/styles.css +1 -1
  20. package/lib/Carousel/Carousel.cjs +348 -8
  21. package/lib/Carousel/Carousel.mjs +348 -8
  22. package/lib/Carousel/styles.css +1 -1
  23. package/lib/Checkbox/styles.css +1 -1
  24. package/lib/CheckboxIcon/styles.css +1 -1
  25. package/lib/Columns/styles.css +1 -1
  26. package/lib/ComboBox/styles.css +1 -1
  27. package/lib/ContentSwitcher/ContentSwitcher.cjs +1 -1
  28. package/lib/ContentSwitcher/ContentSwitcher.mjs +1 -1
  29. package/lib/ContentSwitcher/styles.css +1 -1
  30. package/lib/ContentSwitcherDropdown/styles.css +1 -1
  31. package/lib/DatePicker/DatePicker.cjs +4 -4
  32. package/lib/DatePicker/DatePicker.mjs +4 -4
  33. package/lib/DatePicker/styles.css +1 -1
  34. package/lib/Disclosure/styles.css +1 -1
  35. package/lib/DisclosureMini/styles.css +1 -1
  36. package/lib/Download/styles.css +1 -1
  37. package/lib/Drawer/styles.css +1 -1
  38. package/lib/Elevation/styles.css +1 -1
  39. package/lib/Filter/styles.css +1 -1
  40. package/lib/FormControl/styles.css +1 -1
  41. package/lib/GhostedHeroBanner/styles.css +1 -1
  42. package/lib/GradientPageBackground/GradientPageBackground.cjs +3 -3
  43. package/lib/GradientPageBackground/GradientPageBackground.mjs +3 -3
  44. package/lib/GradientPageBackground/styles.css +1 -1
  45. package/lib/Grid/styles.css +1 -1
  46. package/lib/Group/styles.css +1 -1
  47. package/lib/Heading/styles.css +1 -1
  48. package/lib/HeroBanner/styles.css +1 -1
  49. package/lib/HeroButton/styles.css +1 -1
  50. package/lib/Hidden/styles.css +1 -1
  51. package/lib/HorizontalCard/styles.css +1 -1
  52. package/lib/Icon/styles.css +1 -1
  53. package/lib/Image/styles.css +1 -1
  54. package/lib/ImpactCard/styles.css +1 -1
  55. package/lib/InformationCard/InformationCard.cjs +3 -3
  56. package/lib/InformationCard/InformationCard.mjs +3 -3
  57. package/lib/InformationCard/styles.css +1 -1
  58. package/lib/Link/styles.css +1 -1
  59. package/lib/Markup/styles.css +1 -1
  60. package/lib/MediaCard/styles.css +1 -1
  61. package/lib/Menu/styles.css +1 -1
  62. package/lib/Modal/styles.css +1 -1
  63. package/lib/NavigationHeader/NavigationHeader.cjs +23 -35
  64. package/lib/NavigationHeader/NavigationHeader.mjs +23 -35
  65. package/lib/NavigationHeader/styles.css +1 -1
  66. package/lib/Pagination/styles.css +1 -1
  67. package/lib/PaginationSimple/styles.css +1 -1
  68. package/lib/Popover/styles.css +1 -1
  69. package/lib/Poster/styles.css +1 -1
  70. package/lib/ProgressBar/styles.css +1 -1
  71. package/lib/ProgressStepper/ProgressStepper.cjs +2 -2
  72. package/lib/ProgressStepper/ProgressStepper.mjs +2 -2
  73. package/lib/ProgressStepper/styles.css +1 -1
  74. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +76 -121
  75. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +77 -123
  76. package/lib/ProgressStepperOverflow/styles.css +1 -1
  77. package/lib/RadioCardGroup/RadioCardGroup.cjs +6 -2
  78. package/lib/RadioCardGroup/RadioCardGroup.mjs +5 -1
  79. package/lib/RadioCardGroup/styles.css +1 -1
  80. package/lib/RadioGroup/styles.css +1 -1
  81. package/lib/Rule/styles.css +1 -1
  82. package/lib/ScrollToTop/styles.css +1 -1
  83. package/lib/Section/styles.css +1 -1
  84. package/lib/Select/styles.css +1 -1
  85. package/lib/SemanticHeading/styles.css +1 -1
  86. package/lib/SiteFooter/styles.css +1 -1
  87. package/lib/SiteFooterV2/styles.css +1 -1
  88. package/lib/SiteHeaderV2/SiteHeaderV2.cjs +5 -4
  89. package/lib/SiteHeaderV2/SiteHeaderV2.mjs +5 -4
  90. package/lib/SiteHeaderV2/styles.css +1 -1
  91. package/lib/Skeleton/styles.css +1 -1
  92. package/lib/SkipLink/styles.css +1 -1
  93. package/lib/Spinner/styles.css +1 -1
  94. package/lib/Surface/styles.css +1 -1
  95. package/lib/Switch/styles.css +1 -1
  96. package/lib/TabbedBanner/TabbedBanner.cjs +1 -1
  97. package/lib/TabbedBanner/TabbedBanner.mjs +1 -1
  98. package/lib/TabbedBanner/styles.css +1 -1
  99. package/lib/Tabs/styles.css +1 -1
  100. package/lib/Tag/styles.css +1 -1
  101. package/lib/TemplateBanner/styles.css +1 -1
  102. package/lib/Text/styles.css +1 -1
  103. package/lib/TextArea/styles.css +1 -1
  104. package/lib/TextInput/styles.css +1 -1
  105. package/lib/Theme/Theme.cjs +1 -1
  106. package/lib/Theme/Theme.mjs +1 -1
  107. package/lib/Theme/styles.css +1 -1
  108. package/lib/ThemeIcon/styles.css +1 -1
  109. package/lib/ThumbnailSignpost/styles.css +1 -1
  110. package/lib/Toast/styles.css +1 -1
  111. package/lib/Tooltip/styles.css +1 -1
  112. package/lib/Truncate/styles.css +1 -1
  113. package/lib/TypographyCard/styles.css +1 -1
  114. package/lib/UniversalHeader/styles.css +1 -1
  115. package/lib/VerticalSpace/styles.css +1 -1
  116. package/lib/VideoPlayer/styles.css +1 -1
  117. package/lib/Visible/styles.css +1 -1
  118. package/lib/VisuallyHidden/styles.css +1 -1
  119. package/lib/_shared/cjs/{Calendar-BvPNEvfm.cjs → Calendar-D_jZ0cgf.cjs} +2 -2
  120. package/lib/_shared/cjs/{ContentSwitcherList-BgAW2IhJ.cjs → ContentSwitcherList-DgychllS.cjs} +8 -8
  121. package/lib/_shared/cjs/{ProgressStepper-DTZQabiV.cjs → ProgressStepper-mTgKZYEl.cjs} +21 -20
  122. package/lib/_shared/cjs/{arc-breakpoints-Cl4-g1TC.cjs → arc-breakpoints-DFPoWNR4.cjs} +1 -1
  123. package/lib/_shared/cjs/{index.es-Dbvw_3_e.cjs → index.es-B2ZfX2D7.cjs} +1 -1
  124. package/lib/_shared/cjs/{use-media-query-DqZqShGX.cjs → use-media-query-BJV2IbHi.cjs} +4 -4
  125. package/lib/_shared/esm/{Calendar-DzsQqJlh.mjs → Calendar-wG6UVDgO.mjs} +2 -2
  126. package/lib/_shared/esm/{ContentSwitcherList-i4m4nAzP.mjs → ContentSwitcherList-CWZcMblg.mjs} +8 -8
  127. package/lib/_shared/esm/{ProgressStepper-CujHLQsm.mjs → ProgressStepper-DxZrJR0q.mjs} +22 -21
  128. package/lib/_shared/esm/{arc-breakpoints-Br78xe-f.mjs → arc-breakpoints-TEKN0W5t.mjs} +1 -1
  129. package/lib/_shared/esm/{index.es-f0R-yhhl.mjs → index.es-Co1d96HB.mjs} +2 -2
  130. package/lib/_shared/esm/{use-media-query-BmsMeo2M.mjs → use-media-query-l6Sou0dd.mjs} +4 -4
  131. package/lib/index.cjs +487 -200
  132. package/lib/index.cjs.map +1 -1
  133. package/lib/index.d.cts +207 -163
  134. package/lib/index.d.mts +207 -163
  135. package/lib/index.js.map +1 -1
  136. package/lib/index.mjs +488 -202
  137. package/lib/index.mjs.map +1 -1
  138. package/lib/styles.css +2 -2
  139. package/lib/use-media-query/use-media-query.cjs +1 -1
  140. package/lib/use-media-query/use-media-query.mjs +1 -1
  141. package/package.json +8 -6
  142. package/lib/_shared/cjs/capitalise-first-letter-CdhexpSx.cjs +0 -8
  143. package/lib/_shared/esm/capitalise-first-letter-Cubg2CS1.mjs +0 -6
package/lib/NavigationHeader/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-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-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderContainer{position:relative;z-index:100}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-inner{overflow:hidden;position:relative;z-index:101}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-contentWrapper{position:relative}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xs)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xs)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content,.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-outer,.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{margin-left:auto;margin-right:auto;max-width:var(--container-max-width)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xl)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--backgroundLight .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-light)}.arc-v12-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderContainer--backgroundTransparent .arc-NavigationHeaderContainer-inner{background:var(--navigation-header-color-container-bg-transparent)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-content,.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-outer,.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--fluid .arc-NavigationHeaderContainer-inner{max-width:100%}@media (min-width:636px){.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xxl)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-s)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-s)}}@media (min-width:768px){.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-m)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-m)}}@media (min-width:1024px){.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-l)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-l)}}@media (min-width:1280px){.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xl)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xl)}}@media (min-width:1440px){.arc-v12-0-0 .arc .arc-NavigationHeaderContainer--pill .arc-NavigationHeaderContainer-inner{border-radius:var(--navigation-header-border-radius-xxxl)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxl)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxl)}}@media (min-width:1920px){.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-content{padding:0 var(--container-content-padding-xxxl)}.arc-v12-0-0 .arc .arc-NavigationHeaderContainer-outer{padding:0 var(--container-outer-padding-xxxl)}}.arc-v12-0-0 .arc .arc-NavigationHeaderAction{position:relative;width:-moz-max-content;width:max-content}.arc-v12-0-0 .arc .arc-NavigationHeaderAction-content{padding:var(--navigation-header-padding-03)}.arc-v12-0-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-0-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-0-0 .arc .arc-NavigationHeaderActionBar{gap:var(--navigation-header-gap-xl)}}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS,.arc-v12-0-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus,.arc-v12-0-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeS:focus-visible{border-radius:var(--navigation-header-border-radius-s)}.arc-v12-0-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM,.arc-v12-0-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus,.arc-v12-0-0 .arc .arc-NavigationHeaderNavLink--borderRadiusSizeM:focus-visible{border-radius:var(--navigation-header-border-radius-l)}.arc-v12-0-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-0-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-0-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-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-container{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;min-height:100%}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-overlay{left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:100}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::after{bottom:0;content:"";display:block;left:0;position:fixed;right:0;top:0}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onLight{background:var(--navigation-header-color-burger-menu-slider-bg-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onDark{background:var(--navigation-header-color-burger-menu-slider-bg-dark)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-logoContainer{flex:1 1 auto}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-logoWrapper{width:-moz-max-content;width:max-content}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-trigger{padding:var(--navigation-header-padding-03)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-topContent--bottomSpacing{padding-bottom:var(--navigation-header-padding-11)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-07) var(--navigation-header-padding-07)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-07) var(--navigation-header-padding-15)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-actions--seperator{border-top:1px solid transparent}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-slider--onLight .arc-NavigationHeaderBurgerMenu-actions--seperator{border-color:var(--navigation-header-color-burger-menu-actions-border-light)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-closeButtonContainer{padding-right:var(--navigation-header-burger-menu-padding-03)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-11) var(--navigation-header-padding-07)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-11) var(--navigation-header-padding-15)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-11);padding-right:var(--navigation-header-padding-11)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxl)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-overlay::before,.arc-v12-0-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-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-footer{padding:0 var(--navigation-header-padding-13) var(--navigation-header-padding-07)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxxl)}.arc-v12-0-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-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-topContent{padding-left:var(--navigation-header-padding-13);padding-right:var(--navigation-header-padding-13)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderBurgerMenu-actionsContainer{padding:0 var(--navigation-header-padding-13) var(--navigation-header-padding-15)}.arc-v12-0-0 .arc .arc-NavigationHeaderBurgerMenu-slider{max-width:var(--navigation-header-size-xxxxl)}.arc-v12-0-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-0-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-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderButton--padded{padding:var(--navigation-header-padding-06) var(--navigation-header-padding-07)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight{color:var(--navigation-header-color-active-parent-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onLight::after{background:var(--navigation-header-color-active-parent-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderButton--active.arc-NavigationHeaderButton--onDark{color:var(--navigation-header-color-active-parent-dark)}.arc-v12-0-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-0-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-0-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-0-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-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderLogo{display:block;line-height:0}.arc-v12-0-0 .arc .arc-NavigationHeaderLogo--onLight,.arc-v12-0-0 .arc .arc-NavigationHeaderLogo--onLight:hover{color:var(--navigation-header-color-logo-light)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderLogo--onDark,.arc-v12-0-0 .arc .arc-NavigationHeaderLogo--onDark:hover{color:var(--navigation-header-color-logo-dark)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-xs)}@media (min-width:636px){.arc-v12-0-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-s)}}@media (min-width:1440px){.arc-v12-0-0 .arc .arc-NavigationHeaderLogo>svg{height:var(--navigation-header-size-m)}}.arc-v12-0-0 .arc .arc-NavigationHeaderPage{align-items:center;display:flex}.arc-v12-0-0 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--navigation-header-gap-xs)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage-pageSection{display:none;margin-left:var(--navigation-header-gap-xxxl)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderPage-pageSectionText{flex:1 1 auto;margin-left:var(--navigation-header-gap-l);padding:var(--navigation-header-padding-06)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-xs)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-heading,.arc-v12-0-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-icon{color:var(--navigation-header-color-page-title-fg-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-icon,.arc-v12-0-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-heading{color:var(--navigation-header-color-page-title-fg-dark)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage--onLight .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-color-page-separator-bg-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage--onDark .arc-NavigationHeaderPage-pageSection::before{background:var(--navigation-header-color-page-separator-bg-dark)}@media (min-width:636px){.arc-v12-0-0 .arc .arc-NavigationHeaderPage-icon{margin:0 var(--navigation-header-gap-m)}.arc-v12-0-0 .arc .arc-NavigationHeaderPage-pageSection{display:flex}}@media (min-width:1440px){.arc-v12-0-0 .arc .arc-NavigationHeaderPage-heading{font:var(--sem-type-mobile-semi-s)}}.arc-v12-0-0 .arc .arc-NavigationHeaderSubnav{position:relative}.arc-v12-0-0 .arc .arc-NavigationHeaderSubnav-container{left:0;position:absolute;right:0;top:0}.arc-v12-0-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-s)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-l)}}@media (min-width:1440px){.arc-v12-0-0 .arc .arc-NavigationHeaderSubnav-content{padding-top:var(--navigation-header-size-xl)}}.arc-v12-0-0 .arc .arc-NavigationHeaderNavList-container{align-items:center;display:flex;gap:var(--navigation-header-gap-m)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderDisclosure{border-radius:var(--navigation-header-border-radius-m)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderDisclosure-summary::-webkit-details-marker{display:none}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure-details{padding:var(--navigation-header-padding-01) 0 0 var(--navigation-header-padding-10)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderDisclosure-icon{flex:0 0 auto;transform-origin:center;transition:0.3s ease transform}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-icon-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-icon-dark)}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure-summary:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v12-0-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-0-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-0-0 .arc .arc-NavigationHeaderDisclosure .arc-NavigationHeaderDisclosure-summary:active{color:inherit}@media (hover:hover) and (pointer:fine){.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(90deg)}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:hover,.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure--onLight .arc-NavigationHeaderDisclosure-summary:hover .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-hover-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:hover,.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure--onDark .arc-NavigationHeaderDisclosure-summary:hover .arc-NavigationHeaderDisclosure-icon{color:var(--navigation-header-color-disclosure-hover-dark)}.arc-v12-0-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-0-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-0-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-0-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-0-0 .arc .arc-NavigationHeaderDisclosure[open]:hover .arc-NavigationHeaderDisclosure-icon{transform:rotate(270deg)}.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure[open] .arc-NavigationHeaderDisclosure-heading:hover{text-decoration:underline}}@media (min-width:768px){.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v12-0-0 .arc .arc-NavigationHeaderDisclosure-heading{font:var(--sem-type-desktop-semi-m)}}.arc-v12-0-0 .arc .arc-NavigationHeaderInlineAction-button,.arc-v12-0-0 .arc .arc-NavigationHeaderInlineAction-link{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arc-v12-0-0 .arc .arc-NavigationHeaderInlineAction-link{border:none;color:inherit;display:block;text-decoration:none}.arc-v12-0-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-0-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-0-0 .arc .arc-NavigationHeaderInlineAction:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v12-0-0 .arc .arc-NavigationHeaderInlineAction--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderInlineAction:hover{text-decoration:underline}.arc-v12-0-0 .arc .arc-NavigationHeaderInlineAction--onLight:hover{color:var(--navigation-header-color-inline-action-hover-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderInlineAction--onDark:hover{color:var(--navigation-header-color-inline-action-hover-dark)}}.arc-v12-0-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-0-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-0-0 .arc .arc-NavigationHeaderMenuLink-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{flex:1 1 auto;font:var(--sem-type-mobile-semi-m)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--sizeS .arc-NavigationHeaderMenuLink-text{flex:0 1 auto;font:var(--sem-type-mobile-semi-xxs)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink-icon{flex:0 0 auto;transition:0.3s ease transform}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink-smallIconContainer{height:var(--navigation-header-size-icon-m);width:var(--navigation-header-size-icon-m)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onLight.arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-icon-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onDark.arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-icon-dark)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink:focus{border-radius:var(--navigation-header-border-radius-m)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink:focus-visible{border-radius:var(--focus-border-radius-s)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink:active{color:inherit}@media (hover:hover) and (pointer:fine){.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-gap-m))}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onLight:hover,.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onLight:hover .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-hover-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover,.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--onDark:hover .arc-NavigationHeaderMenuLink-icon{color:var(--navigation-header-color-menu-link-hover-dark)}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderMenuLink--sizeS:hover{background:transparent;text-decoration:underline}.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--sizeS:hover .arc-NavigationHeaderMenuLink-icon{transform:translateX(var(--navigation-header-gap-s))}}@media (min-width:768px){.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-tablet-semi-m)}}@media (min-width:1280px){.arc-v12-0-0 .arc .arc-NavigationHeaderMenuLink--sizeL .arc-NavigationHeaderMenuLink-text{font:var(--sem-type-desktop-semi-m)}}.arc-v12-0-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-0-0 .arc .arc-NavigationHeaderCloseButton:hover{background:var(--navigation-header-color-close-button-hover-bg);color:var(--navigation-header-close-button-hover-color)}}.arc-v12-0-0 .arc .arc-NavigationHeaderCloseButton--onLight:hover{color:var(--navigation-header-color-close-button-hover-light)}.arc-v12-0-0 .arc .arc-NavigationHeaderCloseButton--onDark:hover{color:var(--navigation-header-color-close-button-hover-dark)}.arc-v12-0-0 .arc .arc-NavigationHeaderCloseButton:focus-visible{background:var(--navigation-header-color-close-button-focus-bg)}.arc-v12-0-0 .arc .arc-NavigationHeaderCloseButton--onLight:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0 .arc .arc-NavigationHeaderCloseButton--onDark:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0 .arc .arc-NavigationHeaderCloseButton:active{background:var(--navigation-header-color-close-button-pressed-bg)}.arc-v12-0-0 .arc .arc-NavigationHeader-inner{align-items:center;display:flex;height:var(--navigation-header-size-s)}.arc-v12-0-0 .arc .arc-NavigationHeader-leftSlot{align-items:center;display:flex;flex:0 0 auto}.arc-v12-0-0 .arc .arc-NavigationHeader-navSlot{align-items:center;display:flex;flex:1 1 auto;gap:var(--navigation-header-gap-m)}.arc-v12-0-0 .arc .arc-NavigationHeader-middleSlot{flex:1 1 auto;width:100%}.arc-v12-0-0 .arc .arc-NavigationHeader-rightSlot{flex:0 0 auto;padding-left:var(--navigation-header-padding-11)}.arc-v12-0-0 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--navigation-header-padding-03)}@media (min-width:636px){.arc-v12-0-0 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--navigation-header-gap-xl)}.arc-v12-0-0 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-size-l);padding:0 var(--navigation-header-padding-03) 0 0}.arc-v12-0-0 .arc .arc-NavigationHeader-burgerMenuSlot{padding-left:var(--navigation-header-padding-07)}}@media (min-width:1440px){.arc-v12-0-0 .arc .arc-NavigationHeader-leftSlot{margin-right:var(--navigation-header-gap-xxxl)}.arc-v12-0-0 .arc .arc-NavigationHeader-inner{height:var(--navigation-header-size-xl);padding:0 var(--navigation-header-padding-06) 0 0}}
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}}
package/lib/Pagination/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0 .arc .arc-Pagination{align-items:center;display:flex;flex-wrap:nowrap}.arc-v12-0-0 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap}.arc-v12-0-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-0-0 .arc .arc-Pagination--onDarkSurface .arc-Pagination-navigationButton{color:var(--pagination-colors-dark-fg-default)}.arc-v12-0-0 .arc .arc-Pagination-navigationButtonIcon{height:var(--pagination-size-icon-m);width:var(--pagination-size-icon-m)}.arc-v12-0-0 .arc .arc-Pagination-navigationButtonIcon--left{margin-left:-2px}.arc-v12-0-0 .arc .arc-Pagination-navigationButtonIcon--right{margin-right:-2px}.arc-v12-0-0 .arc .arc-Pagination-navigationButton--hidden{visibility:hidden}.arc-v12-0-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-0-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-0-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-0-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-0-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-0-0 .arc .arc-Pagination-navigationButton:hover,.arc-v12-0-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-0-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-0-0 .arc .arc-Pagination-value{margin:0 calc(var(--pagination-gap-m) / 2)}.arc-v12-0-0 .arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap;margin:0 calc(var(--pagination-gap-m) / 2)}}
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)}}
package/lib/PaginationSimple/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0 .arc .arc-PaginationSimple{width:100%}.arc-v12-0-0 .arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc-v12-0-0 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc-v12-0-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-0-0 .arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc-v12-0-0 .arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc-v12-0-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-0-0 .arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc-v12-0-0 .arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc-v12-0-0 .arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0 .arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc-v12-0-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc-v12-0-0 .arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc-v12-0-0 .arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc-v12-0-0 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc-v12-0-0 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc-v12-0-0 .arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc-v12-0-0 .arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc-v12-0-0 .arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc-v12-0-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-0-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-0-0 .arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}
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}
package/lib/Popover/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0 .arc .arc-Popover{line-height:1}.arc-v12-0-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-0-0 .arc .arc-Popover-content--constrainToViewport{max-height:calc(var(--radix-popover-content-available-height) - 14px);overflow-y:auto}.arc-v12-0-0 .arc .arc-Popover-anchor{width:-moz-max-content;width:max-content}.arc-v12-0-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-0-0 .arc .arc-Popover-content:not(:focus-visible){outline:none}.arc-v12-0-0 .arc .arc-Popover-content--dark,.arc-v12-0-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-0-0 .arc .arc-Popover-content--brand,.arc-v12-0-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-0-0 .arc .arc-Popover-trigger{all:unset;cursor:pointer}.arc-v12-0-0 .arc .arc-Popover-trigger:focus-visible{outline:2px solid var(--focus-colors-light-border-subtle);outline-offset:2px}
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}
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-0-0 .arc .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc-v12-0-0 .arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc-v12-0-0 .arc .arc-Poster--overlay{position:relative}.arc-v12-0-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-0-0 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc-v12-0-0 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc-v12-0-0 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc-v12-0-0 .arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc-v12-0-0 .arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc-v12-0-0 .arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc-v12-0-0 .arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc-v12-0-0 .arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc-v12-0-0 .arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc-v12-0-0 .arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc-v12-0-0 .arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc-v12-0-0 .arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc-v12-0-0 .arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc-v12-0-0 .arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc-v12-0-0 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc-v12-0-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-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)}}
package/lib/ProgressBar/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0 .arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-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-0-0 .arc .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0 .arc .arc-ProgressBar-bar{height:100%}.arc-v12-0-0 .arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc-v12-0-0 .arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc-v12-0-0 .arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc-v12-0-0 .arc .arc-ProgressBar-actionContainer{align-items:center;display:flex;gap:4px}.arc-v12-0-0 .arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.arc-v12-0-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-0-0 .arc .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc-v12-0-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc-v12-0-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc-v12-0-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc-v12-0-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc-v12-0-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc-v12-0-0 .arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc-v12-0-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc-v12-0-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc-v12-0-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc-v12-0-0 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc-v12-0-0 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc-v12-0-0 .arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc-v12-0-0 .arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}
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%))}}
package/lib/ProgressStepper/ProgressStepper.cjs CHANGED
@@ -1,13 +1,13 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var ProgressStepper = require('../_shared/cjs/ProgressStepper-DTZQabiV.cjs');
4
+ var ProgressStepper = require('../_shared/cjs/ProgressStepper-mTgKZYEl.cjs');
5
5
  require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
6
6
  require('react');
7
7
  require('../_shared/cjs/index-CTlXMLug.cjs');
8
8
  require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
9
- require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
10
9
  require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
10
+ require('../_shared/cjs/ConditionalWrapper-Cl6kgjCL.cjs');
11
11
  require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
12
12
  require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
13
13
  require('../_shared/cjs/index-DR8Rkav9.cjs');
package/lib/ProgressStepper/ProgressStepper.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  'use client';
2
- export { P as ProgressStepper, a as ProgressStepperItem } from '../_shared/esm/ProgressStepper-CujHLQsm.mjs';
2
+ export { P as ProgressStepper, a as ProgressStepperItem } from '../_shared/esm/ProgressStepper-DxZrJR0q.mjs';
3
3
  import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
4
4
  import 'react';
5
5
  import '../_shared/esm/index-5C0-U8cc.mjs';
6
6
  import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
7
- import '../_shared/esm/capitalise-first-letter-Cubg2CS1.mjs';
8
7
  import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
8
+ import '../_shared/esm/ConditionalWrapper-CbEvXHTj.mjs';
9
9
  import '../_shared/esm/Icon-CCUbr_AO.mjs';
10
10
  import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
11
11
  import '../_shared/esm/index-Spae4j7j.mjs';
package/lib/ProgressStepper/styles.css CHANGED
@@ -1 +1 @@
1
- .arc-v12-0-0 .arc .arc-ProgressStepperItem{display:flex;flex-direction:column;max-width:164px;min-width:164px}.arc-v12-0-0 .arc .arc-ProgressStepperItem--invertLabelPosition{flex-direction:column-reverse;justify-content:space-between}.arc-v12-0-0 .arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc-v12-0-0 .arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0 .arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc-v12-0-0 .arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc-v12-0-0 .arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc-v12-0-0 .arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc-v12-0-0 .arc .arc-ProgressStepperItem--invertLabelPosition .arc-ProgressStepperItem-textSection{padding:0 var(--stepper-padding-s) var(--stepper-padding-s) 0}.arc-v12-0-0 .arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc-v12-0-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc-v12-0-0 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc-v12-0-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc-v12-0-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc-v12-0-0 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc-v12-0-0 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc-v12-0-0 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc-v12-0-0 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc-v12-0-0 .arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc-v12-0-0 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc-v12-0-0 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc-v12-0-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc-v12-0-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;margin-top:-4px;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc-v12-0-0 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc-v12-0-0 .arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc-v12-0-0 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc-v12-0-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-0-0 .arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc-v12-0-0 .arc .arc-ProgressStepperItem-statusIconInner::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-0-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-0-0 .arc .arc-ProgressStepper{display:flex}.arc-v12-0-0 .arc .arc-ProgressStepper--vertical{flex-direction:column}
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}
package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs CHANGED
@@ -3,150 +3,105 @@
3
3
 
4
4
  var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
5
5
  var React = require('react');
6
- var debounce = require('../_shared/cjs/debounce-uPMetQ6J.cjs');
7
6
  var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
8
- var ProgressStepper = require('../_shared/cjs/ProgressStepper-DTZQabiV.cjs');
7
+ var ProgressStepper = require('../_shared/cjs/ProgressStepper-mTgKZYEl.cjs');
9
8
  require('../_shared/cjs/index-CTlXMLug.cjs');
10
- require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
11
- require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
12
9
  require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
10
+ require('../_shared/cjs/ConditionalWrapper-Cl6kgjCL.cjs');
13
11
  require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
14
12
  require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
15
13
  require('../_shared/cjs/index-DR8Rkav9.cjs');
16
14
  require('../_shared/cjs/Surface-DIU5ciDT.cjs');
17
15
 
18
16
  /** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
19
- var ProgressStepperOverflow = React.forwardRef(function (_a, stepperRef) {
20
- var children = _a.children, onIndexChange = _a.onIndexChange, onLoadStep = _a.onLoadStep, size = _a.size, invertLabelPosition = _a.invertLabelPosition, _b = _a.offsetLeft, offsetLeft = _b === void 0 ? 24 : _b, props = tslib_es6.__rest(_a, ["children", "onIndexChange", "onLoadStep", "size", "invertLabelPosition", "offsetLeft"]);
21
- var _c = React.useState(onLoadStep ? onLoadStep : 0), activeIndex = _c[0], setActiveIndex = _c[1];
22
- var _d = React.useState(0), closestScrolledIndex = _d[0], setClosestScrolledIndex = _d[1];
23
- var _e = React.useState(true), lastStepVisible = _e[0], setLastStepVisible = _e[1];
24
- var containerRef = React.useRef(null);
25
- React.useImperativeHandle(stepperRef, function () { return ({
26
- handleStepScroll: handleStepScroll,
27
- scrollToStep: scrollToStep,
28
- handleViewScroll: handleViewScroll,
29
- isLastChildVisible: isLastChildVisible,
30
- }); });
31
- // Add Horizontal Scroll Event Listener
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"]);
19
+ return (React.createElement("div", tslib_es6.__assign({ className: "arc-ProgressStepperOverflow", style: { paddingLeft: offsetLeft } }, filterAttrs.filterAttrs(props)),
20
+ React.createElement(ProgressStepper.ProgressStepper, { ref: ref, size: size, invertLabelPosition: invertLabelPosition, isFluid: false }, children)));
21
+ });
22
+
23
+ var useProgressStepperOverflow = function (_a) {
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;
25
+ var stepperRef = React.useRef(null);
26
+ var _e = React.useState({}), itemVisibility = _e[0], setItemVisibility = _e[1];
32
27
  React.useEffect(function () {
33
28
  var _a, _b;
34
- var checkClosest = debounce.debounce(function () {
35
- var closestIndex = findClosestIndex();
36
- setClosestScrolledIndex(closestIndex);
37
- }, 100);
38
- var checkLastChild = debounce.debounce(function () {
39
- var lastVisible = isLastChildVisible();
40
- if (lastVisible) {
41
- setLastStepVisible(true);
42
- }
43
- else
44
- setLastStepVisible(false);
45
- }, 100);
46
- (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", checkLastChild);
47
- (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener("scroll", checkClosest);
48
- return function () {
49
- var _a;
50
- (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", checkClosest);
51
- checkLastChild.cancel();
52
- };
29
+ var el = (_a = stepperRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
30
+ var stepperItems = Array.from(((_b = stepperRef.current) === null || _b === void 0 ? void 0 : _b.children) || []);
31
+ var observer = new IntersectionObserver(function (entries) {
32
+ var newEntries = entries.reduce(function (acc, entry) {
33
+ var _a;
34
+ var el = entry.target;
35
+ return tslib_es6.__assign(tslib_es6.__assign({}, acc), (_a = {}, _a["".concat(el.dataset.progressStepperItemId)] = entry.intersectionRatio, _a));
36
+ }, {});
37
+ setItemVisibility(function (current) { return (tslib_es6.__assign(tslib_es6.__assign({}, current), newEntries)); });
38
+ }, {
39
+ root: el,
40
+ threshold: [0, 0.25, 0.5, 0.75, 1],
41
+ });
42
+ stepperItems.forEach(function (item) { return observer.observe(item); });
43
+ return function () { return observer.disconnect(); };
53
44
  }, []);
54
- // Scroll to activeIndex
55
45
  React.useEffect(function () {
56
- scrollTo();
57
- }, [activeIndex]);
58
- // Exposing changes in activeIndex outside of component
59
- React.useEffect(function () {
60
- onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(closestScrolledIndex);
61
- isLastChildVisible();
62
- }, [closestScrolledIndex, onIndexChange, lastStepVisible]);
63
- // helper functions - start
64
- var getProgressStepper = function () { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.firstChild; };
65
- var getStepChildren = function () {
66
- var _a;
67
- return Array.from(((_a = getProgressStepper()) === null || _a === void 0 ? void 0 : _a.children) || []);
68
- };
69
- var getLeftRects = function (children) {
70
- var container = getProgressStepper();
71
- if (!container)
72
- return [];
73
- var parentRect = container.getBoundingClientRect();
74
- return children.map(function (child) {
75
- var childRect = child.getBoundingClientRect();
76
- return {
77
- left: childRect.left - parentRect.left,
78
- };
79
- });
80
- };
81
- var indexOfClosest = function (values) {
82
- return values.indexOf(Math.min.apply(Math, values));
83
- };
84
- // helper functions - end
85
- var isLastChildVisible = function () {
86
- var _a;
87
- var steps = getStepChildren();
88
- var lastStep = steps[steps.length - 1];
89
- var rect = lastStep.getBoundingClientRect();
90
- var containerRect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
91
- return rect.right <= containerRect.right;
92
- };
93
- // Used for onScroll function of scrolling without buttons
94
- var findClosestIndex = function () {
95
- var _a, _b;
96
- var children = getStepChildren();
97
- var scrolledAmount = (_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) !== null && _b !== void 0 ? _b : 0;
98
- // compare the scrolled amount to the intial left edge distance for each step
99
- var getScrollDistances = function (children, scrolledAmount) {
100
- return getLeftRects(children).map(function (rect) {
101
- return Math.abs(scrolledAmount - rect.left);
102
- });
103
- };
104
- var closestIndex = indexOfClosest(getScrollDistances(children, scrolledAmount));
105
- return closestIndex;
106
- };
107
- // Scroll active step to the far left of the page
108
- var scrollTo = function () {
109
46
  var _a, _b;
110
- var activeStep = (_a = getProgressStepper()) === null || _a === void 0 ? void 0 : _a.children[activeIndex];
111
- if (activeStep) {
112
- (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.scrollTo({
113
- left: activeStep.offsetLeft - offsetLeft,
47
+ if (onLoadStep) {
48
+ var container = (_a = stepperRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
49
+ var stepperItems = Array.from(((_b = stepperRef.current) === null || _b === void 0 ? void 0 : _b.children) || []);
50
+ var itemToScrollTo = stepperItems[Math.max(0, onLoadStep)];
51
+ container === null || container === void 0 ? void 0 : container.scrollTo({
52
+ left: itemToScrollTo.offsetLeft - offsetLeft,
114
53
  behavior: "smooth",
115
54
  });
116
55
  }
56
+ }, [onLoadStep, offsetLeft]);
57
+ var _f = React.useMemo(function () {
58
+ var visibilityRatios = Object.values(itemVisibility);
59
+ var isFirstStepVisible = visibilityRatios[0] === 1;
60
+ var isLastStepVisible = visibilityRatios[visibilityRatios.length - 1] === 1;
61
+ return { isFirstStepVisible: isFirstStepVisible, isLastStepVisible: isLastStepVisible };
62
+ }, [itemVisibility]), isFirstStepVisible = _f.isFirstStepVisible, isLastStepVisible = _f.isLastStepVisible;
63
+ var currentIndex = Math.max(Object.values(itemVisibility).findIndex(function (value) { return value >= 0.5; }), 0);
64
+ var scrollToStep = function (index) {
65
+ var _a, _b;
66
+ var container = (_a = stepperRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
67
+ var stepperItems = Array.from(((_b = stepperRef.current) === null || _b === void 0 ? void 0 : _b.children) || []);
68
+ var itemToScrollTo = stepperItems[Math.max(0, index)];
69
+ container === null || container === void 0 ? void 0 : container.scrollTo({
70
+ left: itemToScrollTo.offsetLeft - offsetLeft,
71
+ behavior: "smooth",
72
+ });
117
73
  };
118
- var handleStepScroll = function (increment) {
119
- // Account for any manual scrolling set closest index to active index
120
- setActiveIndex(closestScrolledIndex);
121
- var newIndex = closestScrolledIndex + increment;
122
- setActiveIndex(newIndex);
123
- // If clicking backwards to include half visible step
124
- if (closestScrolledIndex + increment === activeIndex) {
125
- scrollTo();
126
- }
127
- if (closestScrolledIndex + increment < 0) {
128
- setActiveIndex(0);
129
- scrollTo();
130
- }
131
- };
132
- // Used to scroll by Parent width
133
- var handleViewScroll = function (direction) {
74
+ var onViewScroll = function (direction) {
134
75
  var _a;
135
- var clientWidth = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
136
- var stepper = containerRef.current;
137
- if (!stepper)
76
+ var container = (_a = stepperRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
77
+ if (!container)
138
78
  return;
139
- stepper.scrollBy({
140
- left: direction ? clientWidth : -clientWidth,
79
+ container.scrollBy({
80
+ left: direction ? container.clientWidth : -container.clientWidth,
141
81
  behavior: "smooth",
142
82
  });
143
83
  };
144
- // Used to set a specific step to jump to on a button click
145
- var scrollToStep = function (step) {
146
- setActiveIndex(step);
84
+ var onPreviousStep = function () {
85
+ var newStep = Math.max(currentIndex - increment, 0);
86
+ scrollToStep(newStep);
147
87
  };
148
- return (React.createElement("div", tslib_es6.__assign({ ref: containerRef, className: "arc-ProgressStepperOverflow", style: { paddingLeft: offsetLeft } }, filterAttrs.filterAttrs(props)),
149
- React.createElement(ProgressStepper.ProgressStepper, { size: size, invertLabelPosition: invertLabelPosition, isFluid: false }, children)));
150
- });
88
+ var onNextStep = function () {
89
+ var _a;
90
+ var stepperItems = Array.from(((_a = stepperRef.current) === null || _a === void 0 ? void 0 : _a.children) || []);
91
+ var newStep = Math.min(currentIndex + increment, stepperItems.length);
92
+ scrollToStep(newStep);
93
+ };
94
+ return {
95
+ stepperRef: stepperRef,
96
+ onNextStep: onNextStep,
97
+ onPreviousStep: onPreviousStep,
98
+ onViewScroll: onViewScroll,
99
+ currentIndex: currentIndex,
100
+ scrollToStep: scrollToStep,
101
+ isFirstStepVisible: isFirstStepVisible,
102
+ isLastStepVisible: isLastStepVisible,
103
+ };
104
+ };
151
105
 
152
106
  exports.ProgressStepperOverflow = ProgressStepperOverflow;
107
+ exports.useProgressStepperOverflow = useProgressStepperOverflow;