@arc-ui/community-components 3.8.0 → 3.9.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 (71) hide show
  1. package/.turbo/turbo-build.log +12 -12
  2. package/CHANGELOG.md +22 -0
  3. package/lib/ActionTile/ActionTile.cjs +2 -2
  4. package/lib/ActionTile/ActionTile.mjs +2 -2
  5. package/lib/ArticleCarousel/ArticleCarousel.cjs +3 -2
  6. package/lib/ArticleCarousel/ArticleCarousel.mjs +3 -2
  7. package/lib/BannerWithTabs/BannerWithTabs.cjs +2 -1
  8. package/lib/BannerWithTabs/BannerWithTabs.mjs +2 -1
  9. package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.cjs +2 -1
  10. package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.mjs +2 -1
  11. package/lib/CopyLead/CopyLead.cjs +2 -2
  12. package/lib/CopyLead/CopyLead.mjs +2 -2
  13. package/lib/DownloadList/DownloadList.cjs +12 -9
  14. package/lib/DownloadList/DownloadList.mjs +12 -9
  15. package/lib/DownloadList/styles.css +1 -1
  16. package/lib/FAQs/FAQs.cjs +2 -1
  17. package/lib/FAQs/FAQs.mjs +2 -1
  18. package/lib/FeaturePost/FeaturePost.cjs +1 -1
  19. package/lib/FeaturePost/FeaturePost.mjs +1 -1
  20. package/lib/Highlights/Highlights.cjs +2 -1
  21. package/lib/Highlights/Highlights.mjs +2 -1
  22. package/lib/InlineLinkGroup/InlineLinkGroup.cjs +2 -2
  23. package/lib/InlineLinkGroup/InlineLinkGroup.mjs +2 -2
  24. package/lib/ProductNavigation/ProductNavigation.cjs +7 -4
  25. package/lib/ProductNavigation/ProductNavigation.mjs +7 -4
  26. package/lib/PromoListing/PromoListing.cjs +5 -4
  27. package/lib/PromoListing/PromoListing.mjs +5 -4
  28. package/lib/PromoListing/styles.css +1 -1
  29. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +4 -2
  30. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +4 -2
  31. package/lib/SectionHeading/SectionHeading.cjs +2 -1
  32. package/lib/SectionHeading/SectionHeading.mjs +2 -1
  33. package/lib/SectionHeading/styles.css +1 -1
  34. package/lib/Statistics/Statistics.cjs +1 -1
  35. package/lib/Statistics/Statistics.mjs +1 -1
  36. package/lib/Summary/Summary.cjs +1 -1
  37. package/lib/Summary/Summary.mjs +1 -1
  38. package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +2 -1
  39. package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +2 -1
  40. package/lib/ThumbnailSignpost/styles.css +1 -1
  41. package/lib/_shared/cjs/SectionHeading-XCMdv8eZ.cjs +34 -0
  42. package/lib/_shared/cjs/{ThumbnailSignpost-ja1yxriK.cjs → ThumbnailSignpost-DymZmLlB.cjs} +6 -2
  43. package/lib/_shared/cjs/{index.es-Dg_lyAyh.cjs → index.es-B73RVhhj.cjs} +1 -1
  44. package/lib/_shared/esm/SectionHeading-lyXLUtdr.mjs +32 -0
  45. package/lib/_shared/esm/{ThumbnailSignpost-Cc21FjUJ.mjs → ThumbnailSignpost-D6uye3mm.mjs} +7 -3
  46. package/lib/_shared/esm/{index.es-DtCgfyRV.mjs → index.es-DNGykRl2.mjs} +1 -1
  47. package/lib/index.cjs +45 -35
  48. package/lib/index.cjs.map +1 -1
  49. package/lib/index.d.cts +16 -4
  50. package/lib/index.d.mts +16 -4
  51. package/lib/index.mjs +46 -36
  52. package/lib/index.mjs.map +1 -1
  53. package/lib/styles.css +1 -1
  54. package/package.json +15 -15
  55. package/src/components/ActionTile/ActionTile.tsx +9 -3
  56. package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.tsx +5 -1
  57. package/src/components/BusinessSegmentSwitcher/types/types.ts +6 -3
  58. package/src/components/DownloadList/DownloadList.module.css +11 -3
  59. package/src/components/DownloadList/DownloadList.tsx +33 -17
  60. package/src/components/InlineLinkGroup/InlineLinkGroup.tsx +4 -1
  61. package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.tsx +2 -4
  62. package/src/components/ProductNavigation/ProductNavigation.tsx +6 -5
  63. package/src/components/PromoListing/PromoListing.module.css +14 -0
  64. package/src/components/PromoListing/PromoListing.tsx +1 -1
  65. package/src/components/SectionHeading/SectionHeading.module.css +7 -26
  66. package/src/components/SectionHeading/SectionHeading.tsx +35 -33
  67. package/src/components/ThumbnailSignpost/ThumbnailSignpost.module.css +31 -1
  68. package/src/components/ThumbnailSignpost/ThumbnailSignpost.tsx +7 -2
  69. package/versions.json +1 -1
  70. package/lib/_shared/cjs/SectionHeading-DtYzFetD.cjs +0 -31
  71. package/lib/_shared/esm/SectionHeading-RLfs7ete.mjs +0 -29
package/lib/styles.css CHANGED
@@ -1 +1 @@
1
- .AccordionHeading-module_accordion-header__8s12f{padding-bottom:40px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{display:flex;flex-direction:column;gap:16px}@media (min-width:636px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:588px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:1216px;padding:0 312px 40px 0}}.AccordionHeading-module_accordion-header--headingSizeM__amLfy{padding-bottom:24px;width:auto}.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT:not(:first-child)>*>summary{border-top:0;line-height:29px}.Accordion-module_Accordion__LsXTU li,.Accordion-module_Accordion__LsXTU ul{list-style:none;margin:0;padding:0}.SectionHeading-module_section-header__iB07I{padding-bottom:40px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{display:flex;flex-direction:column;gap:16px}.SectionHeading-module_section-header--isCentered__pz0V9{text-align:center}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}.SectionHeading-module_section-header--hasImage__Ka3T7{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 0}}.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow-x:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}@media (min-width:1280px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-32)*-1);padding:6px var(--arc-size-section-margin-32)}}.ArticleCarousel-module_cardWrapper__lS3oc,.ArticleCarousel-module_cardWrapper__lS3oc>*{height:100%}.ArticleCarousel-module_cardWrapperCarousel__v3jv1{height:100%;margin-right:16px;width:288px}.ArticleCarousel-module_cardWrapperCarousel__v3jv1>*{height:100%}@media (min-width:636px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:24px}}@media (min-width:768px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{width:348px}}@media (min-width:1024px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:0;padding:6px;width:100%}}.ArticleCarousel-module_lastCard__my93x{margin-right:0}.Author-module_authorContent__TBY7b{padding-left:var(--sem-space-padding-70)}.Author-module_largeAvatar__Vco03{margin-bottom:var(--sem-space-gap-5)}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) auto 0;width:100%}.CopyLead-module_col__0Da5H{flex:1 1 auto;width:100%}.CopyLead-module_container__I91ym{align-items:flex-start;display:flex;gap:var(--sem-space-padding-150)}.CopyLead-module_container--content__e8LxG{flex-direction:column}.CopyLead-module_container--media__QcMWi{flex-direction:column-reverse}.CopyLead-module_container--align-center__Fh1Sd{align-items:center}.CopyLead-module_container--align-top__UIXOZ{align-items:flex-start}.CopyLead-module_list__arnJd{list-style:none;margin:0;max-width:480px;padding:0}.CopyLead-module_listItem__NscHE{display:flex}.CopyLead-module_listItem__NscHE:nth-of-type(n+2){margin-top:var(--sem-space-padding-150)}.CopyLead-module_listItemCentered__Kwdab{align-items:center}.CopyLead-module_listItemIconContainer__dgnhJ{flex:0 0 auto}.CopyLead-module_listItemTextContainer__Dl9lw{flex:1 1 auto;padding:0 0 0 var(--sem-space-padding-80)}.CopyLead-module_imgWrapper__HYP3w{border-radius:var(--sem-border-radius-s);overflow:hidden}.CopyLead-module_mediaContainer__PxTnm{margin-bottom:var(--sem-space-padding-150)}.CopyLead-module_content__Bja1D{max-width:715px}@media (min-width:636px){.CopyLead-module_buttonContainer__3OaRG{width:-moz-max-content;width:max-content}}@media (min-width:768px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-110)}.CopyLead-module_container--content__e8LxG,.CopyLead-module_container--media__QcMWi{flex-direction:row}.CopyLead-module_container--reverse__Gq9u8{flex-direction:row-reverse}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) 0 0}.CopyLead-module_col__0Da5H{width:50%}.CopyLead-module_list__arnJd{max-width:100%}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-80)}}@media (min-width:1024px){.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-110)}}@media (min-width:1280px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-130)}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-130)}}@media (min-width:768px){.DownloadList-module_headingContainer__PNio8{max-width:75%}}html{scroll-behavior:smooth}.FAQs-module_FAQs__FtQr4 li,.FAQs-module_FAQs__FtQr4 ul{list-style:none;margin:0;padding:0}.FAQs-module_linkListSection__RdQkU{display:flex;flex-direction:column;margin-bottom:40px}.FAQs-module_linkListTitle__RVni3{margin-bottom:8px}.FAQs-module_linkList__dPyXj{display:flex;flex-wrap:wrap;row-gap:8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:after{color:#d9d9d9;content:"|";padding:0 8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:last-child:after{content:""}@media (--arc-custom-media-min-width-s-px ){.FAQs-module_linkList--padded__8Paxc{min-width:588px;width:auto}}@media (--arc-custom-media-min-width-m-px ){.FAQs-module_linkList--padded__8Paxc{min-width:720px;padding-right:186px}}@media (--arc-custom-media-min-width-l-px ){.FAQs-module_linkList--padded__8Paxc{min-width:960px;padding-right:246px}}@media (--arc-custom-media-min-width-xl-px ){.FAQs-module_linkList--padded__8Paxc{min-width:1216px;padding-right:312px}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20);text-transform:uppercase}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}.Highlights-module_highlights__Hf7Zq{grid-gap:48px 24px;display:grid;gap:48px 24px;grid-template-columns:1fr}.Highlights-module_highlightItem__-N6le{max-width:480px;width:auto}@media (min-width:636px){.Highlights-module_highlights__Hf7Zq{grid-template-columns:1fr 1fr}.Highlights-module_highlightItem__-N6le{min-width:282px;padding-right:0}}@media (min-width:768px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{max-width:-moz-max-content;max-width:max-content;min-width:348px;padding-right:62px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:224px}}@media (min-width:1024px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:468px;padding-right:82px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:304px}}@media (min-width:1280px){.Highlights-module_highlights__Hf7Zq{gap:48px 32px}.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:592px;padding-right:104px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:384px}}.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{grid-gap:16px;display:grid;gap:16px;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh,.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{height:100%;margin-right:16px;width:288px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb,.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}.Quote-module_blockQuote__STj-z{font-size:36px;font-style:normal;font-weight:500;margin:0}.Quote-module_quoteContent__kWc51{line-height:44px;margin:0;padding-bottom:32px;padding-top:32px}.Quote-module_quoteDefault__tU5db{fill:#5514b4;color:#5514b4}.Quote-module_quoteSecondary__3Rk3f{fill:#434343;color:#434343}.Quote-module_quoteIcon__HK1TV{height:76.471px;width:100px}svg{padding:0}@media (min-width:768px){.Quote-module_blockQuote__STj-z{font-size:40px}.Quote-module_quoteContent__kWc51{line-height:48px}}@media (min-width:1024px){.Quote-module_quoteIcon__HK1TV{height:95.588px;width:125px}}@media (min-width:1280px){.Quote-module_blockQuote__STj-z{font-size:56px}.Quote-module_quoteContent__kWc51{line-height:64px}}.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:768px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}.Statistics-module_list__BI-eQ{list-style:none;margin:0;padding:0}.Statistics-module_mutedText__MR1JM,.arc a.Statistics-module_mutedText__MR1JM{color:var(--sem-color-text-primary-light-subtle)}.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:none}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:block}@media (min-width:636px){.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:block}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:none}}.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{text-align:center}@media (min-width:636px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:62px;padding-right:62px}}@media (min-width:768px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:86px;padding-right:86px}}@media (min-width:1024px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:104px;padding-right:104px}}.ArticleSidebar-module_tagGroup__rIPQc{display:flex;flex-wrap:wrap;gap:16px}.ArticleSidebar-module_textContent__3nCfG{padding-right:16px}.ArticleSidebar-module_additionalContentContainer__91L4n{display:flex;flex-direction:column;gap:16px}.ArticleSidebar-module_shareButtonContainer__iAfHL{display:flex;gap:8px}.arc a.ArticleSidebar-module_shareButton__rb-1E{background:var(--sem-color-bg-secondary-light-default);border:1px solid var(--sem-color-border-secondary-light-subtle);border-radius:50%;color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:block;padding:12px;transition:color .4s ease,border-color .4s ease}.arc a.ArticleSidebar-module_shareButton__rb-1E:hover{border-color:var(--sem-color-bg-primary-light-strong);color:var(--sem-color-bg-primary-light-strong)}.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:24px;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;max-width:1216px;padding:0}@media (min-width:636px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:32px}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-top:56px;position:absolute;scale:0;width:calc(100% - 32px)}@media (min-width:768px){.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-left:12px;margin-top:0;position:static;scale:0;width:auto}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ[focus-within]{scale:1}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ:focus-within{scale:1}.ContentInfoWidget-module_container__yaS-8{align-items:center;display:flex;flex-direction:row;max-width:250px;overflow-x:hidden;white-space:nowrap}.ContentInfoWidget-module_text__O1BdZ{padding-left:8px}.ContentInfoWidget-module_icon__LEww1{color:var(--sem-color-fg-secondary-light-subtle)}.ActionTile-module_action-tile__JPwGb{align-items:center;background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;gap:var(--sem-space-padding-70);height:164px;isolation:isolate;justify-content:center;min-height:132px;overflow:visible;padding:var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;width:230px}.ActionTile-module_action-tile-content__ZkgHc{align-items:flex-start;align-self:stretch;display:flex;flex:1;flex-direction:column;gap:var(--sem-space-padding-60)}.ActionTile-module_action-tile-icon__PY1EN{align-items:center;color:var(--sem-color-fg-secondary-light-default);display:flex;height:48px;justify-content:flex-start;transition:color .2s ease;width:48px}.ActionTile-module_action-tile-heading__Uxdu9{word-wrap:break-word;align-self:stretch;color:var(--sem-color-fg-secondary-light-default);flex-grow:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-m);margin:0;transition:color .2s ease;width:100%}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{align-items:center;background:var(--sem-color-fg-primary-light-minimal);border-radius:var(--sem-border-radius-l);color:var(--sem-color-fg-secondary-light-alt);display:flex;flex-shrink:0;height:28px;justify-content:center;position:absolute;right:-4px;top:-4px;width:28px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.LinkTile-module_link-tile__xVUP3{background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;flex:none;flex-direction:column;flex-grow:1;height:144px;max-height:144px;max-width:306px;min-height:144px;overflow:hidden;padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease}.LinkTile-module_link-tile-content__H-QN8,.LinkTile-module_link-tile__xVUP3{align-items:center;align-self:stretch;display:flex;justify-content:center;width:100%}.LinkTile-module_link-tile-content__H-QN8{flex:none;flex-direction:row;gap:var(--sem-space-padding-40);min-height:48px}.LinkTile-module_link-tile-icon__kTMfH{color:var(--sem-color-fg-primary-light-default);display:flex;flex:none;flex-shrink:0;height:32px;order:1;transition:color .2s ease;width:32px}.LinkTile-module_link-tile-text__0K6zf{color:var(--sem-color-fg-primary-light-default);flex:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-xs);order:0;transition:color .2s ease}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color .2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH,.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.InlineLinkGroup-module_quick-help__cMTpB{align-items:center;display:flex;flex-direction:column;width:100%}.InlineLinkGroup-module_quick-help__cMTpB li,.InlineLinkGroup-module_quick-help__cMTpB ul{list-style:none;margin:0;padding:0}.InlineLinkGroup-module_quick-help-label__VLKen{align-items:center;display:flex;flex-direction:row;padding-bottom:var(--sem-space-padding-110);width:100%}.InlineLinkGroup-module_quick-help-container__IStTk{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sem-space-padding-70);width:100%}.InlineLinkGroup-module_quick-help-item__QTIMl{align-items:center;display:flex;flex:0 0 auto;gap:var(--arc-spacing-4);width:auto}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:none;height:24px;width:24px}.InlineLinkGroup-module_quick-help-separator__qJE0q{align-items:center;display:flex}.InlineLinkGroup-module_quick-help-separator-line__VbCVI{background:var(--sem-color-border-secondary-light-minimal);height:14px;width:1px}@media not (min-width:636px){.InlineLinkGroup-module_quick-help-container__IStTk{align-items:flex-start;flex-direction:column;gap:var(--sem-space-padding-70)}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:block}.InlineLinkGroup-module_quick-help-separator__qJE0q{display:none}}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-s);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px);cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{font:var(--sem-type-body-reg-s);width:100%}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{align-items:center;color:var(--button-v2-colors-light-text-default);display:flex;font:var(--sem-type-interface-button-s);gap:var(--button-v2-gap-xs);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV{max-width:1280px}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV li,.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV ul{margin:0;padding:0;text-decoration:none}.PromoListingThumbnailSignpost-module_list__E9l0E{grid-column-gap:var(--arc-size-grid-gutter-s);grid-row-gap:24px;-moz-column-gap:var(--arc-size-grid-gutter-s);column-gap:var(--arc-size-grid-gutter-s);display:grid;grid-template-columns:repeat(12,1fr);list-style:none;margin:0;padding:0;row-gap:24px}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 12}@media (min-width:636px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:32px}}@media (min-width:768px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-m);column-gap:var(--arc-size-grid-gutter-m)}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 6}}@media (min-width:1024px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:40px}}@media (min-width:1280px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-l);column-gap:var(--arc-size-grid-gutter-l)}}.VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-dark-default);border-radius:var(--sem-border-radius-s);position:relative;transition:background-color .4s ease;z-index:1}.VideoCardPlayIcon-module_playIconContainer--s__ETbOZ{height:44px;position:absolute;right:var(--sem-space-gap-110);top:var(--sem-space-gap-110);width:44px}.VideoCardPlayIcon-module_playIconContainer--l__OGccg{height:64px;width:64px}.VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-secondary-light-default);height:100%;transition:color .4s ease;width:100%}.react-player__preview:hover .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-subtle)}.react-player__preview:focus .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-default)}.react-player__preview:focus .VideoCardPlayIcon-module_playIcon__kzito,.react-player__preview:hover .VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-primary-dark-default)}.VideoCardPlayer-module_container__G-Uta{border:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);border-radius:var(--sem-border-radius-s);outline:var(--sem-border-width-l) solid transparent;overflow:hidden;transition:outline-color .4s ease,box-shadow .4s ease}.VideoCardPlayer-module_container__G-Uta iframe{border:none;height:100%;width:100%}.VideoCardPlayer-module_container__G-Uta .react-player__preview{position:relative}.VideoCardPlayer-module_player__BgueT{height:100%;width:100%}.VideoCardPlayer-module_playerWrapper__UcH1q{position:relative;width:100%}.VideoCardPlayer-module_playerWrapper--landscape__shKv-{aspect-ratio:16/9}.VideoCardPlayer-module_playerWrapper--portrait__7bKAr{aspect-ratio:9/16}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)]{outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus){outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)],.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:hover\)]{box-shadow:var(--elevation-05)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus),.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:hover){box-shadow:var(--elevation-05)}@media (--arc-custom-media-min-width-l-px ){.VideoCardPlayer-module_container__G-Uta{border:none}}.VideoCardThumbnail-module_thumbnail__Yamk0{align-items:flex-end;background-size:cover;bottom:0;cursor:pointer;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail__Yamk0:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail--landscape__FmnLk:before{background:linear-gradient(180deg,rgba(42,42,42,0) 0,rgba(42,42,42,.62) 51.92%,var(--sem-color-bg-secondary-light-alt) 100%)}.VideoCardThumbnail-module_thumbnail--portrait__FZS93:before{background:linear-gradient(0deg,var(--sem-color-bg-secondary-light-alt) .01%,rgba(42,42,42,.9) 16.31%,rgba(42,42,42,.81) 26.66%,rgba(42,42,42,0) 100%)}.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-130);position:relative}.VideoCardThumbnail-module_thumbnail--portrait__FZS93 .VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-110)}@media (min-width:1280px){.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-160)}}.VideoHeroCardContent-module_mainText--lightBackground__nGl6W{color:var(--sem-color-fg-secondary-dark-alt)}.VideoHeroCardContent-module_statContainer--lightBackground__7hXAf{color:var(--sem-color-fg-secondary-light-default)}.VideoHeroCardContent-module_mainText--darkBackground__Pfizt,.VideoHeroCardContent-module_statContainer--darkBackground__X3-r2{color:var(--sem-color-fg-primary-dark-default)}.VideoHeroCardContent-module_statContainer__q21g9{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sem-space-gap-40)}.VideoHeroCardContent-module_stat__iIcoq{align-items:center;display:flex;gap:var(--sem-space-gap-5);white-space:nowrap}.VideoHeroCardContent-module_stat__iIcoq:not(:last-of-type){padding-right:var(--sem-space-padding-110)}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{background:#f7f7f7;border-radius:64px;display:flex;gap:32px;overflow:hidden;padding:64px 16px 16px;width:100%}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{height:100%;min-width:288px}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*{flex:1 1 0;min-width:0}.BusinessSegmentSwitcher-module_cardCol__jsySH{display:flex;flex-direction:column;gap:32px}.BusinessSegmentSwitcher-module_cardCol__jsySH>:first-child{flex:1}.BusinessSegmentSwitcher-module_cardCol__jsySH>:nth-child(2){flex-shrink:0}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0 -16px}@media (min-width:329px){.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0}}@media (min-width:636px){.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 24px 24px}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:282px}}@media (min-width:768px){.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:block}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN),.BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi{display:none}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:384px}}@media (min-width:1024px){.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN){display:flex}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 32px 32px}}.PartnerLogoSubgroup-module_subgroupHeader__rXAai{margin-bottom:32px}.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.PartnerLogoSubgroup-module_logoWrapper__tyxVI{align-items:center;border:1px solid var(--sem-color-border-primary-default);border-radius:16px;box-sizing:border-box;display:flex;justify-content:center;padding:8px}.PartnerLogoSubgroup-module_logoImage__h7DJd{max-height:100%;max-width:100%;object-fit:contain}@media (min-width:636px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(6,1fr)}}.PartnerBrandLogos-module_subgroupList__4e1kv{display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0}
1
+ .AccordionHeading-module_accordion-header__8s12f{padding-bottom:40px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{display:flex;flex-direction:column;gap:16px}@media (min-width:636px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:588px;width:auto}.AccordionHeading-module_accordion-header--hasImage__wbDjW{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.AccordionHeading-module_accordion-header--padded__me1JY{min-width:1216px;padding:0 312px 40px 0}}.AccordionHeading-module_accordion-header--headingSizeM__amLfy{padding-bottom:24px;width:auto}.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT.AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT:not(:first-child)>*>summary{border-top:0;line-height:29px}.Accordion-module_Accordion__LsXTU li,.Accordion-module_Accordion__LsXTU ul{list-style:none;margin:0;padding:0}.SectionHeading-module_sectionHeading--hasImage__qaz6n{display:flex;flex-direction:column;gap:16px}.SectionHeading-module_sectionHeading--isCentered__i0fR8{text-align:center}@media (min-width:636px){.SectionHeading-module_sectionHeading--hasImage__qaz6n{align-items:center;flex-direction:row;gap:32px}}@media (min-width:768px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:10px}}@media (min-width:1280px){.SectionHeading-module_sectionHeading-content__ufB6w{padding-right:0}}.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow-x:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}@media (min-width:1280px){.ArticleCarousel-module_carouselWrapper__3mmGu{margin:0 calc(var(--arc-size-section-margin-32)*-1);padding:6px var(--arc-size-section-margin-32)}}.ArticleCarousel-module_cardWrapper__lS3oc,.ArticleCarousel-module_cardWrapper__lS3oc>*{height:100%}.ArticleCarousel-module_cardWrapperCarousel__v3jv1{height:100%;margin-right:16px;width:288px}.ArticleCarousel-module_cardWrapperCarousel__v3jv1>*{height:100%}@media (min-width:636px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:24px}}@media (min-width:768px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{width:348px}}@media (min-width:1024px){.ArticleCarousel-module_cardWrapperCarousel__v3jv1{margin-right:0;padding:6px;width:100%}}.ArticleCarousel-module_lastCard__my93x{margin-right:0}.Author-module_authorContent__TBY7b{padding-left:var(--sem-space-padding-70)}.Author-module_largeAvatar__Vco03{margin-bottom:var(--sem-space-gap-5)}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) auto 0;width:100%}.CopyLead-module_col__0Da5H{flex:1 1 auto;width:100%}.CopyLead-module_container__I91ym{align-items:flex-start;display:flex;gap:var(--sem-space-padding-150)}.CopyLead-module_container--content__e8LxG{flex-direction:column}.CopyLead-module_container--media__QcMWi{flex-direction:column-reverse}.CopyLead-module_container--align-center__Fh1Sd{align-items:center}.CopyLead-module_container--align-top__UIXOZ{align-items:flex-start}.CopyLead-module_list__arnJd{list-style:none;margin:0;max-width:480px;padding:0}.CopyLead-module_listItem__NscHE{display:flex}.CopyLead-module_listItem__NscHE:nth-of-type(n+2){margin-top:var(--sem-space-padding-150)}.CopyLead-module_listItemCentered__Kwdab{align-items:center}.CopyLead-module_listItemIconContainer__dgnhJ{flex:0 0 auto}.CopyLead-module_listItemTextContainer__Dl9lw{flex:1 1 auto;padding:0 0 0 var(--sem-space-padding-80)}.CopyLead-module_imgWrapper__HYP3w{border-radius:var(--sem-border-radius-s);overflow:hidden}.CopyLead-module_mediaContainer__PxTnm{margin-bottom:var(--sem-space-padding-150)}.CopyLead-module_content__Bja1D{max-width:715px}@media (min-width:636px){.CopyLead-module_buttonContainer__3OaRG{width:-moz-max-content;width:max-content}}@media (min-width:768px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-110)}.CopyLead-module_container--content__e8LxG,.CopyLead-module_container--media__QcMWi{flex-direction:row}.CopyLead-module_container--reverse__Gq9u8{flex-direction:row-reverse}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) 0 0}.CopyLead-module_col__0Da5H{width:50%}.CopyLead-module_list__arnJd{max-width:100%}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-80)}}@media (min-width:1024px){.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-110)}}@media (min-width:1280px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-130)}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-130)}}.DownloadList-module_downloadList-below__21q6i,.DownloadList-module_downloadList-right__mHYHL{margin-top:calc(var(--arc-columns-gap)*-1)}@media (min-width:1024px){.DownloadList-module_downloadList-right__mHYHL{margin-top:0}}html{scroll-behavior:smooth}.FAQs-module_FAQs__FtQr4 li,.FAQs-module_FAQs__FtQr4 ul{list-style:none;margin:0;padding:0}.FAQs-module_linkListSection__RdQkU{display:flex;flex-direction:column;margin-bottom:40px}.FAQs-module_linkListTitle__RVni3{margin-bottom:8px}.FAQs-module_linkList__dPyXj{display:flex;flex-wrap:wrap;row-gap:8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:after{color:#d9d9d9;content:"|";padding:0 8px}.FAQs-module_linkListSection__RdQkU .FAQs-module_linkListItem__S83CL:last-child:after{content:""}@media (--arc-custom-media-min-width-s-px ){.FAQs-module_linkList--padded__8Paxc{min-width:588px;width:auto}}@media (--arc-custom-media-min-width-m-px ){.FAQs-module_linkList--padded__8Paxc{min-width:720px;padding-right:186px}}@media (--arc-custom-media-min-width-l-px ){.FAQs-module_linkList--padded__8Paxc{min-width:960px;padding-right:246px}}@media (--arc-custom-media-min-width-xl-px ){.FAQs-module_linkList--padded__8Paxc{min-width:1216px;padding-right:312px}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20);text-transform:uppercase}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}.Highlights-module_highlights__Hf7Zq{grid-gap:48px 24px;display:grid;gap:48px 24px;grid-template-columns:1fr}.Highlights-module_highlightItem__-N6le{max-width:480px;width:auto}@media (min-width:636px){.Highlights-module_highlights__Hf7Zq{grid-template-columns:1fr 1fr}.Highlights-module_highlightItem__-N6le{min-width:282px;padding-right:0}}@media (min-width:768px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{max-width:-moz-max-content;max-width:max-content;min-width:348px;padding-right:62px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:224px}}@media (min-width:1024px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:468px;padding-right:82px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:304px}}@media (min-width:1280px){.Highlights-module_highlights__Hf7Zq{gap:48px 32px}.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:592px;padding-right:104px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:384px}}.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(var(--arc-size-section-margin-16)*-1);overflow:hidden;padding:6px var(--arc-size-section-margin-16)}@media (min-width:636px){.PromoListing-module_CarouselWrapper__iYwWp{margin:0 calc(var(--arc-size-section-margin-24)*-1);padding:6px var(--arc-size-section-margin-24)}}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{grid-gap:16px;display:grid;gap:16px;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh,.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{height:100%;margin-right:16px;width:288px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb,.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}.Quote-module_blockQuote__STj-z{font-size:36px;font-style:normal;font-weight:500;margin:0}.Quote-module_quoteContent__kWc51{line-height:44px;margin:0;padding-bottom:32px;padding-top:32px}.Quote-module_quoteDefault__tU5db{fill:#5514b4;color:#5514b4}.Quote-module_quoteSecondary__3Rk3f{fill:#434343;color:#434343}.Quote-module_quoteIcon__HK1TV{height:76.471px;width:100px}svg{padding:0}@media (min-width:768px){.Quote-module_blockQuote__STj-z{font-size:40px}.Quote-module_quoteContent__kWc51{line-height:48px}}@media (min-width:1024px){.Quote-module_quoteIcon__HK1TV{height:95.588px;width:125px}}@media (min-width:1280px){.Quote-module_blockQuote__STj-z{font-size:56px}.Quote-module_quoteContent__kWc51{line-height:64px}}.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:768px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}.Statistics-module_list__BI-eQ{list-style:none;margin:0;padding:0}.Statistics-module_mutedText__MR1JM,.arc a.Statistics-module_mutedText__MR1JM{color:var(--sem-color-text-primary-light-subtle)}.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:none}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:block}@media (min-width:636px){.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:block}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:none}}.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{text-align:center}@media (min-width:636px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:62px;padding-right:62px}}@media (min-width:768px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:86px;padding-right:86px}}@media (min-width:1024px){.BannerWithTabs-module_bannerWithTabsHeadingCentered__upqEO{padding-left:104px;padding-right:104px}}.ArticleSidebar-module_tagGroup__rIPQc{display:flex;flex-wrap:wrap;gap:16px}.ArticleSidebar-module_textContent__3nCfG{padding-right:16px}.ArticleSidebar-module_additionalContentContainer__91L4n{display:flex;flex-direction:column;gap:16px}.ArticleSidebar-module_shareButtonContainer__iAfHL{display:flex;gap:8px}.arc a.ArticleSidebar-module_shareButton__rb-1E{background:var(--sem-color-bg-secondary-light-default);border:1px solid var(--sem-color-border-secondary-light-subtle);border-radius:50%;color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:block;padding:12px;transition:color .4s ease,border-color .4s ease}.arc a.ArticleSidebar-module_shareButton__rb-1E:hover{border-color:var(--sem-color-bg-primary-light-strong);color:var(--sem-color-bg-primary-light-strong)}.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:24px;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;max-width:1216px;padding:0}@media (min-width:636px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ProductNavigation-module_product-navigation-grid__RzFq8{grid-gap:32px}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-top:56px;position:absolute;scale:0;width:calc(100% - 32px)}@media (min-width:768px){.ProductNavigation-module_productNavigation-skipLink__fy8ZJ{margin-left:12px;margin-top:0;position:static;scale:0;width:auto}}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ[focus-within]{scale:1}.ProductNavigation-module_productNavigation-skipLink__fy8ZJ:focus-within{scale:1}.ContentInfoWidget-module_container__yaS-8{align-items:center;display:flex;flex-direction:row;max-width:250px;overflow-x:hidden;white-space:nowrap}.ContentInfoWidget-module_text__O1BdZ{padding-left:8px}.ContentInfoWidget-module_icon__LEww1{color:var(--sem-color-fg-secondary-light-subtle)}.ActionTile-module_action-tile__JPwGb{align-items:center;background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;gap:var(--sem-space-padding-70);height:164px;isolation:isolate;justify-content:center;min-height:132px;overflow:visible;padding:var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;width:230px}.ActionTile-module_action-tile-content__ZkgHc{align-items:flex-start;align-self:stretch;display:flex;flex:1;flex-direction:column;gap:var(--sem-space-padding-60)}.ActionTile-module_action-tile-icon__PY1EN{align-items:center;color:var(--sem-color-fg-secondary-light-default);display:flex;height:48px;justify-content:flex-start;transition:color .2s ease;width:48px}.ActionTile-module_action-tile-heading__Uxdu9{word-wrap:break-word;align-self:stretch;color:var(--sem-color-fg-secondary-light-default);flex-grow:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-125);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-m);margin:0;transition:color .2s ease;width:100%}.ActionTile-module_action-tile--active__-aWze{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:none}.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile-tick__vhsJE{align-items:center;background:var(--sem-color-fg-primary-light-minimal);border-radius:var(--sem-border-radius-l);color:var(--sem-color-fg-secondary-light-alt);display:flex;flex-shrink:0;height:28px;justify-content:center;position:absolute;right:-4px;top:-4px;width:28px;z-index:1}.ActionTile-module_action-tile__JPwGb:hover{border-color:var(--button-v2-colors-light-text-hover);box-shadow:0 0 0 1px var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile__JPwGb:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--button-v2-colors-light-text-hover)}.ActionTile-module_action-tile--active__-aWze:hover{background:var(--sem-color-bg-primary-light-subtle-alt);border-color:var(--sem-color-fg-primary-light-minimal);box-shadow:0 0 0 1px var(--sem-color-fg-primary-light-minimal)}.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-heading__Uxdu9,.ActionTile-module_action-tile--active__-aWze:hover .ActionTile-module_action-tile-icon__PY1EN{color:var(--sem-color-fg-primary-light-minimal)}.LinkTile-module_link-tile__xVUP3{background:var(--sem-color-bg-secondary-light-default);border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);box-sizing:border-box;cursor:pointer;flex:none;flex-direction:column;flex-grow:1;height:144px;max-height:144px;max-width:306px;min-height:144px;overflow:hidden;padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease}.LinkTile-module_link-tile-content__H-QN8,.LinkTile-module_link-tile__xVUP3{align-items:center;align-self:stretch;display:flex;justify-content:center;width:100%}.LinkTile-module_link-tile-content__H-QN8{flex:none;flex-direction:row;gap:var(--sem-space-padding-40);min-height:48px}.LinkTile-module_link-tile-icon__kTMfH{color:var(--sem-color-fg-primary-light-default);display:flex;flex:none;flex-shrink:0;height:32px;order:1;transition:color .2s ease;width:32px}.LinkTile-module_link-tile-text__0K6zf{color:var(--sem-color-fg-primary-light-default);flex:1;font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);letter-spacing:0;line-height:var(--sem-line-height-base-scale-xs);order:0;transition:color .2s ease}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color .2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH,.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.InlineLinkGroup-module_quick-help__cMTpB{align-items:center;display:flex;flex-direction:column;width:100%}.InlineLinkGroup-module_quick-help__cMTpB li,.InlineLinkGroup-module_quick-help__cMTpB ul{list-style:none;margin:0;padding:0}.InlineLinkGroup-module_quick-help-label__VLKen{align-items:center;display:flex;flex-direction:row;padding-bottom:var(--sem-space-padding-110);width:100%}.InlineLinkGroup-module_quick-help-container__IStTk{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sem-space-padding-70);width:100%}.InlineLinkGroup-module_quick-help-item__QTIMl{align-items:center;display:flex;flex:0 0 auto;gap:var(--arc-spacing-4);width:auto}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:none;height:24px;width:24px}.InlineLinkGroup-module_quick-help-separator__qJE0q{align-items:center;display:flex}.InlineLinkGroup-module_quick-help-separator-line__VbCVI{background:var(--sem-color-border-secondary-light-minimal);height:14px;width:1px}@media not (min-width:636px){.InlineLinkGroup-module_quick-help-container__IStTk{align-items:flex-start;flex-direction:column;gap:var(--sem-space-padding-70)}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:block}.InlineLinkGroup-module_quick-help-separator__qJE0q{display:none}}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-m);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px);cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus{outline-color:var(--focus-colors-dark-border-subtle)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{font:var(--sem-type-body-reg-s);width:100%}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ{color:var(--surface-colors-bg-light-white);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((100% + var(--arc-size-grid-gutter-s))/12*6 - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{align-items:center;color:var(--button-v2-colors-light-text-default);display:flex;font:var(--sem-type-interface-button-s);gap:var(--button-v2-gap-xs);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_onDarkSurface__F2jUk .ThumbnailSignpost-module_thumbnailButton__Nn-NR{color:var(--surface-colors-bg-light-white)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-dark-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_onDarkSurface__F2jUk.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-dark-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV{max-width:1280px}.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV li,.PromoListingThumbnailSignpost-module_PromoListingThumbnailSignpost__0HTPV ul{margin:0;padding:0;text-decoration:none}.PromoListingThumbnailSignpost-module_list__E9l0E{grid-column-gap:var(--arc-size-grid-gutter-s);grid-row-gap:24px;-moz-column-gap:var(--arc-size-grid-gutter-s);column-gap:var(--arc-size-grid-gutter-s);display:grid;grid-template-columns:repeat(12,1fr);list-style:none;margin:0;padding:0;row-gap:24px}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 12}@media (min-width:636px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:32px}}@media (min-width:768px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-m);column-gap:var(--arc-size-grid-gutter-m)}.PromoListingThumbnailSignpost-module_list__E9l0E li{grid-column:span 6}}@media (min-width:1024px){.PromoListingThumbnailSignpost-module_list__E9l0E{row-gap:40px}}@media (min-width:1280px){.PromoListingThumbnailSignpost-module_list__E9l0E{-moz-column-gap:var(--arc-size-grid-gutter-l);column-gap:var(--arc-size-grid-gutter-l)}}.VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-dark-default);border-radius:var(--sem-border-radius-s);position:relative;transition:background-color .4s ease;z-index:1}.VideoCardPlayIcon-module_playIconContainer--s__ETbOZ{height:44px;position:absolute;right:var(--sem-space-gap-110);top:var(--sem-space-gap-110);width:44px}.VideoCardPlayIcon-module_playIconContainer--l__OGccg{height:64px;width:64px}.VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-secondary-light-default);height:100%;transition:color .4s ease;width:100%}.react-player__preview:hover .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-subtle)}.react-player__preview:focus .VideoCardPlayIcon-module_playIconContainer__ZqZP3{background:var(--sem-color-bg-primary-light-default)}.react-player__preview:focus .VideoCardPlayIcon-module_playIcon__kzito,.react-player__preview:hover .VideoCardPlayIcon-module_playIcon__kzito{color:var(--sem-color-fg-primary-dark-default)}.VideoCardPlayer-module_container__G-Uta{border:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);border-radius:var(--sem-border-radius-s);outline:var(--sem-border-width-l) solid transparent;overflow:hidden;transition:outline-color .4s ease,box-shadow .4s ease}.VideoCardPlayer-module_container__G-Uta iframe{border:none;height:100%;width:100%}.VideoCardPlayer-module_container__G-Uta .react-player__preview{position:relative}.VideoCardPlayer-module_player__BgueT{height:100%;width:100%}.VideoCardPlayer-module_playerWrapper__UcH1q{position:relative;width:100%}.VideoCardPlayer-module_playerWrapper--landscape__shKv-{aspect-ratio:16/9}.VideoCardPlayer-module_playerWrapper--portrait__7bKAr{aspect-ratio:9/16}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)]{outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus){outline-color:var(--sem-color-border-primary-light-default)}.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:focus\)],.VideoCardPlayer-module_container__G-Uta[\:has\(\:global\(\.react-player__preview\)\:hover\)]{box-shadow:var(--elevation-05)}.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:focus),.VideoCardPlayer-module_container__G-Uta:has(.react-player__preview:hover){box-shadow:var(--elevation-05)}@media (--arc-custom-media-min-width-l-px ){.VideoCardPlayer-module_container__G-Uta{border:none}}.VideoCardThumbnail-module_thumbnail__Yamk0{align-items:flex-end;background-size:cover;bottom:0;cursor:pointer;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail__Yamk0:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.VideoCardThumbnail-module_thumbnail--landscape__FmnLk:before{background:linear-gradient(180deg,rgba(42,42,42,0) 0,rgba(42,42,42,.62) 51.92%,var(--sem-color-bg-secondary-light-alt) 100%)}.VideoCardThumbnail-module_thumbnail--portrait__FZS93:before{background:linear-gradient(0deg,var(--sem-color-bg-secondary-light-alt) .01%,rgba(42,42,42,.9) 16.31%,rgba(42,42,42,.81) 26.66%,rgba(42,42,42,0) 100%)}.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-130);position:relative}.VideoCardThumbnail-module_thumbnail--portrait__FZS93 .VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-110)}@media (min-width:1280px){.VideoCardThumbnail-module_thumbnailContent__cHham{padding:var(--sem-space-padding-160)}}.VideoHeroCardContent-module_mainText--lightBackground__nGl6W{color:var(--sem-color-fg-secondary-dark-alt)}.VideoHeroCardContent-module_statContainer--lightBackground__7hXAf{color:var(--sem-color-fg-secondary-light-default)}.VideoHeroCardContent-module_mainText--darkBackground__Pfizt,.VideoHeroCardContent-module_statContainer--darkBackground__X3-r2{color:var(--sem-color-fg-primary-dark-default)}.VideoHeroCardContent-module_statContainer__q21g9{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sem-space-gap-40)}.VideoHeroCardContent-module_stat__iIcoq{align-items:center;display:flex;gap:var(--sem-space-gap-5);white-space:nowrap}.VideoHeroCardContent-module_stat__iIcoq:not(:last-of-type){padding-right:var(--sem-space-padding-110)}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{background:#f7f7f7;border-radius:64px;display:flex;gap:32px;overflow:hidden;padding:64px 16px 16px;width:100%}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{height:100%;min-width:288px}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*{flex:1 1 0;min-width:0}.BusinessSegmentSwitcher-module_cardCol__jsySH{display:flex;flex-direction:column;gap:32px}.BusinessSegmentSwitcher-module_cardCol__jsySH>:first-child{flex:1}.BusinessSegmentSwitcher-module_cardCol__jsySH>:nth-child(2){flex-shrink:0}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0 -16px}@media (min-width:329px){.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0}}@media (min-width:636px){.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 24px 24px}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:282px}}@media (min-width:768px){.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:block}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN),.BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi{display:none}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:384px}}@media (min-width:1024px){.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN){display:flex}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 32px 32px}}.PartnerLogoSubgroup-module_subgroupHeader__rXAai{margin-bottom:32px}.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.PartnerLogoSubgroup-module_logoWrapper__tyxVI{align-items:center;border:1px solid var(--sem-color-border-primary-default);border-radius:16px;box-sizing:border-box;display:flex;justify-content:center;padding:8px}.PartnerLogoSubgroup-module_logoImage__h7DJd{max-height:100%;max-width:100%;object-fit:contain}@media (min-width:636px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.PartnerLogoSubgroup-module_logoGroup__RYsTN{grid-template-columns:repeat(6,1fr)}}.PartnerBrandLogos-module_subgroupList__4e1kv{display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arc-ui/community-components",
3
- "version": "3.8.0",
3
+ "version": "3.9.0",
4
4
  "type": "module",
5
5
  "homepage": "https://ui.digital-ent-int.bt.com",
6
6
  "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
@@ -34,8 +34,8 @@
34
34
  "access": "public"
35
35
  },
36
36
  "peerDependencies": {
37
- "@arc-ui/components": "13.9.0",
38
- "@arc-ui/themes": "13.9.0",
37
+ "@arc-ui/components": "13.10.1",
38
+ "@arc-ui/themes": "13.10.1",
39
39
  "react": "^19.2.3",
40
40
  "react-dom": "^19.2.3"
41
41
  },
@@ -49,14 +49,14 @@
49
49
  "react-player": "^3.4.0"
50
50
  },
51
51
  "devDependencies": {
52
- "@arc-ui/components": "13.9.0",
53
- "@arc-ui/gradients": "13.9.0",
54
- "@arc-ui/icons": "13.9.0",
55
- "@arc-ui/themes": "13.9.0",
56
- "@arc-ui/tokens-arc": "13.9.0",
57
- "@arc-ui/tokens-bt-business": "13.9.0",
58
- "@arc-ui/tokens-bt-enterprise": "13.9.0",
59
- "@arc-ui/tokens-ee": "13.9.0",
52
+ "@arc-ui/components": "13.10.1",
53
+ "@arc-ui/gradients": "13.10.1",
54
+ "@arc-ui/icons": "13.10.1",
55
+ "@arc-ui/themes": "13.10.1",
56
+ "@arc-ui/tokens-arc": "13.10.1",
57
+ "@arc-ui/tokens-bt-business": "13.10.1",
58
+ "@arc-ui/tokens-bt-enterprise": "13.10.1",
59
+ "@arc-ui/tokens-ee": "13.10.1",
60
60
  "@rollup/plugin-commonjs": "^28.0.1",
61
61
  "@rollup/plugin-node-resolve": "^15.3.0",
62
62
  "@rollup/plugin-typescript": "^12.1.1",
@@ -79,11 +79,11 @@
79
79
  "stylelint": "^16.10.0",
80
80
  "tslib": "^2.8.1",
81
81
  "typescript": "^5.6.3",
82
- "@arc-ui/community-utils": "^0.2.0",
83
- "@arc-ui/community-build-utils": "^0.1.0",
84
- "@arc-ui/community-eslint-config": "^0.1.1",
85
82
  "@arc-ui/community-css-config": "^0.1.1",
86
- "@arc-ui/community-typescript-config": "^0.1.0"
83
+ "@arc-ui/community-eslint-config": "^0.1.1",
84
+ "@arc-ui/community-utils": "^0.2.0",
85
+ "@arc-ui/community-typescript-config": "^0.1.0",
86
+ "@arc-ui/community-build-utils": "^0.1.0"
87
87
  },
88
88
  "browserslist": [
89
89
  "defaults",
@@ -32,7 +32,7 @@ export const ActionTile: React.FC<ActionTileProps> = ({
32
32
  <Icon icon={displayIcon} size={48} />
33
33
  </div>
34
34
  )}
35
- <h3 className={styles["action-tile-heading"]}>{heading}</h3>
35
+ <span className={styles["action-tile-heading"]}>{heading}</span>
36
36
  </div>
37
37
 
38
38
  {isActive && (
@@ -44,9 +44,15 @@ export const ActionTile: React.FC<ActionTileProps> = ({
44
44
  );
45
45
 
46
46
  return (
47
- <div className={tileClasses} onClick={onClick} {...filterAttrs(props)}>
47
+ <button
48
+ type="button"
49
+ className={tileClasses}
50
+ onClick={onClick}
51
+ aria-pressed={isActive}
52
+ {...filterAttrs(props)}
53
+ >
48
54
  {content}
49
- </div>
55
+ </button>
50
56
  );
51
57
  };
52
58
 
@@ -66,10 +66,14 @@ export const BusinessSegmentSwitcher = ({
66
66
  {content.card3 && <InformationCard {...content.card3} />}
67
67
  <div>
68
68
  <TypographyCard
69
- heading={`All ${label.toLowerCase()} solutions`}
69
+ heading={
70
+ content.card4.heading ||
71
+ `All ${label.toLowerCase()} solutions`
72
+ }
70
73
  text={content.card4.text}
71
74
  label={content.card4.label}
72
75
  url={content.card4.url}
76
+ onClick={content.card4.onClick}
73
77
  />
74
78
  </div>
75
79
  </div>
@@ -31,15 +31,18 @@ export interface BentoMediaCard
31
31
  * Content structure for the bento grid layout within each tab.
32
32
  * - card1 & card2: Can be either information or media cards
33
33
  * - card3: Optional information card
34
- * - card4: Typography card with label and url
34
+ * - card4: Typography card with label, heading and url
35
35
  */
36
36
  export type BentoGridContent = {
37
37
  card1: BentoInformationCard | BentoMediaCard;
38
38
  card2: BentoInformationCard | BentoMediaCard;
39
39
  card3?: BentoInformationCard;
40
40
  card4: {
41
- url: string;
42
- label?: string;
41
+ url: TypographyCardProps["url"];
42
+ label?: TypographyCardProps["label"];
43
+ /** Overrides the default heading if provided and is not falsey. */
44
+ heading?: string;
43
45
  text?: TypographyCardProps["text"];
46
+ onClick?: TypographyCardProps["onClick"];
44
47
  };
45
48
  };
@@ -1,7 +1,15 @@
1
1
  @import url("@arc-ui/tokens-arc/dist/custom-media.css");
2
2
 
3
- @media (--arc-custom-media-min-width-m-px) {
4
- .headingContainer {
5
- max-width: 75%;
3
+ .downloadList-below {
4
+ margin-top: calc(-1 * var(--arc-columns-gap));
5
+ }
6
+
7
+ .downloadList-right {
8
+ margin-top: calc(-1 * var(--arc-columns-gap));
9
+ }
10
+
11
+ @media (--arc-custom-media-min-width-l-px) {
12
+ .downloadList-right {
13
+ margin-top: unset;
6
14
  }
7
15
  }
@@ -2,9 +2,11 @@ import React from "react";
2
2
  import { VerticalSpace } from "@arc-ui/components/VerticalSpace";
3
3
  import { SectionHeading, type SectionHeadingProps } from "../SectionHeading";
4
4
  import { Download, type DownloadProps } from "@arc-ui/components/Download";
5
- import styles from "./DownloadList.module.css";
5
+ import { Columns, ColumnsCol } from "@arc-ui/components/Columns";
6
6
  import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
7
7
 
8
+ import styles from "./DownloadList.module.css";
9
+
8
10
  export const DownloadList: React.FC<DownloadListProps> = ({
9
11
  heading,
10
12
  id,
@@ -12,31 +14,45 @@ export const DownloadList: React.FC<DownloadListProps> = ({
12
14
  isHeadingWordWrap,
13
15
  content,
14
16
  downloads,
17
+ alignment = "below",
15
18
  ...props
16
19
  }) => {
17
20
  return (
18
21
  <div {...filterAttrs(props)}>
19
- <div className={styles.headingContainer}>
20
- <SectionHeading
21
- id={id}
22
- heading={heading}
23
- isHeadingWordWrap={isHeadingWordWrap}
24
- headingLevel={headingLevel}
25
- content={content}
26
- />
27
- </div>
28
- <VerticalSpace size="40" />
29
- {downloads.map((downloadProps, i) => (
30
- <React.Fragment key={`download-${i}`}>
31
- <Download {...downloadProps} />
32
- {i !== downloads.length - 1 && <VerticalSpace size="16" />}
33
- </React.Fragment>
34
- ))}
22
+ <Columns>
23
+ <ColumnsCol spanL={alignment === "right" ? 6 : 9} spanM={9} span={12}>
24
+ {" "}
25
+ <SectionHeading
26
+ id={id}
27
+ heading={heading}
28
+ isHeadingWordWrap={isHeadingWordWrap}
29
+ headingLevel={headingLevel}
30
+ content={content}
31
+ />
32
+ </ColumnsCol>
33
+ <ColumnsCol spanL={alignment === "right" ? 6 : 8} spanM={9} spanS={12}>
34
+ <div className={styles[`downloadList-${alignment}`]}>
35
+ {downloads.map((downloadProps, i) => (
36
+ <React.Fragment key={`download-${i}-${downloadProps.name}`}>
37
+ <Download {...downloadProps} />
38
+ {i !== downloads.length - 1 && <VerticalSpace size="16" />}
39
+ </React.Fragment>
40
+ ))}
41
+ </div>
42
+ </ColumnsCol>
43
+ </Columns>
35
44
  </div>
36
45
  );
37
46
  };
38
47
 
39
48
  export interface DownloadListProps
40
49
  extends Omit<SectionHeadingProps, "isPadded"> {
50
+ /**
51
+ * Set the list of `Download` components.
52
+ */
41
53
  downloads: DownloadProps[];
54
+ /**
55
+ * Align the `Download` list below or to the right of the `SectionHeading`.
56
+ */
57
+ alignment?: "below" | "right";
42
58
  }
@@ -8,6 +8,7 @@ import styles from "./InlineLinkGroup.module.css";
8
8
 
9
9
  export const InlineLinkGroup: React.FC<InlineLinkGroupProps> = ({
10
10
  label,
11
+ headingLevel = "2",
11
12
  links,
12
13
  ...props
13
14
  }) => {
@@ -15,7 +16,7 @@ export const InlineLinkGroup: React.FC<InlineLinkGroupProps> = ({
15
16
  <div className={styles["quick-help"]} {...filterAttrs(props)}>
16
17
  {label && (
17
18
  <div className={styles["quick-help-label"]}>
18
- <Heading size="xxs" fontStyle="overline">
19
+ <Heading level={headingLevel} size="xxs" fontStyle="overline">
19
20
  {label}
20
21
  </Heading>
21
22
  </div>
@@ -51,6 +52,8 @@ export const InlineLinkGroup: React.FC<InlineLinkGroupProps> = ({
51
52
  export interface InlineLinkGroupProps {
52
53
  /** Optional overline label displayed above the link group */
53
54
  label?: string;
55
+ /** Heading level for the label, defaults to "2" for proper heading hierarchy */
56
+ headingLevel?: "1" | "2" | "3" | "4" | "5" | "6";
54
57
  /** Array of link items to display */
55
58
  links: InlineLinkGroupItem[];
56
59
  }
@@ -89,10 +89,8 @@ export interface PartnerLogosSubgroup {
89
89
  * Internal props for the `PartnerLogoSubgroup` component.
90
90
  * Extends `PartnerLogosSubgroup` with a resolved `headingLevel`.
91
91
  */
92
- export interface PartnerLogoSubgroupProps extends Omit<
93
- PartnerLogosSubgroup,
94
- "subheadingLevel"
95
- > {
92
+ export interface PartnerLogoSubgroupProps
93
+ extends Omit<PartnerLogosSubgroup, "subheadingLevel"> {
96
94
  /** Resolved semantic heading level for the subheading. */
97
95
  headingLevel: HeadingLevel;
98
96
  }
@@ -41,6 +41,7 @@ export const ProductNavigation: React.FC<ProductNavigationProps> = ({
41
41
  const [displayList, setDisplayList] = useState(
42
42
  productList.slice(0, cardsToDisplay),
43
43
  );
44
+ const [displaySkipButton, setDisplaySkipButton] = useState(false);
44
45
  const cardRef = useRef<HTMLLIElement>(null);
45
46
 
46
47
  useEffect(() => {
@@ -54,6 +55,7 @@ export const ProductNavigation: React.FC<ProductNavigationProps> = ({
54
55
  };
55
56
 
56
57
  const clickController = () => {
58
+ setDisplaySkipButton(true);
57
59
  // show more / current list length + increment
58
60
  if (displayList.length < productList.length) {
59
61
  if (onClickMore) onClickMore();
@@ -123,8 +125,8 @@ export const ProductNavigation: React.FC<ProductNavigationProps> = ({
123
125
  isLoading={isLoading}
124
126
  />
125
127
  )}
126
- {displayList.length > cardsToDisplay && (
127
- <>
128
+ {hideButton ||
129
+ (displaySkipButton && displayList.length > cardsToDisplay && (
128
130
  <div
129
131
  id="skip-link"
130
132
  className={classNames(styles["productNavigation-skipLink"])}
@@ -137,8 +139,7 @@ export const ProductNavigation: React.FC<ProductNavigationProps> = ({
137
139
  isFullWidth={isMinWidthArcBreakpointS ? false : true}
138
140
  />
139
141
  </div>
140
- </>
141
- )}
142
+ ))}
142
143
  <VisuallyHidden>
143
144
  <div aria-live="polite" id="aria-live-region" aria-atomic>
144
145
  <p>
@@ -159,7 +160,7 @@ export interface ProductNavigationProps
159
160
  */
160
161
  productList: ListProps[];
161
162
  /**
162
- * Include "show more" or "show less" buttons.
163
+ * Hide "show more" or "show less" button controls.
163
164
  */
164
165
  hideButton?: boolean;
165
166
  /**
@@ -4,6 +4,20 @@
4
4
  max-width: 1280px;
5
5
  }
6
6
 
7
+ /* margins for overflowing cards */
8
+ .CarouselWrapper {
9
+ overflow: hidden;
10
+ margin: 0 calc(-1 * var(--arc-size-section-margin-16));
11
+ padding: 6px var(--arc-size-section-margin-16);
12
+ }
13
+
14
+ @media (--arc-custom-media-min-width-s-px) {
15
+ .CarouselWrapper {
16
+ margin: 0 calc(-1 * var(--arc-size-section-margin-24));
17
+ padding: 6px var(--arc-size-section-margin-24);
18
+ }
19
+ }
20
+
7
21
  .carouselSlide {
8
22
  height: 100%;
9
23
  padding: 6px;
@@ -126,7 +126,7 @@ export const PromoListing: React.FC<PromoListingProps> = ({
126
126
  </>
127
127
  )}
128
128
  {isCarousel && !isMinWidthArcBreakpointL ? (
129
- <div className={styles.promolistingCarouselWrapper}>
129
+ <div className={styles.CarouselWrapper}>
130
130
  <Carousel
131
131
  overflow="visible"
132
132
  itemsPerSlide={1}
@@ -1,27 +1,17 @@
1
1
  @import url("@arc-ui/tokens-arc/dist/custom-media.css");
2
2
 
3
- .section-header {
4
- padding-bottom: 40px;
5
- width: auto;
6
- }
7
-
8
- .section-header--hasImage {
3
+ .sectionHeading--hasImage {
9
4
  display: flex;
10
5
  flex-direction: column;
11
6
  gap: 16px;
12
7
  }
13
8
 
14
- .section-header--isCentered {
9
+ .sectionHeading--isCentered {
15
10
  text-align: center;
16
11
  }
17
12
 
18
13
  @media (--arc-custom-media-min-width-s-px) {
19
- .section-header--padded {
20
- min-width: 588px;
21
- width: auto;
22
- }
23
-
24
- .section-header--hasImage {
14
+ .sectionHeading--hasImage {
25
15
  align-items: center;
26
16
  flex-direction: row;
27
17
  gap: 32px;
@@ -29,22 +19,13 @@
29
19
  }
30
20
 
31
21
  @media (--arc-custom-media-min-width-m-px) {
32
- .section-header--padded {
33
- min-width: 720px;
34
- padding: 0 186px 40px 0;
35
- }
36
- }
37
-
38
- @media (--arc-custom-media-min-width-l-px) {
39
- .section-header--padded {
40
- min-width: 960px;
41
- padding: 0 246px 40px 0;
22
+ .sectionHeading-content {
23
+ padding-right: 10px;
42
24
  }
43
25
  }
44
26
 
45
27
  @media (--arc-custom-media-min-width-xl-px) {
46
- .section-header--padded {
47
- min-width: 1216px;
48
- padding: 0 312px 40px 0;
28
+ .sectionHeading-content {
29
+ padding-right: unset;
49
30
  }
50
31
  }
@@ -7,6 +7,7 @@ import { Text } from "@arc-ui/components/Text";
7
7
  import { VerticalSpace } from "@arc-ui/components/VerticalSpace";
8
8
  import { Image, type ImageProps } from "@arc-ui/components/Image";
9
9
  import { Heading, type HeadingLevel } from "@arc-ui/components/Heading";
10
+ import { Columns, ColumnsCol } from "@arc-ui/components/Columns";
10
11
 
11
12
  import styles from "./SectionHeading.module.css";
12
13
 
@@ -21,40 +22,41 @@ export const SectionHeading: React.FC<SectionHeadingProps> = ({
21
22
  isCentered = false,
22
23
  ...props
23
24
  }) => (
24
- <div
25
- className={classNames({
26
- [styles["section-header"]]: true,
27
- [styles["section-header--padded"]]: isPadded,
28
- [styles["section-header--isCentered"]]: isCentered,
29
- })}
30
- {...filterAttrs(props)}
31
- >
32
- <div
33
- className={classNames({ [styles["section-header--hasImage"]]: image })}
34
- >
35
- {image && (
36
- <div>
37
- <Image {...image} width={68} fit="cover" />
38
- </div>
39
- )}
40
- <Heading
41
- level={headingLevel}
42
- id={id}
43
- size="xl"
44
- isWordWrap={isHeadingWordWrap}
25
+ <Columns>
26
+ <ColumnsCol spanM={isPadded ? 9 : 12}>
27
+ <div
28
+ className={classNames({
29
+ [styles["sectionHeading--isCentered"]]: isCentered,
30
+ })}
31
+ {...filterAttrs(props)}
45
32
  >
46
- {heading}
47
- </Heading>
48
- </div>
49
- {content && (
50
- <>
51
- <VerticalSpace size="24" />
52
- <Text size="l" elementType="p">
53
- {content}
54
- </Text>
55
- </>
56
- )}
57
- </div>
33
+ <div
34
+ className={classNames({
35
+ [styles["sectionHeading--hasImage"]]: image,
36
+ })}
37
+ >
38
+ {image && <Image {...image} width={68} fit="cover" />}
39
+ <Heading
40
+ level={headingLevel}
41
+ id={id}
42
+ size="xl"
43
+ isWordWrap={isHeadingWordWrap}
44
+ >
45
+ {heading}
46
+ </Heading>
47
+ </div>
48
+ {content && (
49
+ <div className={styles[`sectionHeading-content`]}>
50
+ <VerticalSpace size="24" />
51
+ <Text size="l" elementType="p">
52
+ {content}
53
+ </Text>
54
+ </div>
55
+ )}
56
+ <VerticalSpace size="40" />
57
+ </div>
58
+ </ColumnsCol>
59
+ </Columns>
58
60
  );
59
61
 
60
62
  export interface SectionHeadingProps {