@arc-ui/community-components 3.13.0 → 3.14.0

package/lib/styles.css

@@ -1 +1 @@
-.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_hiddenByDefault__JHbUy{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_s__HofMM{display:block}@media (min-width:768px){.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_s__HofMM{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_m__ZUdjq{display:block}}@media (min-width:1024px){.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_m__ZUdjq{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_l__wlZ1Z{display:block}}@media (min-width:1280px){.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_l__wlZ1Z{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_xl__z7DBP{display:block}}.HeaderBarNotification-module_container__18nau{background:#fff;border-radius:var(--sem-border-radius-m);display:flex;flex-direction:column;gap:16px;padding:20px}@media (min-width:768px){.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 (min-width:768px){.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 (min-width:768px){.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--compact__wq5Aa .ActionTile-module_action-tile-icon__PY1EN{height:40px;width:40px}.ActionTile-module_action-tile--compact__wq5Aa .ActionTile-module_action-tile-heading__Uxdu9{font-size:16px;line-height:24px}.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--neutral__T2z5x .LinkTile-module_link-tile-icon__kTMfH,.LinkTile-module_link-tile--neutral__T2z5x .LinkTile-module_link-tile-text__0K6zf{color:var(--sem-color-fg-secondary-light-default)}.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}
+.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_hiddenByDefault__JHbUy{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_s__HofMM{display:block}@media (min-width:768px){.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_s__HofMM{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_m__ZUdjq{display:block}}@media (min-width:1024px){.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_m__ZUdjq{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_l__wlZ1Z{display:block}}@media (min-width:1280px){.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_l__wlZ1Z{display:none}.HeaderBarNotification-module_popupNotification__HAxod.HeaderBarNotification-module_xl__z7DBP{display:block}}.HeaderBarNotification-module_container__18nau{background:#fff;border-radius:var(--sem-border-radius-m);display:flex;flex-direction:column;gap:16px;padding:20px}@media (min-width:768px){.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 (min-width:768px){.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 (min-width:768px){.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--compact__wq5Aa .ActionTile-module_action-tile-icon__PY1EN{height:40px;width:40px}.ActionTile-module_action-tile--compact__wq5Aa .ActionTile-module_action-tile-heading__Uxdu9{font-size:16px;line-height:24px}.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--neutral__T2z5x .LinkTile-module_link-tile-icon__kTMfH,.LinkTile-module_link-tile--neutral__T2z5x .LinkTile-module_link-tile-text__0K6zf{color:var(--sem-color-fg-secondary-light-default)}.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{outline:none;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\(\.playerWrapper\:focus-visible\)],.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(.VideoCardPlayer-module_playerWrapper__UcH1q:focus-visible),.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\(\.playerWrapper\:focus-visible\)],.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(.VideoCardPlayer-module_playerWrapper__UcH1q:focus-visible),.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}.ProductCard-module_productCard__4-BqH{border-radius:var(--card-border-radius-s);box-shadow:0 0 0 1px var(--card-colors-light-border-default);display:grid;grid-row:span 2;grid-template-rows:subgrid;height:100%;max-width:603px}.ProductCard-module_productCardPromoted__7cxo-{border-radius:var(--card-border-radius-s) var(--card-border-radius-s) 0 0;overflow:hidden;text-align:center}.ProductCard-module_productCardTopSection__8ukd-{padding:24px 24px 0}.ProductCard-module_divider__rF6XX{align-items:center;padding:24px 0}.ProductCard-module_productCardBottom__XvXan{display:flex;flex-direction:column;padding:0 24px 24px}.ProductCard-module_ctaWrapper__bJfHv{display:flex;flex-direction:column-reverse;flex-grow:1;height:auto}@media (--arc-custom-media-min-width-xl-px ){.ProductCard-module_productCardTopSection__8ukd-{padding:32px 32px 0}.ProductCard-module_productCardBottom__XvXan{padding:0 32px 32px}}.ProductCardBenefits-module_benefitList__Qb1io{list-style:none;margin:0;padding:0}.ProductCardBenefits-module_benefitList__Qb1io li:not(:last-child){padding-bottom:8px}.ProductCardBenefits-module_benefitItem__nJqa6{display:flex;gap:8px}.ProductCardPriceIncrease-module_priceIncreaseWrapper__Psknf{display:flex}.ProductCardPriceIncrease-module_priceIncreaseBorder__NC2eA{border:2px solid;border-color:var(--sem-color-fg-primary-light-default);border-radius:4px;margin-right:12px}.ProductCardPriceIncrease-module_priceIncreaseList__qsmOQ{list-style:none;margin:0;padding:0}.ProductCardPriceIncrease-module_priceIncreaseItem__f-x-D{display:flex;gap:8px}.ProductCardPriceIncrease-module_priceIncreaseList__qsmOQ li:not(:last-child){padding-bottom:8px}.ProductCardPrice-module_productCardPrice__6k4kU{display:flex;flex-direction:column;gap:2px}.CardGrid-module_cardGrid__b6S6h{grid-gap:var(--sem-space-padding-110);display:grid;gap:var(--sem-space-padding-110);grid-template-columns:1fr;grid-template-rows:auto auto;list-style:none;margin:0;padding:0}.CardGrid-module_cardGridItem__xy0D3{grid-row-gap:0;display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}@media (--arc-custom-media-min-width-s-px ){.CardGrid-module_cardGrid__b6S6h{grid-template-columns:repeat(2,1fr)}}@media (--arc-custom-media-min-width-l-px ){.CardGrid-module_cardGrid__b6S6h{grid-template-columns:repeat(3,1fr)}}@media (--arc-custom-media-min-width-xl-px ){.CardGrid-module_cardGrid__b6S6h{gap:var(--sem-space-padding-130)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/community-components",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "type": "module",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
@@ -34,8 +34,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@arc-ui/components": "13.12.0",
-    "@arc-ui/themes": "13.12.0",
+    "@arc-ui/components": "13.14.0",
+    "@arc-ui/themes": "13.14.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
@@ -49,14 +49,14 @@
     "react-player": "^3.4.0"
   },
   "devDependencies": {
-    "@arc-ui/components": "13.12.0",
-    "@arc-ui/gradients": "13.12.0",
-    "@arc-ui/icons": "13.12.0",
-    "@arc-ui/themes": "13.12.0",
-    "@arc-ui/tokens-arc": "13.12.0",
-    "@arc-ui/tokens-bt-business": "13.12.0",
-    "@arc-ui/tokens-bt-enterprise": "13.12.0",
-    "@arc-ui/tokens-ee": "13.12.0",
+    "@arc-ui/components": "13.14.0",
+    "@arc-ui/gradients": "13.14.0",
+    "@arc-ui/icons": "13.14.0",
+    "@arc-ui/themes": "13.14.0",
+    "@arc-ui/tokens-arc": "13.14.0",
+    "@arc-ui/tokens-bt-business": "13.14.0",
+    "@arc-ui/tokens-bt-enterprise": "13.14.0",
+    "@arc-ui/tokens-ee": "13.14.0",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
@@ -80,10 +80,10 @@
     "tslib": "^2.8.1",
     "typescript": "^5.6.3",
     "@arc-ui/community-build-utils": "^0.1.0",
-    "@arc-ui/community-eslint-config": "^0.1.1",
-    "@arc-ui/community-css-config": "^0.1.1",
+    "@arc-ui/community-utils": "^0.2.0",
     "@arc-ui/community-typescript-config": "^0.1.0",
-    "@arc-ui/community-utils": "^0.2.0"
+    "@arc-ui/community-eslint-config": "^0.1.1",
+    "@arc-ui/community-css-config": "^0.1.1"
   },
   "browserslist": [
     "defaults",

package/src/components/ArticleSidebar/ArticleSidebar.tsx

@@ -1,4 +1,4 @@
-import React, { useId, useState } from "react";
+import React, { useEffect, useId, useState } from "react";
 import classNames from "classnames";
 
 import { ArcIconSocialLinkedin } from "@arc-ui/icons/ArcIconSocialLinkedin";
@@ -33,11 +33,18 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
   share,
   additionalContent,
   linkSection,
+  url: providedUrl,
   ...props
 }) => {
   const id = useId();
   const [showToast, setShowToast] = useState(false);
-  const url = location.href;
+  const [clientUrl, setClientUrl] = useState("");
+
+  useEffect(() => {
+    if (!providedUrl) setClientUrl(window.location.href);
+  }, [providedUrl]);
+
+  const url = providedUrl ?? clientUrl;
 
   const copyTextToClipBoard = async () => {
     await navigator.clipboard.writeText(url);
@@ -53,14 +60,14 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
           ariaLabel: share.clipboardAriaLabel || "Copy url to clipboard",
         },
         {
-          href: `mailto:?subject=${share.articleTitle}&body=${url}`,
+          href: `mailto:?subject=${encodeURIComponent(share.articleTitle)}&body=${encodeURIComponent(url)}`,
           icon: BtIconEmailUnread,
           ariaLabel: share.emailAriaLabel || "Share by email",
         },
         ...(share.linkedin
           ? [
               {
-                href: `https://www.linkedin.com/sharing/share-offsite/?url=${url}`,
+                href: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`,
                 icon: ArcIconSocialLinkedin,
                 ariaLabel: share.linkedInAriaLabel || "Share on LinkedIn",
               },
@@ -69,7 +76,7 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
         ...(share.x
           ? [
               {
-                href: `https://twitter.com/intent/tweet?url=${url}`,
+                href: `https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}`,
                 icon: ArcIconSocialX,
                 ariaLabel: share.xAriaLabel || "Share on x",
               },
@@ -80,7 +87,8 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
 
   const hasTopContent = Boolean(author || aboutSection || additionalContent);
 
-  const hasBottomContent = Boolean(linkSection || topics || share);
+  const showShare = share && url;
+  const hasBottomContent = Boolean(linkSection || topics || showShare);
 
   return (
     <div {...filterAttrs(props)}>
@@ -139,14 +147,14 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
           </Heading>
 
           {linkSection.links.map(({ text, url, ariaLabel }) => (
-            <>
+            <React.Fragment key={`${id}-${url}`}>
               <VerticalSpace size="8" />
-              <div key={`${id}-${url}`}>
+              <div>
                 <Link aria-label={ariaLabel} size="s" href={url}>
                   {text}
                 </Link>
               </div>
-            </>
+            </React.Fragment>
           ))}
         </>
       )}
@@ -167,7 +175,7 @@ export const ArticleSidebar: React.FC<ArticleSidebarProps> = ({
         </>
       )}
 
-      {share && (
+      {showShare && (
         <>
           {(linkSection || topics) && (
             <div data-testid="links-topics-content-rule">
@@ -244,4 +252,10 @@ export interface ArticleSidebarProps {
    * Sharing options for the article.
    */
   share?: Share;
+
+  /**
+   * The article URL used by the share buttons.
+   * If it is not provided, the component uses the current browser URL.
+   */
+  url?: string;
 }

package/src/components/InlineLinkGroup/InlineLinkGroup.tsx

@@ -10,6 +10,7 @@ export const InlineLinkGroup: React.FC<InlineLinkGroupProps> = ({
   label,
   headingLevel = "2",
   links,
+  isImplied = false,
   ...props
 }) => {
   return (
@@ -30,6 +31,7 @@ export const InlineLinkGroup: React.FC<InlineLinkGroupProps> = ({
                 href={link.href}
                 onClick={link.onClick}
                 aria-label={link.ariaLabel}
+                isImplied={isImplied}
               >
                 {link.label}
               </Link>
@@ -56,6 +58,8 @@ export interface InlineLinkGroupProps {
   headingLevel?: "1" | "2" | "3" | "4" | "5" | "6";
   /** Array of link items to display */
   links: InlineLinkGroupItem[];
+  /** When true, removes the underline from links (shown only on focus). Defaults to false */
+  isImplied?: boolean;
 }
 
 export interface InlineLinkGroupItem {

package/src/components/ProductCard/ProductCard.module.css

@@ -0,0 +1,49 @@
+/* subgrid required to align cards when used in ProductCardGrid */
+.productCard {
+  max-width: 603px;
+  border-radius: var(--card-border-radius-s);
+  box-shadow: 0 0 0 1px var(--card-colors-light-border-default);
+  display: grid;
+  grid-template-rows: subgrid;
+  grid-row: span 2;
+  height: 100%;
+}
+
+.productCardPromoted {
+  overflow: hidden;
+  text-align: center;
+  border-radius: var(--card-border-radius-s) var(--card-border-radius-s) 0 0;
+}
+
+.productCardTopSection {
+  padding: 24px;
+  padding-bottom: 0;
+}
+
+.divider {
+  padding: 24px 0;
+  align-items: center;
+}
+
+.productCardBottom {
+  display: flex;
+  flex-direction: column;
+  padding: 0 24px 24px;
+}
+
+.ctaWrapper {
+  display: flex;
+  flex-direction: column-reverse;
+  height: auto;
+  flex-grow: 1;
+}
+
+@media (--arc-custom-media-min-width-xl-px) {
+  .productCardTopSection {
+    padding: 32px 32px 0;
+  }
+
+  .productCardBottom {
+    padding: 0 32px 32px;
+  }
+}

package/src/components/ProductCard/ProductCard.tsx

@@ -0,0 +1,113 @@
+import React, { ReactNode, useId } from "react";
+import styles from "./ProductCard.module.css";
+import { filterAttrs } from "@arc-ui/community-utils/filter-attrs";
+
+import { Heading, type HeadingLevel } from "@arc-ui/components/Heading";
+import { Text } from "@arc-ui/components/Text";
+import { ButtonV2, type ButtonV2Props } from "@arc-ui/components/ButtonV2";
+import { Surface, SurfaceBackgroundColor } from "@arc-ui/components/Surface";
+import { VerticalSpace } from "@arc-ui/components/VerticalSpace";
+import { Rule } from "@arc-ui/components/Rule";
+import { VisuallyHidden } from "@arc-ui/components/VisuallyHidden";
+
+export const ProductCard: React.FC<ProductCardProps> = ({
+  heading,
+  headingLevel,
+  topSlot,
+  divider = true,
+  bottomSlot,
+  promoted,
+  button,
+  ...props
+}) => {
+  const headingId = useId();
+
+  return (
+    <div
+      className={styles.productCard}
+      {...filterAttrs(props)}
+      role="group"
+      aria-labelledby={headingId}
+    >
+      <div className={styles.productCardTop}>
+        {promoted && (
+          <div className={styles.productCardPromoted}>
+            <Surface
+              background={promoted.background}
+              paddingVertical="16"
+              paddingHorizontal="24"
+            >
+              <VisuallyHidden>Promotional offer. </VisuallyHidden>
+              <Text size="s">{promoted.content}</Text>
+            </Surface>
+          </div>
+        )}
+        <div className={styles.productCardTopSection}>
+          <Heading id={headingId} size="m" level={headingLevel} color="brand">
+            {heading}
+          </Heading>
+          <VerticalSpace size="16" />
+          {topSlot}
+        </div>
+      </div>
+      <div className={styles.productCardBottom}>
+        {divider ? (
+          <div className={styles.divider}>
+            <Rule />
+          </div>
+        ) : (
+          <VerticalSpace size="16" />
+        )}
+        {bottomSlot}
+        <VerticalSpace size="24" />
+        <div className={styles.ctaWrapper}>
+          <ButtonV2
+            label={`Explore ${heading}`}
+            buttonStyle="secondary"
+            isFullWidth
+            {...button}
+          />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export interface ProductCardProps {
+  /*
+  * Product heading displayed at the top of the card 
+  */
+  heading: string;
+
+  /*
+  * Semantic heading level (e.g. "2", "3") for accessibility 
+  */
+  headingLevel: HeadingLevel;
+
+  /*
+  * Content rendered in the top section below the heading (e.g. ProductCardPrice, Text, ProductCardPriceIncrease) 
+  */
+  topSlot?: ReactNode;
+
+  /*
+  * Content rendered in the bottom section of the card (e.g. ProductCardBenefits) 
+  */
+  bottomSlot?: ReactNode;
+
+  /*
+  * Optional promotional content displayed as a banner above the card. Renders nothing when not provided. 
+  */
+  promoted?: {
+    content: ReactNode;
+    background: SurfaceBackgroundColor;
+  };
+  /*
+  * Whether to show a horizontal rule divider between the top and bottom sections of the card 
+  */
+  divider?: boolean;
+
+  /*
+  * Configuration for the card's call-to-action button. Accepts all ButtonV2 props except `buttonStyle` and `isFullWidth`, which are set internally. 
+  */
+  button?: Omit<ButtonV2Props, "buttonStyle" | "isFullWidth">;
+}

package/src/components/ProductCard/ProductCardBenefits/ProductCardBenefits.module.css

@@ -0,0 +1,14 @@
+.benefitList {
+  padding: 0;
+  list-style: none;
+  margin: 0;
+}
+
+.benefitList li:not(:last-child) {
+  padding-bottom: 8px;
+}
+
+.benefitItem {
+  display: flex;
+  gap: 8px;
+}

package/src/components/ProductCard/ProductCardBenefits/ProductCardBenefits.tsx

@@ -0,0 +1,42 @@
+import React from "react";
+import styles from "./ProductCardBenefits.module.css";
+import { Heading, type HeadingLevel } from "@arc-ui/components/Heading";
+import { Icon } from "@arc-ui/components/Icon";
+import { VerticalSpace } from "@arc-ui/components/VerticalSpace";
+
+export const ProductCardBenefits: React.FC<ProductCardBenefitsProps> = ({
+  heading = "Includes:",
+  headingLevel = "4",
+  benefits,
+}) => {
+  return (
+    <>
+      <Heading size="xs" level={headingLevel}>
+        {heading}
+      </Heading>
+      <VerticalSpace size="12" />
+      <ul className={styles.benefitList}>
+        {benefits.map((benefit, index) => (
+          <li key={index} className={styles.benefitItem}>
+            <Icon icon={benefit.icon} color="brand" size={24} />
+            {benefit.benefit}
+          </li>
+        ))}
+      </ul>
+    </>
+  );
+};
+
+export interface ProductCardBenefitsProps {
+  /** Heading displayed above the benefits list */
+  heading?: string;
+
+  /** heading level for accessibility */
+  headingLevel?: HeadingLevel;
+
+  /** List of benefits with associated icons */
+  benefits: {
+    benefit: string;
+    icon: string;
+  }[];
+}

package/src/components/ProductCard/ProductCardBenefits/index.ts

@@ -0,0 +1,4 @@
+export {
+  ProductCardBenefits,
+  type ProductCardBenefitsProps,
+} from "./ProductCardBenefits";

package/src/components/ProductCard/ProductCardPrice/ProductCardPrice.module.css

@@ -0,0 +1,5 @@
+.productCardPrice {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}

package/src/components/ProductCard/ProductCardPrice/ProductCardPrice.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import styles from "./ProductCardPrice.module.css";
+import { Heading } from "@arc-ui/components/Heading";
+import { Text } from "@arc-ui/components/Text";
+
+export const ProductCardPrice: React.FC<ProductCardPriceProps> = ({
+  prefix,
+  value,
+  suffix,
+}) => {
+  return (
+    <div className={styles.productCardPrice}>
+      {prefix && (
+        <Text tone="muted" size="s">
+          {prefix}
+        </Text>
+      )}
+      <Heading color="brand" size="m">
+        {value}
+      </Heading>
+      {suffix && (
+        <Text tone="muted" size="s">
+          {suffix}
+        </Text>
+      )}
+    </div>
+  );
+};
+
+export interface ProductCardPriceProps {
+  /** Text displayed above the price (e.g. "From") */
+  prefix?: string;
+  /** The price value (e.g. "£29.99") */
+  value: string;
+  /** Text displayed below the price (e.g. "a month per user") */
+  suffix?: string;
+}

package/src/components/ProductCard/ProductCardPrice/index.ts

@@ -0,0 +1,4 @@
+export {
+  ProductCardPrice,
+  type ProductCardPriceProps,
+} from "./ProductCardPrice";

package/src/components/ProductCard/ProductCardPriceIncrease/ProductCardPriceIncrease.module.css

@@ -0,0 +1,25 @@
+.priceIncreaseWrapper {
+  display: flex;
+}
+
+.priceIncreaseBorder {
+  margin-right: 12px;
+  border: solid 2px;
+  border-radius: 4px;
+  border-color: var(--sem-color-fg-primary-light-default);
+}
+
+.priceIncreaseList {
+  padding: 0;
+  list-style: none;
+  margin: 0;
+}
+
+.priceIncreaseItem {
+  display: flex;
+  gap: 8px;
+}
+
+.priceIncreaseList li:not(:last-child) {
+  padding-bottom: 8px;
+}