@arc-ui/community-components 3.8.1 → 3.10.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 (70) hide show
  1. package/.turbo/turbo-build.log +17 -16
  2. package/CHANGELOG.md +25 -0
  3. package/generate-versions.js +48 -1
  4. package/lib/ActionTile/ActionTile.cjs +10 -9
  5. package/lib/ActionTile/ActionTile.mjs +10 -9
  6. package/lib/ActionTile/styles.css +1 -1
  7. package/lib/ArticleCarousel/ArticleCarousel.cjs +3 -2
  8. package/lib/ArticleCarousel/ArticleCarousel.mjs +3 -2
  9. package/lib/BannerWithTabs/BannerWithTabs.cjs +2 -1
  10. package/lib/BannerWithTabs/BannerWithTabs.mjs +2 -1
  11. package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.cjs +2 -1
  12. package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.mjs +2 -1
  13. package/lib/CopyLead/CopyLead.cjs +2 -2
  14. package/lib/CopyLead/CopyLead.mjs +2 -2
  15. package/lib/DownloadList/DownloadList.cjs +12 -9
  16. package/lib/DownloadList/DownloadList.mjs +12 -9
  17. package/lib/DownloadList/styles.css +1 -1
  18. package/lib/FAQs/FAQs.cjs +2 -1
  19. package/lib/FAQs/FAQs.mjs +2 -1
  20. package/lib/FeaturePost/FeaturePost.cjs +1 -1
  21. package/lib/FeaturePost/FeaturePost.mjs +1 -1
  22. package/lib/HeaderBarNotification/HeaderBarNotification.cjs +57 -0
  23. package/lib/HeaderBarNotification/HeaderBarNotification.mjs +55 -0
  24. package/lib/HeaderBarNotification/styles.css +1 -0
  25. package/lib/Highlights/Highlights.cjs +2 -1
  26. package/lib/Highlights/Highlights.mjs +2 -1
  27. package/lib/ProductNavigation/ProductNavigation.cjs +20 -19
  28. package/lib/ProductNavigation/ProductNavigation.mjs +20 -19
  29. package/lib/PromoListing/PromoListing.cjs +5 -4
  30. package/lib/PromoListing/PromoListing.mjs +5 -4
  31. package/lib/PromoListing/styles.css +1 -1
  32. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.cjs +2 -1
  33. package/lib/PromoListingThumbnailSignpost/PromoListingThumbnailSignpost.mjs +2 -1
  34. package/lib/SectionHeading/SectionHeading.cjs +2 -1
  35. package/lib/SectionHeading/SectionHeading.mjs +2 -1
  36. package/lib/SectionHeading/styles.css +1 -1
  37. package/lib/Statistics/Statistics.cjs +1 -1
  38. package/lib/Statistics/Statistics.mjs +1 -1
  39. package/lib/Summary/Summary.cjs +1 -1
  40. package/lib/Summary/Summary.mjs +1 -1
  41. package/lib/_shared/cjs/SectionHeading-XCMdv8eZ.cjs +34 -0
  42. package/lib/_shared/cjs/{index.es-B6sSN_JJ.cjs → index.es-B73RVhhj.cjs} +1 -1
  43. package/lib/_shared/esm/SectionHeading-lyXLUtdr.mjs +32 -0
  44. package/lib/_shared/esm/{index.es-CYN3fovv.mjs → index.es-DNGykRl2.mjs} +1 -1
  45. package/lib/index.cjs +106 -54
  46. package/lib/index.cjs.map +1 -1
  47. package/lib/index.d.cts +61 -7
  48. package/lib/index.d.mts +61 -7
  49. package/lib/index.mjs +107 -56
  50. package/lib/index.mjs.map +1 -1
  51. package/lib/styles.css +1 -1
  52. package/package.json +14 -14
  53. package/src/components/ActionTile/ActionTile.module.css +20 -1
  54. package/src/components/ActionTile/ActionTile.tsx +11 -14
  55. package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.tsx +5 -1
  56. package/src/components/BusinessSegmentSwitcher/types/types.ts +6 -3
  57. package/src/components/DownloadList/DownloadList.module.css +11 -3
  58. package/src/components/DownloadList/DownloadList.tsx +33 -17
  59. package/src/components/HeaderBarNotification/HeaderBarNotification.module.css +51 -0
  60. package/src/components/HeaderBarNotification/HeaderBarNotification.tsx +153 -0
  61. package/src/components/HeaderBarNotification/index.ts +4 -0
  62. package/src/components/ProductNavigation/ProductNavigation.tsx +42 -38
  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/index.ts +1 -0
  68. package/versions.json +1 -1
  69. package/lib/_shared/cjs/SectionHeading-DtYzFetD.cjs +0 -31
  70. 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-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}
1
+ .HeaderBarNotification-module_container__18nau{background:#fff;border-radius:var(--sem-border-radius-m);display:flex;flex-direction:column;gap:16px;padding:20px}@media (--arc-custom-media-min-width-m-px ){.HeaderBarNotification-module_container__18nau{align-items:center;flex-direction:row}}.HeaderBarNotification-module_content__SUo-l{align-items:center;display:flex;gap:16px;margin-right:24px;max-width:70vw;min-width:55%;width:100%}@media (--arc-custom-media-min-width-m-px ){.HeaderBarNotification-module_content__SUo-l{margin-right:16px;width:400px}}.HeaderBarNotification-module_image__uV-nD{flex-shrink:0}.HeaderBarNotification-module_details__S5Rrx{display:flex;flex-direction:column;width:100%}.HeaderBarNotification-module_closeButtonContainer__b1UDI{margin:0;position:absolute;right:20px;top:20px}@media (--arc-custom-media-min-width-m-px ){.HeaderBarNotification-module_closeButtonContainer__b1UDI{position:relative;right:0;top:0}}.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;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;font:inherit;gap:var(--sem-space-padding-70);height:164px;isolation:isolate;justify-content:center;min-height:132px;min-width:230px;outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px;overflow:visible;padding:var(--sem-space-padding-110);position:relative;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.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-content--without-icon__7F5xj{justify-content:center}.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;text-align:left;transition:color .2s ease;width:100%}.ActionTile-module_action-tile-content--without-icon__7F5xj .ActionTile-module_action-tile-heading__Uxdu9{flex-grow:0}.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)}.ActionTile-module_action-tile__JPwGb:focus-visible{box-shadow:0 0 0 1px var(--card-colors-light-fg-hover);outline-color:var(--focus-colors-light-border-subtle)}.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.1",
3
+ "version": "3.10.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.10.0",
38
- "@arc-ui/themes": "13.10.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.10.0",
53
- "@arc-ui/gradients": "13.10.0",
54
- "@arc-ui/icons": "13.10.0",
55
- "@arc-ui/themes": "13.10.0",
56
- "@arc-ui/tokens-arc": "13.10.0",
57
- "@arc-ui/tokens-bt-business": "13.10.0",
58
- "@arc-ui/tokens-bt-enterprise": "13.10.0",
59
- "@arc-ui/tokens-ee": "13.10.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-typescript-config": "^0.1.0",
83
82
  "@arc-ui/community-build-utils": "^0.1.0",
84
- "@arc-ui/community-utils": "^0.2.0",
85
83
  "@arc-ui/community-eslint-config": "^0.1.1",
86
- "@arc-ui/community-css-config": "^0.1.1"
84
+ "@arc-ui/community-css-config": "^0.1.1",
85
+ "@arc-ui/community-utils": "^0.2.0",
86
+ "@arc-ui/community-typescript-config": "^0.1.0"
87
87
  },
88
88
  "browserslist": [
89
89
  "defaults",
@@ -1,12 +1,14 @@
1
1
  @import url("@arc-ui/tokens-arc/dist/custom-media.css");
2
2
 
3
3
  .action-tile {
4
+ appearance: none;
4
5
  box-sizing: border-box;
5
6
  display: flex;
6
7
  flex-direction: row;
7
8
  justify-content: center;
8
9
  align-items: center;
9
- width: 230px;
10
+ width: 100%;
11
+ min-width: 230px;
10
12
  height: 164px;
11
13
  min-height: 132px;
12
14
  padding: var(--sem-space-padding-110);
@@ -17,6 +19,9 @@
17
19
  background: var(--sem-color-bg-secondary-light-default);
18
20
  text-decoration: none;
19
21
  cursor: pointer;
22
+ font: inherit;
23
+ outline: var(--focus-border-weight-s) solid transparent;
24
+ outline-offset: 2px;
20
25
  transition:
21
26
  border-color 0.2s ease,
22
27
  box-shadow 0.2s ease;
@@ -34,6 +39,10 @@
34
39
  align-self: stretch;
35
40
  }
36
41
 
42
+ .action-tile-content--without-icon {
43
+ justify-content: center;
44
+ }
45
+
37
46
  .action-tile-icon {
38
47
  display: flex;
39
48
  align-items: center;
@@ -58,6 +67,11 @@
58
67
  overflow-wrap: break-word;
59
68
  align-self: stretch;
60
69
  flex-grow: 1;
70
+ text-align: left;
71
+ }
72
+
73
+ .action-tile-content--without-icon .action-tile-heading {
74
+ flex-grow: 0;
61
75
  }
62
76
 
63
77
  .action-tile--active {
@@ -107,3 +121,8 @@
107
121
  .action-tile--active:hover .action-tile-icon {
108
122
  color: var(--sem-color-fg-primary-light-minimal);
109
123
  }
124
+
125
+ .action-tile:focus-visible {
126
+ box-shadow: 0 0 0 1px var(--card-colors-light-fg-hover);
127
+ outline-color: var(--focus-colors-light-border-subtle);
128
+ }
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import classNames from "classnames";
3
3
  import styles from "./ActionTile.module.css";
4
- import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
5
4
  import { Icon } from "@arc-ui/components/Icon";
5
+ import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
6
6
  import { BtIconTickAlt2Px } from "@arc-ui/icons/BtIconTickAlt2Px";
7
7
 
8
8
  export const ActionTile: React.FC<ActionTileProps> = ({
@@ -11,22 +11,17 @@ export const ActionTile: React.FC<ActionTileProps> = ({
11
11
  heading,
12
12
  isActive = false,
13
13
  onClick,
14
- className,
15
14
  ...props
16
15
  }) => {
17
- const tileClasses = classNames(
18
- styles["action-tile"],
19
- {
20
- [styles["action-tile--active"]]: isActive,
21
- },
22
- className,
23
- );
24
-
25
16
  const displayIcon = isActive && activeIcon ? activeIcon : icon;
26
17
 
27
18
  const content = (
28
19
  <>
29
- <div className={styles["action-tile-content"]}>
20
+ <div
21
+ className={classNames(styles["action-tile-content"], {
22
+ [styles["action-tile-content--without-icon"]]: !displayIcon,
23
+ })}
24
+ >
30
25
  {displayIcon && (
31
26
  <div className={styles["action-tile-icon"]}>
32
27
  <Icon icon={displayIcon} size={48} />
@@ -46,7 +41,9 @@ export const ActionTile: React.FC<ActionTileProps> = ({
46
41
  return (
47
42
  <button
48
43
  type="button"
49
- className={tileClasses}
44
+ className={classNames(styles["action-tile"], {
45
+ [styles["action-tile--active"]]: isActive,
46
+ })}
50
47
  onClick={onClick}
51
48
  aria-pressed={isActive}
52
49
  {...filterAttrs(props)}
@@ -56,7 +53,7 @@ export const ActionTile: React.FC<ActionTileProps> = ({
56
53
  );
57
54
  };
58
55
 
59
- export interface ActionTileProps extends React.HTMLAttributes<HTMLDivElement> {
56
+ export interface ActionTileProps {
60
57
  /**
61
58
  * Icon to display in default state
62
59
  */
@@ -80,5 +77,5 @@ export interface ActionTileProps extends React.HTMLAttributes<HTMLDivElement> {
80
77
  /**
81
78
  * Click handler
82
79
  */
83
- onClick?: () => void;
80
+ onClick?: React.MouseEventHandler<HTMLButtonElement>;
84
81
  }
@@ -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
  }
@@ -0,0 +1,51 @@
1
+ .container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 16px;
5
+ padding: 20px;
6
+ background: #ffffff;
7
+ border-radius: var(--sem-border-radius-m);
8
+
9
+ @media (--arc-custom-media-min-width-m-px) {
10
+ flex-direction: row;
11
+ align-items: center;
12
+ }
13
+ }
14
+
15
+ .content {
16
+ display: flex;
17
+ align-items: center;
18
+ gap: 16px;
19
+ width: 100%;
20
+ min-width: 55%;
21
+ max-width: 70vw;
22
+ margin-right: 24px;
23
+
24
+ @media (--arc-custom-media-min-width-m-px) {
25
+ width: 400px;
26
+ margin-right: 16px;
27
+ }
28
+ }
29
+
30
+ .image {
31
+ flex-shrink: 0;
32
+ }
33
+
34
+ .details {
35
+ display: flex;
36
+ flex-direction: column;
37
+ width: 100%;
38
+ }
39
+
40
+ .closeButtonContainer {
41
+ position: absolute;
42
+ right: 20px;
43
+ top: 20px;
44
+ margin: 0;
45
+
46
+ @media (--arc-custom-media-min-width-m-px) {
47
+ position: relative;
48
+ right: 0;
49
+ top: 0;
50
+ }
51
+ }