(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[5565],{47211:(e,n,t)=>{const i=t(45697),a=t(67294),{useState:o,useEffect:r}=t(67294),{connect:l}=t(59800),{loadData:d}=t(90949),s=t(69379),c=t(26895),{LoaderWrapper:g}=t(51159),p=t(62702),{trackComponent:h}=t(40199),u=({dataUrl:e,storeKey:n,data:t,setData:i,loaderType:l="Circle",...u})=>{a.useEffect((()=>{h("GroupedNavigationContainer")}),[]);const[m,v]=o(!1),[y,k]=o(!1),f=c[l];return r((()=>{!async function(){if(!t&&e){v(!0);try{const t=await d({url:`${e}`}),a=t?t[n]:[];i(n,a)}catch(e){k(!0)}finally{v(!1)}}}()}),[e]),a.createElement(a.Fragment,null,y&&a.createElement(p.ContentCenterNoBackground,{ariaLive:"polite",className:"brand-background__lede",dangerousHed:"Oops",dangerousDek:"something went wrong"}),m&&a.createElement(g,null,a.createElement(f,null)),t&&a.createElement(s,{groupedLinks:t,...u}))};u.propTypes={analyticsEventForFilter:i.string,data:i.array,dataUrl:i.string.isRequired,filterLabel:i.string,hasAtoZIndex:i.bool,hasFilter:i.bool,loaderType:i.string,setData:i.func.isRequired,storeKey:i.string.isRequired},e.exports=l(((e,{storeKey:n})=>({data:e.groupedNavigation?.[n]||null})),(e=>({setData:(n,t)=>{e({type:"MERGE_KEY",key:"groupedNavigation",value:{[n]:t}})}})))(u)},24616:(e,n,t)=>{e.exports=t(47211)},51159:(e,n,t)=>{const i=t(51117).default,{calculateSpacing:a}=t(79720),o=i.div.withConfig({displayName:"LoaderWrapper"})` padding-top: ${a(6)}; text-align: center; `;e.exports={LoaderWrapper:o}},66744:(e,n,t)=>{const i=t(67294),{useState:a,useRef:o,useEffect:r}=t(67294),l=t(45697),{useIntl:d}=t(76186),s=t(23493),c=t(58376).Z,{connector:g}=t(92078),{trackComponent:p}=t(40199),{googleAnalytics:h}=t(28601),u=t(24616),m=t(22397),v=t(81768),y=t(55754),{INITIAL_STATE:k,computeScroll:f}=t(37332),{ChannelNavigationWrapper:b,ChannelNavigationContainer:w,ChannelNavigationContent:$,ChannelNavigationLogoWrapper:N,ChannelNavigationLogo:x,ChannelNavigationScrollViewLogo:C,ChannelNavigationLinksWrapper:L,ChannelNavigationLinksList:A,ChannelNavigationLinkItem:I,ChannelNavigationLink:E,ChannelNavigationChannelDrawer:S,ChannelNavigationGroupedNavigation:T,ChannelNavigationGlobalDrawer:D,ChannelNavigationAccount:G,ChannelNavigationToggle:F,ChannelNavigationSecondaryMenu:M,ChannelNavigationBookmarkAlert:B}=t(38621),W=({accountProps:e,isFixed:n,logo:t,isAccountsEnabled:l,scrollViewLogo:g,channelNavigationLinks:W,channelNavigationLogoBaseUrl:_,overrideChannelNavigationLinks:U,secondaryMenuProps:O,showExternalProfileLink:Z,loaderType:P,onNavigationLinkClick:R,activeLinkIndex:H,user:j,hideLinksOnMobile:V,hideDrawerScroll:q})=>{i.useEffect((()=>{p("ChannelNavigation")}),[]);const[z,K]=a(!1),[Y,J]=i.useState(!1),[X,Q]=a(null),[ee,ne]=a(k),te=o(null),{formatMessage:ie}=d(),ae=U||W;i.useEffect((()=>{const e=e=>{"Escape"===e.key&&Y&&(h.emitGoogleTrackingEvent("hamburger-menu-"+(Y?"collapsed":"expanded")),J(!1))};return Y&&window.addEventListener("keyup",e),()=>window.removeEventListener("keyup",e)}),[Y]);const oe=()=>{ne((e=>({...f(e),scrollHeight:(document?.body?.scrollHeight??0)-(document?.body?.clientHeight??0)})))};r((()=>{const e=s(oe,100);return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)}),[n]);const{direction:re,pageYOffset:le,scrollHeight:de}=ee,se=Y?v:y,ce=n||le>0,ge=n||"up"!==re&&le>0||de===le;return ae&&ae.length?i.createElement(b,{isFixed:ce},i.createElement(w,{ref:te,"data-testid":"channel-navigation",hideLinksOnMobile:V},i.createElement($,{isFixed:ce,isScrollingDown:ge},t&&g&&i.createElement(N,{isFixed:ce,isScrollingDown:ge},i.createElement("a",{href:_},i.createElement(x,{isScrollingDown:ge,...t}),ge&&i.createElement(C,{isScrollingDown:ge,...g})))),i.createElement(L,{isScrollingDown:ge,hideLinksOnMobile:V},i.createElement(A,{"data-journey-hook":"channel-navigation"},ae.map(((e,n)=>{const t=void 0===H||n===H;return i.createElement(I,{key:e.key||e.type},i.createElement(E,{tabIndex:0,isActive:t,label:e.text,href:e.href,as:"a",isInline:!0,onClick:n=>{e.apiEndpoint&&(n.preventDefault(),K(!0),Q({...e})),R&&R(e),h.emitGoogleTrackingEvent(e.analyticsEvent)}},e.text))})))),Z&&i.createElement(G,{isScrollingDown:ge,isAccountWithAvatar:!1,signInLabel:Z?.signInLabel,signInLink:Z?.signInLink,user:{isAuthenticated:!1}}),!Z&&l&&j&&i.createElement(G,{isScrollingDown:ge,isAccountWithAvatar:e.accountIconInverted&&!0,accountLinks:e.accountLinks,savedStoriesLabel:e?.savedStoriesLabel,accountBookmarkAlertLabel:e?.accountBookmarkAlertLabel,accountLabel:e?.accountLabel,accountAvatar:e.accountIconInverted,signInLabel:e?.signInLabel,signInLink:e?.signInLink,signOutLink:e?.signOutLink,user:j,className:"standard-navigation__section--utility-links-login",tooltip:e.tooltip}),i.createElement(F,{tabIndex:0,isIconButton:!0,isScrollingDown:ge,ButtonIcon:se,label:"Open Navigation Menu",onClickHandler:()=>{h.emitGoogleTrackingEvent("hamburger-menu-"+(Y?"collapsed":"expanded")),J(!Y)},role:"button","aria-expanded":Y}),i.createElement(B,{dataTestId:"BookmarkAlert"},i.createElement("p",null,ie(c.bookmarkAlertLabel)," ",i.createElement("a",{href:"/account/saved/images"},ie(c.bookmarkAlertMyAccountLabel))))),!!X&&i.createElement(S,{isOpen:z,onClose:()=>{K(!1)},hideDrawerScroll:q,contentLabel:ie(c.channelDrawerContentLabel),showCloseButton:!0,className:"channel-navigation-drawer"},i.createElement(T,null,i.createElement(u,{storeKey:X.key,dataUrl:X.apiEndpoint,hasAtoZIndex:X.hasAtoZIndex,loaderType:P,hasFilter:X.hasFilter,filterLabel:X.filterLabel}))),i.createElement(D,{isOpen:Y,onClose:()=>ne(!Y),contentLabel:"Navigation Menu"},i.createElement(M,{isFixed:ce},!l&&Z?i.createElement(m,{...O,user:{isAuthenticated:!1},isAccountsEnabled:!0,contentAlign:"center"}):i.createElement(m,{accountProps:e,...O,user:j,isAccountsEnabled:l,contentAlign:"center"})))):null},_=l.shape({text:l.string,key:l.string,apiEndpoint:l.string});W.defaultProps={accountProps:{accountLinks:[]},hideLinksOnMobile:!1,isAccountsEnabled:!1},W.propTypes={accountProps:l.object,activeLinkIndex:l.number,channelNavigationLinks:l.arrayOf(_),channelNavigationLogoBaseUrl:l.string,hideDrawerScroll:l.bool,hideLinksOnMobile:l.bool,isAccountsEnabled:l.bool,isFixed:l.bool,loaderType:l.string,logo:l.object,onNavigationLinkClick:l.func,overrideChannelNavigationLinks:l.arrayOf(_),scrollViewLogo:l.object,secondaryMenuProps:l.object,showExternalProfileLink:l.object,user:l.shape({isAuthenticated:l.bool.isRequired})},W.displayName="ChannelNavigation",e.exports=g(W,{keysToPluck:["user","isAccountsEnabled","accountProps"]})},15565:(e,n,t)=>{const{asConfiguredComponent:i}=t(36380),a=t(66744);e.exports=i(a,"ChannelNavigation")},38621:(e,n,t)=>{const i=t(51117).default,{calculateSpacing:a,getColorToken:o,getColorStyles:r,getTypographyStyles:l,getZIndex:d,maxScreen:s}=t(79720),{hideVisually:c}=t(65496),{BREAKPOINTS:g,ZINDEX_MAP:p}=t(85326),{maxThresholds:h}=t(28657),u=t(7279),m=t(38167),v=t(63030),y=t(48655),k=t(70009),f=t(74882),{SecondaryMenuAccount:b}=t(51275),{StandardNavigationDropdown:w,StandardNavigationAccountLabel:$,AccountDropdownToggleIcon:N,NavigationAccountSignIn:x,StandardNavigationSuccessLoginAlert:C,NavigationAccountIconWrapper:L,JourneyUnitDivider:A,AccountDropdownBookmarkAlert:I}=t(87649),{GridItem:E}=t(14134),{SignOutButtonWrapper:S}=t(7042),{AlertMessage:T}=t(19195),D=i.nav.withConfig({displayName:"ChannelNavigationWrapper"})` position: relative; z-index: ${p.persistentTopLayer}; max-height: ${a(24)}; ${({isFixed:e})=>e&&"\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n "}; `;D.displayName="ChannelNavigationWrapper";const G=i.div.withConfig({displayName:"ChannelNavigationContainer"})` position: relative; ${({hideLinksOnMobile:e})=>`padding-bottom: ${a(e?0:7)};`} @media (min-width: ${g.md}) { border-bottom: 1px solid rgba(51, 51, 51, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; padding-bottom: 0; } `,F=i.div.withConfig({displayName:"ChannelNavigationContent"})` display: flex; position: relative; flex-wrap: wrap; z-index: 1; margin: 0 auto; border-bottom: 1px solid ${({theme:e})=>o(e,"colors.consumption.lead.inverted.divider")}; background: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; @media (min-width: ${g.md}) { flex-wrap: ${({isScrollingDown:e})=>e?"nowrap":"wrap"}; } `,M=i.div.withConfig({displayName:"ChannelNavigationLogoWrapper"})` display: flex; justify-content: center; margin: 0 auto; padding: ${a(1)}; @media (min-width: ${g.md}) { ${({isScrollingDown:e})=>e?`\n left: ${a(3)};\n position: absolute;\n padding: ${a(1)};\n width: unset;\n `:`\n width:100vw; \n padding: ${a(1)} 0;\n `} } `,B=i(v).withConfig({displayName:"ChannelNavigationLogo"})` width: 96px; @media (min-width: ${g.md}) { display: flex; padding: ${a(1)} 0; width: 168px; height: 88px; ${({isScrollingDown:e})=>e&&`\n ${c()}\n `}; } `,W=i(v).withConfig({displayName:"ChannelNavigationScrollViewLogo"})` @media (max-width: ${g.md}) { ${c()} } padding: ${a(.5)} 0; width: 83px; height: unset; `,_=i(y.NoMargins).withConfig({displayName:"ChannelNavigationLinksWrapper"})` > ${E} { grid-column: 1; margin: 0 auto; text-align: center; @media (min-width: ${g.md}) { grid-column: 2 / span 10; } } position: absolute; top: auto; transition: transform 0.5s ease-in-out; background: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; width: 100%; overflow-x: auto; overflow-y: hidden; ${({isScrollingDown:e})=>e?"transform: translateY(-100%);":"transform: translateY(0%);"} @media (min-width: ${g.md}) { display: grid; position: initial; align-items: center; justify-content: center; transform: none; margin: 0 calculateSpacing(14.5); height: 64px; } @media (max-width: ${h.md}px) { ${({hideLinksOnMobile:e})=>e?`${c()};`:`padding: ${a(2)} 0 ${a(2)}\n ${a(3)};\n &::after {\n background: linear-gradient(\n to right,\n rgba(0, 0, 0, 0.01) 31.25%,\n ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}\n 100%\n );\n content: '';\n height: ${a(4)};\n width: 48px;\n bottom: ${a(2)};\n right: 0;\n position: sticky;\n pointer-events: none;`} } `,U=i.ul.withConfig({displayName:"ChannelNavigationLinksList"})` display: flex; margin: 0 auto; list-style: none; text-align: center; padding-inline-start: 0; @media (max-width: ${g.md}) { ${({hideLinksOnMobile:e})=>e?`${c()};`:""} } `,O=i.li.withConfig({displayName:"ChannelNavigationLinkItem"})` padding-right: ${a(2)}; &:last-child { padding-right: 0; } @media (min-width: ${g.md}) { margin-right: 0; padding-right: ${a(3)}; } `,Z=i.a.withConfig({displayName:"ChannelNavigationLink"})` ${({theme:e})=>l(e,"typography.definitions.foundation.link-primary")} border: none; min-width: auto; text-decoration: none; white-space: nowrap; color: rgb( ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link",{rgbOnly:!0})}, ${({isActive:e})=>e?"1":"0.6"} ); &:hover { color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link-hover")}; } `,P=i(m.Right).withConfig({displayName:"ChannelNavigationChannelDrawer"})` &&& { ${({hideDrawerScroll:e})=>e&&"\n height: 100%;\n "} } @media (min-width: ${g.md}) { width: 400px; max-width: 400px; && { height: 100%; } } `,R=i.div.withConfig({displayName:"ChannelNavigationGroupedNavigation"})` padding: 0 ${a(4)} ${a(2)}; height: 100%; `,H=i(m).withConfig({displayName:"ChannelNavigationGlobalDrawer"})` height: auto; `,j=i(k).withConfig({displayName:"ChannelNavigationAccount"})` position: absolute; right: ${a(3)}; border: none; background: transparent; padding: ${a(1)} ${a(1.5)}; @media (min-width: ${g.md}) { left: inherit; padding: 0; min-width: auto; } &&&.standard-navigation-account { position: absolute; top: ${({isScrollingDown:e})=>a(e?1.4:14.4)}; margin-right: ${({isAccountWithAvatar:e})=>a(e?4:3)}; margin-left: ${a(1.5)}; width: ${a(12)}; height: ${a(6)}; white-space: nowrap; } ${T} { white-space: normal; } @media (max-width: ${g.md}) { // The below line is to surface SignIn in mobile devices with avatar enabled // and hide the SignIn in mobile devices if avatar is not enabled ${({isAccountWithAvatar:e})=>!e&&"display: none;"} &&&.standard-navigation-account { top: ${a(.4)}; z-index: 1; margin-right: ${a(2)}; } } ${$} { justify-content: flex-end; color: ${({theme:e})=>o(e,"colors.interactive.base.white")}; &:hover, &:link, &:visited, &:active { color: ${({theme:e})=>o(e,"colors.interactive.base.white")}; svg { path { fill: ${({theme:e})=>o(e,"colors.interactive.base.white")}; } } } ${L}:hover { ${({theme:e})=>r(e,"background","colors.interactive.base.dark")}; border-color: transparent; } // Since, there is no journey unit rendered in ChannelNav, // explicitly setting the display of the divider line to none ${A} { display: none; } } .standard-navigation-account--icon, ${N} { svg { path { fill: ${({theme:e})=>o(e,"colors.interactive.base.white")}; } } } ${w} { top: ${a(6)}; right: ${a(.8)}; background-color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link")}; &::before, &::after { content: none; } @media (min-width: ${g.md}) { right: ${a(.4)}; } } ${w} .account-links__navigation { background-color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; .navigation__list-item { &:hover { background-color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.background")}; } .navigation__link { ${({theme:e})=>l(e,"typography.definitions.foundation.link-secondary")}; color: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link")}; } } } ${x} { ${({theme:e})=>r(e,"color","colors.consumption.body.inverted.body")}; } ${w} ${S}.account-links__sign-out { ${({theme:e})=>l(e,"typography.definitions.foundation.link-secondary")}; color: ${o("colors.consumption.lead.inverted.link")}; &:hover { background-color: ${o("colors.consumption.lead.standard.divider")}; color: ${o("colors.consumption.lead.standard.link")}; } } ${C} { top: ${a(6.75)}; background-color: ${o("colors.interactive.base.black")}; ${({theme:e})=>r(e,"border-color","colors.discovery.body.black.border")}; ${s(g.md)} { left: -${a(30)}; } .alert-arrow { &::before { border-color: transparent transparent ${o("colors.discovery.body.black.border")}; } &::after { border-color: transparent transparent ${o("colors.interactive.base.black")}; } } .alert-message { padding: ${a(3)} ${a(2)}; max-width: fit-content; white-space: normal; ${({theme:e})=>r(e,"color","colors.consumption.lead.inverted.context-signature")}; } .close-alert-button { svg { ${({theme:e})=>r(e,"fill","colors.interactive.base.white")}; } } } // since AccountDropdownBookmarkAlert is not used in channel navigation // explicitly setting display to none ${I} { display: none; } `,V=i(u.Utility).withConfig({displayName:"ChannelNavigationToggle"})` position: absolute; top: 14px; right: ${a(2)}; z-index: ${d("dropdown")}; border: none; background: transparent; padding: ${a(1)} ${a(1.5)}; width: ${a(4)}; height: ${a(4)}; @media (min-width: ${g.md}) { top: ${({isScrollingDown:e})=>e?a(2.5):"124px"}; left: inherit; padding: 0; min-width: auto; } & > div { position: absolute; } path { fill: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link")}; } &:focus { outline: 2px auto -webkit-focus-ring-color; border: unset; background: transparent; } &:hover { border-width: unset; border-style: none; border-color: transparent; background: transparent; path { fill: ${({theme:e})=>o(e,"colors.consumption.lead.inverted.link-hover")}; } } `,q=i.div.withConfig({displayName:"ChannelNavigationSecondaryMenu"})` padding-top: ${({isFixed:e})=>e?0:"62px"}; height: 100%; ${b} { display: block; } @media (min-width: ${g.md}) { padding-top: ${({isFixed:e})=>e?0:"160px"}; } @media (min-width: ${g.lg}) { height: 100vh; ${b} { display: none; } } `,z=i(f).withConfig({displayName:"ChannelNavigationBookmarkAlert"})` @media (min-width: ${g.lg}) { display: flex; top: ${a(8.25)}; left: ${a(163.5)}; } `;e.exports={ChannelNavigationBookmarkAlert:z,ChannelNavigationWrapper:D,ChannelNavigationContainer:G,ChannelNavigationContent:F,ChannelNavigationLogoWrapper:M,ChannelNavigationLogo:B,ChannelNavigationScrollViewLogo:W,ChannelNavigationLinksList:U,ChannelNavigationLinksWrapper:_,ChannelNavigationLinkItem:O,ChannelNavigationLink:Z,ChannelNavigationChannelDrawer:P,ChannelNavigationGlobalDrawer:H,ChannelNavigationGroupedNavigation:R,ChannelNavigationAccount:j,ChannelNavigationToggle:V,ChannelNavigationSecondaryMenu:q}},58376:(e,n,t)=>{const i=t(76186);n.Z=(0,i.defineMessages)({toggleLabel:{id:"ChannelNavigation.ToggleLabel",defaultMessage:"Open Navigation Menu",description:"ChannelNavigation component toggle label"},channelDrawerContentLabel:{id:"ChannelNavigation.ChannelDrawerContentLabel",defaultMessage:"Runway filters navigation",description:"ChannelNavigation component channel drawer content label"},globalDrawerContentLabel:{id:"ChannelNavigation.GlobalDrawerContentLabel",defaultMessage:"Navigation Menu",description:"ChannelNavigation component global drawer content label"},bookmarkAlertLabel:{id:"ChannelNavigation.BookmarkAlertLabel",defaultMessage:"Image saved. View saved images in ",description:"Bookmark alert label before the link"},bookmarkAlertMyAccountLabel:{id:"ChannelNavigation.BookmarkAlertMyAccountLabel",defaultMessage:"My Account.",description:"My account view saved images link text"}})},31383:(e,n,t)=>{const i=t(45697),a=t(94184),o=t(67294),r=t(98288),{trackComponent:l}=t(40199),{UtilityLedeHeader:d,UtilityLedeWrapper:s,UtilityLedeHedText:c,UtilityLedeDekText:g,UtilityLedeImage:p}=t(44397),h=({ariaLive:e,className:n,dangerousDek:t,dangerousHed:i,image:r,shouldUseAlternativeStyle:h,hasAlternateNewsletterStyle:u,hasInverted:m,variations:v,variationName:y})=>{o.useEffect((()=>{l("UtilityLede",y)}),[y]);const k=r&&Object.keys(r).length>0;return o.createElement(d,{className:a("utility-lede",n),"aria-live":e,"aria-label":"UtilityPageHeader",contentAlign:v.contentAlign,hasBackground:v.hasBackground,hasImage:k,alternativeStyle:h},r&&o.createElement(p,{hasImage:k,...r}),o.createElement(s,{alternativeStyle:h},o.createElement(c,{"data-testid":"UtilityLedeHedText",hasImage:k,dangerouslySetInnerHTML:{__html:i},hasInverted:m,hasAlternateNewsletterStyle:u}),t&&o.createElement(g,{"data-testid":"UtilityLedeDekText",hasImage:k,dangerouslySetInnerHTML:{__html:t},hasAlternateNewsletterStyle:u})))};h.propTypes={ariaLive:i.string,className:i.string,dangerousDek:i.string,dangerousHed:i.string.isRequired,hasAlternateNewsletterStyle:i.bool,hasInverted:i.bool,image:i.shape(r.propTypes),shouldUseAlternativeStyle:i.bool,variationName:i.string,variations:i.shape({contentAlign:i.oneOf(["center","left","right"]),hasBackground:i.bool})},h.defaultProps={shouldUseAlternativeStyle:!1,variations:{contentAlign:"center",hasBackground:!0}},e.exports=h},62702:(e,n,t)=>{e.exports=t(83375)},44397:(e,n,t)=>{const{default:i,css:a}=t(51117),{calculateSpacing:o,getColorStyles:r,getTypographyStyles:l}=t(79720),{BaseText:d}=t(74327),{BREAKPOINTS:s}=t(85326),c=t(98288),g=i.header.withConfig({displayName:"UtilityLedeHeader"})` ${({contentAlign:e})=>e?(e=>`\n text-align: ${e};\n`)(e):""} ${({theme:e,hasBackground:n})=>n?(e=>`\n ${r(e,"background-color","colors.discovery.body.white.background")};\n`)(e):""} ${({hasImage:e})=>e?`\n display: grid;\n grid-template-columns: repeat(8, 1fr);\n grid-column-gap: 1.5rem;\n align-items: center;\n padding: ${o(12)} 0 ${o(100)} 0;\n @media (min-width: 0) and (max-width: ${s.md}){\n grid-gap: ${o(2)};\n grid-template-columns: repeat(4, 1fr);\n padding: ${o(5)} 0 ${o(5)} 0;\n justify-items: center;\n }\n `:""} ${({alternativeStyle:e})=>e?`\n grid-gap: ${o(2)} 0;\n @media (min-width: 0) and (max-width: ${s.md}){\n grid-gap: ${o(4)} 0;\n }\n `:""} `,p=i.div.withConfig({displayName:"UtilityLedeWrapper"})` grid-auto-flow: row; grid-column: 4 / span 5; @media (min-width: 0) and (max-width: ${s.md}) { grid-gap: ${o(2)} 0; grid-column: 1 / span 4; } ${e=>!0===e.alternativeStyle?`\n grid-gap: ${o(2)} 0;\n @media (min-width: 0) and (max-width: ${s.md}){\n grid-gap: ${o(4)} 0;\n }\n `:""} `,h=i(d).withConfig({displayName:"UtilityLedeHedText"})` ${({hasAlternateNewsletterStyle:e})=>e&&a` ${({theme:e})=>l(e,"typography.definitions.utility.heading")}; `} ${e=>!0===e.alternativeStyle?`\n ${({theme:e})=>r(e,"color","colors.discovery.lead.primary.hed")};\n ${({theme:e})=>l(e,"typography.definitions.discovery.page-hed-section")};\n `:""} ${e=>!0===e.hasImage?"\n margin: 0;\n ":`margin: 0 0 ${o(2,"px")};`} ${e=>!0===e.hasInverted&&a` ${({theme:e})=>r(e,"color","colors.discovery.body.white.context-texture")}; ${({theme:e})=>l(e,"typography.definitions.discovery.hed-core-primary")}; line-height: 25px; font-size: 20px; `} `;h.defaultProps={as:"h1",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-break-out"};const u=i(d).withConfig({displayName:"UtilityLedeDekText"})` a { ${({theme:e})=>r(e,"color","colors.discovery.body.white.accent")}; ${e=>!0===e.hasAlternateNewsletterStyle?a` ${r("color","colors.foundation.expanded-utility.nav-link.default")}; text-decoration: none; `:""} } p { margin: 0; /* overwrite native browser margins for paragraph tags */ } ${e=>!0===e.alternativeStyle?`\n ${({theme:e})=>r(e,"color","colors.discovery.lead.primary.description")};\n ${({theme:e})=>l(e,"typography.definitions.discovery.description.feature")};\n a {\n ${({theme:e})=>r(e,"color","colors.discovery.lead.primary.description")};\n }\n `:""} ${e=>!0===e.hasImage?"\n margin: 0;\n ":`margin: ${o(2,"px")} 0 0;`} @media (min-width: 0) and (max-width: ${s.md}) { grid-row: 2; } ${e=>!0===e.hasAlternateNewsletterStyle?a` ${l("typography.definitions.utility.description")} `:""} `;u.defaultProps={as:"h2",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.consumptionEditorial.body-core"};const m=i(c).withConfig({displayName:"UtilityLedeImage"})` grid-column: 1 / span 3; @media (min-width: 0) and (max-width: ${s.md}) { grid-column: 2 / span 2; grid-row: 1; } ${e=>!0===e.hasImage?`\n @media (min-width: 0) and (max-width: ${s.md}){\n padding-bottom: 0;\n }\n `:""} `;e.exports={UtilityLedeHeader:g,UtilityLedeWrapper:p,UtilityLedeHedText:h,UtilityLedeDekText:u,UtilityLedeImage:m}},83375:(e,n,t)=>{const{asVariation:i}=t(95545),a=t(31383);a.ContentCenterNoBackground=i(a,"ContentCenterNoBackground",{contentAlign:"center",hasBackground:!1}),a.ContentRightNoBackground=i(a,"ContentRightNoBackground",{contentAlign:"right",hasBackground:!1}),a.ContentLeftNoBackground=i(a,"ContentLeftNoBackground",{contentAlign:"left",hasBackground:!1}),e.exports=a},90949:(e,n,t)=>{const{fetchWithTimeout:i}=t(84317),{loadData:a}=t(59998);e.exports={fetchWithTimeout:i,loadData:a}},59998:e=>{e.exports={loadData:async function({url:e,gtmEvent:n=null}){window.dataLayer&&n&&window.dataLayer.push({event:n});const t=await fetch(e);if(t.ok)return t.json();throw new Error(t.statusText)}}},46775:(e,n,t)=>{const i=t(45697),a=t(67294),{AtoZIndexWrapper:o,AtoZIndexList:r,AtoZIndexLink:l,AtoZIndexText:d}=t(97168),s=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"],c=({links:e,linksRef:n,navId:t})=>{if(!e||!e.length)return null;const i=e=>{e.preventDefault();const t=window.requestAnimationFrame||(e=>window.setTimeout(e,20)),i=document.getElementById(e.target.hash.replace("#",""));if(!i)return;const{offsetTop:a}=i,{offsetTop:o,scrollTop:r}=n.current,l=a-o-r;let d=0;const s=()=>{d+=20;const e=function(e,n,t,i){let a=e;return a/=300,a<1?t/2*a*a+n:(a--,-t/2*(a*(a-2)-1)+n)}(d,r,l);n.current.scrollTop=e,d<600&&t(s)};s()};return a.createElement(o,{"data-testid":"AtoZIndexWrapper"},a.createElement(r,null,s.map((n=>{const o=e.find((e=>e.groupName===n));return o?a.createElement("li",{key:n},a.createElement(l,{"data-testid":"AtoZIndexLink",href:"#"+("#"===o.groupName?`other-${t}`:`${o.groupName.toLowerCase()}-${t}`),onClick:i},n)):a.createElement(d,{key:n},n)}))))};c.propTypes={links:i.arrayOf(i.shape({groupName:i.string.isRequired})),linksRef:i.object,navId:i.string},e.exports=c},86422:(e,n,t)=>{const i=t(45697),a=t(67294),{useIntl:o}=t(76186),{useState:r}=t(67294),l=t(73955),d=t(48349),s=t(83066),{asConfiguredComponent:c}=t(36380),{filter:g,useDebounce:p}=t(5392),h=t(46775),{trackComponent:u}=t(40199),{GroupedNavigationWrapper:m,GroupedNavigationFilter:v,GroupedNavigationFilterContent:y,GroupedNavigationFilterInput:k,GroupedNavigationContent:f,GroupedNavigationLinks:b,GroupedNavigationGroup:w,GroupedNavigationIndex:$}=t(97168),N=t(97349).Z,x=({className:e,groupedLinks:n,showContentDivider:t=!0,hasAtoZIndex:i=!1,hasFilter:c=!1,analyticsEventForFilter:x,filterLabel:C})=>{a.useEffect((()=>{u("GroupedNavigation")}),[]);const{formatMessage:L}=o(),A=a.useRef(null),I=l(),[E,S]=r(""),[T,D]=p(n,200);return n&&n.length?a.createElement(m,{className:e,hasFilter:c,"data-testid":"GroupedNavigationWrapper"},c&&a.createElement(v,null,a.createElement(y,null,a.createElement(k,{placeholder:C,"aria-label":C||L(N.filterInputAriaLabelText),name:"filter",type:"text",onChange:e=>{const t=e.target.value;S(t),D((()=>g(n,t)))},onFocus:()=>{x&&d.emitGoogleTrackingEvent(x)},value:E}),a.createElement(s,null))),a.createElement(f,{hasFilter:c},a.createElement(b,{ref:A},T.map((e=>{if(!e.links)return null;const n=e.links.map((e=>{const n=!0===e.isSecondary?"link--secondary":"link--primary";return{...e,className:n}})),o={};return i&&(o.id="#"===e.groupName?`other-${I}`:`${e.groupName.toLowerCase()}-${I}`),a.createElement(w,{key:e.groupName,className:"grouped-navigation__group",links:n,linkClassName:"grouped-navigation__link",heading:e.groupName,showContentDivider:t,shouldStyleListItems:!0,attributes:o})}))),i&&a.createElement($,{className:"grouped-navigation__index"},a.createElement(h,{links:n,linksRef:A,navId:I})))):null},C=i.shape({text:i.string.isRequired,url:i.string.isRequired,isSecondary:i.bool,analyticsEvent:i.string}),L=i.arrayOf(i.shape({links:i.arrayOf(C),groupName:i.string,groupId:i.string}));x.propTypes={analyticsEventForFilter:i.string,className:i.string,filterLabel:i.string,groupedLinks:L,hasAtoZIndex:i.bool,hasFilter:i.bool,showContentDivider:i.bool},x.displayName="GroupedNavigation",e.exports=c(x,"GroupedNavigation"),e.exports.groupedLinksShape=L},69379:(e,n,t)=>{e.exports=t(86422)},97168:(e,n,t)=>{const i=t(51117).default,{BaseLink:a,BaseText:o}=t(74327),{calculateSpacing:r,getLinkStyles:l,getTypographyStyles:d,getColorStyles:s,getInputFieldStyles:c}=t(79720),g=t(55399),p=i.div.withConfig({displayName:"GroupedNavigationWrapper"})` padding-top: ${r(4)}; height: 100%; ${({hasFilter:e})=>e&&`padding-top: ${r(2)};`} .navigation__heading { ${({theme:e})=>d(e,"typography.definitions.foundation.title-primary")}; margin: 0; line-height: normal; ${({theme:e})=>s(e,"color","colors.foundation.expanded-utility.nav-link.default")}; } .navigation__list-item { white-space: normal; } .content-divider { display: block; margin-bottom: ${r(2)}; border-bottom-width: ${r(.5)}; border-bottom-style: solid; ${({theme:e})=>s(e,"border-bottom-color","colors.discovery.lead.secondary.accent")}; padding-top: ${r(1)}; width: ${r(2)}; } .grouped-navigation__link { ${({theme:e})=>l(e,"colors.foundation.expanded-utility.nav-link.default","colors.foundation.expanded-utility.nav-link.hover","navigation")} &.link--primary { ${({theme:e})=>d(e,"typography.definitions.foundation.link-primary")}; } &.link--secondary { ${({theme:e})=>d(e,"typography.definitions.foundation.link-secondary")}; } } `,h=i.div.withConfig({displayName:"GroupedNavigationFilter"})` position: static; border-width: 0 0 1px; border-style: solid; ${({theme:e})=>s(e,"color","colors.discovery.body.white.divider")}; width: calc(100% - 1.25rem); height: 60px; .icon { position: absolute; top: 10px; right: 0; pointer-events: none; } `,u=i.div.withConfig({displayName:"GroupedNavigationFilterContent"})` position: relative; `,m=i(o).withConfig({displayName:"GroupedNavigationFilterInput"})` ${({theme:e})=>c(e,"normal","background")}; ${({theme:e})=>c(e,"normal","text")}; border: none; width: 100%; height: ${r(6.2)}; `;m.defaultProps={as:"input",typeIdentity:"typography.definitions.foundation.link-secondary"};const v=i.div.withConfig({displayName:"GroupedNavigationContent"})` display: flex; height: 100% ${({hasFilter:e})=>e&&`\n padding-top: ${r(4)};\n height: calc(100% - 60px);\n `}; `,y=i.div.withConfig({displayName:"GroupedNavigationLinks"})` flex: 1; height: 100%; overflow-y: auto; max-height: 100vh; && li { padding-bottom: ${r(2)}; &.link--primary { ${({theme:e})=>d(e,"typography.definitions.foundation.link-primary")}; } &.link--secondary { ${({theme:e})=>d(e,"typography.definitions.foundation.link-secondary")}; } } `,k=i(g.Vertical).withConfig({displayName:"GroupedNavigationGroup"})` padding-bottom: ${r(5)}; `,f=i.div.withConfig({displayName:"GroupedNavigationIndex"})` position: static; padding-right: ${r(1)}; overflow-y: auto; `,b=i(o).withConfig({displayName:"AtoZIndexWrapper"})` width: ${r(3)}; text-align: center; `;b.defaultProps={as:"nav"};const w=i(o).withConfig({displayName:"AtoZIndexList"})` margin-top: 0; padding: 0; list-style: none; `;w.defaultProps={as:"ul"};const $=i(a).withConfig({displayName:"AtoZIndexLink"})` display: block; background: none; padding-top: ${r(.25)}; padding-bottom: ${r(.25)}; width: 100%; `;$.defaultProps={colorSecondaryLinkToken:"colors.foundation.expanded-utility.nav-link.hover",colorStaticLinkToken:"colors.foundation.expanded-utility.nav-link.default",colorToken:"colors.foundation.expanded-utility.nav-link.default",linkStyle:"navigation",typeToken:"typography.definitions.foundation.link-secondary"};const N=i(o).withConfig({displayName:"AtoZIndexText"})` margin: 0; padding-top: ${r(.25)}; padding-bottom: ${r(.25)}; `;N.defaultProps={as:"li",colorToken:"colors.foundation.expanded-utility.nav-link.default",typeIdentity:"typography.definitions.foundation.link-secondary"},e.exports={GroupedNavigationWrapper:p,GroupedNavigationFilter:h,GroupedNavigationFilterContent:u,GroupedNavigationFilterInput:m,GroupedNavigationContent:v,GroupedNavigationLinks:y,GroupedNavigationGroup:k,GroupedNavigationIndex:f,AtoZIndexWrapper:b,AtoZIndexList:w,AtoZIndexLink:$,AtoZIndexText:N}},97349:(e,n,t)=>{const i=t(76186);n.Z=(0,i.defineMessages)({filterInputAriaLabelText:{id:"GroupedNavigation.FilterInputAriaLabel",defaultMessage:"Filter links",description:"Grouped Navigation Filter component aria label text",isConfigurable:!0}})},5392:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.useDebounce=n.filter=void 0;const{useState:i,useCallback:a}=t(67294),o=t(23279);n.filter=(e,n)=>{if(!n?.trim())return e;const t=e=>e.toString().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-z0-9\s]/gi,"");return e.map((e=>({...e,links:e.links?.filter((e=>/(\s|')/.test(n)?t(e.text).includes(t(n)):e.text.match(/([a-zA-Z]\.){2,}/)?e.text.split(" ").filter((e=>t(e).startsWith(t(n)))).length:e.text.split(/([ \-'’.]+)/).filter((e=>t(e).startsWith(t(n)))).length))}))).filter((e=>e.links?.length))},n.useDebounce=(e,n)=>{const[t,r]=i(e),l=a(o((e=>{r(e)}),n),[]);return[t,e=>{l(e)}]}}}]);