1"use strict";(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[5441],{29118(e,t,n){n.d(t,{A:()=>Ca});var o=n(96540),i=n(5338),a=n(56187),r=n(56822),s=n(58156),l=n.n(s),d=n(86663),c=n(45135),m=n(93079),u=n(34606),p=n(85554),g=n(22509),h=n(44354),y=n(61057),b=n(57744),f=n(53788);const w={scopes:{watch:["user.isAuthenticated","user.isEntitled"],input:["user.isAuthenticated","user.isEntitled"],output:[]},perform:e=>{const{isAuthenticated:t,isEntitled:n}=e.user;if(void 0===n)return;const o=l()(window,"dataLayer");o&&o.push({event:"subscription-status-updated",user:{account:{subscriptionStatus:t&&n?"active":"not active"}}})}};class ${static initialize(e){(new this).initialize(e)}constructor(){}initialize(e){const{googleTagManagerId:t,googleTagManagerToken:n}=e.getState(),o=document.head,i=n?.split("~"),a=i?i[0]:"",r=i?i[1]:"",s=n?`>m_auth=${a}>m_preview=env-${r}>m_cookies_win=x`:"";if(window.dataLayer=window.dataLayer||[],window.dataLayer.push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t){const e=document.createElement("script");e.src=`https://www.googletagmanager.com/gtm.js?id=GTM-${t}${s}&l=dataLayer`,o.appendChild(e),e.addEventListener("load",()=>{this.applyInpOptimization()})}(0,b.Tk)(w,e)}applyInpOptimization(){if(window.dataLayer&&"function"==typeof window.dataLayer.push){const e=window.dataLayer.push.bind(window.dataLayer);window.dataLayer.push=function(...t){return(async e=>{new Promise(t=>{const n=setTimeout(()=>{"function"==typeof e&&e(),t()},200);requestAnimationFrame(()=>{setTimeout(()=>{clearTimeout(n),"function"==typeof e&&e(),t()},50)})})})(()=>{e(...t)}),window.dataLayer.length+t.length}}}}var v=n(88055),C=n.n(v),k=n(49870),A=n.n(k),x=n(44383),E=n.n(x);const S=["payment","user","segmentation"],L=A()([E(),C()]),T=["payment","user","segmentation"],N=A()([E(),C()]);var H=n(38807);const I={scopes:{watch:["payment.sample"],input:["payment.sample","google","userPlatform"],output:[]},perform:e=>{const{google:t,payment:n,userPlatform:o}=e,i={registrationSourceCode:t.registrationSourceCode,siteCode:o.siteCode,userPlatformProxy:o.userPlatformProxy,xClientID:o.xClientID};H.A.registerLwgCTA(i,n)}};var B=n(91287);class O{static initialize(e){const{google:t,payment:n={},user:o,userPlatform:i}=e.getState(),{processEntitlementResponse:a}=t.entitlement,r=(0,B.Rt)(t,n,o,i);o.isAuthenticated&&H.A.registerSwgAccountLinkCTA(o.amguuid,t,r),H.A.registerSwgSubscribeCTA(t.swgSku),H.A.registerOnEntitlementsResponseHandler(r,a),H.A.registerOnSubscribeResponseHandler(r),(0,b.Tk)(I,e)}}var K=n(44826),D=n.n(K),_=n(90090),P=n(56892),R=n(47248),q=n.n(R);const M=/en\.([a-z]+)\.([ace])/,F=["slug","status"],U=e=>M.test(e),V=e=>E()(q()([null,...F],e.match(M)),F),G=e=>"a"===e.status,W=(e,t)=>{const n=((e,t)=>{const{segments:n}=e;return n.filter(U).map(V).filter((e=>t=>e.some(e=>e.slug===t.slug))(t))})(e,t);return n.some(G)},j={scopes:{watch:["segmentation"],input:["segmentation","payment.products"],output:["user.isEntitled"]},perform:e=>{const{segmentation:t={},payment:{products:n=[]}={}}=e;return{user:{isEntitled:W(t,n)}}}};class z{static initialize(e){const t=()=>{const t=(0,P.getCookie)("CN_segments"),n={segments:t?t.split("|").map(D()):[]};var o;return e.dispatch({type:"UPDATE_KEY",key:"segmentation",value:n}),o=n,(0,_.W8)("segments-loaded",o),n};window.cnBus&&window.cnBus.on("segments.updated",t);const{martechPlatform:n}=e.getState();return n&&n.isAccessCookieEnabled||(0,b.Tk)(j,e),Promise.resolve(t())}}class Y{static initialize(e){return Promise.resolve((async()=>{const t={permutiveSegments:await new Promise(e=>{const{permutive:t}=window;t?t.ready(()=>{window.permutive?.segments(e)},"realtime"):e([])})};return e.dispatch({type:"MERGE_KEY",key:"segmentation",value:t}),window.cnBus&&window.cnBus.emit("permutiveSegments.updated"),t})())}}var X=n(22214),Z=n(79712),J=n(91250),Q=n(35970),ee=n.n(Q),te=n(79859),ne=n.n(te),oe=n(62193),ie=n.n(oe),ae=n(42426),re=n.n(ae),se=n(35880),le=n.n(se);const de=e=>{const{products:t,isAccessCookieEnabled:n}=e;if(!n)return!1;const o=(0,P.getCookie)(f.A.accessCookie);if(!o)return!1;return ce(t,o)},ce=(e,t)=>{if(ie()(e))return!1;if(!t)return!1;const n=me(t);if(ie()(n))return!1;return re()(e,e=>ne()(n,e))},me=e=>{const t=(0,Z.A)(e),n=t?.fct||{};return ee()(le()(n))},ue=15552e6;let pe=null;const ge=async e=>{if("function"!=typeof e?.json)return!1;try{const t=await e.json();if(t?.token)return((e,t)=>{if("undefined"==typeof document||!e)return;const n=(0,P.getCookieDomainFromHostname)(),o=t?Date.parse(t)-Date.now():ue,i=Number.isFinite(o)?o:ue;i<=0||((0,P.deleteCookie)(f.A.accessCookie,n),document.cookie=(0,P.createCookie)(f.A.accessCookie,e,{domain:n,expirationInMs:String(i),isSecure:!0,path:"/",sameSite:"None"}))})(t.token,t.cookieExpiresAt),!0}catch(e){}return!1},he=()=>{const e=(0,P.getCookie)(f.A.accessCookie);if(!e)return!0;const t=((e=(0,P.getCookie)(f.A.accessCookie))=>e?(0,Z.A)(e):{})(e);return Boolean(t?.exp&&Date.now()>=1e3*t.exp)},ye=async()=>
1{if(!await(async()=>{if((0,P.getCookie)(f.A.oidcCookies.access)){const e=X.d.getDecodedToken(f.A.oidcCookies.access);if(X.d.isTokenValid(e))return!0}return X.d.checkAccessWithRefresh()})())return!1;const e=await(0,J.u)("/api/access/revalidate",{credentials:"include",mode:"cors",headers:{"Content-Type":"application/json","User-Agent":"verso-access-sphere"}},5e3);return ge(e)},be=async(e,{shouldSyncUserEntitlement:t=!0}={})=>{const{martechPlatform:n}=e.getState();if(!n?.isAccessCookieEnabled||!he())return!1;pe||(pe=ye().finally(()=>{pe=null}));const o=await pe;return o&&t&&((0,P.getCookie)(f.A.accessCookie),(e=>{const{martechPlatform:t}=e.getState();t&&e.dispatch({type:"MERGE_KEY",key:"user",value:{isEntitled:de(t)}})})(e)),o};class fe{static async initialize(e){try{return await be(e)}catch(e){}return!1}}var we=n(45831),$e=n(75454),ve=n(60663);const Ce="month-visits",ke="content-ids",Ae=(0,ve.Y)(()=>window.localStorage),xe=()=>{return(Ae.getItem(Ce)||"").split(",").pop()},Ee=()=>{const e=xe()||"",t=parseInt(e,10),n=new Date(t),o=new Date;return n.getFullYear()!==o.getFullYear()||n.getMonth()!==o.getMonth()},Se=()=>{const e=Ae.getItem(Ce)||"",t=Date.now().toString();if(!e||Ee())return Ae.setItem(Ce,t),1;const n=e.split(",").filter(String);return(()=>{const e=xe()||"",t=parseInt(e,10),n=new Date(t),o=new Date;return n.getFullYear()!==o.getFullYear()||n.getMonth()!==o.getMonth()||n.getDate()!==o.getDate()})()&&n.push(t),Ae.setItem(Ce,n.join(",")),n.length},Le=e=>{const t=Ae.getItem(ke)||"";if(!t||Ee())try{return Ae.setItem(ke,e),1}catch(e){return 0}const n=t.split(",").filter(String);n.every(t=>t!==e)&&n.push(e);try{return Ae.setItem(ke,n.join(",")),n.length}catch(e){return 0}},Te=()=>o.createElement("h1",null,"Fallback Page. This page should be replaced by a Presenter's component");Te.displayName="DefaultPage";var Ne=n(52566),He=n.n(Ne);const Ie=e=>{if(!e)return 100;try{const t=He().str(e);return Math.abs(t%100)+1}catch(e){return 100}};var Be=n(54870),Oe=n(35489),Ke=n(64663);var De=n(69006);var _e=n(14307);const Pe=class{constructor(){this.registeredPlugins=[],this.bootedPlugins=[]}registerPlugin(e){this.registeredPlugins.push(e)}};const Re=class{constructor(){this.registeredComponents={}}getFallbackComponent(){return this.registeredComponents.fallback.component}registerComponent(e){this.registeredComponents[e.name]=e}getComponentDefinition(e){return this.registeredComponents[e]||this.registeredComponents.fallback}getAllComponents(){const e=this,t={};return Object.keys(this.registeredComponents).forEach(n=>{t[n]=e.registeredComponents[n].component}),t}getComponentWithProps(e,t,n){const o=this.registeredComponents[t]||{};if(void 0!==o.component){const{componentConfig:i={variation:"default",settings:{}}}=n,{settings:a={}}=i,r=o.component;return{component:(0,b.M3)(r,{keysToSpread:[`capability.${e}`]}),props:{key:t,...a}}}return{component:this.registeredComponents.fallback.component,props:{message:`The component ${t} is not found!`}}}};var qe;!function(e){e.ActionBar="ActionBar",e.Ad="Ad",e.Body="Body",e.ChunkWrapper="ChunkWrapper",e.ConsumerMarketingUnit="ConsumerMarketingUnit",e.Header="Header",e.Container="Container",e.Error="Error",e.Fallback="Fallback",e.Footer="Footer",e.Navigation="Navigation",e.Recommendation="Recommendation",e.MultiPackagesWrapper="MultiPackagesWrapper",e.MainContentWrapper="MainContentWrapper",e.BodyWrapper="BodyWrapper",e.PageWrapper="PageWrapper",e.RailWrapper="RailWrapper",e.Paywall="Paywall",e.SignInModal="SignInModal",e.VisualStory="VisualStory"}(qe||(qe={}));const Me=class{constructor(e){this.pluginSystem=e}boot(){throw new Error("Method not implemented. This method should be overridden by the plugin.")}};var Fe=n(92729);const Ue=class extends Me{constructor(){super(...arguments),this.name="action-bar-plugin"}boot(){this.pluginSystem.registerComponent({name:"ActionBar",component:Fe.A,type:qe.ActionBar,dataProcessor:{fetchers:[],transformer:"ActionBarTransformer"}})}};var Ve=n(19607),Ge=n(66657);const We=()=>o.createElement(Ge.A,{bottomSpacing:7},o.createElement(Ve.A,{position:"footer",shouldHoldSpace:!0}));const je=class extends Me{constructor(){super(...arguments),this.name="ad-footer-plugin"}boot(){this.pluginSystem.registerComponent({name:"AdFooter",component:We,type:qe.Ad})}};const ze=class extends Me{constructor(){super(...arguments),this.name="ad-hero-plugin"}boot(){this.pluginSystem.registerComponent({name:"AdHero",component:Ve.$,type:qe.Ad})}};var Ye=n(32485),Xe=n.n(Ye),Ze=n(38080);const Je=e=>o.createElement("div",{"data-journey-hook":e.dataJourneyHook,className:Xe()("ad-container",{"ad-container-reduced-margin":e.hasReducedMargin})},o.createElement(Ze.Z,{group:"ads"},o.createElement(Ve.A,{position:"mid-content",shouldHoldSpace:!0,shouldDisplayLabel:!0})));const Qe=class extends Me{constructor(){super(...arguments),this.name="ad-mid-content-plugin"}boot(){this.pluginSystem.registerComponent({name:"AdMidContent",component:Je,type:qe.Ad})}},et=()=>o.createElement(Ze.Z,{group:"ads"},o.createElement(Ve.A,{position:"rail"}));const tt=class extends Me{constructor(){super(...arguments),this.name="ad-rail-plugin"}boot(){this.pluginSystem.registerComponent({name:"AdRail",component:et,type:qe.Ad})}};var nt=n(70462);const ot=nt.qk,it=({children:e,chunks:t,...n})=>{const{"data-testid":i,stylesConfig:a}=n;return o.createElement(ot,{"data-testid":i,stylesConfig:a},o.Children.map(e,e=>(0,o.cloneElement)(e,{content:t})))};const at=class extends Me{constructor(){super(...arguments),this.name="body-content-plugin"}boot(){this.pluginSystem.registerComponent({name:"BodyContent",component:it,type:qe.Body,dataProcessor:{fetchers:["GetReviewFetcher"],transformer:"BodyTransformer"}})}};var rt=n(49741),st=n(12501);const lt=()=>o.createElement(Ge.A,null,o.createElement(st.wi,null),o.createElement(Ze.Z,{group:"consumer-marketing"},o.createElement(rt.A,{position:"cm-footer"})));const dt=class extends Me{constructor(){super(...arguments),this.name="cmu-footer-plugin"}boot(){this.pluginSystem.registerComponent({name:"CMUFooter",component:lt,type:qe.ConsumerMarketingUnit})}};var ct=n(69389),mt=n(96307);const ut=e=>e?e.useMultiReviewHeader?o.createElement(mt.A,{...e}):o.createElement(ct.A,{...e}):null;const pt=class extends Me{constructor(){super(...arguments),this.name="content-header-plugin"}boot(){this.pluginSystem.registerComponent({name:"ContentHeader",component:ut,type:qe.Header,dataProcessor:{fetchers:["GetReviewFetcher","GetRelatedContentFetcher","GetMostPopularContentFetcher"],transformer:"ContentHeaderTransformer"}})}};var gt=n(45799),ht=n(86659);const yt=e=>o.createElement(gt.A,{ContentWrapper:ht.A.ContentWithAdRailNarrow,...e});const bt=class extends Me{constructor(){super(...arguments),this.name="content-footer-plugin"}boot(){this.pluginSystem.registerComponent({name:"ContentFooter",component:yt,type:qe.Footer,dataProcessor:{fetchers:["GetReviewFetcher","GetRelatedContentFetcher","GetMostPopularContentFetcher"],transformer:"ContentFooterTransformer"}})}};var ft=n(5556),wt=n.n(ft),$t=n(6442),vt=n(86778);const Ct=(0,n(72267).YK)({buttonLabel:{id:"ErrorContent.buttonLabel",defaultMessage:"Go to Homepage",description:"Button label for error page",isConfigurable:!0},buttonLink:{id:"ErrorContent.buttonLink",defaultMessage:"/",description:"Button link for error page",isConfigurable:!0},dangerousDek:{id:"ErrorContent.dangerousDek",defaultMessage:"There was an issue with this page",description:"Dek for error page",isConfigurable:!0},dangerousHed:{id:"ErrorContent.dangerousHed",defaultMessage:"Oops",description:"Hed for error page",isConfigurable:!0}});var kt=n(73730),At=n(73275),xt=n(20388),Et=n(38267),St=n(26865),Lt=n(96472),Tt=n(79055),Nt=n(1123),Ht=n(4081),It=n(86245),Bt=n(40653);
1const Ot=Et.Ay.div.withConfig({displayName:"BrandBackgroundWrapper"})` 2 background-color: ${(0,St.HK)("colors.background.light")}; 3 background-position: top center; 4 background-size: cover; 5 6 ${({backgroundImageSource:e})=>e&&`\n background-image: url(${e});\n `} 7 8 padding: ${(0,St.Kq)(2)} 0; 9 @media (min-width: ${Lt.LO.md}) { 10 padding: ${(0,St.Kq)(9)} 0; 11 } 12 13 ${Tt.Kf} { 14 padding: ${(0,St.Kq)(5)} 0 ${(0,St.Kq)(4)}; 15 16 @media (min-width: ${Lt.LO.md}) { 17 padding: ${(0,St.Kq)(5)} 0; 18 } 19 } 20`,Kt=(0,Et.Ay)(It.A).withConfig({displayName:"BrandBackgroundCard"})``,Dt=Et.Ay.div.withConfig({displayName:"BrandBackgroundBasePageWrapper"})` 21 ${Ht.fu} { 22 background-color: ${(0,St.HK)("colors.background.light")}; 23 background-position: top center; 24 background-size: cover; 25 } 26`,_t=(0,Et.Ay)(ht.A).withConfig({displayName:"BrandBackgroundGrid"})` 27 ${Bt.E} { 28 grid-column: span 4; 29 30 @media (min-width: ${Lt.LO.md}) { 31 grid-column: 2 / span 10; 32 } 33 } 34`,Pt=Et.Ay.div.withConfig({displayName:"ErrorPageSpotImageWrapper"})` 35 margin: auto; 36 width: 200px; 37 ${({hasBiggerSpotImage:e})=>e&&` \n @media (min-width: ${Lt.LO.md}) {\n width: 600px;\n }\n`}; 38 ${({hasButton:e})=>e&&` \npadding-bottom: ${(0,St.Kq)(5)};\n`}; 39`,Rt=Et.Ay.div.withConfig({displayName:"ErrorPageWrapper"})` 40 &&& { 41 text-align: center; 42 43 ${Tt.Kf} { 44 padding-top: 0; 45 } 46 47 ${_t} { 48 ${(0,Nt.aU)("margin")} 49 margin-right: auto; 50 margin-left: auto; 51 ${Bt.E} { 52 @media (min-width: ${Lt.LO.md}) { 53 grid-column: 2 / span 10; 54 } 55 } 56 } 57 } 58`;var qt=n(53499);const Mt=({backgroundImageSource:e="",buttonLabel:t,buttonLink:n,dangerousCaption:i,dangerousCredit:a,dangerousDek:r,dangerousHed:s,hasBiggerSpotImage:l=!1,hasButton:d=!0,spotImage:c,statusCode:m=404})=>{const{formatMessage:u}=(0,$t.A)(),p=s||u(Ct.dangerousHed),g=r||u(Ct.dangerousDek);o.useEffect(()=>{m&&(0,_e.nd)(m,g),window.Kendra.TRACK_COMPONENT.broadcast(qt.G.RENDER,{name:"ErrorPages"})},[m,g]);const h=i||a;return o.createElement(Dt,{hasFooterMargins:!1},o.createElement(Ot,{backgroundImageSource:e},o.createElement(_t,null,o.createElement(Kt,null,o.createElement(Rt,{backgroundImageSource:e,withoutBg:!e,dangerousDek:g,dangerousHed:p},o.createElement(vt.A.ContentCenterNoBackground,{ariaLive:"polite",dangerousHed:p,dangerousDek:g}),c&&o.createElement(Pt,{hasButton:d,hasBiggerSpotImage:l},o.createElement(At.A,{...c}),h&&o.createElement(xt.A,{dangerousCaptionText:i,dangerousCredit:a})),d&&o.createElement(kt.A.Utility,{"data-testid":"ErrorContentButton",label:t||u(Ct.buttonLabel),href:n||u(Ct.buttonLink),inputKind:"link"}))))))};Mt.propTypes={backgroundImageSource:wt().string,buttonLabel:wt().string,buttonLink:wt().string,dangerousCaption:wt().string,dangerousCredit:wt().string,dangerousDek:wt().string,dangerousHed:wt().string,hasBiggerSpotImage:wt().bool,hasButton:wt().bool,spotImage:wt().shape(At.A.propTypes),statusCode:wt().number};const Ft=Mt;const Ut=class extends Me{constructor(){super(...arguments),this.name="error-content-plugin"}boot(){this.pluginSystem.registerComponent({name:"ErrorContent",component:Ft,type:qe.Error,dataProcessor:{fetchers:[],transformer:"ErrorContentTransformer"}})}};var Vt=n(23618),Gt=n(22776),Wt=n(29912);const{default:jt}=n(1165);const zt=new jt({a:function(e){const{isExternal:t,...n}=e;return{type:t?Gt.A:"a",props:n}},"inline-embed":Vt.A}),Yt=({content:e,index:t})=>o.createElement(Wt.q,{className:"body body__container","data-testid":"BodyWrapper"},zt.convert(["div",{className:"chunk"},...e[t]])),Xt=nt.qk,Zt=({children:e,content:t,...n})=>{const{"data-testid":i,stylesConfig:a}=n,r=parseInt(i.match(/\d+/g),10)-1;return o.createElement(Xt,{"data-testid":i,stylesConfig:a},o.Children.map(e,e=>{const{key:n,props:{id:i,stylesConfig:a}}=e;return n.includes("chunk")?o.createElement(Xt,{"data-testid":`${i}__container`,key:i,stylesConfig:a},o.createElement(Yt,{content:t,index:r})):e}))};const Jt=class extends Me{constructor(){super(...arguments),this.name="chunk-wrapper-plugin"}boot(){this.pluginSystem.registerComponent({name:"ChunkWrapper",component:Zt,type:qe.ChunkWrapper})}};var Qt=n(72362),en=n(18608),tn=n(92027),nn=n(7228),on=n(5239),an=n(75163),rn=n(50531);const sn=kt.A,ln=(0,St.Kq)(31),dn=(0,St.Kq)(25),cn=(0,St.Kq)(58.5),mn=(0,St.Kq)(18),un=Et.Ay.div.withConfig({displayName:"AppContextLandingMain"})` 59 align-items: flex-start; 60 background: var(${an.pT.Color.Surface}); 61 color: var(${an.pT.Color.Text}); 62 display: flex; 63 flex: 1 0 auto; 64 justify-content: center; 65 padding: 0; 66 67 @media (min-width: ${Lt.LO.md}) { 68 padding: ${(0,St.Kq)(3)}; 69 } 70`,pn=Et.Ay.section.withConfig({displayName:"AppContextLandingShell"})` 71 background: var(${an.pT.Color.Surface}); 72 border-radius: 0; 73 display: block;
74 max-width: ${(0,St.Kq)(46.875)}; 75 margin: 0 auto; 76 padding-bottom: ${ln}; 77 position: relative; 78 width: 100%; 79 80 @media (min-width: ${Lt.LO.md}) { 81 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); 82 padding-bottom: 0; 83 } 84`,gn=Et.Ay.div.withConfig({displayName:"AppContextLandingImageFrame"})` 85 align-items: center; 86 background: var(${an.pT.Color.SurfaceSubtle}); 87 display: flex; 88 height: clamp( 89 ${mn}, 90 calc( 91 100svh - ${ln} - 92 ${dn} 93 ), 94 ${cn} 95 ); 96 justify-content: center; 97 line-height: 0; 98 margin: 0; 99 overflow: hidden; 100 width: 100%; 101 102 .responsive-asset, 103 picture { 104 display: block; 105 height: 100%; 106 width: 100%; 107 } 108 109 img { 110 display: block; 111 height: 100%; 112 object-fit: cover; 113 object-position: center; 114 width: 100%; 115 } 116 117 @media (min-width: ${Lt.LO.md}) { 118 height: auto; 119 max-height: none; 120 overflow: visible; 121 122 .responsive-asset, 123 picture { 124 height: auto; 125 } 126 127 img { 128 height: auto; 129 object-fit: initial; 130 } 131 } 132`,hn=Et.Ay.div.withConfig({displayName:"AppContextLandingImageFallback"})` 133 ${(0,St.Gg)("typography.definitions.globalEditorial.context-title")} 134 align-items: center; 135 background: var(${an.pT.Color.SurfaceSubtle}); 136 color: var(${an.pT.Color.TextSubtle}); 137 display: flex; 138 min-height: ${(0,St.Kq)(51.5)}; 139 justify-content: center; 140 text-transform: uppercase; 141 width: 100%; 142`,yn=Et.Ay.div.withConfig({displayName:"AppContextLandingTextContent"})` 143 align-items: center; 144 background: var(${an.pT.Color.Surface}, #ffffff); 145 bottom: 0; 146 display: flex; 147 flex-direction: column; 148 left: 50%; 149 max-width: ${(0,St.Kq)(46.875)}; 150 padding: ${(0,St.Kq)(3)} ${(0,St.Kq)(2)} ${(0,St.Kq)(2)}; 151 position: absolute; 152 text-align: center; 153 transform: translateX(-50%); 154 width: 100%; 155 z-index: 3; 156 157 @media (min-width: ${Lt.LO.md}) { 158 bottom: auto; 159 left: auto; 160 max-width: none; 161 padding: ${(0,St.Kq)(3)} ${(0,St.Kq)(2)} 162 ${(0,St.Kq)(2)}; 163 position: static; 164 transform: none; 165 z-index: auto; 166 } 167`,bn=Et.Ay.h1.withConfig({displayName:"AppContextLandingTitle"})` 168 ${(0,St.Gg)("typography.definitions.consumptionEditorial.subhed-aux-primary")} 169 font-size: 22px; 170 letter-spacing: 0.2px; 171 line-height: 26px; 172 color: var(${an.pT.Color.TextHeading}); 173 margin: 0; 174 max-width: ${(0,St.Kq)(42.875)}; 175 overflow-wrap: anywhere; 176`,fn=Et.Ay.p.withConfig({displayName:"AppContextLandingDek"})` 177 ${(0,St.Gg)("typography.definitions.utility.landing-body")} 178 color: var(${an.pT.Color.Text}); 179 margin: ${(0,St.Kq)(1)} 0 0; 180 max-width: ${(0,St.Kq)(42.875)}; 181`,wn=Et.Ay.div.withConfig({displayName:"AppContextLandingActions"})` 182 display: grid; 183 gap: ${(0,St.Kq)(1)}; 184 margin-top: ${(0,St.Kq)(2)}; 185 max-width: ${(0,St.Kq)(42.875)}; 186 width: 100%; 187`,$n=(0,Et.Ay)(sn.Primary).withConfig({displayName:"AppContextLandingOpenButton"})` 188 && { 189 background-color: var(${an.pT.Color.ActionBrandDefault}, #121212); 190 border: 0; 191 border-radius: 0; 192 height: ${(0,St.Kq)(6)}; 193 justify-content: center; 194 min-height: ${(0,St.Kq)(6)}; 195 padding: ${(0,St.Kq)(.75)} ${(0,St.Kq)(2)}; 196 text-decoration: none; 197 } 198 199 &&:hover, 200 &&:focus, 201 &&:active { 202 background-color: var(${an.pT.Color.ActionBrandDefault}, #121212); 203 } 204 205 ${rn.Lj} { 206 ${(0,St.Gg)("typography.definitions.utility.button-core")} 207 align-items: center; 208 color: var(${an.pT.Color.ActionBrandInverse}, #f5f5f5); 209 display: inline-flex; 210 font-size: 13px; 211 justify-content: center; 212 letter-spacing: 1.4px; 213 line-height: 17px; 214 } 215`,vn=Et.Ay.p.withConfig({displayName:"AppContextLandingInstagramHint"})` 216 border-top: 1px solid var(${an.pT.Color.BorderSubtle}, #f5f5f5); 217 color: var(${an.pT.Color.TextSubtle}, #404040); 218 display: inline-flex; 219 flex-wrap: wrap; 220 ${(0,St.Gg)("typography.definitions.utility.label")} 221 font-size: 11px; 222 gap: 4px; 223 justify-content: center; 224 line-height: 16px; 225 margin: ${(0,St.Kq)(2)} 0 0; 226 max-width: ${(0,St.Kq)(41.5)}; 227 padding-top: ${(0,St.Kq)(2)}; 228 width: 100%; 229`,Cn=({appContextLandingTemplate:e})=>{if((0,o.useEffect)(()=>{const{Kendra:e}=window;e?.TRACK_COMPONENT?.broadcast?.(qt.G.RENDER,{name:"AppContextLandingTemplate"})},[]),!e)return null;const{ctaLabel:t,dek:n,image:i,instagramHint:a,openInAppUrl:r,title:s}=e,l=Boolean(i?.sources);return o.createElement(un,null,o.createElement(pn,null,o.createElement(gn,null,l?o.createElement(At.A,{altText:i?.altText||i?.filename||s,contentType:i?.contentType||i?.metadata?.contentType||"photo",imageAttributes:{loading:"eager"},isLazy:!1,shouldHoldImageSpace:!1,sizes:"(min-width: 768px) 50vw, 100vw",sources:i?.sources}):o.createElement(hn,{"aria-hidden":"true"},"Vogue")),o.createElement(yn,null,o.createElement(bn,null,s),n&&o.createElement(fn,null,n),o.createElement(wn,null,o.createElement($n,{href:r,inputKind:"link",label:t,shouldUseFullWidth:!0})),a&&o.createElement(vn,null,a))))},kn=Et.Ay.header.withConfig({displayName:"CustomErrorWrapper"})` 230 display: grid; 231 grid-template-columns: 1fr; 232 grid-template-rows: 1fr; 233 bottom: ${`-${parseFloat((0,St.Kq)(6))}rem`}; 234 235 position: relative; 236`,An=(0,Et.Ay)(tn.A).withConfig({displayName:"CustomErrorSection"})` 237 grid-column: 1; 238 grid-row: 1; 239 background: ${({theme:e})=>(0,St.HK)(e,"colors.background.light")}; 240
241 ${({shouldApplyDarkBackground:e,theme:t})=>e&&Et.AH` 242 background: ${String((0,St.HK)(t,"colors.consumption.lead.inverted.background"))}; 243 `} 244 245 ${({hasTopMargin:e})=>e&&Et.AH` 246 ${(0,St.H4)(Lt.LO.lg)} { 247 margin-top: -8%; 248 } 249 `} 250 251 ${({overlayType:e})=>"gradient"===e?Et.AH` 252 &:after { 253 background: linear-gradient(to top, rgb(0, 0, 0) 0, transparent 65%); 254 content: ''; 255 height: 100%; 256 left: 0; 257 position: absolute; 258 top: 0; 259 width: 100%; 260 } 261 `:"solid"===e?Et.AH` 262 &:after { 263 background-color: rgba( 264 ${String((0,St.HK)("colors.interactive.base.black",{rgbOnly:!0}))}, 265 0.35 266 ); 267 content: ''; 268 height: 100%; 269 left: 0; 270 position: absolute; 271 top: 0; 272 width: 100%; 273 } 274 `:""} 275 276 .lead-asset__content__photo, 277 ${on.zw} ${nn.BF} { 278 ${(0,St.H4)(Lt.LO.md)} { 279 max-height: none; 280 } 281 } 282 283 ${on.zw}, 284 ${nn.BF} { 285 width: 100%; 286 } 287`,xn=Et.Ay.div.withConfig({displayName:"CustomErrorHedDekGrid"})` 288 ${(0,Nt.VO)()} 289 display: grid; 290 grid-column: 1; 291 grid-row: 1; 292 grid-template-columns: repeat(4, 1fr); 293 column-gap: var(--grid-gap); 294 z-index: 1; 295 width: 100%; 296 row-gap: var(--grid-gap); 297 ${({isInverted:e,theme:t})=>e&&Et.AH` 298 background: ${String((0,St.HK)(t,"colors.consumption.lead.inverted.background"))}; 299 `} 300 301 ${(0,Nt.aU)("padding")} 302 ${({headerPosition:e})=>"center"===e?Et.AH` 303 place-items: center center; 304 `:Et.AH` 305 place-items: start center; 306 `} 307 308 ${(0,St.H4)(Lt.LO.md)} { 309 grid-template-columns: repeat(12, 1fr); 310 } 311`,En=Et.Ay.div.withConfig({displayName:"CustomDeviceHedDekBlock"})` 312 grid-column: 1 / -1; 313 text-align: center; 314 @media (min-width: ${Lt.LO.lg}) { 315 ${({isDirectoryBundle:e})=>e?Et.AH` 316 grid-column: 4 / 10; 317 `:Et.AH` 318 grid-column: 1 / -1; 319 `} 320 ${({showHeaderOnTop:e,showHeaderOnBottom:t})=>(e||t)&&Et.AH` 321 grid-column: 3 / -3; 322 `} 323 } 324`,Sn=(0,Et.Ay)(en.vm).withConfig({displayName:"CustomErrorHed"}).attrs({as:"h1",colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.consumptionEditorial.body-core"})` 325 margin-top: ${(0,St.Kq)(14)}; 326 margin-bottom: ${(0,St.Kq)(4)}; 327 ${({theme:e,shouldDecorateHeader:t})=>t?Et.AH` 328 text-decoration: underline; 329 text-decoration-color: ${String((0,St.HK)(e,"colors.discovery.lead.primary.accent"))}; 330 `:Et.AH` 331 text-decoration: none; 332 `}; 333 ${({theme:e})=>String((0,St.Gg)(e,"typography.definitions.consumptionEditorial.display-small"))}; 334 335 @media (max-width: ${Lt.LO.lg}) { 336 margin-top: ${(0,St.Kq)(6.2)}; 337 } 338`,Ln=(0,Et.Ay)(en.vm).withConfig({displayName:"CustomDeviceDekText"})` 339 ${({isDestinationBundle:e,shouldOverrideDirectoryBundle:t,theme:n})=>e||t?(0,St.Gg)(n,"typography.definitions.consumptionEditorial.description-core"):(0,St.Gg)(n,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 340 ${({shouldOverrideDirectoryBundle:e,isDirectoryBundle:t,theme:n})=>!e&&(t?(0,St.Gg)(n,"typography.definitions.consumptionEditorial.subhed-break-secondary"):(0,St.Gg)(n,"typography.definitions.consumptionEditorial.subhed-aux-secondary"))}; 341 342 margin-top: 0; 343 color: ${({isDestinationBundle:e,theme:t})=>e?(0,St.HK)(t,"colors.discovery.body.black.description"):(0,St.HK)(t,"colors.discovery.body.white.description")}; 344 345 ${({shouldOverrideDirectoryBundle:e,theme:t})=>e&&String((0,St._o)(t,"color","colors.consumption.body.inverted.body-deemphasized"))} 346`,Tn=(0,Et.Ay)(kt.A).withConfig({displayName:"AppRedirectButton"})` 347 margin-bottom: ${(0,St.Kq)(3)}; 348 bottom: ${`-${parseFloat((0,St.Kq)(7))}rem`}; 349`,Nn=e=>{const{appStoreRedirectUri:t=null,desktopBannerImg404:n=null,mobileBannerImg404:i=null,dangerousDek:a,dangerousHed:r,appContextLandingTemplateContent:s,buttonLabel:l=null}=e,[d,c]=o.useState(""),[m,u]=o.useState(null);o.useEffect(()=>{!(0,Qt.Zm)()&&t?(c((e=>{const{appleStoreAppUri:t,playStoreAppUri:n}=e||{},o=(0,Qt.ox)();return o&&t?t:!o&&n?n:""})(t)),u(i)):(c(""),u(n))},[t,i,n]);if(s)return o.createElement(Cn,{appContextLandingTemplate:s});const p=o.createElement(xn,{isInverted:!1},o.createElement(En,{showHeaderOnTop:!0,isInverted:!1},r&&o.createElement(Sn,{shouldDecorateHeader:!1,shouldOverrideTypeToken:!0,dangerouslySetInnerHTML:{__html:r}}
349),a&&o.createElement(Ln,{isDestinationBundle:!1,isDirectoryBundle:!1,dangerouslySetInnerHTML:{__html:(0,Qt.Zm)()?a:"Discover the latest posts from your favorite contributors, shop like a <i>Vogue</i> editor and connect with fashion enthusiastsâall in <br>the <i>Vogue </i>app."},showHeaderOnTop:!0,isInverted:!1,shouldAddBottomSpacing:!1}),d&&o.createElement(Tn,{inputKind:"link",onClickHandler:()=>(()=>{const e={type:"click",label:l,subject:"custom_device_error_content",placement:"middle"};(0,_e.kg)(e),window.open(d,"_self")})(),key:"app-store-redirect",dataAttrs:{"data-test-id":"app-store-redirect-button"},label:l,shouldUseFullWidth:!0})));return o.createElement(o.Fragment,null,p,o.createElement(kn,{"data-testid":"CustomError",isFullBleedForXXXL:!0,isInverted:!1},m&&o.createElement(An,{lede:m,hasTopMargin:!1})))};const Hn=class extends Me{constructor(){super(...arguments),this.name="custom-device-error-content-plugin"}boot(){this.pluginSystem.registerComponent({name:"CustomDeviceErrorContent",component:Nn,type:qe.Error,dataProcessor:{fetchers:["AppContextLandingTemplateFetcher"],transformer:"ErrorContentTransformer"}})}},In=(0,Et.Ay)(en.c7).withConfig({displayName:"FallbackWrapper"})` 350 display: flex; 351 justify-content: center; 352 border-bottom: 0.5px dotted; 353 padding: 0.5rem; 354`,Bn=({message:e,className:t})=>{const n=e||"Plugin component is not configured";return o.createElement(In,{className:t},o.createElement(en.vm,null,n))};const On=class extends Me{constructor(){super(...arguments),this.name="fallback-plugin"}boot(){this.pluginSystem.registerComponent({name:"fallback",component:Bn,type:qe.Fallback})}};var Kn=n(91706);const Dn=class extends Me{constructor(){super(...arguments),this.name="most-recent-content-plugin"}boot(){this.pluginSystem.registerComponent({name:"MostRecentContent",component:Kn.A,type:qe.Recommendation,dataProcessor:{fetchers:["MostRecentContentFetcher"],transformer:"MostRecentContentTransformer"}})}};var _n=n(10281);const Pn=class extends Me{constructor(){super(...arguments),this.name="recirc-list-plugin"}boot(){this.pluginSystem.registerComponent({name:"RecircList",component:_n.A,type:qe.Recommendation,dataProcessor:{fetchers:["RecircListFetcher"],transformer:"RecircListTransformer"}})}};var Rn=n(40681);const qn=class extends Me{constructor(){super(...arguments),this.name="recirc-most-popular-plugin"}boot(){this.pluginSystem.registerComponent({name:"RecircMostPopular",component:Rn.A,type:qe.Recommendation,dataProcessor:{fetchers:["GetMostPopularContentFetcher"],transformer:"MostPopularContentTransformer"}})}};var Mn=n(91668);const Fn=(0,Et.Ay)(Ge.A).withConfig({displayName:"BasePageSiteFooterRow"})` 355 background-color: ${(0,St.HK)("colors.foundation.footer.bg")}; 356 357 ${({noFooterMargin:e})=>e&&"margin-top: 0;"} 358 359 ${({hasMargins:e,noFooterMargin:t})=>e&&!t&&`margin-top: ${(0,St.Kq)(6)};`} 360`,Un=(0,Et.Ay)(ht.A.WithMargins).withConfig({displayName:"BasePageSiteFooterRowGrid"})` 361 ${Bt.E} { 362 grid-column: 1 / -1; 363 } 364`,Vn=({hasFooterMargins:e=!0,fullPageTheme:t="standard"})=>o.createElement(Fn,{hasMargins:e,noFooterMargin:"inverted"===t},o.createElement(Un,null,o.createElement(Mn.A,null)));const Gn=class extends Me{constructor(){super(...arguments),this.name="site-footer-plugin"}boot(){this.pluginSystem.registerComponent({name:"SiteFooter",component:Vn,type:qe.Footer})}};var Wn=n(40307);const jn=class extends Me{constructor(){super(...arguments),this.name="stacked-navigation-plugin"}boot(){this.pluginSystem.registerComponent({name:"StackedNavigation",component:Wn.A,type:qe.Navigation,dataProcessor:{fetchers:[],transformer:"StackedNavigationTransformer"}})}};var zn=n(11025);const Yn=nt.qk,Xn=({children:e,chunks:t,...n})=>{const{"data-testid":i,stylesConfig:a}=n;return o.createElement(Yn,{"data-testid":i,stylesConfig:a},o.createElement(zn.A,null,e))};const Zn=class extends Me{constructor(){super(...arguments),this.name="sticky-rail-plugin"}boot(){this.pluginSystem.registerComponent({name:"StickyRail",component:Xn,type:qe.RailWrapper})}};var Jn=n(6337),Qn=n(29752);const eo=e=>!!e?.items?.length,to=(e,t)=>(t&&t[0])===e,no=Qn.A,oo=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i}=t,{hasNoTopBottomMarginOnMobile:a,hasNoBottomMargin:r,hasConsistentSpacing:s,shouldEnableBundleComponentAnalytics:l}=n;return eo(e)?o.createElement(Jn.A,{dataJourneyHook:i,hasNoBottomMargin:r,hasNoTopBottomMarginOnMobile:a,hasConsistentSpacing:s},o.createElement(no,{...e,shouldEnableBundleComponentAnalytics:l,enableRecircTrackingUrls:t.bundleProps?.featureFlags?.enableRecircTrackingUrls,hasNoTopBottomMarginOnMobile:a,href:"/video",inputKind:"link"})):null};const io=class extends Me{constructor(){super(...arguments),this.name="summary-carousel-plugin"}boot(){this.pluginSystem.registerComponent({name:"SummaryCarousel",component:oo,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}},ao=()=>o.createElement(st.Rv,null);const ro=class extends Me{constructor(){super(...arguments),this.name="ticker-plugin"}boot(){this.pluginSystem.registerComponent({name:"Ticker",component:ao,type:qe.ConsumerMarketingUnit})}};var so=n(22043);const lo=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i}=t,{hasMarginTopMultiPackageRow:a,hasMediumMargin:r,hasNoBottomMargin:s,hasNoTopBottomMarginOnMobile:l}=n;return o.createElement(Jn.A,{className:"verso-bundle-cne-embed",dataJourneyHook:i,hasMarginTopMultiPackageRow:a,hasMediumMargin:r,hasNoBottomMargin:e.isSpecialTheme&&s,hasNoTopBottomMarginOnMobile:l},o.createElement(so.A,{...e,shouldHaveTeaser:!0}))};const co=class extends Me{constructor(){super(...arguments),this.name="verso-cne-video"}boot(){this.pluginSystem.registerComponent({name:"VersoCNEVideo",component:lo,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var mo=n(97737);const uo=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i,isInvertedTheme:a}=t,{hasMarginTopMultiPackageRow:r,hasMediumMargin:s,shouldShowAdsInMultiPackageBody:l,shouldUseGridForEmbed:d,shouldUseJumpLinksSectionStyleForEmbed:c=!1}=n;return o.createElement(Jn.A,{className:"verso-embed-row",dataJourneyHook:i,hasMarginTopMultiPackageRow:r,hasMediumMargin:s,isInvertedTheme:a},(0,mo.XB)(e,{shouldShowAdsInMultiPackageBody:l,shouldUseGridForEmbed:d,shouldUseJumpLinksSectionStyleForEmbed:c}))};const po=class extends Me{constructor(){super(...arguments),this.name="verso-embed-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoEmbed",component:uo,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var go=n(57926);const ho=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i,minimalSpacingConfig:a,bundleProps:r}=t,{hasReducedMargin:s,lowestHierarchy:l,hasNoTopBottomMarginOnMobile:d,shouldPreferCollectionGrid:c,hasVersoFeaturesIncreasedVerticalPaddingTop:m,hasMarginBottomMultiPackageRow:u,hasMarginTopMultiPackageRow:p,hasVersoFeaturesIncreasedVerticalPadding:g}=n,{hasVersoFeaturesReducedMargin:h,shouldUseCustomMargin:y}=a;return eo(e)?o.createElement(Jn.A,{dataJourneyHook:i,hasNoBottomMargin:!0,hasNoTopMargin:!!h,hasMarginBottomMultiPackageRow:u,hasMarginTopMultiPackageRow:p,hasNoTopBottomMarginOnMobile:d},o.createElement(go.A,{container:e,hasIncreasedVerticalPadding:g,hasIncreasedVerticalPaddingTop:m,hasMinimalVerticalSpacing:h,lowestHierarchy:r.bundle.isDestinationBundle?l:"",shouldPreferCollectionGrid:c,shouldUseAdInCollectionGrid:r.featureFlags.shouldUseAdInCollectionGrid,isDestinationBundle:r.bundle.isDestinationBundle,hasNoTopBottomMarginOnMobile:d,hasReducedMargin:s,shouldUseCustomMargin:y})):null};const yo=class extends Me{constructor(){super(...arguments),this.name="verso-feature-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoFeatures",component:ho,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}},bo=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i,minimalSpacingConfig:a,bundleProps:r}=t,{hasReducedMargin:s,lowestHierarchy:l,hasNoTopBottomMarginOnMobile:d,shouldPreferCollectionGrid:c,hasVersoFeaturesIncreasedVerticalPaddingTop:m,hasMarginBottomMultiPackageRow:u,hasMarginTopMultiPackageRow:p,hasVersoFeaturesIncreasedVerticalPadding:g}=n,{hasVersoFeaturesReducedMargin:h,shouldUseCustomMargin:y}=a;return eo(e)?o.createElement(Jn.A,{dataJourneyHook:i,hasNoBottomMargin:!0,hasNoTopMargin:!!h,hasMarginBottomMultiPackageRow:u,hasMarginTopMultiPackageRow:p,hasNoTopBottomMarginOnMobile:d},o.createElement(go.A,{container:e,hasIncreasedVerticalPadding:g,hasIncreasedVerticalPaddingTop:m,hasMinimalVerticalSpacing:h,lowestHierarchy:r.bundle.isDestinationBundle?l:"",shouldPreferCollectionGrid:c,shouldUseAdInCollectionGrid:r.featureFlags.shouldUseAdInCollectionGrid,isDestinationBundle:r.bundle.isDestinationBundle,summaryCollageVariation:"RowsWithDekAndItemsBelow",hasNoTopBottomMarginOnMobile:d,hasReducedMargin:s,shouldUseCustomMargin:y})):null};const fo=class extends Me{constructor(){super(...arguments),this.name="verso-features-rows-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoFeaturesRows",component:bo,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var wo=n(60156);const $o=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i,hasConsistentSpacing:a,minimalSpacingConfig:r,bundleProps:s}=t,{hasCarouselSliderPagination:l,hasPlpFilterableContainerBackgroun
364dColor:d,ProductListingCarouselContainersData:c}=n,{hasNoBottomMargin:m,hasNoTopMargin:u}=r,p=s.config?.account?.bookmark,g=p?.enableCardLevelBookmark||!1,h=s.config?.commenting?.enableCommentsCount;return o.createElement(Jn.A,{dataJourneyHook:i,className:Xe()({"homepage__plp-filterable-row":d&&!e?.isGrid}),hasNoTopMargin:!!u,hasNoBottomMargin:!!m,hasIncreasedVerticalPadding:!0,hasConsistentSpacing:a},o.createElement(wo.A,{...e,hasCarouselSliderPagination:l,isFirstProductListingContainer:to(e,c)&&!s.bundle.hasDefaultAffiliateDisclaimer,affiliateDisclaimer:s.bundle.affiliateDisclaimer,showDisclaimer:s.bundle.showDisclaimer,shouldEnableBookmarkDrawers:s.featureFlags.enableBookmarkDrawers,shouldEnableCardLevelBookmark:g,shouldEnableCommentsCount:h}))};const vo=class extends Me{constructor(){super(...arguments),this.name="verso-filterable-summary-list-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoFilterableSummaryList",component:$o,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var Co=n(58447);const ko=({container:e,multiPackageValues:t})=>{const{additionalProps:n}=t,{hasMarginBottomMultiPackageRow:i,hasMarginTopMultiPackageRow:a}=n;return eo(e)?o.createElement(Jn.A,{className:"verso-best-stories-package",hasMarginBottomMultiPackageRow:i,hasMarginTopMultiPackageRow:a},o.createElement(Co.A,{...e})):null};const Ao=class extends Me{constructor(){super(...arguments),this.name="verso-hero-curated-feature"}boot(){this.pluginSystem.registerComponent({name:"VersoHeroCuratedFeature",component:ko,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var xo=n(72147);const Eo=({container:e,multiPackageValues:t,componentConfigOverride:n,shouldUseSmartItem:i})=>{const{additionalProps:a,dataJourneyHook:r,minimalSpacingConfig:s}=t,{hasRelatedContainerBackgroundColor:l,hasMarginBottomMultiPackageRow:d,hasMarginTopMultiPackageRow:c,nativeTrendingPosition:m}=a,{hasMediumMargin:u,hasNoBottomMargin:p}=s;return eo(e)?o.createElement(Jn.A,{dataJourneyHook:r,className:Xe()({"homepage__related-row":l,"summary-collection-row":!0}),hasMarginBottomMultiPackageRow:d,hasMarginTopMultiPackageRow:c,hasNoBottomMargin:p,hasMediumMargin:u},o.createElement(xo.A,{...e,hasBackgroundColor:l,nativeTrendingPosition:m,shouldTrackSnowplowRecircEvent:!0,componentConfigOverride:n,shouldUseSmartItem:i})):null};const So=class extends Me{constructor(){super(...arguments),this.name="verso-related-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoRelated",component:Eo,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var Lo=n(56857),To=n(89085);const No=Et.Ay.div.withConfig({displayName:"SubTopicDiscoveryWrapper"})` 365 ${(0,To.VG)(!0)} 366 ${(0,Nt.aU)("padding")} 367 368 margin: 0 auto; 369 width: 100%; 370 max-width: ${Lt.LO.xxl}; 371 372 ${(0,St.H4)(Lt.LO.lg)} { 373 padding-right: var(--grid-margin); 374 padding-left: var(--grid-margin); 375 } 376`,Ho=({container:e,multiPackageValues:t})=>{const{additionalProps:n,dataJourneyHook:i}=t,{hasMarginBottomMultiPackageRow:a,hasMarginTopMultiPackageRow:r}=n;return eo(e)?o.createElement(Jn.A,{className:"verso-subtopic-discovery-row",hasMarginBottomMultiPackageRow:a,hasMarginTopMultiPackageRow:r,dataJourneyHook:i},o.createElement(No,null,o.createElement(Lo.A,{...e}))):null};const Io=class extends Me{constructor(){super(...arguments),this.name="verso-subtopics-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoSubtopics",component:Ho,type:qe.Container,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var Bo=n(13465),Oo=n(67275);const Ko=({children:e,className:t,hasEvenSpacingMultiPackageRow:n,hasMarginBottomMultiPackageRow:i,hasMarginTopMultiPackageRow:a,hasNoTopBottomMarginOnMobile:r,multiPackageCustomClassName:s,shouldAddHjIgnoreAttribute:l})=>(o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(qt.G.RENDER,{name:"MultiPackages"})},[]),o.createElement(Oo.Lz,{customClass:s,className:Xe()("multi-packages"+(s?` ${s}`:""),t),hasNoTopBottomMarginOnMobile:r,hasMarginBottomMultiPackageRow:i,hasMarginTopMultiPackageRow:a,hasEvenSpacingMultiPackageRow:n,"data-hj-ignore-attributes":l?"":null},e));Ko.displayName="DynamicMultiPackages",Ko.propTypes={children:wt().node,className:wt().str
376ing,hasEvenSpacingMultiPackageRow:wt().bool,hasMarginBottomMultiPackageRow:wt().bool,hasMarginTopMultiPackageRow:wt().bool,hasNoTopBottomMarginOnMobile:wt().bool,multiPackageCustomClassName:wt().string,shouldAddHjIgnoreAttribute:wt().bool};const Do=Ko,_o=(0,Bo.y)(Do,"MultiPackages");const Po=class extends Me{constructor(){super(...arguments),this.name="multi-package-wrapper-plugin"}boot(){this.pluginSystem.registerComponent({name:"MultiPackageWrapper",component:_o,type:qe.MultiPackagesWrapper,dataProcessor:{fetchers:[],transformer:"MultiPackageTransformer"}})}},Ro=`\n ${(0,Nt.VO)()}\n ${(0,Nt.aU)("padding")}\n\n margin: 0 auto;\n width: 100%;\n max-width: ${Lt.LO.xxl};\n`,qo=Et.Ay.div.withConfig({displayName:"TickerWrapper"})` 377 ${({isInvertedTheme:e})=>e?`\n ${(0,Nt.VO)()}\n ${(0,Nt.aU)("padding",!0)}`:`${Ro}`} 378`,Mo=({container:e,multiPackageValues:t})=>{const{additionalProps:n,minimalSpacingConfig:i,bundleProps:a}=t;return o.createElement("div",{className:Xe()("ticker-view",{"ticker-view--has-special-theme":n.hasTickerSpecialTheme})},o.createElement(qo,null,o.createElement(rt.A,{position:"cm-ticker"})),(0,mo.Uz)(1,a.bundle.isInvertedTheme,e,i))};const Fo=class extends Me{constructor(){super(...arguments),this.name="verso-ticker-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoTicker",component:Mo,type:qe.ConsumerMarketingUnit,dataProcessor:{fetchers:["GetBundleFetcher","GetRelatedFetcher"],transformer:"SharedBundleContainerTransformer"}})}};var Uo=n(74200),Vo=n(41338),Go=n(94631);const Wo=e=>{o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(qt.G.RENDER,{name:"DynamicHomePage"})},[]);const{attributes:t,backgroundColorSettingForNewsletter:n,bundleProps:i,className:a,isPaddingRequired:r,dispatch:s,hasBackground:l=!1,hasFullBleedBackground:d=!1,hideErrorTextPadding:c=!1,isNewsletterDisclaimerCenterAligned:m=!1,fullPageTheme:u="standard",navigation:{hasChannelNavigation:p},shouldHidePadding:g,shouldHidePaddingBottom:h=!1,shouldShowFooterAdPadding:y=!1,shouldOverrideColorToken:b=!1,hasTopStory:f=!1,hasEvenSpacing:w=!1,shouldHideAds:$=!1,children:v,featureFlags:C,hasVersoFeaturesReducedMargin:k,tickerMarginTopType:A,hasReducedMargin:x,hasConsistentSpacing:E}=e,{isSponsored:S,seoHiddenHeader:L,sponsoredContentHeaderProps:T={}}=i??{};let N=a;if(N=r&&N?N.replace("ad--mid-content","ad--mid-content-with-padding"):a,C.excludedParams&&"undefined"!=typeof URLSearchParams){const e=new URLSearchParams(window.location.search);C.excludedParams.forEach(t=>e.delete(t));const t=""!==e.toString()?`${window.location.pathname}?${e.toString()}`:window.location.pathname;window.history.replaceState({},document.title,t)}return s({type:"SET_KEY",key:"isHomepage",value:!0}),o.createElement(Go.N0,{...t,className:Xe()("homepage",N,u),additionalNavigation:p?o.createElement(Uo.A,null):null,fullPageTheme:u,hasBackground:l,hasFullBleedBackground:d,hideHeader:p||f,hideErrorTextPadding:c,isNewsletterDisclaimerCenterAligned:m,shouldHidePadding:g||f,shouldOverrideColorToken:b,backgroundColorSettingForNewsletter:n,shouldHidePaddingBottom:h,shouldShowFooterAdPadding:y,isHeroAdVisible:!f,hasEvenSpacing:w,shouldHideAds:$,shouldScrollToTopStory:f},S&&o.createElement(Vo.A,{...T,className:"light-theme"}),L&&o.createElement(Go.WV,null,L),o.createElement(_o,{hasVersoFeaturesReducedMargin:k,tickerMarginTopType:A,hasReducedMargin:x,hasEvenSpacingMultiPackageRow:w,hasConsistentSpacing:E,bundleProps:e},v))};Wo.propTypes={attributes:wt().object,backgroundColorSettingForNewsletter:wt().string,bundleProps:wt().shape({isSponsored:wt().bool,seoHiddenHeader:wt().string,sponsoredContentHeaderProps:wt().object}),bundleTitle:wt().string,channelFilter:wt().string,channelItems:wt().shape({list:wt().array,searchUrl:wt().string}),channelItemsTotal:wt().number,children:wt().node,className:wt().string,dangerousBundleDek:wt().string,dispatch:wt().func,featureFlags:wt().object,featureValue:wt().object,fullPageTheme:wt().oneOf(["standard","inverted"]),hasBackground:wt().bool,hasConsistentSpacing:wt().bool,hasDisclaimerBackground:wt().bool,hasDisclaimerBorderBottom:wt().bool,hasEvenSpacing:wt().bool,hasFullBleedBackgroun
378d:wt().bool,hasReducedMargin:wt().bool,hasTopStory:wt().bool,hasVersoFeaturesReducedMargin:wt().bool,headerIcon:wt().object,hideErrorTextPadding:wt().bool,isNewsletterDisclaimerCenterAligned:wt().bool,isPaddingRequired:wt().bool,lede:wt().object,navigation:wt().shape({subchannelLinks:wt().arrayOf(wt().object),hasChannelNavigation:wt().bool}).isRequired,newsletter:wt().object,shouldCenterBundleBodyContent:wt().bool,shouldHideAds:wt().bool,shouldHidePadding:wt().bool,shouldHidePaddingBottom:wt().bool,shouldOverrideColorToken:wt().bool,shouldShowChannelFilter:wt().bool,shouldShowFooterAdPadding:wt().bool,shouldUseBundleHeader:wt().bool,shouldUseSectionTitle:wt().bool,showBundleBody:wt().bool,showSearchFilter:wt().bool,showSubChannelHed:wt().bool,spacingAboveAd:wt().number,tickerMarginTopType:wt().oneOf(["small","none","large"])},Wo.displayName="DynamicHomePage";const jo=(0,b.M3)(Wo,{keysToPluck:["channelFilter","channelItems","channelItemsTotal","featureFlags","navigation","newsletter","hasTopStory"]}),zo=(0,Bo.y)(jo,"HomePage"),Yo=({children:e,className:t,multiPackageValues:n})=>{const{bundleProps:i}=n;return o.createElement(zo,{bundleProps:{isSponsored:i.bundle.isSponsored,seoHiddenHeader:i.bundle.seoHiddenHeader,sponsoredContentHeaderProps:i.bundle.sponsoredContentHeaderProps},className:t},e)};const Xo=class extends Me{constructor(){super(...arguments),this.name="home-page-wrapper-plugin"}boot(){this.pluginSystem.registerComponent({name:"HomePageWrapper",component:Yo,type:qe.PageWrapper,dataProcessor:{fetchers:[],transformer:"HomePageTransformer"}})}},Zo=()=>o.createElement(Ze.Z,{group:"ads"},o.createElement(Ht.UU,{position:"out-of-page"}),o.createElement(Ht.UU,{position:"outstream"}),o.createElement(Ht.UU,{position:"overlay"}));const Jo=class extends Me{constructor(){super(...arguments),this.name="base-ad-plugin"}boot(){this.pluginSystem.registerComponent({name:"BaseAd",component:Zo,type:qe.Ad})}};var Qo=n(9527),ei=n(86936),ti=n(33735),ni=n(46511),oi=n(85152);const ii=({hasRiser:e})=>o.createElement(Qo.A,null,o.createElement(st.RJ,null),o.createElement(Ze.Z,{group:"paywall"},o.createElement(ti.A,null)),o.createElement(ni.A,null),o.createElement(ei.A,null),o.createElement(oi.A,null),e&&o.createElement(rt.A,{position:"cm-riser"}));const ai=class extends Me{constructor(){super(...arguments),this.name="persistent-bottom-paywall-plugin"}boot(){this.pluginSystem.registerComponent({name:"PersistentBottomPaywall",component:ii,type:qe.Paywall,dataProcessor:{fetchers:[],transformer:"FeatureFlagsTransformer"}})}};var ri=n(14935);const si=({showBookmark:e=!1})=>e?o.createElement(ri.A,null):null;const li=class extends Me{constructor(){super(...arguments),this.name="sign-in-modal-plugin"}boot(){this.pluginSystem.registerComponent({name:"SignInModal",component:si,type:qe.SignInModal,dataProcessor:{fetchers:["GetReviewFetcher","GetRelatedContentFetcher","GetMostPopularContentFetcher"],transformer:"SignInModalTransformer"}})}},di=({multiPackageValues:e})=>{const{additionalProps:t,dataJourneyHook:n,minimalSpacingConfig:i}=e,{hasMediumMargin:a,hasReducedMargin:r,hasNoTopBottomMarginOnMobile:s,hasConsistentSpacing:l}=i;return t.shouldHideAds?null:o.createElement(Jn.A,{dataJourneyHook:n,className:"homepage__native-ad",hasReducedMargin:r,hasMediumMargin:a,hasNoTopBottomMarginOnMobile:s,hasConsistentSpacing:l,isNativeAd:!0},o.createElement(Ze.Z,{group:"ads"},o.createElement(Ve.A,{position:"promo"})))};const ci=class extends Me{constructor(){super(...arguments),this.name="verso-native-ad-plugin"}boot(){this.pluginSystem.registerComponent({name:"VersoNativeAd",component:di,type:qe.Ad,dataProcessor:{fetchers:["GetBundleFetcher"],transformer:"VersoNativeTransformer"}})}};const mi=n(50483).A,ui=e=>o.createElement(mi,{...e});const pi=class extends Me{constructor(){super(...arguments),this.name="visual-story-plugin"}boot(){this.pluginSystem.registerComponent({name:"VisualStory",component:ui,type:qe.VisualStory,dataProcessor:{fetchers:["VisualStoryFetcher","MostRecentVisualStoryFetcher"],transformer:"VisualStoryTransformer"}})}},gi=[Ue,je,ze,Qe,tt,Jo,at,Jt,dt,pt,bt,Ut,Hn,On,Xo,Dn,Po,ai,Pn,qn,Gn,jn,Zn,io,ro,li,co,po,yo,fo,vo,Ao,ci,So,Io,Fo,pi],hi=new class{constructor(){this.pluginStore=new Pe,this.componentStore=new Re}registerPlugin(e){this.pluginStore.registerPlugin(new e(this))}getFallbackComponent(){return this.componentStore.getFallbackComponent()}registerComponent(e){this.componentStore.registerComponent(e)}getComponentDefinition(e){return this.componentStore.getComponentDefinition(e)}renderComponent(e,t,n){const{component:i,props:a}=this.componentStore.getComponentWithProps(e,t,n);return(0,o.createElement)(i,a)}getComponentWithProps(e,t,n){return this.componentStore.getComponentWithProps(e,t,n)}getAllComponents(){return this.componentStore.getAllComponents()}
378bootPlugins(){this.pluginStore.registeredPlugins.forEach(e=>{e.boot(),this.pluginStore.bootedPlugins.push(e)})}};gi.forEach(e=>{hi.registerPlugin(e)}),hi.bootPlugins();const yi=hi;class bi{constructor({templateConfig:e}){const{name:t="",layout:n={slots:[]}}=e;this.slots=n.slots,this.templateName=t.split(/\s/g).join("-"),this.pluginSystemInstance=yi}get slotList(){return this.slots}get pluginSystem(){return this.pluginSystemInstance}}var fi=n(57819),wi=n(7462),$i=n(55364),vi=n.n($i);var Ci=n(2404),ki=n.n(Ci),Ai=n(23805),xi=n.n(Ai),Ei=n(42072),Si=n.n(Ei),Li=n(84410);const Ti=(e,t)=>Array.isArray(e)?[...e]:xi()(e)?{...e}:(e=>"string"==typeof e&&/^\d+$/.test(e))(t)?[]:{},Ni=(e,t)=>xi()(e)&&xi()(t)?vi()(Array.isArray(e)?[]:{},e,t):t,Hi=(e,t,n,o,i)=>{if(o===n.length){const n=Ni(e,i);return ki()(e,n)?{changed:!1,state:e,patch:t}:{changed:!0,state:n,patch:Ni(t,i)}}const a=n[o];if("*"===a){if(!Array.isArray(e))return{changed:!1,state:e,patch:t};const a=e,r=Array.isArray(t)?t:void 0;let s=a,l=r,d=!1;for(let e=0;e<a.length;e++){const t=Hi(a[e],r?.[e],n,o+1,i);t.changed&&(d||(s=[...a],l=r?[...r]:[],d=!0),s[e]=t.state,l[e]=t.patch)}return d?{changed:!0,state:s,patch:l}:{changed:!1,state:a,patch:t}}const r=null!==e&&"object"==typeof e?e[a]:void 0,s=null!==t&&"object"==typeof t?t[a]:void 0,l=Hi(r,s,n,o+1,i);if(!l.changed)return{changed:!1,state:e,patch:t};const d=Ti(e,a),c=Ti(t,a);return d[a]=l.state,c[a]=l.patch,{changed:!0,state:d,patch:c}};var Ii,Bi,Oi=n(9170);!function(e){e.MERGE_KEY="MERGE_KEY"}(Ii||(Ii={})),function(e){e.EXPERIMENT_DATA="experimentData",e.COMPONENT_CONFIG="componentConfig"}(Bi||(Bi={}));var Ki,Di=n(64846),_i=n.n(Di),Pi=n(11331),Ri=n.n(Pi),qi=n(85015),Mi=n.n(qi),Fi=n(53836);!function(e){e.GROUPS_UPDATED="groups.updated"}(Ki||(Ki={}));class Ui extends Fi.J{constructor(){super(2)}}const Vi=e=>JSON.parse(e),Gi=e=>atob(e.replace(/-/g,"+").replace(/_/g,"/")),Wi=e=>Uint8Array.from(Gi(e),e=>e.charCodeAt(0));const ji=({token:e,publicKey:t,subtle:n=crypto.subtle})=>{if(!e)return Promise.reject(Error("Cannot verify a missing JWT token"));if(!t)return Promise.reject(Error("Cannot verify without a publicKey"));const[o,i,a]=e.split("."),r=`${o}.${i}`;return a?n.importKey("spki",Wi(t),{name:"RSASSA-PKCS1-v1_5",hash:"SHA-256"},!1,["verify"]).then(e=>{return n.verify("RSASSA-PKCS1-v1_5",e,Wi(a),(t=r,(new TextEncoder).encode(t)));var t}):Promise.reject(Error("Cannot verify an improperly formatted JWT token"))};const zi=["grouping-service"],Yi=[1,2],Xi=e=>void 0!==e,Zi=e=>_i()(e)?e<1e12?1e3*e:e:null,Ji={1:e=>Array.isArray(e)?e.map(e=>e?.id):[],2:e=>{if(!Ri()(e))return[];const t=Object.values(e);return t.every(Array.isArray),t.flatMap(e=>Array.isArray(e)?e:[])}},Qi=async(e={})=>{const{publicKey:t}=e;if(!t)return[];const n=(0,P.getCookie)("CN_groups");if(!n)return[];if(!await ji({token:n,publicKey:t}))return[];const o=await(({token:e})=>{if(!e)return null;const[t]=e.split(".");if(!t)return null;let n,o;try{n=Gi(t)}catch(e){return null}try{o=Vi(n)}catch(e){return null}return o})({token:n});if(!o)return[];const{alg:i,ver:a}=o;if(!i?.match(/^RS256$/i))return[];if(!Yi.includes(a))return[];const r=await(({token:e})=>{if(!e)return null;const[,t]=e.split(".");if(!t)return null;let n,o;try{n=Gi(t)}catch(e){return null}try{o=Vi(n)}catch(e){return null}return o})({token:n});if(!r||!(({exp:e,iss:t,iat:n}={})=>{const o=Zi(n),i=Zi(e);return!(!zi.includes(t)||!o||o>Date.now()+864e5||!i||i<=Date.now())})(r))return[];if(!r.groups)return[];if(ki()(e.cookie,r))return[];const s=(0,Ji[a])(r.groups),l=s.filter(Xi).filter(Mi());return l.length,s.length,e.cookie=r,e.ids=l,l};var ea=n(3624);class ta{constructor(e,t){this.assignments=[],this.cookies=Object.fromEntries(Object.keys(Li.Gy).map(e=>[e,(0,P.getCookie)(e)])),this.watchedCookies=new Set(Object.keys(this.cookies)),this.cookieSyncInProgress=!1,this.pendingCookieChanges=[],this.handleCookieChange=e=>{0!==e.changed.filter(({name:e})=>!!e&&this.watchedCookies.has(e)).length&&(this.pendingCookieChanges.push(...e.changed),this.cookieSyncInProgress||(this.cookieSyncInProgress=!0,this.drainPendingCookieChanges()))},this.config=e,this.store=t,this.localStorage=(0,ve.Y)(()=>window.localStorage)}destroy(){this.cancelWindowGrowthBookReadyWait?.(),this.cancelWindowGrowthBookReadyWait=void 0,cookieStore.removeEventListener("change",this.handleCookieChange)}getGbInstance(){return this.gb}isGrowthBookReady(){return!!this.gb?.ready}waitForWindowGrowthBookReady(){return this.isGrowthBookReady()?Promise.resolve(!0):new Promise(e=>{const t=window.setTimeout(()=>
378o(!1),6e4),n=()=>{document.removeEventListener("growthbookdata",i),window.clearTimeout(t),this.cancelWindowGrowthBookReadyWait=void 0},o=t=>{n(),e(t)},i=()=>{this.isGrowthBookReady()&&o(!0)};this.cancelWindowGrowthBookReadyWait=()=>o(!1),document.addEventListener("growthbookdata",i),i()})}getCookieAttributes(){return{amgUserPartner:(0,P.getCookie)(Li.On.AMG_USER_PARTNER),cnDebug:(0,P.getCookie)(Li.On.CN_DEBUG),userXid:(0,P.getCookie)(Li.On.CN_XID),segment:(0,P.getCookie)(Li.On.CN_SEGMENTS),countryCode:(0,P.getCookie)(Li.On.CN_GEO_COUNTRY_CODE)}}async getUserGroups(){const{userGroups:e={}}=this.store.getState();return Qi({...e})}canCreate(){return!(0,Oi.w)(window.navigator.userAgent)&&!!(this.config.growthbook.enableClient&&this.config.growthbook.apiHost&&this.config.growthbook.clientSdkKey)}async initialize(){if(void 0!==window._growthbook){this.gb=window._growthbook;return!!await this.waitForWindowGrowthBookReady()&&(await this.postInit(),!0)}if(!this.canCreate())return!1;(0,r.N9)("gb-react-start");const e=this.getCookieAttributes(),{amgUserPartner:t,cnDebug:n,userXid:o,segment:i,countryCode:a}=e,s=await this.getUserGroups(),{apiHost:l,clientSdkKey:d}=this.config.growthbook,{userAgent:c}=window.navigator,m=this.store.getState(),{user:u,coreDataLayer:p}=m,{section:g,contentType:h,hasBuyButtons:y,brandSlug:b}=p.content,f=new wi.LE({prefix:"gbStickyBuckets__"}),w=["tatler","woi"].includes(b)&&!!o;return w&&this.localStorageXidCleanUp("gbStickyBuckets__",o),!(!l||!d)&&(this.gb=new wi.NN({apiHost:l,clientKey:d,enableDevMode:"true"===n,stickyBucketService:w?f:void 0,attributes:{userAgent:c,id:o,url:window.location.href,height:window.innerHeight,width:window.innerWidth,isMobile:!(0,Qt.Zm)(),loggedIn:u.isAuthenticated||!1,segment:i,userGroups:s,section:g,contentType:h,hasBuyButtons:"true"===y,amgUserPartner:t,countryCode:a,brandSlug:b},trackingCallback:(e,t)=>{this.setupDataLayerExperiments(((e,t)=>({experiment_id:e.key,status:Li.mK.CLIENT_ASSIGNMENT,feature_id:t.featureId||"",variation:t.key,variation_name:t.name||"",payload:t.value}))(e,t)),(0,r.N9)("gb-react-tracking-end"),(0,r.I6)("gb-react-tracking-finish","gb-react-end","gb-react-tracking-end")}}),await this.gb.init({streaming:!1}),(0,r.N9)("gb-react-end"),(0,r.I6)("gb-react-ready","gb-react-start","gb-react-end"),await this.postInit(e,s),!0)}async drainPendingCookieChanges(){const e=this.pendingCookieChanges.splice(0,this.pendingCookieChanges.length);0!==e.length?(await this.refreshAttributesFromCookies(e),this.drainPendingCookieChanges()):this.cookieSyncInProgress=!1}async refreshAttributesFromCookies(e){const t={};let n=!1;(await Promise.all(e.map(async({name:e})=>{if(!e)return null;const t=Li.Gy[e],n=(0,P.getCookie)(e);if(!t||this.cookies[e]===n)return null;this.cookies[e]=n;return[t,e===Li.On.CN_GROUPS?await this.getUserGroups():n]}))).forEach(e=>{if(!e)return;const[o,i]=e;t[o]=i,n=!0}),n&&this.gb&&(this.gb.updateAttributes(t),this.runExperiments())}async syncCookieBackedAttributes(e=this.getCookieAttributes(),t){if(!this.gb)return;const{amgUserPartner:n,userXid:o,segment:i}=e,a=this.gb.getAttributes(),r={[Li.Gy[Li.On.AMG_USER_PARTNER]]:n,[Li.Gy[Li.On.CN_XID]]:o,[Li.Gy[Li.On.CN_SEGMENTS]]:i,[Li.Gy[Li.On.CN_GROUPS]]:t??await this.getUserGroups()},s={};for(const[e,t]of Object.entries(r))ki()(a[e],t)||(s[e]=t);Object.keys(s).length&&await this.gb.updateAttributes(s)}async postInit(e=this.getCookieAttributes(),t){this.cookies=Object.fromEntries(Object.keys(Li.Gy).map(e=>[e,(0,P.getCookie)(e)])),cookieStore.addEventListener("change",this.handleCookieChange),await this.syncCookieBackedAttributes(e,t)}updateComponentBeforeRendering(e){const t=this.store.getState()["head.pageType"]||"";if(n=e,Array.isArray(n.updates)&&n.updates.every(e=>"object"==typeof e&&"string"==typeof e.mergeKey&&"object"==typeof e.payload&&(void 0===e.pageType||Array.isArray(e.pageType))))for(const n of e.updates)n.pageType&&!n.pageType.includes(t)||this.dispatchExperimentUpdate(n.mergeKey,n.payload);else{const n=function(e,t){let n={};try{if(Array.isArray(e.updates)&&t)e.updates.forEach(e=>{e.pageType&&!e.pageType.includes(t)||(n=vi()({},n,{[e.mergeKey]:e.payload}))});else if(e.client&&t){const{client:o}=e;
378Object.keys(o).forEach(e=>{const i=`${t}PageContext`.toLowerCase();i&&i.includes(e.toLowerCase().replace("Context",""))&&(n=vi()({},n,o[e]))})}}catch(e){return n}return n}(e,t);Object.keys(n).length>0&&this.dispatchExperimentData(Bi.COMPONENT_CONFIG,n)}var n}dispatchExperimentUpdate(e,t){e in this.store.getState()||e===Bi.COMPONENT_CONFIG?this.dispatchExperimentData(e,t):this.dispatchExperimentData(Bi.COMPONENT_CONFIG,{[e]:t})}dispatchExperimentData(e,t){const n=((e,t={})=>{let n=t,o={};for(const[t,i]of Object.entries(e)){const e=Hi(n,o,Si()(t),0,i);e.changed&&(n=e.state,o=e.patch)}return o})(t,this.store.getState()[e]||{});0!==Object.keys(n).length&&this.store.dispatch({type:Ii.MERGE_KEY,key:e,value:n})}localStorageXidCleanUp(e,t){if(!t)return;const n=[];for(let o=0;o<this.localStorage.length;o++){const i=this.localStorage.key(o);i&&i.startsWith(e)&&!i.includes(t)&&n.push(i)}n.forEach(e=>this.localStorage.removeItem(e))}setupDataLayerExperiments(e){if(!Array.isArray(window.dataLayer)||"object"!=typeof window.dataLayer[0])return;if(window.dataLayer[0].experiments=function(e=[],t=[]){const n=[...t,...e],o=new Map;return n.forEach(e=>{const t=o.get(e.experiment_id);(!t||e.status===Li.mK.CLIENT_ASSIGNMENT&&t.status===Li.mK.EDGE_ASSIGNMENT)&&o.set(e.experiment_id,e)}),Array.from(o.values())}([e],window.dataLayer[0].experiments||[]),window.cns){const{experiments:e}=window.dataLayer[0],{pageContext:t}=window.cns;t.experiments=function(e){if(!e?.length)return{};const t=[],n=[],o=[];return e.forEach(e=>{const{variation_name:i,experiment_id:a,payload:r}=e;t.push(`${i}`),n.push(`${a}`),Array.isArray(r)?o.push(...r):r&&o.push(r)}),{bucketLabel:t,experimentLabel:n,payload:o}}(e)}const t=window.Kendra.GROWTHBOOK;t&&t.broadcast&&t.broadcast(ea.U.EXPERIMENTS_ASSIGNMENTS_PROCESSED)}updateComponentsWithAssignments(e){e.forEach(e=>{e.value&&"object"==typeof e.value&&this.updateComponentBeforeRendering(e.value)})}makeExperimentAssignments(e){const t=Object.keys(e),n=[];for(const e of t){const t=this.gb.evalFeature(e);"defaultValue"!==t.source&&n.push(t)}return n}runExperiments(){if(this.gb)try{this.processAdsExperimentsFromDataLayer();const e=this.gb.getFeatures(),t=this.makeExperimentAssignments(e);if(ki()(this.assignments,t))return;this.assignments=t,t.length>0&&this.updateComponentsWithAssignments(t)}catch(e){}}processAdsExperimentsFromDataLayer(){const e=window.cns?.pageContext.adsExperiments,t=Object.keys(e?.features||{});if(!(this.canCreate()&&e?.features&&0!==t.length&&Array.isArray(window.dataLayer)&&window.dataLayer[0]))return;(window.dataLayer[0].experiments||[]).filter(e=>t.includes(e.feature_id||"")).forEach(e=>{e.payload&&"object"==typeof e.payload&&this.updateComponentBeforeRendering(e.payload)})}}const na=({children:e,config:t,store:n})=>{const[i]=(0,o.useState)(()=>new ta(t,n)),[a,r]=(0,o.useState)();return(0,o.useEffect)(()=>((async()=>{await i.initialize()?(r(i.getGbInstance()),i.runExperiments()):i.destroy()})().catch(e=>{}),()=>{i.destroy()}),[i]),o.createElement(wi.iX,{growthbook:a},e)};var oa=n(70099),ia=n(3162);const{amgPartnerCookieName:aa,authCookieName:ra,authCompleteCookieName:sa,authTrackingCookieName:la,oidcCookies:{id:da}}=f.A,ca=(0,b.M3)(({children:e,scTheme:t})=>o.createElement(Oe.W,{theme:t},e),{keysToPluck:["scTheme"]}),ma={create(e){const t=e||Te;return class extends o.Component{constructor(e){super(e);const{componentConfig:t,config:n,renditions:o,transformed:i,featureFlags:a}=this.props;let{user:r}=i;if(!r?.isAuthResolved){const e=X.d.getDecodedAuthToken(),t=X.d.isTokenValid(e),n=X.d.getDecodedToken(da);r={amguuid:e.sub,email:n.email||"",hasUserAuthCheck:"",isAuthResolved:!1,isAuthenticated:t,xid:n.xid||""}}r?.geo||(r.geo={countryCode:""}),Number.isInteger(r?.bucketNumber)||(r.bucketNumber=100);const s=l()(i,"navigationSearch",!0),d=l()(i,"capabilityConfig",{name:"",layout:{slots:[]}});this.dynamicLayoutConfigInstance=new bi({templateConfig:d});const c={config:n,...i,hasSearch:s,renditions:o,componentConfig:t,featureFlags:a,user:r,expDataLayerUpdated:!1,interactiveElementsState:{accountLinkingPageAddressForm:{errors:[],isPending:!1,isSuccessful:!1},accountLinkingPageNumberForm:{errors:[],isPending:!1,isSuccessful:!1},redirect:{isRedirecting:!1}},pageState:{account:{linking:{shouldShowNumberForm:!0}},bookmarkStatus:{bookmarkId:null,isUrlBookmark:null}},onboarding:{bookmarks:{onboardingStep:"bookmarkAwareness"}}};this.store=(0,m.y$)((0,b.ro)(c),(0,u.Pq)({}))}async componentDidMount(){var e;we.D.initialize(this.store),window.journeyDataGateway=(e=this.store,{fetch:()=>L(e.getState(),S)}),window.dfpDataGateway=(e=>({fetch:()=>N(e.getState(),T)}))(this.store),window.paymentGateway=(e=>({configure:({groupsToRender:t}={})=>
378e.dispatch({type:"MERGE_KEY",key:"payment",value:{gateway:{groupsToRender:t}}})}))(this.store),window.paywallGateway=(e=>({truncateContent:({paragraphs:t,slides:n}={})=>e.dispatch({type:"MERGE_KEY",key:"paywall",value:{gateway:{shouldTruncate:!0,paragraphLimit:t,gallerySlideLimit:n}}})}))(this.store),this.initUserData();const{transformed:{boomerang:t},featureFlags:n}=this.props;(0,g.Be)(this.store.dispatch),(0,h.Vh)(this.store.dispatch),(0,y.f1)(this.store.dispatch);const o=this.store.getState()?.["ads.page"]?.server;var i;"production"!==o&&((e,t)=>{if("object"==typeof e){const n=t.getState().scTheme,o=((e,t)=>n=>{if("verso-bi-extension"===n.data.namespace){const{payload:o}=n.data;if("REVERT_THEME"===o.type){const n={type:"MERGE_KEY",key:"scTheme",value:t};e.dispatch(n)}o.key="scTheme",e.dispatch(o)}})(t,n);e.addEventListener("message",o,!1),e.versoThemerExtensionInitialized=!0}})(window,this.store),window.cnBus&&(window.cnBus.on("journey.client.state.update",this.journeyCallback.bind(this)),window.cnBus.emit("journey.ready")),fe.initialize(this.store),await(0,a.c)(),$.initialize(this.store),(i={...t})&&i.tags&&i.tags.brand&&(0,De.B3)(i),n.google?.swgEnabled&&O.initialize(this.store),z.initialize(this.store),n.enablePermutiveSegmentation&&Y.initialize(this.store)}async getPageBookmarkedStatus({isAuthenticated:e,amgUUID:t}){const{transformed:n,featureFlags:o}=this.props,i=n["head.pageType"],a={nativegallery:"gallery",nativearticle:"article"}[i]||i,r=l()(n,`${a}.showBookmark`)||l()(n,"venue.showBookmark")||!1,s=window.location.search.includes("action=addBookmark");if(e&&r&&!s){const{coreDataLayer:{content:{contentId:e},page:{canonical:i},site:{orgId:a}},userPlatform:{siteCode:r,userPlatformProxy:s,xClientID:l,federatedGraphqlUrl:d}}=n,c=o.shouldUseBookmarkV2||!1,m=(0,ia.A)(c),u=await m.getBookmarkStatus({amgUUID:t,copilotID:e,documentUrl:i,organizationID:a,siteCode:r,userPlatformProxy:s,xClientID:l,federatedGraphqlUrl:d});this.store.dispatch({type:"SET_KEY",key:"pageState.bookmarkStatus",value:{...u,isBookmarkLoading:!1}})}}journeyCallback({key:e="",value:t=""}={}){""!==e&&this.store.dispatch({type:"SET_KEY",key:e,value:t})}initUserData(){const e=l()(window,"cookie.get")||X.d.getDocumentCookie,{user:{isAuthResolved:t,isAuthenticated:n},martechPlatform:o}=this.store.getState(),{config:i}=this.props;let a="";if(!t){const e=X.d.getDecodedAuthToken();a=e.sub;const t=X.d.isTokenValid(e),n=(0,P.getCookieDomainFromHostname)();t||(0,P.deleteCookie)(ra,n);const r=X.d.getCookieValue(la),s=X.d.getDecodedToken(da);if(X.d.getCookieValue(sa)&&t&&(_.Uc.emitUniqueGoogleTrackingEvent("auth-complete"),i?.snowplow?.enableSnowplow)){const{featured:e="false",source:t="id.condenast.com"}=(0,p.TS)({searchParams:window.location.search}),n={type:"complete",subject:"login",platform:"Verso",source_type:t,...(0,$e.i3)("true"===e)};(0,_e.lV)(n)}(0,P.deleteCookie)(sa,n),this.store.dispatch({type:"MERGE_KEY",key:"user",value:{amguuid:e.sub,email:s.email||"",hasUserAuthCheck:r,isAuthResolved:!0,isAuthenticated:t,xid:s.xid||"",isEntitled:de(o)}}),this.getPageBookmarkedStatus({isAuthenticated:t,amgUUID:a})}this.store.dispatch({type:"MERGE_KEY",key:"user",value:{bucketNumber:Ie(e("CN_xid")),geo:{countryCode:e("CN_geo_country_code")||""}}});const r=function(e,t,n){if("string"!=typeof e)return"";const o=e.split(t)||[];if(o.length<n)return"";let i="";return o.forEach((e,o)=>{o<n&&(i+=`${e}${t}`)}),e.split(i)[1]||""}(e("_ga")||"",".",2);if(Array.isArray(window.dataLayer)&&"object"==typeof window.dataLayer[0]){const{scopedForm:t=""}=l()(this.props.transformed,"payment",{}),[o=""]=l()(this.store.getState()["ads.page"],"keywords.copilotid",[]),i=(0,d.parse)(window.location.search.toLowerCase())?.cndid||"",s={account:{amgUserId:a||e(aa)||"",loginStatus:n},gaClientId:r,contentVisits:Le(o),xId:e("CN_xid")||"",mdwId:i,monthlyVisits:Se(),paymentMethod:t,sparrowSessionId:e("sID")||"",sparrowUserId:e("CN_sp")||"",...(0,_e.Mm)()},c=window.dataLayer[0];window.dataLayer[0]={...c,user:s},window.Kendra.USER_CONTEXT.broadcast(oa.Y.UPDATED,s)}}render(){const{locale:e,transformed:n}=this.props,i=l()(n,"translations",{});return o.createElement(Be.C,{locale:e,translations:i},o.createElement(Ke.as,{isEnabled:n.consentEnabled},o.createElement(c.Kq,{store:this.store},o.createElement(na,{config:this.props.config,store:this.store},o.createElement(ca,null,o.createElement(fi.h,{instance:this.dynamicLayoutConfigInstance},o.createElement("div",{ref:()=>{(0,r.N9)("react-hydrate-end"),(0,r.I6)("react-hydrate","react-hydrate-start","react-hydrate-end")}},o.createElement(t,null))))))))}}}};var ua,pa=n(60824),ga=n(7883),ha=n(92704),ya=n(16092),ba=n(79694);!function(e){e.JOURNEY_UNIT_RENDER_BEGIN="journey.unit.render.begin",e.JOURNEY_UNIT_RENDER_END="journey.unit.render.end",e.JOURNEY_UNIT_EMPTY_BEGIN="journey.unit.empty.begin",e.JOURNEY_UNIT_EMPTY_END="journey.unit.empty.end",e.JOURNEY_COMPONENT_APPEARS_NAV_ROLLOVER="journey.component.appears.NavRollover",e.JOURNEY_CLIENT_ERROR="journey.client.error",e.JOURNEY_READY="journey.ready",e.JOURNEY_CLIENT_STATE_UPDATE="journey.client.state.update"}(ua||(ua={}));class fa extends Fi.J{constructor(){super(50)}}var wa=n(59867),$a=n(56475);const va=()=>{Object.defineProperty(window,"Kendra",{value:window.Kendra,writable:!1,
378configurable:!1})};async function Ca(e){(()=>{const e=window.Kendra;e.register("ADS",new pa.V),e.register("BOT_SIGNALS",new ga.R),e.register("CONSENT",new ha.N),e.register("GROWTHBOOK",new ea.N),e.register("HYDRATION",new ya.N),e.register("IDENTITY_MAPPER",new ba.i),e.register("JOURNEY",new fa),e.register("TRACK_COMPONENT",new qt.J),e.register("USER_CONTEXT",new oa.R),e.register("USER_GROUP",new Ui),e.register("WINDOW_EVENT",new wa.j),e.register("XID",new $a.Q),va()})();const t=o.createElement(ma.create(e),window.__PRELOADED_STATE__),n=document.getElementById("app-root");await(0,a.a)(),(0,r.N9)("react-hydrate-start"),(0,i.c)(n,t)}},58447(e,t,n){n.d(t,{A:()=>u});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(25433),l=n(90447),d=n(53499);const c=({configuredComponentRef:e,dangerousDek:t="",dangerousHed:n="Todays's Pick",items:o=[],dangerousCategoryTitle:i="Most Recent",shouldEnableBundleComponentAnalytics:a=!1,shouldEnableBookmarkDrawers:c=!1,shouldEnableCardLevelBookmark:m=!1,shouldEnableCommentsCount:u=!1,enableBestStoriesStyling:p=!0})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"BestStories"})},[]);const g=o.slice(0,3),h=o.slice(3,8);return 12===o.length?r.createElement("div",{ref:e},r.createElement(l.A,{dangerousHed:n,dangerousDek:t,enableBestStoriesStyling:p,items:o,rightColumnFeature:{header:"",itemIndex:0,hideOnMobile:!1,overrideFeaturedLinks:!1},shouldTrackSnowplowEvent:!0,shouldUseDekAsHed:!0,hasUnderlineHed:!1,hideRubricItemSummary:!0,isCenterAlignedWithTopDividerOnly:!0,shouldHideBylines:!1,summaryItemVariation:"TextBelowLeft",summaryListHed:i,summaryListSummaryItemVariation:"SideBySideThirdsImageRight",summaryItemRubricVariation:"DiscoveryItem",summarySectionTitleVariation:"TextLeftLineAboveWithHedBackground",sectionTitleVariation:"TextLeftLineAboveWithHedBackground",isBestStories:!0})):r.createElement("div",{ref:e},r.createElement(s.A,{dangerousHed:n,dangerousDek:t,dangerousCategoryTitle:i,items:o,shouldEnableBundleComponentAnalytics:a,sumCollageFourItems:g,sumListItems:h,shouldEnableBookmarkDrawers:c,shouldEnableCardLevelBookmark:m,shouldEnableCommentsCount:u}))};c.propTypes={configuredComponentRef:a().func,dangerousCategoryTitle:a().string,dangerousDek:a().string,dangerousHed:a().string,enableBestStoriesStyling:a().bool,items:a().array,shouldEnableBookmarkDrawers:a().bool,shouldEnableBundleComponentAnalytics:a().bool,shouldEnableCardLevelBookmark:a().bool,shouldEnableCommentsCount:a().bool},c.displayName="BestStories";const m=(0,o.y)(c,"BestStories"),u=(0,o.y)(m,"BestStories")},26641(e,t,n){n.d(t,{A:()=>x});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(1165),d=n(53499),c=n(74804),m=n(26938),u=n(74679),p=n(71886),g=n(38267),h=n(13099);const y=(0,g.Ay)("div").withConfig({displayName:"GalleryPageDisclaimerGrid"})` 379 ${({disclaimerPosition:e})=>("bottom"===e||"middle"===e)&&g.AH` 380 &&& { 381 @media (max-width: calc(1024px - 1px)) { 382 padding-right: calc(1 * var(--grid-margin)); 383 padding-left: calc(1 * var(--grid-margin)); 384 } 385 } 386 `} 387`,b=(0,g.Ay)(h.M).withConfig({displayName:"GalleryPageDisclaimer"})` 388 margin-bottom: 1rem; 389 text-align: left; 390`,f=({disclaimerText:e,disclaimerPosition:t="middle"})=>s.createElement(y,{disclaimerPosition:t},s.createElement(b,{disclaimerHtml:e,hasTopRule:!1,contentAlign:"left",disclaimerPosition:t}));f.propTypes={disclaimerText:r().string.isRequired,disclaimerPosition:r().string};const w=f;var $=n(23618),v=n(29912),C=n(12501);const k=new l.default({a:c.Nl,blockquote:({props:e})=>({type:m.A,props:e}),bluesky:({props:e})=>({type:u.A,props:e}),reddit:({meta:e,...t})=>({type:p.A,props:{...t,...JSON.parse(decodeURIComponent(e))}}),ceros:c.cg,div:c.Xb,h2:c.Zy,tiktok:c.qW,"inline-embed":$.A,"journey-extra-slim":()=>s.createElement(C.lw,null),"disclaimer-text":({props:e})=>({type:w,props:e})}),A=({body:e=["div"],className:t,children:n,shouldDisableMaxWidth:o=!1,shouldEnableDataJourneyHook:a=!0})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"Body"})},[]);const r={className:i()("body",t),shouldDisableMaxWidth:o};return a&&(r["data-journey-hook"]="client-content"),s.createElement(v.q,{...r,"data-testid":"BodyWrapper"},n||k.convert((0,c.po)(e)))};
390A.propTypes={body:r().array,children:r().node,className:r().string,shouldDisableMaxWidth:r().bool,shouldEnableDataJourneyHook:r().bool,shouldEnableFullArticleInverted:r().bool};const x=A},22652(e,t,n){n.d(t,{A:()=>o});const o=n(26641).A},29912(e,t,n){n.d(t,{q:()=>m});var o=n(38267),i=n(75163),a=n(26865),r=n(96472),s=n(41108),l=n(63665),d=n(89085),c=n(65881);const m=o.Ay.div.withConfig({displayName:"BodyWrapper"})` 391 ${(0,a.Gg)("typography.definitions.consumptionEditorial.body-core")} 392 padding: 0; 393 max-width: ${r.LO.xxl}; 394 color: var(${i.pT.Color.Text}); 395 396 ${(0,a.R9)("shouldDisableMaxWidth",!0,`@media (min-width: ${r.LO.fullBleed}) {\n max-width: none;\n }`)} 397 398 hr { 399 clear: both; 400 margin: ${(0,a.Kq)(5,"px")} auto; 401 } 402 403 h1, 404 h2:not([class*='SectionTitleHed']), 405 h3, 406 h4, 407 h5, 408 h6 { 409 margin: ${(0,a.Kq)(2,"px")} 0; 410 color: var(${i.pT.Color.TextSubheading}); 411 } 412 413 h2:not([class*='SectionTitleHed']), 414 h3, 415 h4, 416 h5 { 417 margin-top: ${(0,a.Kq)(5,"px")}; 418 } 419 420 h1, 421 ${l.mn}, h2:not([class*='SectionTitleHed']) { 422 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-break-primary")} 423 } 424 425 h3 { 426 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-break-secondary")} 427 } 428 429 h4, 430 h5, 431 h6 { 432 ${(0,a.Gg)("typography.definitions.consumptionEditorial.body-core")} 433 434 font-weight: bold; 435 } 436 437 hr { 438 border: 0; 439 background: ${(0,a.HK)("colors.consumption.body.standard.divider")}; 440 height: 2px; 441 } 442 443 .body__container > p, 444 .container--body-inner > p, 445 .container--full-inner > p { 446 margin: ${(0,a.Kq)(2,"px")} 0; 447 } 448 449 a:not(.button) { 450 transition: color 200ms ease; 451 } 452 453 a:not(.button):not(.text):not(.link) { 454 ${({theme:e})=>(0,a.pe)(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover")} 455 } 456 457 p { 458 a, 459 strong, 460 em { 461 line-height: inherit; 462 } 463 } 464 465 ol, 466 ul { 467 margin: ${(0,a.Kq)(2,"px")} 0 ${(0,a.Kq)(2,"px")} 468 ${(0,a.Kq)(4)}; 469 padding: 0; 470 471 li { 472 margin-left: ${(0,a.Kq)(2)}; 473 } 474 } 475 476 && { 477 ${s.$m} { 478 display: block; 479 margin: 0 auto ${(0,a.Kq)(3,"px")} auto; 480 padding: 0; 481 width: 100%; 482 483 img { 484 width: 100%; 485 height: auto; 486 } 487 488 &.callout--group-item-1 { 489 margin: 0 auto ${(0,a.Kq)(5,"px")} auto; 490 } 491 } 492 } 493 494 .heading-h1, 495 .heading-h2, 496 .heading-h3, 497 .heading-h4, 498 .heading-h5, 499 .heading-h6 { 500 margin: ${(0,a.Kq)(2,"px")} 0; 501 color: var(${i.pT.Color.TextSubheading}); 502 } 503 504 .heading-h2, 505 .heading-h3, 506 .heading-h4, 507 .heading-h5 { 508 margin-top: ${(0,a.Kq)(5,"px")}; 509 } 510 511 .heading-h1, 512 .heading-h2 { 513 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-break-primary")} 514 } 515 516 .heading-h3 { 517 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-break-secondary")} 518 } 519 520 .heading-h1, 521 .heading-h2, 522 .heading-h3, 523 .heading-h4, 524 .heading-h5, 525 .heading-h6 { 526 ${({shouldEnableFullArticleInverted:e,theme:t})=>e&&`color: ${(0,a.HK)(t,"colors.consumption.body.inverted.subhed")}`} 527 } 528 529 .heading-h4 { 530 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-aux-primary")} 531 } 532 533 .heading-h5, 534 .heading-h6 { 535 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")} 536 } 537 538 .container--full, 539 .container--body { 540 ${(0,d.VG)()} 541 } 542 543 .container + .container { 544 margin-top: ${(0,a.Kq)(-2)}; 545 } 546 547 .container--full-inner { 548 grid-column: 1 / -1; 549 } 550 551 .container--body-inner { 552 grid-column: 1 / -1; 553 554 @media (min-width: ${r.LO.md}) { 555 grid-column: 3 / span 8; 556 } 557 } 558 559 .container:first-of-type { 560 .body__container > *:first-child, 561 .container--body-inner > *:first-child, 562 .container--full-inner > *:first-child { 563 margin-top: 0; 564 565 *:first-child { 566 margin-top: 0; 567 } 568 } 569 } 570 571 .lead-in-text-callout {
572 ${(0,a.Gg)("typography.definitions.discovery.hed-bulletin-primary")} 573 display: inline-block; 574 margin-top: 50px; 575 text-transform: uppercase; 576 letter-spacing: 1.5px; 577 } 578 579 .lead-in-text-callout:first-of-type { 580 margin-top: 0; 581 } 582 ${({shouldEnableFullArticleInverted:e,theme:t})=>e&&`\n ${c.Q} {\n a {\n background: white;\n }\n span {\n color: black;\n }\n \n a {\n &:hover {\n border-color: ${(0,a.HK)(t,"colors.consumption.body.inverted.link")};\n border-width: 2px;\n border-style: solid;\n background-color: ${(0,a.HK)(t,"colors.consumption.body.inverted.link")};\n }\n &:active {\n border-color: ${(0,a.HK)(t,"colors.consumption.body.inverted.link")};\n border-width: 2px;\n border-style: solid;\n background-color: ${(0,a.HK)(t,"colors.consumption.body.inverted.link")};\n }\n }\n span {\n &:hover {\n color: ${(0,a.HK)(t,"colors.interactive.base.white")};\n }\n &:active {\n color: ${(0,a.HK)(t,"colors.interactive.base.white")};\n }\n }\n } `} 583`},94587(e,t,n){n.d(t,{A:()=>g});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(12564),l=n(53499),d=n(71750),c=n(65087),m=n(14307);const u=({applyNowButton:e=[],className:t,configuredComponentRef:n,contributors:o,dangerousDek:i,directoryCategories:a,hasMarginBottom:c=!1,hasTopMargin:u=!1,headerPosition:p="top",headerType:g="bundle-header",hed:h,hideLedeCaption:y=!1,gridTracking:b,isDestinationBundle:f,isDirectoryBundle:w,isFullBleedForXXXL:$=!1,isInverted:v=!1,lede:C,overlayType:k="none",shouldAddBottomSpacing:A=!1,shouldApplyDarkBackground:x,shouldDecorateHeader:E=!0,shouldHighlightDekText:S=!1,shouldOverrideBundleHeaderDekText:L=!1,shouldOverrideDirectoryBundle:T=!1,shouldOverrideTypeToken:N=!1,showByline:H=!1,showHeaderOnBottom:I=!1,showHeaderOnTop:B=!1,subHed:O})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(l.G.RENDER,{name:"BundleHeader"})},[]);const K=r.createElement(d.$k,{className:v?"theme-inverted":void 0,isDestinationBundle:f,isDirectoryBundle:w,headerPosition:p,isInverted:v},r.createElement(d.E$,{showByline:H,showHeaderOnBottom:I,showHeaderOnTop:B,isInverted:v},h&&function(e,t,n,o,i,a){switch(e){case"bundle-header":return r.createElement(d.L5,{"data-testid":"bundle-header",shouldDecorateHeader:i,shouldOverrideTypeToken:a,dangerouslySetInnerHTML:{__html:t}});case"section-header":return r.createElement(d.g8,{dangerousHed:t});case"full-bleed-header":return r.createElement(d.WZ,{"data-testid":"full-bleed-header"},r.createElement(d.Rx,{isDestinationBundle:n,isDirectoryBundle:o,dangerouslySetInnerHTML:{__html:`${t}`}}));default:return null}}(g,h,f,w,E,N),O&&r.createElement(d.jo,{dangerouslySetInnerHTML:{__html:O}}),i&&r.createElement(d.fq,{isDestinationBundle:f,isDirectoryBundle:w,shouldOverrideTypeToken:N,dangerouslySetInnerHTML:{__html:S?i.replace("<strong>",'<strong style="color: white; font-weight: 500;">'):i},shouldOverrideBundleHeaderDekText:L,showByline:H,showHeaderOnBottom:I,showHeaderOnTop:B,isInverted:v,shouldAddBottomSpacing:A,shouldOverrideDirectoryBundle:T}),w&&r.createElement(d.P4,null,r.createElement(s.A,{onClickHandler:(e,t,n)=>{if(!b)return;const o=t.text||t.children||t.title,i=t["data-content-id"];(0,m.kg)({type:"click",label:o,subject:b.subject,items:[{...i&&{content_id:i},content_title:o,content_type:t.contentType||b.itemType,content_url:t.href}],index:n,total_index:a.length},null,{targetElement:e.currentTarget})},shouldEnableClickTracking:!b},a.map((e,t)=>r.createElement("p",{key:t},r.createElement("a",{"data-content-id":e.copilotID||e.id,href:e.href,rel:"nofollow noreferrer"},e.text)))),r.createElement("br",null),r.createElement(s.A,{className:"apply-now-button-group"},e.map((e,t)=>r.createElement("p",{key:t},r.createElement("a",{href:e.href,rel:"nofollow noreferrer"},e.text))))),H&&o?r.createElement(d.Wc,{contributors:o,isCompact:!1}):null));return r.createElement(r.Fragment,null,B&&!I&&K,r.createElement(d.xh,{ref:n,className:t,"data-testid":"BundleHeader",overlayType:k,isDestinationBundle:f,isDirectoryBundle:w,isFullBleedForXXXL:$,isInverted:v,hasMarginBottom:c},C&&r.createElement(d.zc,{overlayType:k,lede:C,captionWidth:"fullbleed",hasTopMargin:u,hideLedeCaption:y,shouldApplyDarkBackgroun
583d:x}),!B&&!I&&K),!B&&I&&K)};u.propTypes={configuredComponentRef:a().func,applyNowButton:a().array,className:a().string,contributors:a().shape(c.A.propTypes.contributors),dangerousDek:a().string,directoryCategories:a().array,gridTracking:a().shape({itemType:a().string.isRequired,subject:a().string.isRequired}),hasMarginBottom:a().bool,hasTopMargin:a().bool,headerPosition:a().oneOf(["center","top"]),headerType:a().oneOf(["bundle-header","full-bleed-header","section-header"]),hed:a().string,hideLedeCaption:a().bool,isDestinationBundle:a().bool,isDirectoryBundle:a().bool,isFullBleedForXXXL:a().bool,isInverted:a().bool,lede:a().object,overlayType:a().oneOf(["none","gradient","solid"]),shouldAddBottomSpacing:a().bool,shouldApplyDarkBackground:a().bool,shouldDecorateHeader:a().bool,shouldHighlightDekText:a().bool,shouldOverrideBundleHeaderDekText:a().bool,shouldOverrideDirectoryBundle:a().bool,shouldOverrideTypeToken:a().bool,showByline:a().bool,showHeaderOnBottom:a().bool,showHeaderOnTop:a().bool,subHed:a().string},u.displayName="BundleHeader";const p=u,g=(0,o.y)(p,"BundleHeader")},71750(e,t,n){n.d(t,{$k:()=>y,E$:()=>b,L5:()=>w,P4:()=>k,Rx:()=>C,WZ:()=>v,Wc:()=>A,fq:()=>$,g8:()=>f,jo:()=>x,xh:()=>g,zc:()=>h});var o=n(38267),i=n(26865),a=n(1123),r=n(18608),s=n(96472),l=n(92027),d=n(77346),c=n(65087),m=n(7228),u=n(5239),p=n(65881);const g=o.Ay.header.withConfig({displayName:"BundleHeaderWrapper"})` 584 display: grid; 585 grid-template-columns: 1fr; 586 grid-template-rows: 1fr; 587 588 ${({hasMarginBottom:e})=>e&&`\n margin-bottom: ${(0,i.Kq)(6)};\n `} 589 590 ${({isDestinationBundle:e,theme:t})=>e&&o.AH` 591 background: ${(0,i.HK)(t,"colors.background.light")}; 592 `} 593 594 ${({overlayType:e,isDirectoryBundle:t,isFullBleedForXXXL:n})=>"none"!==e&&!t&&!n&&`\n ${u.nw} {\n @media (min-width: ${s.LO.xxl}) {\n width: ${s.LO.xxl};\n margin: 0 auto;\n }\n }\n `} 595 596 ${u.zT} { 597 grid-column: inherit; 598 599 ${({isDestinationBundle:e,theme:t})=>e&&o.AH` 600 background: ${(0,i.HK)(t,"colors.background.light")}; 601 602 ${u.PJ} { 603 @media (min-width: ${s.LO.xxl}) { 604 padding-left: 0; 605 padding-right: 0; 606 } 607 } 608 ${u.hx} { 609 grid-column: 1/-1; 610 } 611 `} 612 613 ${u.PJ} { 614 margin-top: ${(0,i.Kq)(2)}; 615 616 @media (min-width: ${s.LO.md}) { 617 margin-top: ${(0,i.Kq)(2)}; 618 } 619 620 ${u.hx} { 621 ${({isInverted:e,theme:t})=>e&&`\n background: ${(0,i.HK)(t,"colors.background.black")};\n `} 622 623 .caption__credit { 624 ${({isInverted:e,theme:t})=>e&&`\n color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.description")};\n `} 625 } 626 } 627 } 628 } 629`,h=(0,o.Ay)(l.A).withConfig({displayName:"BundleHeaderSection"})` 630 grid-column: 1; 631 grid-row: 1; 632 background: ${({theme:e})=>(0,i.HK)(e,"colors.background.light")}; 633 634 ${({shouldApplyDarkBackground:e,theme:t})=>e&&`\n background: ${(0,i.HK)(t,"colors.consumption.lead.inverted.background")};\n `} 635 636 ${({hasTopMargin:e})=>e&&`\n ${(0,i.H4)(s.LO.lg)} {\n margin-top: -8%;\n }\n `} 637 638 ${({overlayType:e})=>"gradient"===e?o.AH` 639 &:after { 640 background: linear-gradient(to top, rgb(0, 0, 0) 0, transparent 65%); 641 content: ''; 642 height: 100%; 643 left: 0; 644 position: absolute; 645 top: 0; 646 width: 100%; 647 } 648 `:"solid"===e?o.AH` 649 &:after { 650 background-color: rgba( 651 ${(0,i.HK)("colors.interactive.base.black",{rgbOnly:!0})}, 652 0.35 653 ); 654 content: ''; 655 height: 100%; 656 left: 0; 657 position: absolute; 658 top: 0; 659 width: 100%; 660 } 661 `:""} 662 663 .lead-asset__content__photo, 664 ${u.zw} ${m.BF} { 665 ${(0,i.H4)(s.LO.md)} { 666 max-height: none; 667 } 668 } 669 670 ${u.zw}, 671 ${m.BF} { 672 width: 100%; 673 } 674`,y=o.Ay.div.withConfig({displayName:"BundleHeaderHedDekGrid"})` 675 ${(0,a.VO)()} 676 677 display: grid; 678 grid-column: 1; 679 grid-row: 1; 680 grid-template-columns: repeat(4, 1fr); 681 column-gap: var(--grid-gap); 682 z-index: 1; 683 width: 100%; 684 row-gap: var(--grid-gap); 685 ${({isInverted:e,theme:t})=>e&&`\n background: ${(0,i.HK)(t,"colors.consumption.lead.inverted.background")};\n `} 686 687 ${(0,a.aU)("padding")} 688 ${({headerPosition:e})=>"center"===e?"place-items: center center;":"place-items: start center;"} 689 690 ${(0,i.H4)(s.LO.md)} { 691 grid-template-columns: repeat(12, 1fr); 692 } 693`,b=o.Ay.div.withConfig({displayName:"BundleHeaderHedDekBlock"})` 694 grid-column: 1 / -1; 695 text-align: center; 696 @media (min-width: ${s.LO.lg}) { 697 ${({isDirectoryBundle:e})=>e?"grid-column: 4 / 10":"grid-column: 2 / -2;"} 698 ${({showHeaderOnTop:e,showHeaderOnBottom:t})=>(e||t)&&"\n grid-column: 3 / -3;\n "} 699 } 700`,f=(0,o.Ay)(d.A).withConfig({displayName:"SectionHeaderStyle"})` 701 margin-top: ${(0,i.Kq)(5)}; 702 margin-bottom: ${(0,i.Kq)(2)}; 703 704 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.heading")}; 705 706 ${({isInverted:e,theme:t})=>e&&`\n color: ${(0,i.HK)(t,"colors.discovery.body.white.heading")};\n `} 707 708 @media (min-width: ${s.LO.xl}) { 709 margin-top: ${(0,i.Kq)(8)}; 710 margin-bottom: ${(0,i.Kq)(4)}; 711 } 712`,w=(0,o.Ay)(r.vm).withConfig({displayName:"BundleHeaderHed"}).attrs(e=>({as:"h1",colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.consumptionEditorial.body-core",...e}))` 713 margin-top: ${(0,i.Kq)(5)}; 714 margin-bottom: ${(0,i.Kq)(2)}; 715 ${({theme:e,shouldDecorateHeader:t})=>t?`text-decoration: underline; text-decoration-color: ${(0,i.HK)(e,"colors.discovery.lead.primary.accent")};`:"text-decoration: none"}; 716 ${({theme:e,shouldOverrideTypeToken:t})=>(0,i.Gg)(e,t?"typography.definitions.consumptionEditorial.hed-standard":"typography.definitions.consumptionEditorial.dis
716play-small")}; 717 718 @media (min-width: ${s.LO.xl}) { 719 margin-top: ${(0,i.Kq)(8)}; 720 margin-bottom: ${(0,i.Kq)(4)}; 721 ${({theme:e,shouldOverrideTypeToken:t})=>(0,i.Gg)(e,t?"typography.definitions.consumptionEditorial.hed-standard":"typography.definitions.discovery.hed-break-out")}; 722 } 723`,$=(0,o.Ay)(r.vm).withConfig({displayName:"BundleHeaderDekText"})` 724 ${({isDestinationBundle:e,shouldOverrideDirectoryBundle:t,shouldOverrideTypeToken:n,theme:o})=>e||t||n?(0,i.Gg)(o,"typography.definitions.consumptionEditorial.description-core"):(0,i.Gg)(o,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 725 ${({shouldOverrideDirectoryBundle:e,isDirectoryBundle:t,shouldOverrideTypeToken:n,theme:o})=>!e&&!n&&(t?(0,i.Gg)(o,"typography.definitions.consumptionEditorial.subhed-break-secondary"):(0,i.Gg)(o,"typography.definitions.consumptionEditorial.subhed-aux-secondary"))}; 726 727 margin-top: 0; 728 color: ${({isDestinationBundle:e,theme:t})=>e?(0,i.HK)(t,"colors.discovery.body.black.description"):(0,i.HK)(t,"colors.discovery.body.white.description")}; 729 730 ${({shouldOverrideDirectoryBundle:e,theme:t})=>e&&`\n ${(0,i._o)(t,"color","colors.consumption.body.inverted.body-deemphasized")}\n `} 731 732 ${({isDirectoryBundle:e,theme:t})=>e?o.AH` 733 margin-bottom: ${(0,i.Kq)(4)}; 734 color: ${(0,i.HK)(t,"colors.discovery.body.white.context-texture")}; 735 @media (max-width: ${s.LO.lg}) { 736 font-size: ${(0,i.Kq)(2)}; 737 } 738 `:""}; 739 740 ${({showByline:e,showHeaderOnTop:t})=>!e&&t&&`\n margin-bottom: ${(0,i.Kq)(5)};\n\n @media (min-width: ${s.LO.lg}) {\n margin-bottom: ${(0,i.Kq)(6)};\n }\n `} 741 742 ${({shouldOverrideBundleHeaderDekText:e})=>e&&`\n @media (min-width: ${s.LO.xl}) {\n text-align: justify;\n font-size: ${(0,i.Kq)(3.3,"px")};\n margin-bottom: ${(0,i.Kq)(8,"px")};\n }\n\n @media (max-width: ${s.LO.xl}) {\n text-align: left;\n font-size: ${(0,i.Kq)(2.75,"px")};\n margin: ${(0,i.Kq)(6,"px")} 0 ${(0,i.Kq)(8,"px")} 0;\n }\n `} 743 744 ${({shouldAddBottomSpacing:e})=>e&&`\n margin-bottom: ${(0,i.Kq)(5)};\n\n @media (min-width: ${s.LO.lg}) {\n margin-bottom: ${(0,i.Kq)(6)};\n }\n `} 745`,v=o.Ay.div.withConfig({displayName:"BundleHeaderFullBleedContainer"})` 746 display: grid; 747 grid-column: -1 / 1; 748 align-items: center; 749 text-align: center; 750 @media (min-width: ${s.LO.lg}) { 751 grid-column: 4 / 10; 752 } 753`,C=(0,o.Ay)(r.vm).withConfig({displayName:"BundleHeaderFullBleedHedText"}).attrs(e=>({as:"h1",colorToken:"colors.discovery.body.white.background",typeIdentity:"typography.definitions.consumptionEditorial.body-core",...e}))` 754 margin-bottom: ${(0,i.Kq)(1)}; 755 font-size: 2em; 756 font-weight: bold; 757 ${({isDestinationBundle:e,theme:t})=>!0===e?o.AH` 758 margin-bottom: 0; 759 ${(0,i.Gg)(t,"typography.definitions.discovery.page-hed-section")}; 760 `:""} 761 ${({isDirectoryBundle:e,theme:t})=>e?o.AH` 762 margin-bottom: ${(0,i.Kq)(2)}; 763 ${(0,i.Gg)(t,"typography.definitions.discovery.page-hed-subsection")}; 764 @media (max-width: ${s.LO.lg}) { 765 font-size: ${(0,i.Kq)(4)}; 766 } 767 `:""} 768`,k=o.Ay.div.withConfig({displayName:"ButtonGroupWrapper"})` 769 a { 770 margin-right: ${(0,i.Kq)(2.5)}; 771 border: none; 772 @media (max-width: ${s.LO.lg}) { 773 margin-right: 0; 774 width: 100%; 775 } 776 } 777 778 a:hover { 779 border: none; 780 } 781 782 /* Style the apply now button specifically with higher specificity */ 783 &&& .apply-now-button-group { 784 a { 785 display: inline-block; 786 transition: background-color 0.2s ease; 787 margin-top: ${(0,i.Kq)(2.5)}; 788 margin-right: ${(0,i.Kq)(2.5)}; 789 border: none; 790 background-color: #2b2b2b; 791 padding: ${(0,i.Kq)(2.2)} ${(0,i.Kq)(3)}; 792 text-decoration: none; 793 color: white; 794 font-weight: 600; 795 796 @media (max-width: ${s.LO.lg}) { 797 margin-right: 0; 798 width: 100%; 799 } 800 801 &:hover { 802 border: none; 803 background-color: #767676; 804 color: white; 805 } 806 } 807 } 808 ${p.Q} { 809 justify-content: center; 810 @media (max-width: ${s.LO.lg}) { 811 margin: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(.5)}; 812 } 813 } 814`,A=(0,o.Ay)(c.A).withConfig({displayName:"BundleHeaderBylines"}).attrs(e=>({colorToken:"colors.consumption.lead.standard.accreditation",typeIdentity:"typography.definitions.globalEditorial.accreditation-core",...e}))` 815 margin-top: ${(0,i.Kq)(2)}; 816 margin-bottom: ${(0,i.Kq)(5)}; 817 818 @media (min-width: ${s.LO.xl}) { 819 margin-top: ${(0,i.Kq)(4)}; 820 margin-bottom: ${(0,i.Kq)(6)}; 821 } 822`,x=(0,o.Ay)(r.vm).withConfig({displayName:"BundleHeaderSubHed"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.subhed-section-primary",...e}))` 823 margin-bottom: ${(0,i.Kq)(2)}; 824`},52818(e,t,n){n.d(t,{A:()=>P});var o=n(5556),i=n.n(o),a=n(96540),r=n(62193),s=n.n(r),l=n(2404),d=n.n(l),c=n(69571),m=n(52585),u=n(70920),p=n(53499),g=n(14307);const h=e=>{(0,g.d6)({type:e,subject:"carousel"})};var y=n(80471),b=n(75828),f=n(65947);const w=new Set,$=({slide:e,index:t,...n})=>{const[o,i]=(0,y.Wx)({threshold:1,trackVisibility:!0,delay:100,triggerOnce:!0});return i&&(({slide:e,index:t})=>{const n=`${e.productId||e.id}-${t}`;if(w.has(n))return;w.add(n);const o=e.multipleOffers?.[0]||e.offers?.[0]||{},i=(0,f.h)(o.price),a=(0,f.h)(o.reducedPrice),r=a&&i&&i>a,s=r?i-a:null,l=r?Math.round((i-a)/i*100):null,d=e.venueSpecificContentType?e.venueSpecificContentType:e.contentType,c={product_brand:e.productBrand||e.brand||"",product_id:e.productId||e.id||"",product_name:e.name||e.dangerousHed||"",index:t,product_price:i,is_product_discount:r||!1,product_discount_amount:s,product_discount_perc:l,currency_code:o.currency||"USD",product_component:"unified_product_card_slideshow",product_rating:e.rating||null,product_ref:"Copilot",product_type:d,product_system:"commerce"};(0,g.r_)({type:"impression",subject:"unified_product_card_slideshow"},c)})({slide:e,index:t}),a.createElement("div",{ref:o,style:{height:"100%"}},a.createElement(b.A,{...n}))};$.propTypes={index:i().number.isRequired,slide:i().object.isRequired};var v=n(41598),C=n(30668),k=n(31243),A=n(96472),x=n(38267),E=n(10553);const S=(0,x.Ay)(E.A).withConfig({displayName:"CNEVideoEmbedWrapper"})` 825 ${({width:e})=>`width: ${e};`} 826`,L=({scriptUrl:e,width:t="100%",shouldPause:n=!1,shouldGoFullScreenOnPlay:o=!1,hidePosterTitle:i,videoEmbedPosition:r=""})=>{const s=window.matchMedia(`(max-width: ${A.LO.md})`),[l,d]=(0,a.useState)(s?.matches||!1),[c,m]=(0,a.useState)(n);return(0,a.useEffect)(()=>{s.matches!==l&&d(s.matches),c!==n&&m(e=>!e);const e=()=>{d(s.matches),m(n)};return s.addEventListener("change",e),()=>s.removeEventListener("change",e)},[l,s,c,n]),a.createElement(S,{width:t,scriptUrl:e,shouldAutoplay:!l,additionalEmbedParams:{hidePosterTitle:i||l,hasAnimatedThumb:!0},shouldMute:!l,shouldGoFullScreenOnPlay:o?l:o,shouldPause:c,videoEmbedPosition:r})};L.propTypes={hidePosterTitle:i().bool,scriptUrl:i().string.isRequired,shouldGoFullScreenOnPlay:i().bool,shouldPause:i().bool,videoEmbedPosition:i().string,width:i().string};const T=L;var N=n(76126),H=n(62327),I=n(53448);const B=e=>e?.replace(/<[^>]*>/g,"").trim()||void 0,O={sm:"250px",lg:"500px"},K={sm:"288px",lg:"300px"},D=({children:e,index:t,totalSlides:n,...o})=>{const{ref:i,inView:r}=(0,y.Wx)({threshold:.5,triggerOnce:!0});return(0,a.useEffect)(()=>{r&&(({index:e,totalIndex:t})=>{(0,g.d6)({type:"impression",subject:"carousel",index:e,total_index:t,placement:"horizontal"})})({index:t,totalIndex:n})},[r,t,n]),a.createElement(k.R2,{ref:i,...o},e)};D.propTypes={children:i().node,index:i().number.isRequired,totalSlides:i().number.isRequired,placement:i().string};const _=({bookmarkMeta:e,enableAffiliateDisclaimerLabel:t=!1,hasHoverEffect:n=!1,hasPhotoBookmark:o=!1,isLazy:i=!0,photoBookmarkVariant:r,slides:l=[],textAlign:g="center"})=>{(0,a.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"CarouselMixedAspectRatio"})},[]);const[y,b]=(0,u.A)(),[f,w]=(0,a.useState)({}),A=(0,a.useRef)(f),x=(0,a.useCallback)(e=>{A.current=e,w(e)},[]),E="firstFullyVisibleItemIndex",S="lastPartiallyVisibleItemIndex",L=(0,a.useRef)(null),_=(0,a.useCallback)(()=>{let e=0,t=0;s()(A?.current)||(e=A.current[E],t=A.current[S]);const n=(0,C.Wq)(L,e,t);d()(n,A.current)||x(n)},[x]),P=(0,a.useCallback)(()=>{L.current&&_()},[_]),R=(e,t)=>{let n=e;const o=e.includes("?")?"&":"?";return n+=0===t?`${o}autoplay=1&muted=1&continuousPlay=0&hideHoverTitle=true&loopVideo=1&hasAnimatedThumb=1&aspectRatio=9x16`:3===t?`${o}autoplay=0&muted=0&continuousPlay=0&hideHoverTitle=true&loopVideo=1&hasAnimatedThumb=1&aspectRatio=9x16`:`${o}adsDisabled=1&autoplay=0&muted=0&continuousPlay=0&hideHoverTitle=true&loopVideo=1&hasAnimatedThumb=1&aspectRatio=9x16`,n};(0,a.useEffect)(()=>{let e=L.current;return e&&(s()(f)&&_(),e.addEventListener("scroll",(0,C.S9)(P),!0),window.addEventListener("resize",(0,C.Hc)(P))),()=>{e&&(e.removeEventListener("scroll",C.S9),window.removeEventListener("resize",C.Hc),e=null,L.current=null,A.current={})}},[]),(0,a.useEffect)(()=>{b&&_()},[b,_]);const q=(0,a.useMemo)(()=>f&&(0,C.dK)(L),[f]),M=(0,a.useMemo)(()=>f&&(0,C.Lu)(L),[f]),F=e=>{e?.lg&&e?.sm||_()},U=(e,t,o,r)=>t?a.createElement(k.Bl,{href:t,target:o,hasHoverEffect:n},a.createElement(k.vI,{...e,isLazy:i,assetWidth:r,hasNativeImgLazyLoading:!0,assetHeightSmBasedOnContent:V,onAssetLoaded:()=>{F(r)},onAssetContainerLoaded:()=>{F(r)}})):a.createElement(k.vI,{...e,isLazy:i,hasNativeImgLazyLoading:!0,assetWidth:r,assetHeightSmBasedOnContent:V,hasHoverEffect:n,onAssetLoaded:()=>{F(r)},onAssetContainerLoaded:()=>{F(r)}});if(0===l.length)return null;const V=(0,C.vB)(l),G=l.map(e=>e?.children?{...e.children?.props?.children?.props,href:e?.children?.props?.href,target:e?.children?.props?.target,bookmarkMeta:e.bookmarkMeta,copilotID:e.copilotID,id:e.id,bookmarkCaption:B(e.dangerousDek||e.dangerousHed||e.dangerousCaption)}:e);let W=0;return a.createElement(a.Fragment,null,a.createElement(k.sy,null,a.createElement(k.hQ,{ref:L},a.createElement(k.bo,{className:C.Vr,ref:y},b&&G.filter(e=>{if(!e)return!1;const t=Array.isArray(e?.image)?e.image[0]:e?.image;return t&&t.sources||e.scriptUrl}).map((t,n)=>{const{bookmarkCaption:i,dangerousCaption:s,dangerousCredit:d,dangerousDek:c,dangerousHed:u,scriptUrl:p,contentType:h,image:y,href:b,target:f,lookNumber:w,copilotID:A}=t,x=Array.isArray(y)?y[0]:y,E={...t,image:x},S="cneembed"===h,L=A||t.id||x?.id,P=o&&!S&&("photo"===h||"photo"===x?.contentType)&&Boolean(L),q=i||B(c||u||s),M={...e,...t.bookmarkMeta,...q&&{seasonName:q}},F=(e=>e&&((0,v.ti)(e.contentType)||e.shouldUseUvc))(t),G=((e,t,n)=>e?n?K:(0,C.Nh)(e,t):O)(x,V,F);return n===l.length-1&&_(),F?((e,t,n,o,i)=>a.createElement(k.R2,{key:`asset-${n}`,assetWidth:i,isCNEVideo:!1,className:C.ro},a.createElement($,{slide:t,index:n,dangerousHed:o,...t,type:"card",isLazy:!0,componentConfigOverride:{type:"card",enableAffiliateDisclaimerLabel:!1},data_item:{...t,id:e.productId||e.id,brand:{name:e.productBrand||e.brand},offers:e.multipleOffers||e.offers,index:n,component:"unified_product_card_slideshow"},brand:e.productBrand||e.brand,name:e.name||o,offers:e.multipleOffers||e.offers,hasImageCreditText:!1,shouldDisableCreditText:e.shouldDisableCreditText,hasMultiplePhotos:!1,enableAffiliateDisclaimerLabel:!1})))(t,E,n,u,G):a.createElement(D,{key:`asset-${n}`,"data-carousel-item":"",assetWidth:G,isCNEVideo:S,assetHeightSmBasedOnContent:V,className:C.ro,index:n,totalSlides:l.length},a.createElement(k.YQ,{isCNEVideo:S,assetHeightSmBasedOnContent:V},(()=>{const e=((e,t,n,o,i,r,s,l,d,c)=>a.createElement(a.Fragment,null,e&&t?a.createElement(T,{scriptUrl:n(t,o),hidePosterTitle:!0,shouldGoFullScreenOnPlay:!1,videoEmbedPosition:H.sm}):i(r,s,l,d),c&&a.createElement(I.V,{lookNumber:c})))(S,p,R,W++,U,x,b,f,G,w);return P?a.createElement(k.mH,{hasPhotoBookmark:!0},e,a.createElement(N.A,{bookmarkMeta:M,contentType:"photo",copilotID:L,image:x,isInverted:!0,savedIcon:m.A,variant:r})):e})()),a.createElement(k._e,{isCNEVideo:S,textAlign:g}
826,((e,t,n,o)=>a.createElement(a.Fragment,null,e&&a.createElement(k.Lc,{dangerouslySetInnerHTML:{__html:e}}),t&&a.createElement(k.Lc,{dangerouslySetInnerHTML:{__html:t}}),n&&a.createElement(k.LN,{dangerouslySetInnerHTML:{__html:n}}),o&&a.createElement(k.Lc,{dangerouslySetInnerHTML:{__html:o}})))(u,c,d,s)))}))),a.createElement(k.Be,null,a.createElement(k.zp,null,a.createElement(k.O3,{onClick:()=>{if(M){const e=Math.max(f[E],0);(0,C.nd)(L,e)}h("back")},direction:"back",disabled:!M},a.createElement(c.A,null)),a.createElement(k.O3,{onClick:()=>{if(q){let e=Math.min(f[S],l.length-1);0===f[S]&&(e+=1),(0,C.NY)(L,e)}h("forward")},direction:"forward",disabled:!q},a.createElement(c.A,null))))))};_.propTypes={bookmarkMeta:i().shape({brandName:i().string,seasonName:i().string,slug:i().string}),enableAffiliateDisclaimerLabel:i().bool,hasHoverEffect:i().bool,hasPhotoBookmark:i().bool,isLazy:i().bool,photoBookmarkVariant:i().oneOf(["compact"]),slides:i().arrayOf(i().object),textAlign:i().string},_.displayName="CarouselMixedAspectRatio";const P=_},31243(e,t,n){n.d(t,{Be:()=>C,Bl:()=>h,LN:()=>v,Lc:()=>$,O3:()=>k,R2:()=>g,YQ:()=>y,_e:()=>w,bo:()=>u,hQ:()=>m,mH:()=>b,sy:()=>c,vI:()=>f,zp:()=>A});var o=n(38267),i=n(73275),a=n(62389),r=n(26865),s=n(96472),l=n(30668),d=n(75163);const c=o.Ay.div.withConfig({displayName:"MixedMediaCarousel"})` 827 position: relative; 828 width: 100%; 829`,m=o.Ay.div.withConfig({displayName:"MixedMediaCarouselWrapper"})` 830 width: 100%; 831 overflow-x: auto; 832 -ms-overflow-style: none; 833 scrollbar-width: none; 834 scroll-behavior: smooth; 835 836 &::-webkit-scrollbar {
837 display: none; 838 } 839`,u=o.Ay.div.withConfig({displayName:"MixedMediaCarouselContent"})` 840 display: flex; 841 justify-content: safe center; 842 min-height: 250px; 843`,p=`calc(100% - ${l.rF}px)`,g=o.Ay.div.withConfig({displayName:"MixedMediaCarouselItem"})` 844 display: flex; 845 flex-direction: column; 846 flex-shrink: 0; 847 margin: 0 ${(0,r.Kq)(l.Il)}; 848 max-width: ${p}; 849 850 ${({assetWidth:e})=>e&&e.sm&&o.AH` 851 width: ${e.sm}; 852 `}; 853 854 @media (min-width: ${s.LO.md}) { 855 ${({assetWidth:e})=>e&&e.lg&&o.AH` 856 width: ${e.lg}; 857 `}; 858 } 859 860 ${({isCNEVideo:e,assetHeightSmBasedOnContent:t})=>e&&t&&o.AH` 861 &&& { 862 /* div[data-testid="RowWrapper"] & { put rules here to target only the slideshow in 'fullbleed' mode } */ 863 /* force 9x16 video size */ 864 width: calc(${t}px * 9 / 16); 865 866 @media (min-width: ${s.LO.md}) { 867 width: calc(${l.s1}px * 9 / 16); 868 } 869 } 870 `}; 871 872 &:first-of-type { 873 margin-left: 0; 874 } 875 876 &:last-of-type { 877 margin-right: 0; 878 } 879 880 figure { 881 margin: auto 0; 882 } 883 884 video { 885 width: auto; 886 max-width: 100%; 887 ${({assetHeightSmBasedOnContent:e})=>e&&o.AH` 888 max-height: ${e}px; 889 `}; 890 } 891 @media (min-width: ${s.LO.md}) { 892 video { 893 height: ${l.s1}px; 894 max-height: inherit; 895 } 896 } 897`,h=o.Ay.a.withConfig({displayName:"MixedMediaCarouselImageLink"})` 898 ${({hasHoverEffect:e})=>e&&r.nd} 899`,y=o.Ay.div.withConfig({displayName:"MixedMediaCarouselImageWrapper"})` 900 display: flex; 901 position: relative; 902 align-items: center; 903 justify-content: center; 904 background: var(${d.pT.Color.SurfaceSubtle}); 905 906 ${({assetHeightSmBasedOnContent:e})=>e&&o.AH` 907 height: ${e}px; 908 `}; 909 910 @media (min-width: ${s.LO.md}) { 911 height: ${l.s1}px; 912 } 913`,b=o.Ay.div.withConfig({displayName:"MixedMediaCarouselImageContainer",shouldForwardProp:e=>"hasPhotoBookmark"!==e})` 914 position: relative; 915 width: 100%; 916 917 ${({hasPhotoBookmark:e})=>e&&`\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: ${(0,r.Kq)(6)};\n background: var(${d.pT.Color.OverlaySubtle180deg});\n pointer-events: none;\n }\n `} 918 919 ${a.w6} { 920 position: absolute; 921 right: ${(0,r.Kq)(1)}; 922 bottom: ${(0,r.Kq)(1)}; 923 } 924`,f=(0,o.Ay)(i.A).withConfig({displayName:"MixedMediaCarouselImage"})` 925 ${({assetHeightSmBasedOnContent:e})=>e&&o.AH` 926 max-height: ${e}px; 927 `}; 928 929 ${({assetWidth:e})=>e&&e.sm&&o.AH` 930 width: 100%; 931 `}; 932 933 @media (min-width: ${s.LO.md}) { 934 max-height: ${l.s1}px; 935 ${({assetWidth:e})=>e&&e.lg&&o.AH` 936 width: 100%; 937 `}; 938 } 939 940 img { 941 width: 100%; 942 943 ${({assetHeightSmBasedOnContent:e})=>e&&o.AH` 944 max-height: ${e}px; 945 `}; 946 947 @media (min-width: ${s.LO.md}) { 948 max-height: ${l.s1}px; 949 } 950 } 951 952 &::after { 953 width: 100%; 954 height: 100%; 955 } 956 957 .responsive-clip { 958 width: auto; 959 vertical-align: middle; 960 } 961`,w=o.Ay.div.withConfig({displayName:"MixedMediaCarouselTextWrapper"})` 962 align-items: center; 963 margin-top: ${(0,r.Kq)(2)}; 964 padding: 0 ${(0,r.Kq)(1)}; 965 min-width: 100%; 966 text-align: ${({textAlign:e})=>e}; 967 font-size: 13px; 968 969 p { 970 display: inline; 971 text-align: center; 972 } 973`,$=o.Ay.span.withConfig({displayName:"MixedMediaCarouselTextDek"})` 974 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.consumptionEditorial.description-core")} 975 display: inline-block; 976 margin: 0 ${(0,r.Kq)(1)} 0 0; 977 vertical-align: top; 978 color: var(${d.pT.Color.TextDek}); 979 font-size: 16px; 980 981 p { 982 display: inline; 983 } 984`,v=o.Ay.span.withConfig({displayName:"MixedMediaCarouselTextCaption"})` 985 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-secondary")} 986 display: block; 987 margin: 0 0 0.3rem 0; 988 vertical-align: top; 989 color: var(${d.pT.Color.TextImageCaption}); 990 991 p { 992 display: inline; 993 } 994`,C=o.Ay.div.withConfig({displayName:"MixedMediaCarouselFooter"})` 995 display: flex; 996 align-items: flex-start; 997 justify-content: flex-end; 998 padding-top: 0.75rem; 999`,k=o.Ay.button.withConfig({displayName:"MixedMediaCarouselButton"})` 1000 margin-left: ${(0,r.Kq)(1)}; 1001 background: transparent; 1002 padding-right: ${(0,r.Kq)(1)}; 1003 padding-left: ${(0,r.Kq)(1)}; 1004 width: ${(0,r.Kq)(4)}; 1005 height: ${(0,r.Kq)(4)}; 1006 1007 &:disabled svg { 1008 fill: var(${d.pT.Color.IconDisabled}); 1009 } 1010 ${({direction:e})=>"back"===e&&o.AH` 1011 svg { 1012 transform: rotate(180deg); 1013 transform-origin: center; 1014 } 1015 `}; 1016 ${({direction:e})=>"forward"===e&&o.AH` 1017 svg { 1018 transform-origin: center; 1019 } 1020 `}; 1021`,A=o.Ay.div.withConfig({displayName:"MixedMediaCarouselButtonWrapper"})` 1022 display: flex; 1023 width: ${(0,r.Kq)(11)}; 1024 1025 .icon-arrow { 1026 fill: var(${d.pT.Color.Icon}); 1027 } 1028 1029 &:disabled { 1030 .icon-arrow { 1031 fill: var(${d.pT.Color.IconDisabled}); 1032 } 1033 } 1034`},30668(e,t,n){n.d(t,{Hc:()=>$,Il:()=>m,Lu:()=>v,NY:()=>T,Nh:()=>f,S9:()=>w,Vr:()=>d,Wq:()=>E,dK:()=>C,nd:()=>L,rF:()=>u,ro:()=>c,s1:()=>p,vB:()=>N});var o=n(38221),i=n.n(o),a=n(26865),r=n(52009),s=n(30271);let l;const d="MixedMediaCarouselContent",c="MixedMediaCarouselItem",m=1,u=2*m*a.iL,p=500,g=e=>e?.current,h=e=>e?.current?.querySelectorAll(`.${d} div.${c}`),y=e=>({carouselEl:g(e),carouselItemEls:h(e)||[]}),b=(e,t)=>{if(e?.includes(":")){const n=e.split(":").map(Number),o=t*n[0]/n[1];if(isFinite(o))return`${o}px`}return null},f=(e,t)=>{if(!e)return{sm:null,lg:null};const n=(e=>{const t={};if(e){const{segmentedSources:n,sources:o={}}=e,i=n??(0,r.I)(o),{height:a,width:s,aspectRatio:l}=i.sm[0]||{},{height:d,width:c,aspectRatio:m}=i.lg[0]||{};t.sm=l&&"master"!==l?l:`${s}:${a}`,t.lg=m&&"master"!==m?m:`${c}:${d}`}return t})(e);return{sm:b(n?.sm,t),lg:b(n?.lg,p)}},w=e=>()=>{clearTimeout(l),l=setTimeout(()=>e(),50)},$=e=>i()(e,300),v=e=>{const t=g(e);return!!t&&!(0,s.vY)(t)},C=e=>{const t=g(e);return!!t&&(!(t.scrollWidth<=t.offsetWidth)&&!(0,s.I0)(t))},k=(e,t)=>e&&e.offsetLeft>=t.scrollLeft,A=(e,t)=>
1034{if(e){let n=u/2;return e.nextElementSibling||(n=0),e.offsetLeft+e.offsetWidth-n<=t.scrollLeft+t.offsetWidth}return!1},x=(e,t)=>k(e,t)&&A(e,t),E=(e,t,n)=>{const{carouselEl:o,carouselItemEls:i}=y(e);if(i.length>0){let i=((e,t=0)=>{const{carouselEl:n,carouselItemEls:o}=y(e);if((0,s.vY)(n))return 0;for(let e=t;e<o.length;e++){const t=o[e];if(x(t,n))return e}for(let e=0;e<t;e++){const t=o[e];if(x(t,n))return e}return-1})(e,(0,s.I0)(o)?t:n);const a=((e,t=0)=>{let n=t;const{carouselEl:o,carouselItemEls:i}=y(e);if((0,s.I0)(o))return i.length-1;for(let e=t;e<i.length;e++){const t=i[e];if(k(t,o)&&!A(t,o)){n=e;break}e===i.length-1&&(n=i.length-1)}return n})(e,-1===i?0:i);return-1===i&&(i=a),{firstFullyVisibleItemIndex:i,lastPartiallyVisibleItemIndex:a}}return{firstFullyVisibleItemIndex:t,lastPartiallyVisibleItemIndex:n}},S=(e,t)=>e.scrollTo({left:t,behavior:"smooth"}),L=(e,t=0)=>{const{carouselEl:n,carouselItemEls:o}=y(e),i=o[t].offsetLeft-n.offsetWidth-u;S(n,i)},T=(e,t=0)=>{const{carouselEl:n,carouselItemEls:o}=y(e),i=o[t],a=i?.offsetLeft;S(n,a)},N=e=>e.some(e=>Object.prototype.hasOwnProperty.call(e,"contentType")&&"cneembed"===e.contentType)?400:250},26022(e,t,n){n.d(t,{A:()=>i});var o=n(96540);const i=(e,t)=>{(0,o.useEffect)(()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,t])}},74200(e,t,n){n.d(t,{A:()=>B});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(6442);const l=(0,n(72267).YK)({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"}});var d=n(57744),c=n(56187),m=n(53499),u=n(90090),p=n(45135),g=n(55918),h=n(6082),y=n(62930),b=n(86286),f=n(86778);const w=({dataUrl:e,storeKey:t,data:n,setData:o,loaderType:a="Circle",...r})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"GroupedNavigationContainer"})},[]);const[s,l]=(0,i.useState)(!1),[d,c]=(0,i.useState)(!1),u=y.Ay[a];return(0,i.useEffect)(()=>{!async function(){if(!n&&e){l(!0);try{const n=await(0,g.Ze)({url:`${e}`}),i=n?n[t]:[];o(t,i)}catch(e){c(!0)}finally{l(!1)}}}()},[e]),i.createElement(i.Fragment,null,d&&i.createElement(f.A.ContentCenterNoBackground,{ariaLive:"polite",className:"brand-background__lede",dangerousHed:"Oops",dangerousDek:"something went wrong"}),s&&i.createElement(b.rL,null,i.createElement(u,null)),n&&i.createElement(h.A,{groupedLinks:n,...r}))};w.propTypes={analyticsEventForFilter:r().string,data:r().array,dataUrl:r().string.isRequired,filterLabel:r().string,hasAtoZIndex:r().bool,hasFilter:r().bool,loaderType:r().string,setData:r().func.isRequired,storeKey:r().string.isRequired};const $=(0,p.Ng)((e,{storeKey:t})=>({data:e.groupedNavigation?.[t]||null}),e=>({setData:(t,n)=>{e({type:"MERGE_KEY",key:"groupedNavigation",value:{[t]:n}})}}))(w);var v=n(19525),C=n(76399),k=n(26488),A=n(70698),x=n(63500),E=n(12501),S=n(59867);const L=(e,t)=>{const{showSticky:n,pageYOffset:o,scrollHeight:i}=t||{};return e||!n&&o>0||i===o},T=({keyValue:e,href:t,text:n,isActive:o,onClick:a,isHighlighted:r})=>i.createElement(x.b5,{key:e},i.createElement(x.WV,{tabIndex:0,isActive:o,label:n,href:t,isInline:!0,onClick:a,isHighlighted:r},n)),N=({accountProps:e={accountLinks:[]},activeLinkIndex:t,activeSubnavItem:n,channelNavigationLinks:o,channelNavigationLogoBaseUrl:a,componentConfig:r,configuredComponentRef:d,hideDrawerScroll:p,hideLinksOnMobile:g=!1,isAccountsEnabled:h=!1,isFixed:y,loaderType:b,logo:f,onNavigationLinkClick:w,overrideChannelNavigationLinks:N,scrollViewLogo:H,secondaryMenuProps:I,showExternalProfileLink:B,subnav:O=[],user:K})=>{(0,i.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"ChannelNavigation"})},[]);const[D,_]=(0,i.useState)(!1),[P,R]=i.useState(!1),[q,M]=(0,i.useState)(null),[F,U]=(0,i.useState)(A.N_),V=(0,i.useRef)(null),{formatMessage:G}=(0,s.A)(),W=N||o,j="OneNav"===r?.ConnectedNavigation?.settings?.navPattern,z=()=>
1034{(0,u.W8)("hamburger-menu-collapsed"),R(!1)},Y=()=>{U(e=>({...(0,A.nA)(e),scrollHeight:(document?.body?.scrollHeight??0)-(document?.body?.clientHeight??0)}))};(0,i.useEffect)(()=>{const e=window.Kendra.WINDOW_EVENT.on(S.m.SCROLL_THROTTLE,Y);return()=>e.off()},[]);const{pageYOffset:X}=F,Z=P?C.A:k.A,J=y||P||X>0,Q=L(y,F),ee=y&&L(!1,F);return!j&&W&&W.length?i.createElement(x.nj,{ref:d,isFixed:J},i.createElement(x.r1,{ref:V,role:"navigation","aria-label":"Channel navigation",hideLinksOnMobile:g},i.createElement(x.PA,{isScrollingDown:Q},(({logo:e,scrollViewLogo:t,channelNavigationLogoBaseUrl:n,isScrollingDown:o})=>e&&t?i.createElement(x.wF,{isScrollingDown:o},i.createElement("a",{href:n},i.createElement(x.NU,{isScrollingDown:o,...e}),o&&i.createElement(x.zb,{isScrollingDown:o,...t}))):null)({logo:f,scrollViewLogo:H,channelNavigationLogoBaseUrl:a,isScrollingDown:Q})),i.createElement(x.C1,{isScrollingDown:Q,hideLinksOnMobile:g,$isFixed:y,$shouldCollapseFixedLinks:ee},(({links:e,activeLinkIndex:t,onNavigationLinkClick:n,setDrawerState:o,setActiveFilter:a})=>e&&e.length?i.createElement(x.dF,{"data-journey-hook":"channel-navigation"},e.map((e,i)=>{const r=void 0===t||i===t,{href:s}=e,l=e.isHighlighted||!1,d=e.key??e.type;return T({keyValue:d,href:s,text:e.text,isActive:r,isHighlighted:l,onClick:async t=>{e.apiEndpoint&&(t.preventDefault(),await(0,c.a)(),o(!0),a({...e})),n&&n(e),await(0,c.c)(),(0,u.W8)(e.analyticsEvent)}})})):null)({links:W,activeLinkIndex:t,onNavigationLinkClick:w,setDrawerState:_,setActiveFilter:M}),(({subnav:e,activeSubnavItem:t})=>e&&0!==e.length?i.createElement(x.dF,{"data-journey-hook":"channel-navigation-secondary"},e.map(e=>T({keyValue:e.url,href:e.url,text:e.text,isActive:e.text===(t||"Coverage"),onClick:()=>{(0,u.W8)(e.analyticsEvent)}}))):null)({subnav:O,activeSubnavItem:n})),i.createElement(x.Ny,{isFixed:y,isScrollingDown:Q},i.createElement(E.IJ,null),i.createElement(E.dd,null)),(({showExternalProfileLink:e,isAccountsEnabled:t,user:n,accountProps:o={},isScrollingDown:a,isFixed:r})=>{if(e){const{signInLabel:t="",signInLink:n=""}=e;return i.createElement(x.fX,{isFixed:r,isScrollingDown:a,isAccountWithAvatar:!1,signInLabel:t,signInLink:n,user:{isAuthenticated:!1}})}if(t&&n){const{accountIconInverted:e,accountLinks:t=[],savedStoriesLabel:s,accountLabel:l,signInLabel:d,signInLink:c,tooltip:m}=o;return i.createElement(x.fX,{isFixed:r,isScrollingDown:a,isAccountWithAvatar:!!e,accountLinks:t,savedStoriesLabel:s,accountLabel:l,accountAvatar:e,signInLabel:d,signInLink:c,user:n,className:"standard-navigation__section--utility-links-login",tooltip:m})}return null})({showExternalProfileLink:B,isAccountsEnabled:h,user:K,accountProps:e,isScrollingDown:Q,isFixed:y}),i.createElement(x.Ye,{tabIndex:0,isIconButton:!0,isScrollingDown:Q,ButtonIcon:Z,label:"Open Navigation Menu",onClickHandler:()=>{P?z():((0,u.W8)("hamburger-menu-expanded"),R(!0))},role:"button","aria-expanded":P})),(({activeFilter:e,drawerState:t,setDrawerState:n,hideDrawerScroll:o,loaderType:a,formatMessage:r})=>e?i.createElement(x.iM,{isOpen:t,onClose:()=>{n(!1)},hideDrawerScroll:o,contentLabel:r(l.channelDrawerContentLabel),showCloseButton:!0,className:"channel-navigation-drawer"},i.createElement(x.E0,null,i.createElement($,{storeKey:e.key,dataUrl:e.apiEndpoint,hasAtoZIndex:e.hasAtoZIndex,loaderType:a,hasFilter:e.hasFilter,filterLabel:e.filterLabel}))):null)({activeFilter:q,drawerState:D,setDrawerState:_,hideDrawerScroll:p,loaderType:b,formatMessage:G}),(({secondaryNavState:e,onClose:t,secondaryMenuProps:n,showExternalProfileLink:o,isAccountsEnabled:a,accountProps:r,user:s})=>{const l=!a&&o,{utilityLinks:d,primaryLinks:c,secondaryLinks:m,socialIconsProps:u,secondaryMenuSignInLabel:p,secondaryMenuSignInLink:g}=n||{},h=l?void 0:r;return i.createElement(x.s3,{isOpen:e,onClose:t,contentLabel:"Navigation Menu"},i.createElement(x.PU,null,i.createElement(v.A,{contentAlign:"center",user:l?{isAuthenticated:!1}:s,isAccountsEnabled:!!l||a,accountProps:h,utilityLinks:d,primaryLinks:c,secondaryLinks:m,socialIconsProps:u,secondaryMenuSignInLabel:p,secondaryMenuSignInLink:g}
1034)))})({secondaryNavState:P,onClose:z,secondaryMenuProps:I,showExternalProfileLink:B,isAccountsEnabled:h,accountProps:e,user:K})):null},H=r().shape({text:r().string,key:r().string,apiEndpoint:r().string});N.propTypes={configuredComponentRef:r().func,accountProps:r().object,activeLinkIndex:r().number,activeSubnavItem:r().string,channelNavigationLinks:r().arrayOf(H),channelNavigationLogoBaseUrl:r().string,componentConfig:r().shape({ConnectedNavigation:r().shape({settings:r().shape({navPattern:r().string})})}),hideDrawerScroll:r().bool,hideLinksOnMobile:r().bool,isAccountsEnabled:r().bool,isFixed:r().bool,loaderType:r().string,logo:r().object,onNavigationLinkClick:r().func,overrideChannelNavigationLinks:r().arrayOf(H),scrollViewLogo:r().object,secondaryMenuProps:r().object,showExternalProfileLink:r().object,subnav:r().array,user:r().shape({isAuthenticated:r().bool.isRequired})},N.displayName="ChannelNavigation";const I=(0,d.M3)(N,{keysToPluck:["user","isAccountsEnabled","accountProps","componentConfig"]}),B=(0,o.y)(I,"ChannelNavigation")},63500(e,t,n){n.d(t,{C1:()=>S,E0:()=>I,NU:()=>x,Ny:()=>O,PA:()=>k,PU:()=>_,WV:()=>N,Ye:()=>D,b5:()=>T,dF:()=>L,fX:()=>K,iM:()=>H,nj:()=>v,r1:()=>C,s3:()=>B,wF:()=>A,zb:()=>E});var o=n(38267),i=n(26865),a=n(52813),r=n(96472),s=n(99906),l=n(73730),d=n(50531),c=n(34520),m=n(37384),u=n(86659),p=n(50152),g=n(90098),h=n(71862),y=n(32788),b=n(40653),f=n(81591),w=n(17514);const $=o.AH` 1035 /* Hidden on mobile because it overlaps with the logo */ 1036 display: none; 1037 1038 ${(0,i.Xm)(r.LO.md,`${s.VS.lg}px`)} { 1039 display: ${({isFixed:e,isScrollingDown:t})=>!e&&t?"none":"flex"}; 1040 } 1041 1042 // Show on screens where there is enough space 1043 ${(0,i.H4)("1400px")} { 1044 display: flex; 1045 } 1046`,v=o.Ay.nav.withConfig({displayName:"ChannelNavigationWrapper"})` 1047 position: relative; 1048 z-index: ${r.KV.persistentTopLayer}; 1049 max-height: ${(0,i.Kq)(24)}; 1050 ${({isFixed:e})=>e&&"\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n "}; 1051`;v.displayName="ChannelNavigationWrapper";const C=o.Ay.div.withConfig({displayName:"ChannelNavigationContainer"})` 1052 position: relative; 1053 ${({hideLinksOnMobile:e})=>`padding-bottom: ${(0,i.Kq)(e?0:7)};`} 1054 1055 @media (min-width: ${r.LO.md}) { 1056 border-bottom: 1px solid rgba(51, 51, 51, 1); 1057 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 1058 background: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")}; 1059 padding-bottom: 0; 1060 } 1061`,k=o.Ay.div.withConfig({displayName:"ChannelNavigationContent"})` 1062 display: flex; 1063 position: relative; 1064 flex-wrap: wrap; 1065 z-index: 1; 1066 margin: 0 auto; 1067 border-bottom: 1px solid 1068 ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.divider")}; 1069 background: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")}; 1070 @media (min-width: ${r.LO.lg}) { 1071 flex-wrap: ${({isScrollingDown:e})=>e?"nowrap":"wrap"}; 1072 } 1073`,A=o.Ay.div.withConfig({displayName:"ChannelNavigationLogoWrapper"})` 1074 display: flex; 1075 justify-content: center; 1076 margin: 0 auto; 1077 padding: ${(0,i.Kq)(1)}; 1078 1079 @media (min-width: ${r.LO.lg}) { 1080 ${({isScrollingDown:e})=>e?`\n left: ${(0,i.Kq)(3)};\n position: absolute;\n padding: ${(0,i.Kq)(1)};\n width: unset;\n `:`\n width:100vw; \n padding: ${(0,i.Kq)(1)} 0;\n `} 1081 } 1082`,x=(0,o.Ay)(m.A).withConfig({displayName:"ChannelNavigationLogo"})` 1083 width: ${(0,i.Kq)(12)}; 1084 @media (min-width: ${r.LO.lg}) { 1085 display: flex; 1086 padding: ${(0,i.Kq)(1)} 0; 1087 width: ${(0,i.Kq)(21)}; 1088 height: ${(0,i.Kq)(11)}; 1089 ${({isScrollingDown:e})=>e&&`\n ${(0,a.Ic)()}\n `}; 1090 } 1091`,E=(0,o.Ay)(m.A).withConfig({displayName:"ChannelNavigationScrollViewLogo"})` 1092 @media (max-width: ${r.LO.lg}) { 1093 ${(0,a.Ic)()} 1094 } 1095 padding: ${(0,i.Kq)(.5)} 0; 1096 width: ${(0,i.Kq)(10.375)}; 1097 height: unset; 1098`,S=(0,o.Ay)(u.A.NoMargins).withConfig({displayName:"ChannelNavigationLinksWrapper"})` 1099 > ${b.E} { 1100 grid-column: 1 / -1; 1101 text-align: center; 1102 overflow-x: auto; 1103 overflow-y: hidden; 1104 white-space: nowrap; 1105 -webkit-overflow-scrolling: touch; 1106 1107 /* Hide scrollbars */ 1108 scrollbar-width: none; /* Firefox */ 1109 -ms-overflow-style: none; /* IE and Edge */ 1110 1111 &::-webkit-scrollbar {
1112 display: none; /* Chrome, Safari, Opera */ 1113 } 1114 1115 @media (min-width: ${r.LO.md}) { 1116 grid-column: 2 / span 10; 1117 margin: 0 auto; 1118 } 1119 } 1120 1121 position: absolute; 1122 top: auto; 1123 transition: transform 0.5s ease-in-out; 1124 background: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")}; 1125 width: 100%; 1126 1127 ${({isScrollingDown:e})=>e?"transform: translateY(-100%);":"transform: translateY(0%);"} 1128 1129 && { 1130 --grid-gap: ${(0,i.Kq)(1)}; 1131 @media (min-width: ${r.LO.lg}) { 1132 display: grid; 1133 position: initial; 1134 align-items: center; 1135 justify-content: center; 1136 transform: none; 1137 margin: ${(0,i.Kq)(2)} auto; 1138 } 1139 } 1140 1141 ${({$isFixed:e,$shouldCollapseFixedLinks:t})=>e&&!t&&o.AH` 1142 @media (min-width: ${r.LO.md}) { 1143 display: grid; 1144 position: initial; 1145 align-items: center; 1146 justify-content: center; 1147 transform: none; 1148 margin: ${(0,i.Kq)(2)} auto; 1149 } 1150 `} 1151 1152 @media (max-width: ${s.VS.lg}px) { 1153 ${({hideLinksOnMobile:e})=>e?`${(0,a.Ic)()};`:`padding: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(2)}\n ${(0,i.Kq)(3)};\n `} 1154 } 1155 1156 &::after { 1157 position: absolute; 1158 right: 0; 1159 bottom: ${(0,i.Kq)(2)}; 1160 background: linear-gradient( 1161 to right, 1162 rgba(0, 0, 0, 0.01) 31.25%, 1163 ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")} 1164 100% 1165 ); 1166 width: ${(0,i.Kq)(6)}; 1167 height: ${(0,i.Kq)(8)}; 1168 content: ''; 1169 pointer-events: none; 1170 } 1171`,L=o.Ay.ul.withConfig({displayName:"ChannelNavigationLinksList"})` 1172 display: flex; 1173 margin: 0 auto; 1174 list-style: none; 1175 text-align: center; 1176 padding-inline-start: 0; 1177 1178 @media (max-width: ${r.LO.md}) { 1179 ${({hideLinksOnMobile:e})=>e?`${(0,a.Ic)()};`:""} 1180 } 1181`,T=o.Ay.li.withConfig({displayName:"ChannelNavigationLinkItem"})` 1182 padding-right: ${(0,i.Kq)(2)}; 1183 1184 @media (min-width: ${r.LO.md}) { 1185 margin-right: 0; 1186 padding-right: ${(0,i.Kq)(3)}; 1187 } 1188 1189 &:last-child { 1190 padding-right: 0; 1191 } 1192`,N=o.Ay.a.withConfig({displayName:"ChannelNavigationLink"})` 1193 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")} 1194 1195 position: relative; 1196 border: none; 1197 min-width: auto; 1198 text-decoration: none; 1199 white-space: nowrap; 1200 color: rgb( 1201 ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.link",{rgbOnly:!0})}, 1202 ${({isActive:e})=>e?"1":"0.6"} 1203 ); 1204 1205 &:hover { 1206 color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.link-hover")}; 1207 } 1208 1209 /* Highlight indicator for new links (e.g., Schedule) */ 1210 ${({isHighlighted:e,theme:t})=>e&&o.AH` 1211 padding-left: ${(0,i.Kq)(2)}; 1212 1213 &::before { 1214 position: absolute; 1215 top: ${(0,i.Kq)(.6)}; 1216 left: 0; 1217 transform: translateY(-50%); 1218 animation: blink 1.2s ease-in-out infinite; 1219 border-radius: 50%; 1220 background-color: ${(0,i.HK)(t,"colors.interactive.base.light")}; 1221 width: ${(0,i.Kq)(1)}; 1222 height: ${(0,i.Kq)(1)}; 1223 content: ''; 1224 } 1225 1226 @keyframes blink { 1227 0%, 1228 100% { 1229 opacity: 1; 1230 } 1231 1232 50% { 1233 opacity: 0.3; 1234 } 1235 } 1236 `} 1237`,H=(0,o.Ay)(c.A.Right).withConfig({displayName:"ChannelNavigationChannelDrawer"})` 1238 &&& { 1239 ${({hideDrawerScroll:e})=>e&&"\n height: 100%;\n "} 1240 } 1241 @media (min-width: ${r.LO.md}) { 1242 width: ${(0,i.Kq)(50)}; 1243 max-width: ${(0,i.Kq)(50)}; 1244 1245 && { 1246 height: 100%; 1247 } 1248 } 1249`,I=o.Ay.div.withConfig({displayName:"ChannelNavigationGroupedNavigation"})` 1250 padding: 0 ${(0,i.Kq)(4)} ${(0,i.Kq)(2)}; 1251 height: 100%; 1252`,B=(0,o.Ay)(c.A).withConfig({displayName:"ChannelNavigationGlobalDrawer"})` 1253 &&& { 1254 height: 100vh; 1255 } 1256`,O=o.Ay.div.withConfig({displayName:"ChannelNavigationConsumerMarketingWrapper"})` 1257 ${$} 1258 1259 position: absolute; 1260 top: ${({isScrollingDown:e})=>e?(0,i.Kq)(1.9):(0,i.Kq)(14.9)}; 1261 right: ${(0,i.Kq)(24)}; 1262 1263 ${(0,i.Xm)(r.LO.md,`${s.VS.lg}px`)} { 1264 top: ${(0,i.Kq)(.8)}; 1265 right: ${(0,i.Kq)(16)}; 1266 z-index: 1; 1267 } 1268 1269 .nav-cta__component { 1270 &:hover, 1271 &:focus, 1272 &:focus-within { 1273 ~ .nav-rollover__component > div { 1274 ${y.Rw} 1275 } 1276 } 1277 } 1278 1279 .nav-rollover__component > div { 1280 ${y.Er} 1281 display: none; 1282 right: 0; 1283 1284 @media (min-width: ${r.LO.xl}) { 1285 display: flex; 1286 } 1287 } 1288 1289 .nav-rollover__component > div { 1290 &:hover, 1291 &:focus, 1292 &:focus-within { 1293 ${y.Rw} 1294 } 1295 } 1296`,K=(0,o.Ay)(p.A).withConfig({displayName:"ChannelNavigationAccount"})` 1297 position: absolute; 1298 right: ${(0,i.Kq)(3)}; 1299 border: none; 1300 background: transparent; 1301 padding: ${(0,i.Kq)(1)} ${(0,i.Kq)(1.5)}; 1302 1303 @media (min-width: ${r.LO.md}) { 1304 left: inherit; 1305 padding: 0; 1306 min-width: auto; 1307 } 1308 1309 &&&.standard-navigation-account { 1310 position: absolute; 1311 top: ${({isScrollingDown:e})=>e?(0,i.Kq)(1.4):(0,i.Kq)(14.4)}; 1312 margin-right: ${({isAccountWithAvatar:e})=>e?(0,i.Kq)(4):(0,i.Kq)(3)}; 1313 margin-left: ${(0,i.Kq)(1.5)}; 1314 width: ${(0,i.Kq)(12)}; 1315 height: ${(0,i.Kq)(6)}; 1316 white-space: nowrap; 1317 } 1318 1319 ${w.U7} { 1320 white-space: normal; 1321 } 1322 1323 @media (max-width: ${r.LO.lg}) { 1324 // The below line is to surface SignIn in mobile devices with avatar enabled 1325 // and hide the SignIn in mobile devices if avatar is not enabled 1326 ${({isAccountWithAvatar:e})=>!e&&"display: none;"} 1327 &&&.standard-navigation-account { 1328 top: ${(0,i.Kq)(.4)}; 1329 z-index: 1; 1330 margin-right: ${(0,i.Kq)(2)}; 1331 } 1332 } 1333 1334 ${h.Z_} { 1335 justify-content: flex-end; 1336 color: ${({theme:e})=>(0,i.HK)(e,"colors.interactive.base.white")}; 1337 1338 &:hover, 1339 &:link, 1340 &:visited, 1341 &:active { 1342 color: ${({theme:e})=>(0,i.HK)(e,"colors.interactive.base.white")}; 1343 1344 svg { 1345 path { 1346 fill: ${({theme:e})=>(0,i.HK)(e,"colors.interactive.base.white")}; 1347 } 1348 } 1349 } 1350 1351 ${h.wG}:hover { 1352 ${({theme:e})=>(0,i._o)(e,"background","colors.interactive.base.dark")}; 1353 border-color: transparent; 1354 } 1355 1356 // Journey divider follows the same rules as the Journey nav-cta unit. 1357 ${h.kc} { 1358 ${$} 1359 } 1360 } 1361 1362 .standard-navigation-account--icon, 1363 ${h.of} { 1364 svg { 1365 path { 1366 fill: ${({theme:e})=>(0,i.HK)(e,"colors.interactive.base.white")}; 1367 } 1368 } 1369 } 1370 1371 ${h.vs} { 1372 top: ${(0,i.Kq)(6)}; 1373 right: ${(0,i.Kq)(.8)}; 1374 background-color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")}; 1375 color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.link")}; 1376 1377 &::before, 1378 &::after { 1379 content: none; 1380 } 1381 1382 @media (min-width: ${r.LO.md}) { 1383 right: ${(0,i.Kq)(.4)}; 1384 } 1385 } 1386 1387 ${h.vs} .account-links__navigation { 1388 background-color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")}; 1389 1390 .navigation__list-item { 1391 &:hover { 1392 background-color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.background")}; 1393 } 1394 1395 .navigation__link { 1396 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-secondary")}; 1397 color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.inverted.link")}; 1398 } 1399 } 1400 } 1401 1402 ${h.Gy} { 1403 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.inverted.body")}; 1404 @media (max-width: ${r.LO.lg}) { 1405 display: none; 1406 } 1407 } 1408 1409 ${h.vs} 1410 1411 ${f.H}.account-links__sign-out { 1412 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-secondary")}; 1413 color: ${(0,i.HK)("colors.consumption.lead.inverted.link")}; 1414 1415 &:hover { 1416 background-color: ${(0,i.HK)("colors.consumption.lead.standard.divider")}; 1417 color: ${(0,i.HK)("colors.consumption.lead.standard.link")}; 1418 } 1419 } 1420 1421 ${h.gB} { 1422 top: ${(0,i.Kq)(6.75)}; 1423 background-color: ${(0,i.HK)("colors.interactive.base.black")}; 1424 ${({theme:e})=>(0,i._o)(e,"border-color","colors.discovery.body.black.border")}; 1425 1426 ${(0,i.L7)(r.LO.md)} { 1427 left: -${(0,i.Kq)(29)}; 1428 } 1429 1430 .alert-arrow { 1431 &::before { 1432 border-color: transparent transparent 1433 ${(0,i.HK)("colors.discovery.body.black.border")}; 1434 } 1435 1436 &::after { 1437 border-color: transparent transparent 1438 ${(0,i.HK)("colors.interactive.base.black")}; 1439 } 1440 } 1441 1442 .alert-message { 1443 padding: ${(0,i.Kq)(3)} ${(0,i.Kq)(2)}; 1444 max-width: fit-content; 1445 white-space: normal; 1446 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.lead.inverted.context-signature")}; 1447 } 1448 1449 .close-alert-button { 1450 svg { 1451 ${({theme:e})=>(0,i._o)(e,"fill","colors.interactive.base.white")}; 1452 } 1453 } 1454 } 1455`,D=(0,o.Ay)(l.A.Utility).withConfig({displayName:"ChannelNavigationToggle"})` 1456 position: absolute; 1457 top: ${(0,i.Kq)(1.75)}; 1458 right: ${(0,i.Kq)(2)}; 1459 z-index: ${(0,i.fl)("dropdown")}; 1460 border: none; 1461 background: transparent; 1462 padding: ${(0,i.Kq)(1)} ${(0,i.Kq)(1.5)}; 1463 width: ${(0,i.Kq)(4)}; 1464 height: ${(0,i.Kq)(4)}; 1465 @media (min-width: ${r.LO.lg}) { 1466 top: ${({isScrollingDown:e})=>e?(0,i.Kq)(2.5):(0,i.Kq)(15.5)}; 1467 left: inherit; 1468 padding: 0; 1469 min-width: auto; 1470 } 1471 1472 & > div { 1473 position: absolute; 1474 } 1475 1476 .icon-menu { 1477 width: initial; 1478 height: initial; 1479 } 1480 1481 .icon-close { 1482 width: initial; 1483 height: initial; 1484 } 1485 1486 svg path { 1487 fill: currentColor; 1488 stroke: currentColor; 1489 } 1490 1491 &:focus { 1492 outline: 2px auto -webkit-focus-ring-color; 1493 border: unset; 1494 background: transparent; 1495 } 1496 1497 &:hover { 1498 border-width: unset; 1499 border-style: none; 1500 border-color: transparent; 1501 background: transparent; 1502 ${(0,i._o)("color","colors.consumption.lead.inverted.link-hover")}; 1503 } 1504 1505 ${d.ny} { 1506 padding-bottom: ${(0,i.Kq)(.4)}; 1507 } 1508`,_=o.Ay.div.withConfig({displayName:"ChannelNavigationSecondaryMenu"})` 1509 padding-top: ${(0,i.Kq)(8)}; 1510 height: 100%; 1511 ${g.jZ} { 1512 display: block; 1513 } 1514 1515 @media (min-width: ${r.LO.lg}) { 1516 padding-top: ${(0,i.Kq)(12)}; 1517 ${g.jZ} { 1518 display: none; 1519 } 1520 } 1521`},22043(e,t,n){n.d(t,{A:()=>T});var o=n(32485),i=n.n(o),a=n(96540),r=n(5556),s=n.n(r),l=n(38798),d=n(45135),c=n(10553),m=n(73347),u=n(92809),p=n(53499),g=n(38267),h=n(96472),y=n(1123),b=n(26865),f=n(33500);const w=g.Ay.div.withConfig({displayName:"Container"})` 1522 figure {
1523 max-width: 75%; 1524 } 1525`,$=g.Ay.div.withConfig({displayName:"ContainerWithMargins"})` 1526 ${(0,y.VO)()} 1527 ${(0,y.aU)("padding")} 1528 1529 figure { 1530 max-width: 100%; 1531 } 1532 @media (min-width: ${h.LO.xxl}) { 1533 margin: 0 auto; 1534 max-width: ${(0,b.Kq)(200)}; 1535 ${({hasTeaser:e})=>e&&"max-width: inherit;"} 1536 } 1537`,v=g.Ay.div.withConfig({displayName:"Dek"})` 1538 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.consumptionEditorial.body-core")}; 1539 1540 align-items: center; 1541 margin: auto 25%; 1542 text-align: center; 1543 1544 a { 1545 ${({theme:e})=>(0,b._o)(e,"color","colors.interactive.base.black")}; 1546 } 1547 1548 @media (max-width: ${h.LO.md}) { 1549 margin: auto 0; 1550 } 1551`,C=g.Ay.div.withConfig({displayName:"Hed"})` 1552 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.consumptionEditorial.hed-standard")}; 1553 1554 align-items: center; 1555 margin: auto 25% ${(0,b.Kq)(4)}; 1556 text-align: center; 1557 1558 @media (max-width: ${h.LO.md}) { 1559 margin: auto 0 ${(0,b.Kq)(4)}; 1560 } 1561`,k=g.AH` 1562 margin-top: 3.5rem; 1563`,A=g.AH` 1564 margin-bottom: 3.5rem; 1565`,x=g.Ay.div.withConfig({displayName:"Wrapper"})` 1566 ${({hasTopMargin:e})=>e&&k} 1567 ${({hasBottomMargin:e})=>e&&A} 1568 1569 figure { 1570 margin-bottom: ${(0,b.Kq)(6)}; 1571 1572 @media (max-width: ${h.LO.md}) { 1573 margin-bottom: ${(0,b.Kq)(3)}; 1574 } 1575 } 1576 1577 ${f.QW} { 1578 ${({isSpecialTheme:e,theme:t})=>e&&`\n ${(0,b._o)(t,"background-color","colors.consumption.lead.special.background")};\n `} 1579 1580 ${f.bU} { 1581 ${({isSpecialTheme:e,theme:t})=>e&&`${(0,b._o)(t,"color","colors.background.white")};`} 1582 } 1583 } 1584`,E=g.Ay.div.withConfig({displayName:"Content"})` 1585 display: flex; 1586 flex-direction: column; 1587 align-items: center; 1588 1589 @media (max-width: ${h.LO.md}) { 1590 .hed { 1591 margin: auto 5% 20px; 1592 } 1593 1594 .dek { 1595 margin: auto 5%; 1596 } 1597 } 1598`;v.displayName="Dek",C.displayName="Hed";const S=e=>{const t=e?.toString().split("|")||[],n=Object.keys(u.k);return!!t.find(e=>n.includes(e))},L=({dangerousDek:e,dangerousHed:t,functionalTags:n,hasBottomMargin:o,hasGridWithMargins:r=!1,hasTopMargin:s,isSpecialTheme:l=!1,isBundle:d=!1,items:u=[],shouldHaveTeaser:g=!1,shouldUseBundleData:h=!1,shouldHideCNEVideoDek:y=!1,videoEmbedPosition:b="",sectionTitleVariation:f})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"CNEVideo"})},[]);const k=m.Ay[f]||m.Ay,A=!S(n);return u?.map((m,u)=>{const{scriptUrl:p,hed:f,dek:L,animationClip:T,categories:N,isLive:H,title:I}=m||{},B=h&&e,O=(({hasGridWithMargins:e})=>{let t=w;return e&&(t=$),t})({hasGridWithMargins:r});return a.createElement(O,{key:u,className:i()({"verso-bundle-cne-embed--grid-with-margins":r}),hasTeaser:S(n)},a.createElement(x,{hasBottomMargin:o,hasTopMargin:s,isSpecialTheme:l},t&&a.createElement(k,{dangerousHed:t,dangerousDek:e,hasDividerAbove:!0,hasDividerBelow:!0,textAlign:"center","data-testid":"section-title"}),p&&a.createElement(c.A,{animationClip:T,categories:N,isLive:H,scriptUrl:p,shouldHaveTeaser:g,title:I,isBundle:d,videoEmbedPosition:b}),!y&&A&&(f||L||B)&&a.createElement(E,null,B?a.createElement(v,{dangerouslySetInnerHTML:{__html:e}}):a.createElement(a.Fragment,null,f&&a.createElement(C,{className:"hed"},f),L&&a.createElement(v,{className:"dek"},L)))))})};L.propTypes={dangerousDek:s().string,dangerousHed:s().string,functionalTags:s().string,hasBottomMoargin:s().bool,hasGridWithMargins:s().bool,hasTopMoargin:s().bool,isSpecialTheme:s().bool,items:s().array,sectionTitleVariation:s().string,shouldHaveTeaser:s().bool,shouldHideCNEVideoDek:s().bool,shouldUseBundleData:s().bool},L.displayName="CNEVideo";const T=(0,d.Ng)(e=>{const{functionalTags:t}=e.coreDataLayer?.content||{};return{functionalTags:t}})((0,l.Ay)(L))},11499(e,t,n){n.d(t,{L:()=>u});var o=n(96540),i=n(32485),a=n.n(i),r=n(38267),s=n(45898),l=n(75163),d=n(26865);const c=r.Ay.div.withConfig({displayName:"TextBadgeWrapper"})` 1599 grid-area: ${({position:e})=>e}; 1600 justify-self: ${({position:e})=>(0,s.W)(e)}; 1601 align-self: ${({position:e})=>(0,s.v)(e)}; 1602 1603 display: flex; 1604 max-width: calc(100% - 96px); 1605 background: var(${l.pT.Color.SurfaceCardActive}); 1606 color: var(${l.pT.Color.TextCardActive}); 1607 padding: 4px 8px; 1608 border-radius: 20px; 1609 justify-content: right; 1610 margin: 8px; 1611 1612 @container (max-width: 300px) { 1613 max-width: calc(100% - 72px); 1614 padding: 2px 4px; 1615 top: 4px; 1616 right: 4px; 1617 } 1618 1619 @container (max-width: 155px) { 1620 display: none; 1621 } 1622`,m=r.Ay.div.withConfig({displayName:"TextBadgeText"})` 1623 ${(0,d.Gg)("typography.definitions.globalEditorial.tags")}; 1624 overflow: hidden; 1625 text-overflow: ellipsis; 1626 white-space: nowrap; 1627`;function u({config:e,className:t}){return null==e?null:o.createElement(c,{position:e.position,className:a()(t,`${l.pT.Component.Badge}`),"data-testid":"text-badge"},o.createElement(m,null,e.badgeText))}},45898(e,t,n){var o,i;n.d(t,{W:()=>a,v:()=>r}),function(e){e.LEFT="left",e.RIGHT="right"}(o||(o={})),function(e){e.END="end",e.START="start"}(i||(i={}));function a(e){return e.includes(o.LEFT)?o.LEFT:o.RIGHT}function r(e){return e.includes("top")?i.START:i.END}},46523(e,t,n){n.d(t,{j:()=>Qt});var o=n(96540),i=n(38267),a=n(32485),r=n.n(a),s=n(50104),l=n.n(s),d=n(96756),c=n(13465),m=n(90698),u=n(99906);const p=u.hg;var g,h,y;!function(e){e.TOP_LEFT="top-left",e.TOP_RIGHT="top-right",e.BOTTOM_LEFT="bottom-left",e.BOTTOM_RIGHT="bottom-right"}(g||(g={})),function(e){e.LEFT="left",e.RIGHT="right",e.CENTER="center"}(h||(h={})),function(e){e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(y||(y={}));class b{static getVisibilityMediaQueries(e,t){return Object.entries(e).map(([e,n])=>`\n @media (min-width: ${u.Vh[e]}px) {\n display: ${n.includes(t)?"block":"none"};\n }\n `)}static generateCSSMediaQueries(e,t){return Object.entries(t).map(([t,n])=>`\n @media (min-width: ${u.Vh[t]}px) {\n ${e}: ${n};\n }\n `)}}class f{static generateAlignmentCSS(e,t="text-align"){if("string"==typeof e)return`${t}: ${e};`;return b.generateCSSMediaQueries(t,e).join("\n")}static getAlignmentForBreakpoint(e,t="sm"){if("string"==typeof e)return e;const n=["sm","md","lg","xl","xxl","xxxl"];for(let o=n.indexOf(t);o>
1627=0;o--){const t=n[o];if(void 0!==e[t])return e[t]}return h.LEFT}static isValidAlignmentConfig(e){if("string"==typeof e&&Object.values(h).includes(e))return!0;if("object"!=typeof e||null===e)return!1;const t=["sm","md","lg","xl","xxl","xxxl"],n=Object.values(h);return Object.keys(e).every(o=>t.includes(o)&&n.includes(e[o]))}static mergeAlignmentConfigs(...e){const t=e.filter(e=>void 0!==e);if(0===t.length)return;const n=t.filter(e=>"string"==typeof e);if(n.length>0)return n[n.length-1];const o=t.filter(e=>"object"==typeof e);return 0!==o.length?o.reduce((e,t)=>({...e,...t}),{}):void 0}static generateFloatCSS(e){if("string"==typeof e)return`float: ${f.getFloatValue(e)};`;const t={};Object.entries(e).forEach(([e,n])=>{t[e]=f.getFloatValue(n)});return b.generateCSSMediaQueries("float",t).join("\n")}static getFloatValue(e){switch(e){case h.LEFT:return h.RIGHT;case h.RIGHT:return h.LEFT;default:return h.RIGHT}}}const w=(e,t,n=(e,t)=>void 0===e?t:e)=>{let o=t;return p.reduce((t,i)=>(o=n(e?.[i],o),t[i]=o,t),{})},$={sm:"24px",md:"24px",lg:"48px",xl:"48px",xxl:"64px",xxxl:"64px"},v="contained",C=e=>"full"===e?"none":"1600px",k=(e,t)=>p.reduce((n,o)=>{const i=t[o];return n[o]=i||("full"===e[o]?"0px":$[o]),n},{}),A=e=>p.reduce((t,n)=>(t[n]="full"===e[n]?$[n]:"0px",t),{}),x=!1,E=(e,t)=>void 0===e?t:"number"!=typeof e||!Number.isFinite(e)||e<=0?1:e;class S{static isZeroBorderRadiusValue(e){const t=/^(?:0|0\.0+)(?:[a-z%]*)$/i,n=e.trim().replace(/\//g," ").split(/\s+/).filter(Boolean);return n.length>0&&n.every(e=>t.test(e))}static generateBorderRadiusCSS(e){return e?b.generateCSSMediaQueries("border-radius",e).join(""):""}static getBorderRadiusStyles(e){return e?`${this.generateBorderRadiusCSS(e)}${this.generateOverflowHiddenCSS(e)}`:""}static generateOverflowHiddenCSS(e){return e?Object.keys(e).map(t=>{const n=u.Vh[t],o=e[t];return void 0===n||void 0===o||this.isZeroBorderRadiusValue(o)?"":`\n @media (min-width: ${n}px) {\n overflow: hidden;\n }\n `}).join(""):""}}const L="16px",T="24px",N={gap:{sm:"16px"},padding:{sm:"0px"},margin:{sm:"0px"}},H={gap:{sm:"8px"},padding:{sm:"0px"},margin:{sm:"0px"}};class I{static mergeWithDefaults(e,t=N){return{gap:{...t.gap,...e?.gap},padding:{...t.padding,...e?.padding},margin:{...t.margin,...e?.margin}}}static generateSpacingCSS(e,t){return b.generateCSSMediaQueries(e,t).join("")}static generateAllSpacingCSS(e){return`${this.generateSpacingCSS("gap",e.gap)}${this.generateSpacingCSS("padding",e.padding)}${this.generateSpacingCSS("margin",e.margin)}`}static getThemedSpacingCSS(e,t){const n=t?.themedPadding?{sm:L,xl:T}:void 0,o={...e,padding:e?.padding??n},i=this.mergeWithDefaults(o);return this.generateAllSpacingCSS(i)}}class B{static isStringValid(e){return null!=e&&e.trim().length>0}}class O{static resolveBreakpointValue(e,t){for(let n=p.indexOf(t);n>=0;n--){const t=p[n];if(void 0!==e[t])return e[t]}}static convertConfigToDisplayConfig(e,t){if(!Object.values(e).some(e=>!0===e))return{};const n={};return Object.entries(e).forEach(([e,o])=>{n[e]="hide"===t?o?"none":"block":o?"block":"none"}),n}static generateHideMediaQueries(e,t=""){if(void 0===e)return[];if(!0===e)return[`${t} { display: none; }`];if(!1===e)return[];const n=this.convertConfigToDisplayConfig(e,"hide");return 0===Object.keys(n).length?[]:b.generateCSSMediaQueries("display",n)}static generateShowMediaQueries(e,t=""){if(void 0===e)return[`${t} { display: none; }`];if(!1===e)return[`${t} { display: none; }`];if(!0===e)return[];const n=this.convertConfigToDisplayConfig(e,"show");return 0===Object.keys(n).length?[`${t} { display: none; }`]:[`${t} { display: none; }`,...b.generateCSSMediaQueries("display",n)]}static resolveVisibilityConfig(e,t="sm"){return void 0!==e&&("boolean"==typeof e?e:this.resolveBreakpointValue(e,t)??!1)}static isValidHideConfig(e){if("boolean"==typeof e||void 0===e)return!0;if("object"!=typeof e||null===e)return!1;const t=["sm","md","lg","xl","xxl","xxxl"];return Object.keys(e).every(n=>t.includes(n)&&"boolean"==typeof e[n])}static mergeHideConfigs(...e){const t=e.filter(e=>void 0!==e);if(0===t.length)return;const n=t.filter(e=>"boolean"==typeof e);if(n.length>0)return n[n.length-1];const o=t.filter(e=>"object"==typeof e);return 0!==o.length?o.reduce((e,t)=>
1627({...e,...t}),{}):void 0}}const K=i.Ay.div.withConfig({displayName:"CollageWrapper"})` 1628 container-type: inline-size; 1629 display: grid; 1630 width: 100%; 1631 1632 ${e=>new m.Fb("grid-template-columns","",e.gridTemplateColumns).generateStyleForBreakpoints()}; 1633 1634 ${e=>new m.Fb("grid-template-rows","",e.gridTemplateRows).generateStyleForBreakpoints()}; 1635 1636 ${e=>new m.Fb("align-items","",e.alignItems).generateStyleForBreakpoints()}; 1637 1638 ${e=>new m.Fb("grid-template-areas","",e.layout).generateStyleForBreakpoints()}; 1639 1640 ${({spacing:e,theme:t})=>I.getThemedSpacingCSS(e,t)} 1641 ${({theme:e})=>S.getBorderRadiusStyles(e.borderRadius)} 1642`;var D=n(80471),_=n(54370);var P=n(75163);const R="--collage-list-scroll-gap",q="--collage-scroll-edge-inset",M=e=>e.decorations?.borderWidth?`${e.decorations.borderWidth}px`:"1px",F=(e,t)=>e?p.map(n=>{const o=e[n];if(!o)return"";const i=p.indexOf(n),a=p[i+1];return`\n ${a?`@media (min-width: ${u.Vh[n]}px) and (max-width: ${u.Vh[a]-1}px)`:`@media (min-width: ${u.Vh[n]}px)`} {\n ${t(o)}\n }\n `}).join(""):"",U=i.Ay.div.withConfig({displayName:"ListWrapper"})` 1643 grid-area: ${e=>`list${e.gridArea}`}; 1644 container-type: inline-size; 1645 width: 100%; 1646 height: 100%; 1647 1648 display: grid; 1649 align-content: start; 1650 color: var(${P.pT.Color.TextHeading}); 1651 1652 &[class*='theme-'] { 1653 background: var(${P.pT.Color.Surface}); 1654 } 1655 1656 ${e=>new m.Fb("grid-template-columns","",e.gridTemplateColumns).generateStyleForBreakpoints()}; 1657 1658 ${e=>new m.Fb("grid-template-rows","",e.gridTemplateRows).generateStyleForBreakpoints()}; 1659 1660 ${e=>new m.Fb("align-items","",e.alignItems).generateStyleForBreakpoints()}; 1661 1662 ${e=>new m.Fb("align-content","",e.alignContent).generateStyleForBreakpoints()}; 1663 1664 ${e=>new m.Fb("grid-template-areas","",e.layout).generateStyleForBreakpoints()} 1665 1666 ${({spacing:e,theme:t})=>I.getThemedSpacingCSS(e,t)} 1667 ${({theme:e})=>S.getBorderRadiusStyles(e.borderRadius)} 1668 1669 ${({spacing:e})=>b.generateCSSMediaQueries(R,I.mergeWithDefaults(e).gap)} 1670 1671 ${({$hasDividers:e,$scrollBreakpoints:t,theme:n})=>{const o=M(n),i=e?`calc((var(${R}) * 2) + ${o})`:`var(${R})`;return F(t,e=>`\n grid-template-areas: none;\n grid-template-columns: none;
1671\n grid-template-rows: none;\n grid-auto-flow: column;\n grid-auto-columns: calc(\n (\n 100% + var(${q}, 0px) -\n (${i} * (${e} - 1))\n ) /\n ${e}\n );\n gap: ${i};\n box-sizing: border-box;\n padding-inline: var(${q}, 0px);\n overflow-x: auto;\n overflow-y: hidden;\n scroll-padding-inline: var(${q}, 0px);\n scroll-snap-type: x mandatory;\n scrollbar-width: none;\n -ms-overflow-style: none;\n -webkit-overflow-scrolling: touch;\n\n &::-webkit-scrollbar {\n display: none;\n }\n `)}} 1672`,V=i.Ay.div.withConfig({displayName:"ListItem"})` 1673 display: contents; 1674 1675 ${({$scrollBreakpoints:e,$hasDividers:t,theme:n})=>{const o=M(n);return F(e,()=>`\n display: block;\n grid-area: auto;\n width: 100%;\n min-width: 0;\n position: relative;\n scroll-snap-align: start;\n\n ${t?`\n &:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 0;\n right: calc((var(${R}) + ${o}) * -1);\n width: ${o};\n height: 100%;\n background: var(${P.pT.Color.Divider});\n }\n `:""}\n `)}} 1676`,G=i.Ay.div.withConfig({displayName:"ListDividers"})` 1677 display: contents; 1678 1679 ${({$scrollBreakpoints:e})=>F(e,()=>"\n display: none;\n ")} 1680`,W="card";class j extends m.xg{constructor(e){super(),this.assetConfigs=e}getStyleForBreakpoint(e){return[["aspect-ratio",z(this.assetConfigs[e]?.aspectRatio)]]}}function z(e){if(null==e)return"";const[t,n]=e.split(":");return`${t} / ${n}`}var Y=n(26865);class X{static getFluidTypographStyles(e,t){const n=(0,Y.nv)(e,t),o=(0,Y.nv)(e,`typography.typefaces.${n.family}`),i=o?.fontvariant?.slice(1,-1)||"";return`\n ${`text-transform: ${n.case};`}\n ${X.getFontFamilyValue(e,n)}\n ${`font-style: ${n.style};`}\n ${`letter-spacing: ${n["letter-spacing"]};`}\n ${`font-variant-ligatures: ${n.ligatures};`}\n ${`font-variant: ${i};`}\n ${`font-weight: ${n.weight};`}\n ${`line-height: ${n["line-height"]};`}\n ${X.getClampValue("font-size",n["font-size"])}\n `}static getFontFamilyValue(e,t){const n=(0,Y.nv)(e,`typography.typefaces.${t.family}`),o=n?.fallback?.slice(1,-1)||"";return`font-family: ${t.family}, ${o};`}static getClampValue(e,t){return`${e}: clamp(${t.min}, ${t["clamp-ratio"]}, ${t.max});`}}const Z=i.Ay.h3.withConfig({displayName:"HeadlineWrapper"})` 1681 grid-area: headline; 1682 text-align: match-parent; 1683 text-wrap: pretty; 1684 1685 padding: 0; 1686 margin: 0; 1687 1688 .small { 1689 text-transform: lowercase; 1690 font-style: normal; 1691 font-variant: small-caps; 1692 } 1693 1694 &:hover { 1695 text-decoration: underline; 1696 } 1697 1698 ${({theme:e,hedToken:t})=>X.getFluidTypographStyles(e,`typography.definitions.fluid.${t??"headline-md"}`)} 1699 color: var(${P.pT.Color.TextHeading}); 1700`,J=i.Ay.a.withConfig({displayName:"HeadlineLink"})` 1701 color: inherit; 1702 text-decoration: none; 1703`,Q=i.Ay.span.withConfig({displayName:"RubricWrapper"})` 1704 grid-area: rubric; 1705 text-align: inherit; 1706 width: 100%; 1707 1708 ${(0,Y.Gg)("typography.definitions.globalEditorial.context-primary")} 1709 1710 color: var(${P.pT.Color.TextRubric}); 1711 1712 ${e=>e.hideRubric&&"object"==typeof e.hideRubric?O.generateHideMediaQueries(e.hideRubric).join("\n"):""} 1713`,ee=i.Ay.span.withConfig({displayName:"RubricContent"})` 1714 display: inline-flex; 1715 align-items: center; 1716`,te=i.Ay.a.withConfig({displayName:"RubricLink"})` 1717 color: inherit; 1718 text-decoration: none; 1719 1720 &:hover, 1721 &:focus { 1722 text-decoration: underline; 1723 } 1724`;var ne=n(74423);const oe=i.Ay.div.withConfig({displayName:"BylineWrapper"})` 1725 grid-area: byline; 1726 text-align: match-parent; 1727 color: var(${P.pT.Color.TextByline}); 1728 1729 /* Collage owns info-block spacing, so neutralize the shared Byline's initial top margin on desktop. */ 1730 @media (min-width: ${u.Vh.lg}px) { 1731 .bylines__byline:first-child { 1732 margin-top: 0; 1733 } 1734 } 1735 1736 ${ne.QW} { 1737 color: inherit; 1738 text-decoration: none; 1739 1740 &:hover, 1741 &:focus { 1742 text-decoration: underline; 1743 } 1744 } 1745 1746 ${e=>e.hideByline&&"object"==typeof e.hideByline?O.generateHideMediaQueries(e.hideByline).join("\n"):""} 1747`,ie=i.Ay.div.withConfig({displayName:"ItemsCountWrapper"})` 1748 grid-area: items-count; 1749 text-align: match-parent; 1750 ${({theme:e})=>(0,Y.C_)(e,"typography.definitions.globalEditorial.numerical-small")} 1751 ${(0,Y.Gg)("typography.definitions.globalEditorial.numerical-small")} 1752 color: var(${P.pT.Color.TextSubtle}); 1753 1754 ${e=>e.hideItemsCount&&"object"==typeof e.hideItemsCount?O.generateHideMediaQueries(e.hideItemsCount).join("\n"):""} 1755`,ae=i.Ay.div.withConfig({displayName:"PublishedDateWrapper"})` 1756 grid-area: published-date; 1757 text-align: match-parent; 1758 ${(0,Y.Gg)("typography.definitions.globalEditorial.context-tertiary")} 1759 color: var(${P.pT.Color.TextPubdate}); 1760 1761 ${e=>e.hidePublishedDate&&"object"==typeof e.hidePublishedDate?O.generateHideMediaQueries(e.hidePublishedDate).join("\n"):""} 1762`,re=i.Ay.div.withConfig({displayName:"RatingWrapper"})` 1763 width: 100%; 1764 grid-area: rating; 1765 container-type: inline-size; 1766 1767 ${e=>b.generateCSSMediaQueries("grid-template-areas",e.cardLayout)}; 1768`,se=i.Ay.div.withConfig({displayName:"RatingContent"})` 1769 display: flex; 1770 flex-wrap: wrap; 1771 align-items: center; 1772 gap: 8px; 1773 1774 ${({alignment:e})=>f.generateAlignmentCSS(e)} 1775 1776 ${({spacing:e})=>{const t=I.mergeWithDefaults(e,H);return I.generateAllSpacingCSS(t)}} 1777`,le=i.Ay.div.withConfig({displayName:"RatingScoreCircle"})` 1778 display: inline-flex; 1779 align-items: center; 1780 justify-content: center; 1781 border: 2px solid var(${P.pT.Color.BorderAccent}); 1782 border-radius: 50%; 1783 width: 44px; 1784 height: 44px; 1785 color: var(${P.pT.Color.TextHeading}); 1786 ${(0,Y.Gg)("typography.definitions.globalEditorial.numerical-large")} 1787`,de=i.Ay.div.withConfig({displayName:"RatingScoreText"})` 1788 color: var(${P.pT.Color.TextHeading}); 1789 ${(0,Y.Gg)("typography.definitions.globalEditorial.context-primary")} 1790`,ce=i.Ay.p.withConfig({displayName:"DekWrapper"})` 1791 margin: 0; 1792 padding: 0; 1793 text-wrap: pretty; 1794 text-align: match-parent; 1795 1796 ${e=>(0,Y.Gg)(e.dekTypographyToken||"typography.definitions.discovery.description-core")} 1797 color: var(${P.pT.Color.TextDek}); 1798 1799 ${e=>e.hideDek&&"object"==typeof e.hideDek?O.generateHideMediaQueries(e.hideDek).join("\n"):""} 1800`,me=i.Ay.div.withConfig({displayName:"DefaultCardWrapper"})` 1801 grid-area: ${e=>`${W}${e.gridArea}`}; 1802 1803 container-type: inline-size; 1804 width: 100%; 1805 display: grid; 1806 align-content: start; 1807 1808 color: var(${P.pT.Color.TextHeading}); 1809 1810 &[class*='theme-'] { 1811 background: var(${P.pT.Color.Surface}); 1812 } 1813 1814 &:hover { 1815 cursor: pointer; 1816 } 1817 1818 ${({cardLayout:e})=>b.generateCSSMediaQueries("grid-template-areas",e)}; 1819 1820 ${({gridTemplateColumns:e})=>e&&b.generateCSSMediaQueries("grid-template-columns",e)}; 1821 1822 ${({alignItems:e})=>e&&b.generateCSSMediaQueries("align-items",e)}; 1823 1824 ${({spacing:e,theme:t})=>I.getThemedSpacingCSS(e,t)} 1825 ${({theme:e})=>S.getBorderRadiusStyles(e.borderRadius)} 1826`,ue=i.Ay.div.withConfig({displayName:"OverlayCardWrapper"})` 1827 width: 100%; 1828 height: 100%; 1829 position: relative; 1830 overflow: hidden; 1831 1832 grid-area: ${e=>`${W}${e.gridArea}`}; 1833 1834 ${({assetConfigs:e})=>new j(e).generateStyleForBreakpoints()} 1835 1836 container-type: inline-size; 1837 1838 &:hover { 1839 cursor: pointer; 1840 } 1841 1842 color: var(${P.pT.Color.Text}); 1843 1844 ${({theme:e})=>S.generateBorderRadiusCSS(e.borderRadius)} 1845`,pe=i.Ay.div.withConfig({displayName:"OverlayCardContent"})` 1846 width: 100%; 1847 position: absolute; 1848 left: 0; 1849 1850 display: grid; 1851 1852 ${({overlayDirection:e})=>function(e){switch(e){case"top":return i.AH` 1853 align-content: end; 1854 bottom: 0; 1855 background: var(${P.pT.Color.OverlayStrong180deg}); 1856 `;case"bottom":return i.AH` 1857 align-content: start; 1858 top: 0; 1859 background: var(${P.pT.Color.OverlayStrong0deg}); 1860 `;default:return""}}(e)}; 1861 1862 ${({cardLayout:e})=>b.generateCSSMediaQueries("grid-template-areas",e)}; 1863 1864 ${({spacing:e})=>{const t=I.mergeWithDefaults(e);return I.generateAllSpacingCSS(t)}} 1865 1866 ${({gridTemplateColumns:e})=>e&&b.generateCSSMediaQueries("grid-template-columns",e)}; 1867 1868 ${({alignItems:e})=>e&&b.generateCSSMediaQueries("align-items",e)}; 1869 1870 z-index: 1; 1871 pointer-events: none; 1872 1873 ${Z}, ${Q}, ${oe}, ${ie}, ${ae}, ${le}, ${de}, ${ne.CR}, ${ne.H1}
1873, ${ce}, ${ne.fh} { 1874 color: var(${P.pT.Color.OverlayInverse}); 1875 pointer-events: auto; 1876 } 1877`;const ge=(0,o.createContext)(null),he=i.Ay.div.withConfig({displayName:"MediaWrapper"})` 1878 grid-area: media; 1879 1880 ${e=>b.generateCSSMediaQueries("grid-template-areas",e.cardLayout)}; 1881 1882 ${({spacing:e})=>{const t=I.mergeWithDefaults(e,H);return I.generateAllSpacingCSS(t)}} 1883 1884 ${({borderRadius:e})=>S.getBorderRadiusStyles(e)} 1885 1886 position: relative; 1887 1888 ${e=>e.hideAsset&&"object"==typeof e.hideAsset?O.generateHideMediaQueries(e.hideAsset).join("\n"):""} 1889`,ye=i.Ay.div.withConfig({displayName:"OverlayMediaWrapper"})` 1890 width: 100%; 1891 height: 100%; 1892 ${({assetConfigs:e})=>new j(e).generateStyleForBreakpoints()} 1893 1894 ${({borderRadius:e})=>S.getBorderRadiusStyles(e)} 1895 1896 .responsive-asset, 1897 .responsive-asset picture, 1898 .responsive-asset img { 1899 width: -webkit-fill-available; 1900 } 1901 1902 ${e=>e.hideAsset&&"object"==typeof e.hideAsset?O.generateHideMediaQueries(e.hideAsset).join("\n"):""} 1903`,be=i.Ay.div.withConfig({displayName:"OverlayMediaContent"})` 1904 width: 100%; 1905 height: 100%; 1906 position: absolute; 1907 left: 0; 1908 top: 0; 1909`,fe=i.Ay.div.withConfig({displayName:"MediaOverlayWrapper"})` 1910 position: absolute; 1911 top: 0; 1912 left: 0; 1913 1914 width: 100%; 1915 height: 100%; 1916 pointer-events: none; 1917 1918 display: grid; 1919 grid-template-areas: 1920 '${g.TOP_LEFT} ${g.TOP_RIGHT}' 1921 '${g.BOTTOM_LEFT} ${g.BOTTOM_RIGHT}'; 1922`,we=i.Ay.div.withConfig({displayName:"MediaAssetWrapper"})` 1923 max-width: 100%; 1924 display: grid; 1925 overflow: hidden; 1926 1927 .responsive-asset, 1928 .responsive-image { 1929 width: 100%; 1930 height: 100%; 1931 } 1932 1933 .responsive-image { 1934 display: block; 1935 } 1936 1937 .responsive-image__image { 1938 width: 100%; 1939 height: 100%; 1940 object-fit: cover; 1941 object-position: center; 1942 display: block; 1943 } 1944 1945 .responsive-image__image:not([src]), 1946 .responsive-image__image[src=''] { 1947 visibility: hidden; 1948 } 1949 1950 ${({assetConfigs:e})=>new j(e).generateStyleForBreakpoints()} 1951 1952 ${e=>e.hideAsset&&"object"==typeof e.hideAsset?O.generateHideMediaQueries(e.hideAsset).join("\n"):""} 1953 1954 &&& { 1955 .cne-video-embed { 1956 max-width: 100%; 1957 } 1958 } 1959`;var $e=n(73275),ve=n(52009),Ce=n(70978);function ke({hideAsset:e,shouldAutoplay:t=!1}){const{collageCard:n,cardConfig:i}
1959=(0,o.useContext)(ge),a=n.image,r=a?.altText||a?.caption||"";if("cnevideo"===n.contentType){const{scriptUrl:a}=n;let s=a;return a&&(s=(0,Ce.A)(a,{hideControls:0,aspectRatio:"9x16",adsDisabled:!0,autoplay:t?1:0,muted:!0,continuousPlay:0,hideHoverTitle:!0,loopVideo:1,verticalLayout:!0})),o.createElement(we,{assetConfigs:i.assetConfigs,hideAsset:e},o.createElement($e.A,{...n,altText:r,scriptUrl:s,shouldAutoplay:t}))}if(null==a||!0===e)return null;const s=Object.keys(i.assetConfigs),l=(0,ve.$)(a.sources,s),d={...a,altText:r,segmentedSources:l,signalType:n.signalType,actionBarConfig:n.actionBarConfig,useFullSources:!0};return o.createElement(we,{assetConfigs:i.assetConfigs,hideAsset:e},o.createElement($e.A,{...d}))}var Ae=n(45898);const xe=i.Ay.div.withConfig({displayName:"IconBadgeWrapper"})` 1960 grid-area: ${({position:e})=>e}; 1961 justify-self: ${({position:e})=>(0,Ae.W)(e)}; 1962 align-self: ${({position:e})=>(0,Ae.v)(e)}; 1963 1964 display: flex; 1965 justify-content: center; 1966 align-items: center; 1967 1968 width: 24px; 1969 height: 24px; 1970 1971 @container (min-width: ${u.Vh.lg/2}px) { 1972 width: 28px; 1973 height: 28px; 1974 } 1975 1976 background: var(${P.pT.Color.OverlayBadge}); 1977 backdrop-filter: blur(8px); 1978 border-radius: 50%; 1979 margin: ${({theme:e})=>(0,Y.nv)(e,"spacing.spacing-8")}; 1980 1981 & svg { 1982 path { 1983 fill: var(${P.pT.Color.TextCardActive}); 1984 } 1985 width: 16px; 1986 height: 16px; 1987 } 1988`;var Ee=n(80089);const Se={gallery:"Gallery",video:"Play",cnevideo:"Play"};function Le({config:e}){const{collageCard:t}=(0,o.useContext)(ge),{contentType:n}=t,i=function(e){if(null==e)return null;const t=Se[e];if(null==t)return null;const n=(0,Ee.R)(t,"thin");return null==n?null:n}(n);return null==e||null==i?null:o.createElement(xe,{position:e.position},o.createElement(i,null))}var Te=n(11499);function Ne({iconBadge:e,textBadge:t}){return o.createElement(fe,null,o.createElement(Le,{config:e}),o.createElement(Te.L,{config:t}))}function He({cardConfig:e}){const t=e.blocks.media,{hideAsset:n,iconBadge:i,shouldAutoplay:a,textBadge:r,spacing:s,borderRadius:l}=t||{};return!0===n?null:e.type&&e.type.startsWith("overlay")?o.createElement(ye,{assetConfigs:e.assetConfigs,hideAsset:n,borderRadius:l},o.createElement(be,null,o.createElement(ke,{hideAsset:n,shouldAutoplay:a}))):o.createElement(he,{cardLayout:e.layout,hideAsset:n,spacing:s,borderRadius:l},o.createElement(ke,{hideAsset:n,shouldAutoplay:a}),o.createElement(Ne,{iconBadge:i,textBadge:r}))}const Ie=i.Ay.div.withConfig({displayName:"DescriptionWrapper"})` 1989 width: 100%; 1990 grid-area: description; 1991 container-type: inline-size; 1992 1993 ${e=>b.generateCSSMediaQueries("grid-template-areas",e.cardLayout)}; 1994`,Be=i.Ay.div.withConfig({displayName:"DescriptionContent"})` 1995 ${({alignment:e})=>f.generateAlignmentCSS(e)} 1996 1997 ${({spacing:e})=>{const t=I.mergeWithDefaults(e,H);return I.generateAllSpacingCSS(t)}} 1998`;function Oe({hideDek:e,dekTypographyToken:t}){const{collageCard:n}=(0,o.useContext)(ge),i=n.dangerousDek;return B.isStringValid(i)&&!0!==e?o.createElement(ce,{hideDek:e,dekTypographyToken:t,dangerouslySetInnerHTML:{__html:i}}):null}const Ke=i.Ay.div.withConfig({displayName:"DescriptionAssetWrapper"})` 1999 ${({alignment:e})=>f.generateFloatCSS(e)} 2000 width: 112px; 2001 margin-left: 8px; 2002 2003 ${e=>e.hideAsset&&"object"==typeof e.hideAsset?O.generateHideMediaQueries(e.hideAsset).join("\n"):""} 2004`;function De({hideAsset:e,alignment:t}){const{collageCard:n}=(0,o.useContext)(ge),i=n.image;if(null==i||!0===e)return null;const a=(0,ve.I)(i.sources),r={...i,segmentedSources:a};return o.createElement(Ke,{alignment:t,hideAsset:e},o.createElement($e.A,{...r}))}function _e({cardConfig:e}){const t=e.blocks.description;if(null==t)return null;const{alignment:n,hideAsset:i,hideDek:a,spacing:r,dekTypographyToken:s}=t;return o.createElement(Ie,{cardLayout:e.layout},o.createElement(Be,{alignment:n,spacing:r},o.createElement(De,{hideAsset:i,alignment:n}),o.createElement(Oe,{hideDek:a,dekTypographyToken:s})))}const Pe=i.Ay.div.withConfig({displayName:"InfoWrapper"})` 2005 width: 100%; 2006 grid-area: info; 2007 container-type: inline-size; 2008 2009 ${e=>b.generateCSSMediaQueries("grid-template-areas",e.cardLayout)}; 2010`,Re=i.Ay.div.withConfig({displayName:"InfoContent"})` 2011 display: flex; 2012 flex-direction: column; 2013 2014 /* Apply collage info alignment to the block and reused Byline internals. */ 2015 &, 2016 .bylines, 2017 .byline { 2018 ${({alignment:e})=>f.generateAlignmentCSS(e)} 2019 } 2020 2021 ${({spacing:e})=>{const t=I.mergeWithDefaults(e,H);return I.generateAllSpacingCSS(t)}} 2022`;var qe=n(99263),Me=n(11586);const Fe=i.Ay.div.withConfig({displayName:"AudioLabelWrapper"})` 2023 grid-area: audio-label; 2024 text-align: match-parent; 2025 ${(0,Y.Gg)("typography.definitions.globalEditorial.context-title")} 2026 color: var(${P.pT.Color.TextPubdate}); 2027 margin-top: ${(0,Y.Kq)(2)}; 2028 2029 .theme-inverted & { 2030 ${Me.fI} { 2031 background: transparent; 2032 height: 3rem; 2033 border-color: rgba(255, 255, 255, 0.3); 2034 2035 ${Me.eC} { 2036 border: none; 2037 background: none; 2038 text-decoration: none; 2039 2040 span { 2041 color: var(${P.pT.Color.TextAccent}); 2042 } 2043 svg path { 2044 fill: var(${P.pT.Color.TextAccent}); 2045 } 2046 } 2047 } 2048 } 2049 2050 ${e=>e.showAudioLabel&&"object"==typeof e.showAudioLabel?O.generateShowMediaQueries(e.showAudioLabel).join("\n"):""} 2051`,Ue=qe.A;function Ve({showAudioLabel:e}){const{collageCard:t}=(0,o.useContext)(ge),{actionBarConfig:n,signalType:i}=t;return"audio"===i&&e?o.createElement(Fe,{showAudioLabel:e},o.createElement(Ue,{actionButtons:["audio"],actionBarConfig:n,isInteractive:!1})):null}var Ge=n(65087);function We({hideByline:e,alignment:t}){const{collageCard:n,cardConfig:i}=(0,o.useContext)(ge),a=n.contributors,r=i.blocks.info?.shouldLinkByline??!1;if(null==a||!0===e)return null;const s="string"==typeof t?t:f.getAlignmentForBreakpoint(t,"sm");return o.createElement(oe,{hideByline:e},o.createElement(Ge.A,{contributors:a,contentAlign:s,shouldLink:r}))}const je=i.Ay.div.withConfig({displayName:"DekWrapper"})` 2052 grid-area: dek; 2053 text-align: match-parent; 2054 ${(0,Y.Gg)("typography.definitions.discovery.description-core")} 2055 color: ${(0,Y.HK)("colors.discovery.body.white.description")}; 2056 2057 ${({$showDek:e})=>e&&"object"==typeof e?O.generateShowMediaQueries(e).join("\n"):""} 2058`;function ze({showDek:e}){const{collageCard:t}=(0,o.useContext)(ge),{dangerousDek:n}=t;return e&&n?o.createElement(je,{$showDek:e,dangerouslySetInnerHTML:{__html:n}}):null}const Ye=i.Ay.div.withConfig({displayName:"HighLightLabelWrapper"})` 2059 grid-area: highlight-label; 2060 text-align: match-parent; 2061 2062 ${(0,Y.Gg)("typography.definitions.globalEditorial.context-primary")} 2063 color: var(${P.pT.Color.TextAccent}); 2064 2065 ${e=>e.hideHighlightLabel&&"object"==typeof e.hideHighlightLabel?O.generateHideMediaQueries(e.hideHighlightLabel).join("\n"):""} 2066`;function Xe({hideHighlightLabel:e}){const{collageCard:t}
2066=(0,o.useContext)(ge),{ratingValue:n}=t;return null==n||!0===e?null:o.createElement(Ye,{hideHighlightLabel:e},n.isBestNewMusic?n.isBestNewMusic:"Best New Music")}var Ze=n(6442);const Je=(0,n(72267).YK)({photo:{id:"ItemCount.photo",defaultMessage:"{count, plural,\n one {# Photo}\n other {# Photos}\n }",description:"photo with plurals"}});function Qe({hideItemsCount:e}){const{collageCard:t}=(0,o.useContext)(ge),{itemsCount:n}=t,i=(0,Ze.A)();return Number.isFinite(n?.count)&&!0!==e?o.createElement(ie,{hideItemsCount:e},i.formatMessage(Je.photo,{count:n?.count})):null}function et({hidePublishedDate:e}){const{collageCard:t}=(0,o.useContext)(ge),{date:n}=t;return B.isStringValid(n)&&!0!==e?o.createElement(ae,{hidePublishedDate:e},n):null}function tt({cardConfig:e}){const t=e.blocks.info;if(null==t)return null;const{alignment:n,hideByline:i,hideHighlightLabel:a,hideItemsCount:r,hidePublishedDate:s,showAudioLabel:l,showDek:d,spacing:c}=t;return o.createElement(Pe,{cardLayout:e.layout},o.createElement(Re,{alignment:n,spacing:c},o.createElement(ze,{showDek:d}),o.createElement(We,{hideByline:i,alignment:n}),o.createElement(Xe,{hideHighlightLabel:a}),o.createElement(Qe,{hideItemsCount:r}),o.createElement(et,{hidePublishedDate:s}),o.createElement(Ve,{showAudioLabel:l})))}const nt=i.Ay.div.withConfig({displayName:"TitleWrapper"})` 2067 width: 100%; 2068 grid-area: title; 2069 container-type: inline-size; 2070 2071 ${e=>b.generateCSSMediaQueries("grid-template-areas",e.cardLayout)}; 2072`,ot=i.Ay.div.withConfig({displayName:"TitleContent"})` 2073 display: flex; 2074 flex-direction: column; 2075 2076 ${({alignment:e})=>f.generateAlignmentCSS(e)} 2077 2078 ${({spacing:e})=>{const t=I.mergeWithDefaults(e,H);return I.generateAllSpacingCSS(t)}} 2079 h2, h3 { 2080 a { 2081 text-decoration: none; 2082 2083 &:hover, 2084 &:focus { 2085 text-decoration: underline; 2086 } 2087 } 2088 } 2089`;function it(){const{collageCard:e,cardConfig:t}=(0,o.useContext)(ge),n=e.dangerousHed;return B.isStringValid(n)?o.createElement(Z,{hedToken:t.typographyConfig?.hedToken},o.createElement(J,{href:e.url,dangerouslySetInnerHTML:{__html:n}})):null}var at=n(85919);const rt=i.Ay.div.withConfig({displayName:"LiveIndicatorWrapper"})` 2090 grid-area: rubric; 2091 line-height: 0; 2092 2093 .liveindicator { 2094 height: auto; 2095 justify-content: flex-start; 2096 } 2097 2098 .liveindicator > [class*='LiveIndicatorIconContainer'] { 2099 margin-left: 0; 2100 } 2101`,st=()=>o.createElement(rt,null,o.createElement(at.A,{hasBackground:!1}));function lt({hideRubric:e,rubricClassName:t}){const{collageCard:n}=(0,o.useContext)(ge),i=n.rubric?.name,a=n.rubric?.url;if(!B.isStringValid(i)||!0===e)return null;const r=t??P.pT.Component.Rubric;return o.createElement(Q,{hideRubric:e},o.createElement(ee,{className:r},a?o.createElement(te,{href:a},i):i))}i.Ay.div.withConfig({displayName:"SubheadWrapper"})` 2102 grid-area: subhead; 2103 text-align: match-parent; 2104`;n(68116);function dt({hideSubhead:e}){return null}function ct({cardConfig:e}){const{collageCard:t}=(0,o.useContext)(ge),n=e.blocks.title;if(null==n)return null;const{alignment:i,hideRubric:a,spacing:r,rubricClassName:s}=n,l=(e=>{if("livestory"!==e.contentType)return!1;const t=new Date(e.liveStartDate??"").getTime(),n=new Date(e.liveEndDate??"").getTime(),o=Date.now();return t<=o&&o<=n})(t);return o.createElement(nt,{cardLayout:e.layout},o.createElement(ot,{alignment:i,spacing:r},l?o.createElement(st,null):o.createElement(lt,{hideRubric:a,rubricClassName:s}),o.createElement(it,null),o.createElement(dt,null)))}const mt=i.Ay.div.withConfig({displayName:"LabelWrapper"})` 2105 width: 100%; 2106 grid-area: label; 2107 container-type: inline-size; 2108 align-content: start; 2109 2110 ${e=>b.generateCSSMediaQueries("grid-template-areas",e.cardLayout)}; 2111 2112 ${e=>e.hideLabel&&"object"==typeof e.hideLabel?O.generateHideMediaQueries(e.hideLabel).join("\n"):""} 2113`,ut=i.Ay.div.withConfig({displayName:"LabelContent"})` 2114 display: flex; 2115 flex-direction: column; 2116 align-items: stretch; 2117 min-height: 0; 2118 2119 ${({alignment:e})=>f.generateAlignmentCSS(e)} 2120 2121 ${({spacing:e})=>{const t=I.mergeWithDefaults(e,H);return I.generateAllSpacingCSS(t)}} 2122`;function pt({cardConfig:e}){const t=e.blocks.label;if(null==t)return null;const{alignment:n,hideLabel:i,spacing:a}=t;
2122return!0===i?null:o.createElement(mt,{cardLayout:e.layout,hideLabel:i},o.createElement(ut,{alignment:n,spacing:a},o.createElement(lt,null)))}const gt="score-circle",ht="score-text",yt=(e,t)=>t===ht?`Score: ${e}/10`:(e=>e<10?e.toFixed(1):String(e))(e),bt={[gt]:le,[ht]:de};function ft({cardConfig:e}){const{collageCard:t}=(0,o.useContext)(ge),{ratingValue:n}=t,i=e.blocks.rating;if(void 0===i||null===n)return null;const a=void 0!==i.variant&&i.variant in bt?i.variant:ht,r=yt(n.score,a),s=bt[a];return o.createElement(re,{cardLayout:e.layout},o.createElement(se,{alignment:i.alignment,spacing:i.spacing},o.createElement(s,null,r)))}var wt=n(14307),$t=n(66916);function vt({collageCard:e,cardConfig:t,gridArea:n,inheritedVariant:i,trackingContext:a,experimentSnowplowProperties:r}){const s=function(e){if(e?.startsWith("overlay"))return kt;return Ct}(t.type),l={...t.theme,variant:t.theme?.variant||i};return o.createElement(ge.Provider,{value:{collageCard:e,cardConfig:t}},o.createElement(s,{collageCard:e,cardConfig:t,gridArea:n,theme:l,onTrackingClick:()=>{(({collageCard:e,sectionTitle:t,current_package_index:n,total_packages:o,subject:i,subjectId:a,strategy:r})=>{const s={type:"click",subject:i,subject_id:a,label:(0,$t.A)(t||""),index:n,total_index:o,strategy:r,items:[{content_title:e.dangerousHed,content_id:e.id,content_type:e.contentType,content_url:new URL(e.url,window.location.origin).href}]};(0,wt.kg)(s,null,{skipDuplicateEvent:!1})})({...a,collageCard:e,...r})}}))}function Ct({cardConfig:e,collageCard:t,gridArea:n,theme:i,onTrackingClick:a}){return o.createElement(me,{gridArea:n,cardLayout:e.layout,gridTemplateColumns:e.gridTemplateColumns,alignItems:e.alignItems,spacing:e.spacing,theme:i,className:i.variant,onClick:e=>{a?.(),(e=>{const n=e.target;"A"===n.tagName||n.closest("a")||(window.location.href=t.url)})(e)}},o.createElement(He,{cardConfig:e}),o.createElement(pt,{cardConfig:e}),o.createElement(ct,{cardConfig:e}),o.createElement(ft,{cardConfig:e}),o.createElement(_e,{cardConfig:e}),o.createElement(tt,{cardConfig:e}))}function kt({cardConfig:e,gridArea:t,collageCard:n,theme:i,onTrackingClick:a}){const r=e.type?.split("-")[2];return o.createElement(ue,{gridArea:t,assetConfigs:e.assetConfigs,theme:i,onClick:e=>{a?.(),(e=>{const t=e.target;"A"===t.tagName||t.closest("a")||(window.location.href=n.url)})(e)}},o.createElement(He,{cardConfig:e}),o.createElement(pe,{cardLayout:e.layout,gridTemplateColumns:e.gridTemplateColumns,alignItems:e.alignItems,overlayDirection:r,spacing:e.spacing},o.createElement(pt,{cardConfig:e}),o.createElement(ct,{cardConfig:e}),o.createElement(ft,{cardConfig:e}),o.createElement(_e,{cardConfig:e}),o.createElement(tt,{cardConfig:e})))}const At=i.i7` 2123 0% { 2124 background-position: -100% 0; 2125 } 2126 100% { 2127 background-position: 100% 0; 2128 } 2129`,xt=i.Ay.div.withConfig({displayName:"PlaceholderCardWrapper"})` 2130 grid-area: ${e=>i.AH` 2131 ${W}${e.gridArea} 2132 `}; 2133 2134 display: flex; 2135 flex-direction: column; 2136 gap: ${(0,Y.Kq)(2)}; 2137 border-radius: ${(0,Y.Kq)(1)}; 2138 2139 &[class*='theme-'] { 2140 background: var(${P.pT.Color.Surface}); 2141 } 2142`,Et=i.Ay.div.withConfig({displayName:"PlaceholderTitleBar"})` 2143 width: 100%; 2144 height: ${(0,Y.Kq)(3)}; 2145 border-radius: ${(0,Y.Kq)(.5)}; 2146 background: linear-gradient( 2147 90deg, 2148 var(${P.pT.Color.SurfacePlaceholder}) 0%, 2149 var(${P.pT.Color.Surface}) 50%, 2150 var(${P.pT.Color.SurfacePlaceholder}) 100% 2151 ); 2152 background-size: 200% 100%; 2153 animation: ${At} 2s infinite; 2154`,St=i.Ay.div.withConfig({displayName:"PlaceholderInfoBar"})` 2155 width: 100%; 2156 height: ${(0,Y.Kq)(3)}; 2157 border-radius: ${(0,Y.Kq)(.5)}; 2158 background: linear-gradient( 2159 90deg, 2160 var(${P.pT.Color.SurfacePlaceholder}) 0%, 2161 var(${P.pT.Color.Surface}) 50%, 2162 var(${P.pT.Color.SurfacePlaceholder}) 100% 2163 ); 2164 background-size: 200% 100%; 2165 animation: ${At} 2s infinite; 2166`;function Lt({gridArea:e}){return o.createElement(xt,{gridArea:e},o.createElement(Et,null),o.createElement(St,null))}function Tt(e){return[...new Set(Object.keys(e).flatMap(t=>e[t].split(" ")).map(e=>e.trim().replace(/^"|"$/g,"")).filter(e=>e.length>0))]}function Nt(e){return Tt(e).filter(e=>e.includes("divider"))}const Ht=i.Ay.div.withConfig({displayName:"DividerWrapper"})` 2167 grid-area: ${({areaName:e})=>e}; 2168
2169 background: var(${P.pT.Color.Divider}); 2170 2171 ${({areaName:e,theme:t})=>function(e,t){const n=t?.decorations?.borderWidth?`${t.decorations.borderWidth}px`:"1px";if(function(e){const t=e.split("-")[1];return"v"===t}(e))return i.AH` 2172 width: ${n}; 2173 height: 100%; 2174 `;return i.AH` 2175 width: 100%; 2176 height: ${n}; 2177 `}(e,t)}; 2178 2179 ${({areaName:e,layout:t})=>b.getVisibilityMediaQueries(t,e)}; 2180`;function It({areaName:e,layout:t}){return o.createElement(Ht,{areaName:e,layout:t})}var Bt=n(29810),Ot=n(45135);var Kt=n(46269);function Dt({itemCount:e,listConfig:t}){const n=(({scroll:e})=>e?.scrollable&&"object"==typeof e.scrollable?{type:e.type??"horizontal",scrollable:w(e.scrollable,!1),visibleCards:w(e.visibleCards,1,E),controls:{arrows:w(e.controls?.arrows,x),dots:w(e.controls?.dots,x)}}:null)(t);if(e<=0||"horizontal"!==n?.type)return;const o=p.reduce((t,o)=>{const i=n.visibleCards[o];return n.scrollable[o]&&i<e&&(t[o]=i),t},{});return Object.keys(o).length>0?o:void 0}const _t=({configuredComponentRef:e,gridArea:t,collageCards:n,listConfig:i,inheritedVariant:a,shouldPersonalize:r,trackingContext:s,usePersonalizedApiUrl:l,title:d,personalizedTitle:c,containerItemIds:m,excludeCategories:u})=>{const{csrConfig:p,listSettings:g}=function({containerItemIds:e,excludeCategories:t,photoConfig:n}){const i=(0,Ot.d4)(e=>e.config),a=(0,Ot.d4)(e=>e.appConfig),r=(0,Ot.d4)(e=>e.coreDataLayer),s=(0,Ot.d4)(e=>e["head.contentID"]),l=(0,Ot.d4)(e=>e["head.canonicalUrl"]),d=(0,Ot.d4)(e=>e.useTrailingSlash),c=(0,Ot.d4)(e=>e.componentConfig);return(0,o.useMemo)(()=>{const{contentSystem:o,recommendations:m}=i,u=o?.mediaDomain?`https://${o.mediaDomain}`:"";return{csrConfig:{brandSlug:a.brandSlug,canonicalUrl:l||"",contentID:s||"",excludeCopilotIds:e,excludeCategories:t,language:r.content?.contentLang||"",photoConfig:n,actionBarConfig:c.ActionBar?.settings?.actionBarConfig,recommendationsApiUrl:m?.recommendationsApiUrl||"",personalisedApiUrl:m?.personalisedApiUrl,shouldUseTrailingSlash:d||!1,vulcanUrl:u,layout:"collage"},listSettings:c.List?.settings||{}}},[i,a,r,s,l,d,e,t,n,c])}({containerItemIds:m,excludeCategories:u,photoConfig:i.cards.default.assetConfigs}),{applicationID:h,strategy:y,pageSize:b,usePersonalizedApiUrl:f,isGBReady:w}=function({listSettings:e,propUsePersonalizedApiUrl:t}){const n=(0,Kt.h)();return(0,o.useMemo)(()=>({applicationID:n?e.applicationID:void 0,strategy:n?e.strategy:void 0,pageSize:n?e.pageSize:void 0,usePersonalizedApiUrl:n?e.usePersonalizedApiUrl:t,isGBReady:n}),[n,e,t])}({listSettings:g,propUsePersonalizedApiUrl:l}),[$,v]=(0,o.useState)(r?[]:n),[C,k]=(0,o.useState)(""),[A,x]=(0,o.useState)(!!r),E=b??i.cardCount??n.length,S=A;o.useEffect(()=>{if(w){const e=f?p.personalisedApiUrl:p.recommendationsApiUrl;k(e||"")}},[w,f,p]);const L=o.useMemo(()=>({...p,applicationID:r&&h&&w?h:"",strategy:y,pageSize:b,recommendationsApiUrl:C}),[p,r,h,w,y,b,C]),{recircClientLoading:T,recircListClientData:N,recircListClientError:H}=(0,Bt.A)(L);o.useEffect(()=>{H?v(n):!T&&N.length>0&&v(N),x(!1)},[$,n,H,T,N]);const I=Nt(i.layout),B=I.length>0,O={...i.theme,variant:i.theme?.variant||a},K=Dt({itemCount:i.cardCount??(S?E||0:$.length),listConfig:i}),[P,R]=(0,D.Wx)({threshold:.5,triggerOnce:!0,delay:100}),q=o.useMemo(()=>({sectionTitle:f?c:d,strategy:y,subject:f?"verso-for-you-package":s.subject}),[f,c,d,y,s.subject]);return o.useEffect(()=>{R&&$.length>0&&(({collageCards:e,sectionTitle:t,current_package_index:n,total_packages:o,subject:i,subjectId:a,strategy:r})=>{const s={type:"impression",subject:i,subject_id:a,label:(0,$t.A)(t||""),index:n,total_index:o,strategy:r,items:e.map(e=>({content_title:e.dangerousHed,content_id:e.id,content_type:e.contentType,content_url:new URL(e.url,window.location.origin).href}))};(0,wt.kg)(s,null,{skipDuplicateEvent:!1})})({...s,collageCards:$,...r&&q})},[R,$,s,r,f,c,p.strategy,q,d]),o.createElement(U,{ref:(0,_.P)(P,e),alignContent:i.alignContent,alignItems:i.alignItems,$hasDividers:B,$scrollBreakpoints:K,className:O.variant,gridArea:t,gridTemplateColumns:i.gridTemplateColumns,gridTemplateRows:i.gridTemplateRows,layout:i.layout,spacing:i.spacing,theme:O},o.createElement(G,{$scrollBreakpoints:K},I.map(e=>o.createElement(It,{key:e,areaName:e,layout:i.layout}))),S&&Array.from({length:E||0}).map((e,t)=>o.createElement(V,{key:t,$scrollBreakpoints:K,$hasDividers:B},o.createElement(Lt,{gridArea:t+1}))),!A&&$.length>0&&(()=>{const e=$.map((e,t)=>function({card:e,index:t,cardsConfig:n}){const o=`${W}${t+1}`,i=e.contentType;return n.byContentType?.[i]??n.byPosition?.[o]??n[o]??n.default}({card:e,index:t,cardsConfig:i.cards})),t=e.findIndex(e=>e.blocks.media?.shouldAutoplay);return $.map((n,i)=>{const a=e[i],l=i!==t&&a.blocks.media?.shouldAutoplay?{...a,blocks:{...a.blocks,media:{...a.blocks.media,shouldAutoplay:!1}}}:a;return o.createElement(V,{key:n.id,$scrollBreakpoints:K,$hasDividers:B},o.createElement(vt,{collageCard:n,gridArea:i+1,cardConfig:l,inheritedVariant:O.variant,trackingContext:s,experimentSnowplowProperties:r?q:{}}))})})())};_t.displayName="List";const Pt=_t,Rt=(0,c.y)(Pt,"List"),qt=i.Ay.div.withConfig({displayName:"ListHeadingWrapper"})` 2181 grid-area: ${({areaName:e})=>e}; 2182 2183 ${({layout:e,areaName:t})=>b.getVisibilityMediaQueries(e,t)}; 2184`,Mt=i.Ay.h2.withConfig({displayName:"ListHeadingTitle"})` 2185 margin: 0; 2186`;function Ft({areaName:e,title:t,layout:n,className:i,themeVariant:a,isCustomTitle:s=!1}){if(!B.isStringValid(t))return null;const l=(0,Kt.h)(),d=(0,o.useMemo)(()=>s&&!l?"Curating...":t,[s,l,t]),c=r()(i??P.pT.Composition.SectionTitle.Self,a);return o.createElement(qt,{areaName:e,layout:n,className:c},o.createElement(Mt,{className:P.pT.Composition.SectionTitle.Title,dangerouslySetInnerHTML:{__html:d}}))}const Ut=(0,c.y)(function({collageLists:e,collageConfig:t,personalizedTitle:n}){const i=Nt(t.layout),a=Tt(t.layout).filter(e=>e.includes("-heading"));return o.createElement(K,{"data-collage-type":t.collageType,alignItems:t.alignItems,className:t.theme?.variant,gridTemplateColumns:t.gridTemplateColumns,gridTemplateRows:t.gridTemplateRows,layout:t.layout,spacing:t.spacing,theme:t.theme},i.map(e=>o.createElement(It,{key:e,areaName:e,layout:t.layout})),a.map(i=>{const a=function(e){const t=e.match(/list(\d+)-heading/);return t?parseInt(t[1],10)-1:-1}
2186(i),r=e[a]?.shouldPersonalize&&n||e[a]?.title,s=e[a]?.shouldPersonalize,l=t.lists[a]?.theme?.applyToListHeading??t.theme?.applyToListHeading??!0?t.lists[a]?.theme?.variant??t.theme?.variant:void 0,d=t.lists[a]?.sectionTitleClassName??t.sectionTitleClassName;return o.createElement(Ft,{key:i,areaName:i,title:r,layout:t.layout,className:d,themeVariant:l,sectionTitleVariation:t.lists[a]?.sectionTitleVariation??t.sectionTitleVariation,isCustomTitle:s})}),e.map((e,i)=>o.createElement(Rt,{key:i,gridArea:i+1,title:e.title,personalizedTitle:n,shouldPersonalize:e.shouldPersonalize,collageCards:e.cards,containerItemIds:e.containerItemIds,listConfig:t.lists[i],inheritedVariant:t.theme?.variant,trackingContext:e.trackingContext})))},"Collage");var Vt=n(73347);const Gt=i.Ay.div.withConfig({displayName:"CollageHeadingWrapper"})` 2187 margin-bottom: 16px; 2188 2189 @media (min-width: 768px) { 2190 margin-bottom: 2rem; 2191 } 2192`,Wt=i.Ay.h2.withConfig({displayName:"SectionTitleHeading"})` 2193 margin: 0; 2194`;function jt({dangerousHed:e,sectionTitleClassName:t,sectionTitleVariation:n}){if(!B.isStringValid(e))return null;if(null!=t||null==n)return o.createElement(Gt,null,o.createElement("div",{className:t??P.pT.Composition.SectionTitle.Self},o.createElement(Wt,{className:P.pT.Composition.SectionTitle.Title,dangerouslySetInnerHTML:{__html:e}})));const i=Vt.Ay,a=n&&i[n]||Vt.Ay;return o.createElement(Gt,null,o.createElement(a,{dangerousHed:e,hedTag:"h2"}))}const zt=()=>p.map(e=>`\n ${(e=>{const t=p.indexOf(e),n=p[t+1],o=u.Vh[e];return n?`@media (min-width: ${o}px) and (max-width: ${u.Vh[n]-1}px)`:`@media (min-width: ${o}px)`})(e)} {\n &.bg-fullbleed-${e}[class*="theme-"] {\n background: var(${P.pT.Color.Surface});\n }\n }\n `),Yt=i.Ay.section.withConfig({displayName:"CollageSection"})` 2195 width: 100%; 2196 box-sizing: border-box; 2197 2198 ${zt()} 2199`,Xt=i.Ay.div.withConfig({displayName:"CollageHeadingFrame"})` 2200 width: 100%; 2201 box-sizing: border-box; 2202 margin: 0 auto; 2203 max-width: ${C("contained")}; 2204 container-type: inline-size; 2205 2206 /* Heading keeps the standard contained page inset even when the collage body 2207 switches to full-width or custom frame spacing. */ 2208 ${b.generateCSSMediaQueries("padding-inline",$)} 2209`,Zt=i.Ay.div.withConfig({displayName:"CollageContentFrame"})` 2210 width: 100%; 2211 box-sizing: border-box; 2212 margin: 0 auto; 2213 display: flex; 2214 flex-direction: column; 2215 2216 ${({containerWidth:e})=>b.generateCSSMediaQueries("max-width",(e=>p.reduce((t,n)=>(t[n]=C(e[n]),t),{}))(e))} 2217 2218 ${({spacing:e})=>b.generateCSSMediaQueries("padding-inline",e.horizontal)} 2219 2220 ${({scrollEdgeInset:e})=>b.generateCSSMediaQueries("--collage-scroll-edge-inset",e)} 2221 2222 ${({spacing:e})=>b.generateCSSMediaQueries("padding-block",e.vertical)} 2223`,Jt=i.Ay.div.withConfig({displayName:"CollageSurface"})` 2224 width: 100%; 2225 box-sizing: border-box; 2226 2227 ${zt()} 2228`;function Qt(e){try{const{title:t,lists:n,collageConfig:a}=e,s=(e=>{const t=w(e?.containerWidth,v),n=w(e?.backgroundWidth,v),o=w(e?.spacing?.horizontal,""),i=k(t,o);return{containerWidth:t,backgroundWidth:n,scrollEdgeInset:A(t),spacing:{horizontal:i,vertical:w(e?.spacing?.vertical,"0p
2228x")}}})(a.frame),l=on(s.backgroundWidth,"section"),c=on(s.backgroundWidth,"surface");return o.createElement(i.ID,{shouldForwardProp:en},o.createElement(d.t,null,o.createElement(Xt,null,o.createElement(jt,{dangerousHed:t,sectionTitleClassName:a.sectionTitleClassName,sectionTitleVariation:a.sectionTitleVariation})),o.createElement(Yt,{className:r()(a.theme?.variant,l)},o.createElement(Zt,{containerWidth:s.containerWidth,scrollEdgeInset:s.scrollEdgeInset,spacing:s.spacing},o.createElement(Jt,{className:r()(c)},o.createElement(Ut,{collageLists:n,collageConfig:a}))))))}catch(e){return o.createElement(o.Fragment,null)}}function en(e,t){return"string"!=typeof t||nn(e)}const tn=/^(children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|href)$/i,nn=l()(e=>tn.test(e)||e.startsWith("data-")||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91);function on(e,t){return p.reduce((n,o)=>{const i=e[o];return("section"===t?"full"===i:"contained"===i)&&n.push(`bg-fullbleed-${o}`),n},[])}},24532(e,t,n){n.d(t,{A:()=>G});var o=n(47655),i=n(13465),a=n(45135),r=n(32485),s=n.n(r),l=n(5556),d=n.n(l),c=n(96540),m=n(36049),u=n.n(m),p=n(97200),g=n.n(p),h=n(89957),y=n(94828),b=n(90090),f=n(14307),w=n(38267),$=n(18608),v=n(96472),C=n(26865),k=n(37384),A=n(3265);const x=w.Ay.ul.withConfig({displayName:"InlineRecircItems"})` 2229 display: grid; 2230 grid-gap: 0; /* 1 */ 2231 grid-auto-flow: column; 2232 grid-template-columns: ${(0,C.Kq)(1)}; 2233 margin: 0 0 -${(0,C.Kq)(4)}; 2234 padding: 0 0 ${(0,C.Kq)(4)}; 2235 overflow-y: hidden; 2236 list-style: none; 2237 -webkit-overflow-scrolling: auto; 2238 backface-visibility: hidden; 2239 scroll-behavior: smooth; 2240 2241 &::before, 2242 &::after { 2243 width: ${(0,C.Kq)(1)}; 2244 content: ''; 2245 } 2246`,E=w.AH`
2247 ${(0,C.Gg)("typography.definitions.discovery.hed-bulletin-primary")} 2248 2249 margin: 0; 2250`,S=w.Ay.li.withConfig({displayName:"InlineRecircItemWrapper"})` 2251 display: grid; 2252 padding: 0; 2253 2254 a:link { 2255 text-decoration: none; 2256 } 2257 2258 .summary-item__hed, 2259 ${A.VF} { 2260 ${E} 2261 } 2262 2263 .summary-item--layout-placement-side-by-side { 2264 align-items: flex-start; 2265 2266 .summary-item__hed { 2267 ${E} 2268 } 2269 } 2270 2271 .summary-item__hed-link { 2272 &::after { 2273 border-bottom: none; 2274 } 2275 } 2276 2277 ${A.ob}::after { 2278 transition: none; 2279 } 2280`,L=(0,w.Ay)($.vm).withConfig({displayName:"InlineRecircHeading"}).attrs(e=>({as:"div",colorToken:"colors.discovery.lead.secondary.accent",typeIdentity:"typography.definitions.discovery.subhed-section-collection",...e}))` 2281 padding: 0 0 ${(0,C.Kq)(2)}; 2282 text-align: center; 2283`,T=w.Ay.div.withConfig({displayName:"InlineRecircContainer"})` 2284 overflow: hidden; 2285`,N=(0,w.Ay)(k.A).withConfig({displayName:"InlineRecircHeaderLogo"})``,H=w.AH` 2286 ${(0,C.Gg)("typography.definitions.globalEditorial.context-primary")}; 2287 margin: ${(0,C.Kq)(2)} 0; 2288 background: ${(0,C.HK)("colors.discovery.body.white.background")}; 2289 padding: 0 ${(0,C.Kq)(2)} ${(0,C.Kq)(2)} 2290 ${(0,C.Kq)(2)}; 2291 2292 ol, 2293 ul { 2294 li { 2295 margin-left: ${(0,C.Kq)(1)}; 2296 } 2297 } 2298 2299 ${x} { 2300 display: flex; 2301 flex-direction: column; 2302 } 2303 2304 ${L} { 2305 display: flex; 2306 align-items: center; 2307 margin: ${(0,C.Kq)(-2)} ${(0,C.Kq)(1)} 0 2308 ${(0,C.Kq)(1)}; 2309 border-bottom: 1px solid 2310 ${(0,C.HK)("colors.discovery.body.white.divider")}; 2311 padding: ${(0,C.Kq)(2)} 0; 2312 text-align: left; 2313 2314 ${N} { 2315 margin-left: ${(0,C.Kq)(1)}; 2316 width: 15px; 2317 2318 img { 2319 vertical-align: text-top; 2320 } 2321 } 2322 } 2323 2324 ${T} { 2325 margin-right: ${(0,C.Kq)(1)}; 2326 } 2327 2328 .summary-item { 2329 padding: ${(0,C.Kq)(1)} 0; 2330 2331 .summary-item__hed-link::after { 2332 margin: 0; 2333 } 2334 2335 .summary-item__content { 2336 padding: 0; 2337 } 2338 } 2339`,I=w.AH` 2340 ${(0,C.Gg)("typography.definitions.globalEditorial.context-primary")}; 2341 margin: ${(0,C.Kq)(2)} 0; 2342 background: ${(0,C.HK)("colors.discovery.body.white.background")}; 2343 padding: 0 ${(0,C.Kq)(2)} ${(0,C.Kq)(2)} 2344 ${(0,C.Kq)(2)}; 2345 2346 ol, 2347 ul { 2348 li { 2349 margin-left: ${(0,C.Kq)(1)}; 2350 } 2351 } 2352 2353 ${x} { 2354 display: flex; 2355 flex-direction: column; 2356 } 2357 2358 ${L} { 2359 display: flex; 2360 align-items: center; 2361 margin: ${(0,C.Kq)(-2)} ${(0,C.Kq)(1)} 0 2362 ${(0,C.Kq)(1)}; 2363 border-bottom: 1px solid 2364 ${(0,C.HK)("colors.discovery.body.white.divider")}; 2365 padding: ${(0,C.Kq)(2)} 0; 2366 text-align: left; 2367 2368 ${N} { 2369 margin-left: ${(0,C.Kq)(1)}; 2370 width: 15px; 2371 2372 img { 2373 vertical-align: bottom; 2374 } 2375 } 2376 } 2377 2378 ${T} { 2379 margin-right: ${(0,C.Kq)(1)}; 2380 } 2381 2382 .summary-item { 2383 padding: ${(0,C.Kq)(1)} 0; 2384 2385 .summary-item__hed-link::after { 2386 margin: 0; 2387 } 2388 2389 .summary-item__content { 2390 padding: 0; 2391 } 2392 } 2393 2394 .summary-item__hed-link { 2395 &:hover { 2396 text-decoration: none; 2397 } 2398 2399 .summary-item__hed { 2400 .summary-item__hed-wrapper { 2401 margin-right: ${(0,C.Kq)(1)}; 2402 2403 &:hover { 2404 text-decoration: underline; 2405 } 2406 } 2407 } 2408 } 2409`,B=w.AH` 2410 && { 2411 padding: ${(0,C.Kq)(4)} 0 ${(0,C.Kq)(5)}; 2412 2413 ${x} { 2414 grid-auto-columns: calc(210px + ${(0,C.Kq)(2)}); 2415 margin-left: -${(0,C.Kq)(2)}; 2416 } 2417 2418 ${A.Nb} { 2419 align-self: start; 2420 padding: ${(0,C.Kq)(25)} ${(0,C.Kq)(1)} 2421 ${(0,C.Kq)(2)}; 2422 } 2423 2424 ol, 2425 ul { 2426 li { 2427 margin: 0 0 0 ${(0,C.Kq)(2)}; 2428 2429 &:first-child { 2430 margin-left: ${(0,C.Kq)(3)}; 2431 } 2432 } 2433 } 2434 } 2435`,O=w.AH` 2436 padding: ${(0,C.Kq)(3)} 0; 2437 2438 ${L} { 2439 padding-bottom: ${(0,C.Kq)(2)}; 2440 } 2441 2442 ${x} { 2443 grid-auto-columns: calc(260px + ${(0,C.Kq)(1)}*2); 2444 grid-template-columns: ${(0,C.Kq)(2)}; 2445 margin-left: -${(0,C.Kq)(3)}; 2446 2447 &::before, 2448 &::after { 2449 width: ${(0,C.Kq)(2)}; 2450 } 2451 } 2452 2453 .summary-item--layout-proportions-33-66 .summary-item__content { 2454 margin: 0; 2455 } 2456 2457 ol, 2458 ul { 2459 li { 2460 margin: 0 0 0 ${(0,C.Kq)(2)}; 2461 2462 &:first-child { 2463 margin-left: ${(0,C.Kq)(3)}; 2464 } 2465 } 2466 } 2467`,K=(0,w.Ay)($.vm).withConfig({displayName:"InlineRecircRubricLineParagraph"}).attrs(e=>({topSpacing:1,...e}))``,D=w.Ay.div.withConfig({displayName:"InlineRecircWrapper"})` 2468 margin-bottom: ${(0,C.Kq)(5)}; 2469 2470 .article-inline-recirc-wrapper { 2471 margin: 0 ${(0,C.Kq)(-3)} ${(0,C.Kq)(5)} 2472 ${(0,C.Kq)(-3)}; 2473 2474 ${L} { 2475 ${N} { 2476 img { 2477 vertical-align: baseline; 2478 } 2479 } 2480 } 2481 } 2482 2483 background: ${(0,C.HK)("colors.discovery.body.light.background")}; 2484 2485 ${(0,C.H4)(v.LO.md)} { 2486 display: none; 2487 } 2488 2489 ${({recircLayout:e})=>"text-only-brand-logo"===e?H:"text-only-brand-logo-personalized"===e?I:"text-overlay"===e?B:O} 2490`,_=e=>{const{className:t,hasBorder:n,item:o,recircId:i,totalItems:a,reelId:r,sparrowPattern:l,layout:d="side-by-side",maxHedLines:m=3,showInlineRubric:u=!1,trackingImpressionThreshold:p=2,trackingUnitName:g="recirc-basic-interstitial"}=e,w=r?`inline-recirc__item-${r}-${i}`:`inline-recirc__item-${i}`,$=`.${w}`,v=r?`.inline-recirc-${r} .inline-recirc__container`:".inline-recirc .inline-recirc__container";let C;switch((0,h.ol)($,{rootSelector:v,threshold:.5},e=>{i>=p&&e&&(0,b.zJ)(`${g}_reel-scroll`,{interstitial_reel:{image:i,...r?{reel:r}:{}}})}),d){case"text-only-brand-logo":case"text-only-brand-logo-personalized":C=y.A.TextOnlyBrandLogoPersonalized;break;case"text-overlay":C=y.A.OverlayCenter;break;default:C=y.A.SideBySideThirds}return c.createElement(S,{"data-testid":"InlineRecircItemWrapper",className:s()([t,w])},c.createElement(C,{clickHandler:(k=o.url,A=i,()=>((e=>{const{dangerousHed:t,copilotID:n,contentType:r,url:s}=o,l={type:e,label:t,subject:"recirc_unit",items:[{content_id:n,content_title:t,content_type:r,content_url:s}],strategy:(0,f.Cu)(s),placement:"inline_recirc_mid_content",index:i-1,total_index:a};(0,f.kg)(l)})("click"),(0,b.zJ)(`${g}_reel-click`,{"gtm.elementUrl":k,interstitial_reel:{image:A,...r?{reel:r}:{}}}))),dangerousHed:((e,t)=>{if(!t||!u)return e;return`<span class="summary-item__hed-wrapper">${e}</span><${K} class="rubric">${t.name}</${K}>`})(o.dangerousHed,o.rubric),hasBorder:n,hedTag:"div",image:o.image,isLazy:!1,layout:d,maxHedLines:m,recircId:i,shouldHideDangerousDek:!0,sparrowPattern:l,url:o.url,isRecircListItem:!0,recircPlacement:"inline_recirc_mid_content",totalItems:a,contentType:o.contentType,copilotID:o.copilotID}));var k,A};_.propTypes={className:d().string,hasBorder:d().bool,item:d().shape(y.A.propTypes),layout:d().oneOf(["text-only-brand-logo","text-only-brand-logo-personalized","side-by-side","text-overlay"]),maxHedLines:d().number,recircId:d().number,reelId:d().number,showInlineRubric:d().bool,sparrowPattern:d().string,totalItems:d().number,trackingImpressionThreshold:d().number,trackingUnitName:d().string};const P=_;var R=n(53499),q=n(29164);const M=e=>{const{addItemsAtFirst:t=[],applicationID:n,categories:o,className:i,configuredComponentRef:a,contentTypes:r,excludeCategories:l,favicon:d,heading:m="More",items:p=[],numberOfDays:y,onIntersectionViewportCallback:f,pageSize:w,recommendedHeading:$,reelId:v,renditions:C,strategy:k,variationName:A,variations:E={hasBrandLogo:!1,hasBorder:!1,layout:"side-by-side",maxHedLines:3,shouldHideHeaderText:!1,showInlineRubric:!1,trackingImpressionThreshold:2,trackingUnitName:"recirc-basic-interstitial",variationDisplayName:"SideBySide"}}=e;c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(R.G.RENDER,{name:"ConnectedInlineRecirc",variation:A})},[A]);const S=v?`inline-recirc-observer-target-${v}`:"inline-recirc-observer-target",H=v?`inline-recirc-tracking-${v}`:"inline-recirc-tracking";(0,h.ol)(`.${H}`,void 0,e=>{e&&(0,b.zJ)(`${E.trackingUnitName}_reel-impression`,{interstitial_reel:{...v?{reel:v}:{}}})});
2490return 0===p?.length?null:c.createElement(q.A,{ref:a,dataAttrKey:"inline-recirc","data-testid":"InlineRecircViewportMonitor",className:s()("inline-recirc-wrapper",S),observerOptions:{rootMargin:"500px"},onIntersectionViewport:(e,t)=>{e&&"function"==typeof f&&(f({applicationID:n,categories:o,contentTypes:r,excludeCategories:l,numberOfDays:y,pageSize:w,renditions:C,strategy:k,variationName:E.variationDisplayName}),t())}},p[0]&&c.createElement(D,{"data-testid":"InlineRecircWrapper",className:s()(`inline-recirc--${E.layout}`,"inline-recirc-sparrow-tracking",H,i),recircLayout:E.layout,"data-recirc-id":`mobile-recirc-unit-${v}`,"data-recirc-header":m},(m||$)&&c.createElement(L,null,!E.shouldHideHeaderText&&c.createElement("div",null,t.length&&$?$:m),E.hasBrandLogo&&d&&c.createElement(N,{altText:"logo",contentTypes:"photo",sources:{sm:{url:d}}})),c.createElement(T,null,c.createElement(x,null,(e=>{t.length&&e.unshift(...t);return e.map((e,t)=>c.createElement(P,{hasBorder:E.hasBorder,item:e,key:g()("inline-recirc-"),layout:E.layout,maxHedLines:E.maxHedLines,recircId:t+1,reelId:v,showInlineRubric:E.showInlineRubric,sparrowPattern:"mobile-recirc-interstitial",trackingImpressionThreshold:E.trackingImpressionThreshold,trackingUnitName:E.trackingUnitName,totalItems:p.length})).slice(0,w)})(u()(p))))))};M.propTypes={configuredComponentRef:d().func,addItemsAtFirst:d().arrayOf(d().shape(y.A.propTypes)),applicationID:d().string,categories:d().array,className:d().string,contentTypes:d().string,excludeCategories:d().array,favicon:d().string,heading:d().string,items:d().arrayOf(d().shape(y.A.propTypes)),numberOfDays:d().number,onIntersectionViewportCallback:d().func,pageSize:d().number,recommendedHeading:d().string,reelId:d().number,renditions:d().object,strategy:d().string,variationName:d().string,variations:d().shape({hasBrandLogo:d().bool,hasBorder:d().bool,layout:d().oneOf(["side-by-side","text-only-brand-logo","text-only-brand-logo-personalized","text-overlay"]),maxHedLines:d().number,shouldHideHeaderText:d().bool,showInlineRubric:d().bool,trackingImpressionThreshold:d().number,trackingUnitName:d().string,variationDisplayName:d().oneOf(["SideBySide","TextOnlyBrandLogo","TextOnlyBrandLogoPersonalized","TextOverlay"])})};const F=M,U=(0,a.Ng)(e=>{const{brandIdentityAssets:{favicon:t=""},inlineRecirc:n,renditions:o}=e;return{favicon:t,addItemsAtFirst:n?.addItemsAtFirst,items:n?.items,renditions:o}})(F);U.displayName="InlineRecirc";const V=U;V.TextOnlyBrandLogo=(0,o.y)(V,"TextOnlyBrandLogo",{hasBrandLogo:!0,hasBorder:!0,layout:"text-only-brand-logo",maxHedLines:4,shouldHideHeaderText:!0,trackingImpressionThreshold:2,trackingUnitName:"recirc-text-only-brand-logo-interstitial",variationDisplayName:"TextOnlyBrandLogo"}),V.TextOnlyBrandLogoPersonalized=(0,o.y)(V,"TextOnlyBrandLogoPersonalized",{hasBrandLogo:!0,hasBorder:!0,layout:"text-only-brand-logo-personalized",maxHedLines:4,trackingImpressionThreshold:2,trackingUnitName:"recirc-text-only-brand-logo-personalized-interstitial",variationDisplayName:"TextOnlyBrandLogoPersonalized"}),V.SideBySide=(0,o.y)(V,"SideBySide",{layout:"side-by-side",maxHedLines:4,trackingImpressionThreshold:2,trackingUnitName:"recirc-basic-interstitial",variationDisplayName:"SideBySide"}),V.TextOverlay=(0,o.y)(V,"TextOverlay",{layout:"text-overlay",maxHedLines:4,trackingImpressionThreshold:3,trackingUnitName:"recirc-interstitial",variationDisplayName:"TextOverlay"});const G=(0,i.y)(V,"InlineRecirc")},40307(e,t,n){n.d(t,{A:()=>vs});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(57744),l=n(48188),d=n(53169),c=n(73275),m=n(47655),u=n(38798),p=n(53499),g=n(59867),h=n(49741),y=n(12501),b=n(38080),f=n(73767),w=n(72267);const $=(0,w.YK)({searchLabel:{id:"SimpleNavigation.SearchLabel",defaultMessage:"Search",description:"Label for search button"}});var v=n(38267),C=n(96472),k=n(1123),A=n(26865),x=n(73730),E=n(7228);const S=(0,v.Ay)(x.A.Utility).withConfig({displayName:"SimpleNavigationSearchButton"})` 2491 display: flex; 2492 position: relative; 2493 margin: 0 0 0 auto; 2494 border: 0; 2495 background-color: transparent; 2496 padding: 0; 2497 width: calculate-spacing(4); 2498 2499 &:hover, 2500 &:focus { 2501 border: 0; 2502 background-color: transparent; 2503 2504 svg path { 2505 fill: ${(0,A.HK)("colors.foundation.icon-hover")}; 2506 } 2507 } 2508 2509 .button__icon-container { 2510 display: flex; 2511 flex-direction: column; 2512 align-items: center; 2513 justify-content: center; 2514 width: 100%; 2515 max-width: ${(0,A.Kq)(4)}; 2516 height: 100%; 2517 2518 .icon { 2519 width: 100%; 2520 height: auto; 2521 } 2522 } 2523 2524 svg path { 2525 fill: ${(0,A.HK)("colors.foundation.icon-default")}; 2526 } 2527 2528 ${(0,A.H4)(C.LO.md)} { 2529 margin: 0 0 0 ${(0,A.Kq)(4)}; 2530 } 2531`,L=(0,v.Ay)(l.A.Horizontal).withConfig({displayName:"SimpleNavigationUtilityLinks"})``,T=v.Ay.div.withConfig({displayName:"SimpleNavigationSectionUtilityLinks"})` 2532 justify-content: flex-end; 2533 2534 .navigation__link { 2535 display: none; 2536 margin: 0 ${(0,A.Kq)(4)} 0 0; 2537 } 2538 2539 .consumer-marketing-unit--nav-cta { 2540 height: calc(${(0,A.Kq)(6)} - 1px); 2541 } 2542`,N=(0,v.Ay)(c.A).withConfig({displayName:"SimpleNavigationLogoImage"})` 2543 display: flex; 2544 justify-content: center; 2545 text-align: center; 2546 2547 ${E.BF} { 2548 object-fit: contain; 2549 max-height: ${(0,A.Kq)(6)}; 2550 } 2551`,H=v.Ay.a.withConfig({displayName:"SimpleNavigationLogoLink"})` 2552 justify-content: center; 2553 width: 100%; 2554 height: 100%; 2555`,I=v.Ay.div.withConfig({displayName:"SimpleNavigationSectionLogo"})` 2556 justify-content: center; 2557 margin: 0.75rem auto; 2558 width: 17rem; 2559 min-width: initial; 2560 justify-self: center; 2561 overflow: hidden; 2562 2563 ${(0,A.H4)(C.LO.md)} { 2564 max-width: initial; 2565 } 2566`,B=v.Ay.div.withConfig({displayName:"SimpleNavigationGrid"})` 2567 ${(0,k.VO)()} 2568 ${(0,k.aU)("padding")} 2569 2570 display: grid; 2571 justify-content: space-between; 2572 column-gap: var(--grid-gap); 2573 margin: 0 auto; 2574 width: 100%; 2575 max-width: ${C.LO.xxl}; 2576 height: 100%; 2577 row-gap: var(--grid-gap); 2578 2579 ${(0,A.L7)(C.LO.md)} { 2580 grid-gap: 0; 2581 grid-template-columns: repeat(3, 1fr); 2582 padding: 0 ${(0,A.Kq)(2)}; 2583 } 2584`,O=v.AH` 2585 display: flex; 2586 align-items: center; 2587
2588 .navigation__link, 2589 .simple-navigation__subscribe-link { 2590 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.link-primary")} 2591 ${({theme:e})=>(0,A.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.collapsed-menu.nav-link.hover")} 2592 min-width: ${(0,A.Kq)(5)}; 2593 } 2594 2595 .navigation__list { 2596 margin: 0; 2597 } 2598 2599 .navigation__list-item { 2600 display: flex; 2601 padding: 0; 2602 } 2603`,K=v.Ay.header.withConfig({displayName:"SimpleNavigationWrapper"})` 2604 display: flex; 2605 position: fixed; 2606 top: 0; 2607 justify-content: center; 2608 transition: background-color 0.2s ease-in-out; 2609 z-index: get-z(siteHeader); 2610 background: ${(0,A.HK)("colors.foundation.menu-bg.collapsed")}; 2611 width: 100%; 2612 height: ${(0,A.Kq)(6)}; 2613 2614 ${({decorationStyle:e})=>"border-thin"===e&&v.AH` 2615 border-bottom: 1px solid 2616 ${(0,A.HK)("colors.foundation.menu.dividers")}; 2617 `} 2618 2619 ${({logoAlign:e})=>"left"===e&&v.AH` 2620 ${I} { 2621 grid-column: 2 / 3; 2622 } 2623 2624 ${T} { 2625 grid-column: 3 / 4; 2626 } 2627 2628 ${(0,A.H4)(C.LO.md)} { 2629 ${H} { 2630 justify-content: flex-start; 2631 } 2632 2633 ${I} { 2634 grid-column: 1 / 5; 2635 align-items: center; 2636 justify-self: baseline; 2637 } 2638 2639 ${T} { 2640 grid-column: 5 / 13; 2641 align-items: center; 2642 justify-content: flex-end; 2643 2644 .navigation__link { 2645 display: flex; 2646 } 2647 } 2648 } 2649 `} 2650 2651 ${({logoAlign:e})=>"center"===e&&v.AH` 2652 ${I} { 2653 grid-column: 2 / 3; 2654 } 2655 2656 ${T} { 2657 grid-column: 3 / 4; 2658 } 2659 2660 ${(0,A.H4)(C.LO.md)} { 2661 ${I} { 2662 grid-column: 5 / 9; 2663 } 2664 2665 ${T} { 2666 grid-column: 9 / 13; 2667 2668 .navigation__link--persistent.navigation__link { 2669 display: flex; 2670 } 2671 } 2672 } 2673 2674 ${(0,A.H4)(C.LO.lg)} { 2675 ${T} { 2676 .navigation__link { 2677 display: flex; 2678 } 2679 } 2680 } 2681 `} 2682 2683 ${({isScrolled:e})=>e&&v.AH` 2684 background-color: ${(0,A.HK)("colors.foundation.menu-bg.collapsed")}; 2685 `} 2686 2687 ${({logoWide:e})=>e&&v.AH` 2688 display: block; 2689 2690 ${B} { 2691 display: block; 2692 grid-gap: unset; 2693 grid-template-columns: unset; 2694 } 2695 2696 ${I} { 2697 margin: 0.75rem auto; 2698 min-width: initial; 2699 max-width: initial; 2700 } 2701 2702 ${I}, 2703 ${N} { 2704 width: ${(0,A.Kq)(34)}; 2705 } 2706 `} 2707 2708 ${({mobileOption:e})=>"search"===e&&v.AH` 2709 ${L}, 2710 .simple-navigation__consumer-marketing-unit--nav-cta { 2711 display: none; 2712 2713 ${(0,A.H4)(C.LO.md)} { 2714 display: flex; 2715 } 2716 2717 &.consumer-marketing-unit--no-failsafe { 2718 display: none; 2719 } 2720 } 2721 2722 ${S}.button--link { 2723 display: flex; 2724 } 2725 `} 2726 2727 ${({mobileOption:e})=>"cm"===e&&v.AH` 2728 span, 2729 picture { 2730 width: inherit; 2731 } 2732 2733 ${T} { 2734 display: flex; 2735 align-items: center; 2736 } 2737 2738 ${S}.button--link { 2739 display: none; 2740 2741 ${(0,A.H4)(C.LO.md)} { 2742 display: flex; 2743 } 2744 } 2745 `} 2746 2747 ${I}, 2748 ${T} { 2749 ${O} 2750 } 2751`,D=({className:e,configuredComponentRef:t,decorationStyle:n="default",hasLogoWide:o=!1,hasSearch:a=!1,intl:r,logo:s,logoBaseUrl:l="/",utilityLinks:d=[],variationName:c,variations:m={logoAlign:"center",mobileOption:"search"}})=>{const[u,w]=(0,i.useState)(!1),v=(0,i.useRef)(null),C=()=>{const{scrollTop:e}=document.documentElement,t=e>0;t!==u&&w(t)};(0,i.useEffect)(()=>(window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SimpleNavigation",variation:c}),v.current=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,C),()=>{v.current&&(v.current.off(),v.current=null)}),[]);const{logoAlign:k,mobileOption:A}=m;return i.createElement(K,{ref:t,className:e,decorationStyle:n,logoAlign:k,mobileOption:A,hasLogoWide:o,isScrolled:u},i.createElement(B,null,i.createElement(I,null,i.createElement(H,{href:l,"data-testid":"Logo"},i.createElement(N,{...s}))),i.createElement(T,null,d.length>0&&i.createElement(L,{attributes:{"aria-label":"Utility"},links:d,shouldAllowNavItemHide:!0}),i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(h.A,{position:"nav-cta"})),i.createElement(y.IJ,null),a&&i.createElement(S,{ButtonIcon:f.A,isIconButton:!0,href:"/search",inputKind:"link",label:r.formatMessage($.searchLabel)}))))};
2751D.propTypes={configuredComponentRef:r().func,className:r().string,decorationStyle:r().oneOf(["default","border-thin"]),hasLogoWide:r().bool,hasSearch:r().bool,intl:r().object,logo:r().shape(c.A.propTypes).isRequired,logoBaseUrl:r().string,utilityLinks:l.A.propTypes.links,variationName:r().string,variations:r().shape({logoAlign:r().oneOf(["center","left"]).isRequired,mobileOption:r().oneOf(["search","cm"]).isRequired})},D.displayName="SimpleNavigation";const _=(0,u.Ay)(D);_.LogoCenterWithSearch=(0,m.y)(_,"LogoCenterWithSearch",{logoAlign:"center",mobileOption:"search"}),_.LogoCenterWithCM=(0,m.y)(_,"LogoCenterWithCM",{logoAlign:"center",mobileOption:"cm"}),_.LogoLeftWithSearch=(0,m.y)(_,"LogoLeftWithSearch",{logoAlign:"left",mobileOption:"search"}),_.LogoLeftWithCM=(0,m.y)(_,"LogoLeftWithCM",{logoAlign:"left",mobileOption:"cm"});const P=_,R=(0,o.y)(P,"SimpleNavigation");var q=n(31581),M=n(6442);const F=(0,w.YK)({utilityNavigationLabel:{id:"SiteHeader.UtilityNavigation",defaultMessage:"Utility",description:"ARIA label for the whole utility navigation"},primaryNavigationLabel:{id:"SiteHeader.ScrollingNavigation",defaultMessage:"Primary",description:"ARIA label for the whole primary navigation"},drawerLabel:{id:"StandardNavigation.Drawer",defaultMessage:"Navigation and Sign Up Menu",description:"ARIA label for the drawer modal"}});var U=n(34520),V=n(19525),G=n(62193),W=n.n(G),j=n(4124),z=n.n(j),Y=n(85015),X=n.n(Y),Z=n(58156),J=n.n(Z);const Q=(0,w.YK)({megaMenuNavigationPrimaryAriaLabel:{id:"MegaMenu.NavigationPrimaryAriaLabel",defaultMessage:"Primary",description:"MegaMenu component Navigation links aria label"},destinationClickOut:{id:"MegaMenu.VerboseClickOut",defaultMessage:"More",description:"MegaMenu component verbose category click out"},allText:{id:"MegaMenu.All",defaultMessage:"All",description:"MegaMenu Secondary Footer All Link"},closeButtonLabel:{id:"MegaMenu.MegaMenuButton",defaultMessage:"Close Mega Menu",description:"ARIA label for the close button on Mega Menu"},megaMenuSignInLinkText:{id:"MegaMenu.SignInLinkText",defaultMessage:"Sign in",description:"MegaMenu component Sign in link text"}});var ee=n(49235),te=n(71549),ne=n(69880),oe=n(76399),ie=n(99906);const ae=e=>{const{xval:t=-1,xmax:n=-1,yval:o=-1,ymax:i=-1,func:a}=e,{revisedXmax:r,revisedYmax:s}=((e,t,n,o)=>{let i=t,a=o;return-1!==e&&-1===t&&(i=Number.MAX_SAFE_INTEGER),-1!==n&&-1===o&&(a=Number.MAX_SAFE_INTEGER),{revisedXmax:i,revisedYmax:a}})(t,n,o,i);t>=r&&o>=s&&a&&a()};var re=n(8231),se=n(60663),le=n(14307),de=n(10246),ce=n(54370);const me=(0,se.Y)(()=>window.sessionStorage),{useState:ue,useEffect:pe,useRef:ge}=i,he=e=>{window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:e})},ye=e=>{const{accountProps:t={signInLink:"/account/sign-in"},configuredComponentRef:n,megaMenuContent:o={},isAccountsEnabled:a,isContentCentered:r,isSlim:s,user:l,collapseMegaMenu:d,containerMinHeight:c,theme:m="standard",utilityLinks:u=[],hasLinkBanner:g,primaryNavLink:h={},variations:b={layout:"default",multipleIteration:!1,showBorderHighlight:!1,showClickOutLink:!1,showCloseCTA:!0,showMenuOnClick:!1},variationName:f,isDrawerOpen:w=!1,hasExtraTopMargin:$=!1,navHighlightColour:v}=e,{accountLinks:C,signInLink:k}=t;i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"MegaMenu",variation:f})},[f]);const A=o.layout||b.layout,[x,E]=ue(o.children),[S,L]=ue({}),[T,N]=ue([]),[H,I]=ue(!1),[B,O]=ue(!0),[K,D]=ue([]),[_,P]=ue(""),[R,q]=ue([]),[F,U]=ue([]),V=u.filter(e=>e.showInBottomNav),G=J()(o,"showSecondaryFooterAllLink",!1),j=ge(null),Y=(e,t,n)=>{const o=t?((e,t,n)=>`${t}/${e}/${n}`)(e,t,n+1):`Nav Link/${e}`;he(o)},Z=(e,t,n="children")=>e.reduce((e,o)=>e||(o.text===t||o.groupName===t?o:o[n]?Z(o[n],t,n):null),null),se=(e,t)=>{if("push"===e)q([...R,t]);else{const e=R.indexOf(t);e>-1&&R.splice(e,1)}},ye=(e,t=null)=>{P(e),se("push",e),Y(e,_,t);const n=Z(K,e);U(n)},be=e=>e.text||e.groupName,fe=e=>"section"===e.nodeType||!e.nodeType&&e.hasChildren&&Array.isArray(e.children),we=e=>{const t=H?e.target.firstChild.textContent:e.target.firstChild.querySelector("span").textContent;
2751x.forEach(e=>{t===be(e)&&(L(e),O(!B),N([]))})},$e=e=>{b.showClickOutLink&&c&&!H?ae({yval:e.clientY,ymax:c,func:d}):!j.current||j.current.contains(e.target)||H||b.showClickOutLink||d(e)},ve=e=>{const t={type:"click",label:e?.target?.textContent?.toString(),subject:"mega_menu",items:[{content_title:e?.target?.textContent?.toString(),content_url:e?.target?.href}],placement:"top"};(0,le.kg)(t)};pe(()=>(window.addEventListener("mousemove",$e),()=>window.removeEventListener("mousemove",$e))),pe(()=>{E(o.children),L("verbose"===A?o.children[0]:{}),O(!0)},[o,A]),pe(()=>{x.map(e=>e.text===S.text?N(e.children||e.links):null)},[B,S,x]),pe(()=>{window.innerWidth<ie.Ay.minThresholds.xl?I(!0):I(!1)}),pe(()=>{D(o.children)},[o]);const{formatMessage:Ce}=(0,M.A)(),ke=e=>({groupName:e.groupName,isExternal:e.isExternal,isLink:e.isLink,url:e.url}),Ae=(e,t,n,i=!1,a=!1)=>{const r=X()(n),s=r||!n?n:n.groupName,l=i?" nav__card":"",d={attributes:{"aria-labelledby":s?z()(s):Ce(Q.megaMenuNavigationPrimaryAriaLabel)},className:`drawer__navigation--primary${l}`,hasCardList:a,heading:s||"",includesClickOut:t||!1,isCard:i,links:e,layout:A,maxItemsPerColumn:o.maxItemsPerColumn?o.maxItemsPerColumn:"default"===A?G?o.children.length+2:o.children.length:10,showContentDivider:!0,isMegamenu:!0};return!r&&n&&(d.headingUrl=n.url||"",d.isHeadingALink=n.isLink||!1,d.isHeadingUrlExternal=n.isExternal||!1),s&&(d.headingAttributes={id:z()(s)}),d},xe=(e,t)=>{const n=t||"",o=e===S.text?"active":"",a=H?{className:B?"":"active",onClick:e=>we(e),key:n}:{className:o,onMouseEnter:e=>!b.showMenuOnClick&&we(e),onClick:()=>{return b.showMenuOnClick&&(t=e,void x.forEach((e,n)=>{t===e.text&&(L(e),O(!B),N([]),Y(t,h?.text,n))}));var t},onKeyDown:e=>{13===e.keyCode&&we(e)},key:n};return H?i.createElement("li",{...a},i.createElement("span",null,e),i.createElement(ne.A,{width:"1rem",he
2751ight:"1rem"})):i.createElement("li",{...a},i.createElement(de.E0,{href:b.showMenuOnClick?void 0:S.url},i.createElement("span",null,e),i.createElement(ne.A,{width:"1rem",height:"1rem"})))},Ee=(e,t,n,o="#")=>{const a=e===_?"active":"",r={className:"li-with-chevron",onClick:()=>n(e,t),key:t||""};return i.createElement("li",{...r},i.createElement(de.EP,{className:a,href:o,onClick:e=>(e.preventDefault(),!1),role:"link"},i.createElement("span",null,e),i.createElement(ne.A,{width:"1rem",height:"1rem"})))},Se=({handleLinkClickUrl:e,url:t,label:n,clickEventLabel:o,key:a})=>i.createElement(de.CT,{key:a,onClick:()=>(e=>{window.location.href=e})(e)},i.createElement("span",null,i.createElement("a",{href:t,onClick:()=>o&&he(o)},n))),Le=J()(o,"clickOutLinks")&&o.clickOutLinks.map((e,t)=>Se({handleLinkClickUrl:e.url,url:e.url,label:e.text,clickEventLabel:e.text,key:t})),Te=i.createElement(de.uf,{showBorderHighlight:b.showBorderHighlight,showUnderlineOnHover:!b.showMenuOnClick},x.map((e,t)=>((e,t)=>{const n=be(e);return fe(e)?xe(n,t):Se({handleLinkClickUrl:e.url,url:e.url,label:n,clickEventLabel:n,key:t})})(e,t)),G&&Se({handleLinkClickUrl:o.url,url:o.url,label:`${Ce(Q.allText)} ${o.text}`,clickEventLabel:`${h?.text}|Viewall`,key:null}),Le),Ne=e=>{let t=!1;const n=e.filter(e=>!e.isCard).map((e,n)=>{if(fe(e))return Ee(e.text||e.groupName,n,ye,e.url);if(e.links){t=!0;return((e,t,n=!1)=>{const o=ke(e),a=`${R.join("|")}|`;return i.createElement(de.__,{...Ae(e.links,!1,o),key:t,noHeadingGroupName:n,showDividerOnTop:!0,isHeadingEmpty:!0,trackingText:a,trackingTextIndex:t,navHighlightColour:v})})(e,n,""===e.groupName)}return Se({handleLinkClickUrl:e.url,url:e.url,label:e.text,clickEventLabel:null,key:n})});return t?i.createElement(i.Fragment,null,n):i.createElement(de.uf,{showBorderHighlight:b.showBorderHighlight},n,G&&Se({handleLinkClickUrl:o.url,url:o.url,label:`${Ce(Q.allText)} ${o.text}`,clickEventLabel:`${h?.text}|Viewall`,key:null}))},He=i.createElement(de.$0,{onClick:ve},_?i.createElement(i.Fragment,null,i.createElement(de.uf,{showBorderHighlight:b.showBorderHighlight},Ee(_,null,e=>{se("pop",e);const t=R.length&&R[R.length-1];P(t);const n=Z(K,t);n&&U(n)})),Ne(F.children),(e=>{const t=e.filter(e=>e.isCard);if(!W()(t)){const e=t[0].groupName,n=t.map(e=>e.links);return i.createElement(de.__,{...Ae(n,!1,e,!0,!0),showDividerOnTop:!0,isHeadingEmpty:!0})}return!1})(F.children),F.hasClickOut&&i.createElement(de.YA,null,i.createElement("a",{href:F.url},F.clickOutText?F.clickOutText:`${Ce(Q.destinationClickOut)} ${F.text}`))):Ne(K),!_&&i.createElement(de.B7,null,a&&i.createElement(de.BP,null,l&&(l.isAuthenticated?i.createElement(re.A,{accountLinks:C,className:"drawer-account__options"}):i.createElement(de.ef,{href:k,rel:"nofollow"},Ce(Q.megaMenuSignInLinkText)))),i.createElement(y.LQ,{use:"MegaMenu"}),V.length>0&&i.createElement(de.x8,{links:V}))),Ie=i.createElement(de.TZ,{onClick:ve},B?Te:i.createElement(i.Fragment,null,i.createElement(de.uf,{showBorderHighlight:b.showBorderHighlight},xe(be(S))),S&&(S.hasChildren?T.map((e,t)=>{const n=ke(e);return i.createElement(de.__,{...S.hasClickOut&&t+1>=T.length?Ae([...e.links,{isExternal:!1,text:`${Ce(Q.destinationClickOut)} ${S.text}`,url:S.url}],S.hasClickOut,n):Ae(e.links,!1,n),key:t})}):i.createElement(de.__,{...Ae(T)})))),Be=i.createElement(de.pM,{onClick:ve},x.map((e,t)=>{const n=e.children||e.links;if(!n)return null;const a=ke(e),r=`${h?.text||o?.text}|`;return i.createElement(de.__,{...Ae(n,!1,a),marginTopSize:de.bi.LARGE,trackingText:r,key:t,hasExtraTopMargin:$,navHighlightColour:v})}),G&&i.createElement(de.be,null,Se({handleLinkClickUrl:o.url,url:o.url,label:`${Ce(Q.allText)} ${o.text}`,clickEventLabel:null,key:null}))),Oe=i.createElement(de.TZ,{onClick:ve},Te,S&&w?T?.map((e,t)=>{const n=Boolean(J()(e,"groupName"))||J()(e,"isCard",!1),a=ke(e),r=((e="",t="")=>`${e}|${t}|`)(h?.text||o?.text,S?.text);return i.createElement(de.__,{...b.showClickOutLink&&S.hasClickOut&&t+1>=T.length?Ae([...e.links,{isExternal:!1,text:S.clickOutText?S.clickOutText:`${Ce(Q.destinationClickOut)} ${S.text}`,url:S.url,hasClickOut:!0}],S.hasClickOut,a,e.isCard):Ae(e.links,!1,a,e.isCard),showBlankHeading:n,key:t,hasClickOutWithCard:e.isCard&&S.hasClickOut,isCard:e.isCard,trackingText:r,trackingTextIndex:t})}):i.createElement("div",null)),Ke=i.createElement(te.A,{min:"xl"},e=>e&&i.createElement(de.No,{"aria-label":Ce(Q.closeButtonLabel),ButtonIcon:oe.A,isIconButton:!0,label:Ce(Q.closeButtonLabel),onClickHandler:d,hasExtraTopMargin:$,hasLinkBanner:g})),De=me.getItem("nav_invisible")?"override-header":"",_e=_&&F.showSecondaryFooterAllLink;return i.createElement(de.dt,{ref:(0,ce.P)(j,n),"data-testid":"mega-menu-content"},i.createElement(ee.A,{palette:m},i.createElement(de.XU,{isSlim:s,hasLinkBanner:g,hasSecondaryFooterAllLink:_e,hasExtraTopMargin:$},i.createElement(de.RC,{className:De,isCentered:r,navHighlightColour:v},(()=>{let e=(()=>{const e=[...x,G&&{isExternal:!1,text:`${Ce(Q.allText)} ${o.text}`,url:o.url}
2751].filter(Boolean),t=o.headingData?ke(o.headingData):"",n=G;return i.createElement(de.Gy,{onClick:ve},i.createElement(de.__,{...Ae(e,n,t)}))})();return H&&"default"!==A?e=b.multipleIteration?He:Ie:("column"===A&&(e=Be),"verbose"===A&&(e=Oe)),e})(),b.showCloseCTA&&Ke)),_e&&i.createElement(de.be,null,Se({handleLinkClickUrl:F.url,url:F.url,label:`${Ce(Q.allText)} ${F.text}`,clickEventLabel:null,key:null}))))};ye.propTypes={configuredComponentRef:r().func,accountProps:r().shape({accountLinks:r().array,signInLink:r().string,redirectURL:r().string}),collapseMegaMenu:r().func,containerMinHeight:r().number,hasExtraTopMargin:r().bool,hasLinkBanner:r().bool,isAccountsEnabled:r().bool,isContentCentered:r().bool,isDrawerOpen:r().bool,isSlim:r().bool,megaMenuContent:r().object,navHighlightColour:r().string,primaryNavLink:r().object,theme:r().string,user:r().shape({isAuthenticated:r().bool.isRequired}),utilityLinks:l.A.propTypes.links,variationName:r().string,variations:r().shape({layout:r().string,multipleIteration:r().bool,showBorderHighlight:r().bool,showClickOutLink:r().bool,showCloseCTA:r().bool,showMenuOnClick:r().bool})},ye.displayName="MegaMenu";const be=(0,o.y)(ye,"MegaMenu");be.Verbose=(0,m.y)(be,"Verbose",{layout:"verbose"}),be.Column=(0,m.y)(be,"Column",{layout:"column"}),be.MultipleColumn=(0,m.y)(be,"MultipleColumn",{layout:"verbose",multipleIteration:!0,showBorderHighlight:!0}),be.NewVerbose=(0,m.y)(be,"NewVerbose",{layout:"verbose",multipleIteration:!0,showBorderHighlight:!0,showClickOutLink:!0,showCloseCTA:!0,showMenuOnClick:!0});const fe=be;var we=n(32485),$e=n.n(we),ve=n(45135);const Ce=(0,w.YK)({accountDropdownAssistiveLabel:{id:"UtilityNavigation.AccountDropdownAssistive",defaultMessage:"Account Navigation",description:"ARIA label for account navigation"},accountDropdownLabel:{id:"UtilityNavigation.AccountDropdown",defaultMessage:"Account",description:"ARIA label for account navigation dropdown"},marketSwitcherLabel:{id:"UtilityNavigation.MarketSwitcherLabel",defaultMessage:"Country",description:"ARIA label for market switcher",isConfigurable:!0},menuButtonLabel:{id:"UtilityNavigation.UtilityNavigationButton",defaultMessage:"Open Navigation Menu",description:"ARIA label for account navigation button"},signInLabel:{id:"UtilityNavigation.SignInLabel",defaultMessage:"Sign In",description:"ARIA label for user account sign in button",isConfigurable:!0},searchLabel:{id:"UtilityNavigation.SearchLabel",defaultMessage:"Search",description:"ARIA label for search link"},shoppingCartLabel:{id:"UtilityNavigation.ShoppingCartLabel",defaultMessage:"Shopping Cart",description:"Label for Shopping cart"},shoppingCartAriaLabel:{id:"UtilityNavigation.ShoppingCartAriaLabel",defaultMessage:"item(s) in Cart",description:"ARIA label for Shopping cart"},signOutLabel:{id:"UtilityNavigation.SignOut",defaultMessage:"Sign Out",description:"ARIA label for user account sign out button"}});var ke=n(26488),Ae=n(30597),xe=n(90090),Ee=n(10934),Se=n(62067);const Le=(0,w.YK)({emptyCartHeader:{id:"ShopifyCartEmpty.EmptyCartHeader",defaultMessage:"YOUR SHOPPING CART IS EMPTY",description:"ShopifyCartEmpty component header"},emptyCartButtonLabel:{id:"ShopifyCartEmpty.EmptyCartButtonLabel",defaultMessage:"GO SHOPPING",description:"ShopifyCartEmpty component button label"},emptyCartButtonLink:{id:"ShopifyCartEmpty.EmptyCartButtonLink",defaultMessage:"/shop/listing/all",description:"ShopifyCartEmpty component button link"},retailerLabel:{id:"ShopifyCartItem.RetailerLabel",defaultMessage:"Retailer:",description:"ShopifyCartItem Retailer label"},subtotalLabel:{id:"ShopifyCartItem.SubtotalLabel",defaultMessage:"Subtotal",description:"ShopifyCartItem Subtotal label"},checkoutText:{id:"ShopifyCartItem.CheckoutText",defaultMessage:"Shipping and taxes calculated at checkout",description:"ShopifyCartItem checkout text"},checkoutLabel:{id:"ShopifyCartItem.CheckoutLabel",defaultMessage:"CHECK OUT",description:"ShopifyCartItem checkout label"},cartHeader:{id:"ShopifyCart.CartHeader",defaultMessage:"Shopping Cart",description:"ShopifyCart Cart header"}});var Te=n(18117),Ne=n(20312),He=n.n(Ne);const Ie=({children:e,align:t,appElement:n,className:o,overlayClassName:a,configuredComponentRef:r,...s})=>(i.useEffect(()=>{n&&He().setAppElement(n)},[n]),i.createElement(He(),{...s,ref:r,portalClassName:o,className:o,overlayClassName:a},e));Ie.displayName="ShopifyCartModal",Ie.propTypes={align:r().string,appElement:r().oneOfType([r().string,r().element]),children:r().node,className:r().str
2751ing,configuredComponentRef:r().func,overlayClassName:r().string};const Be=Ie,Oe=(0,v.Ay)(Be).withConfig({displayName:"ShopifyCartModalWrapper"})` 2752 .shopify__content { 2753 position: absolute; 2754 right: 0; 2755 bottom: 8rem; 2756 left: auto; 2757 margin-top: 56px; 2758 outline: none; 2759 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 2760 background: ${(0,A.HK)("colors.background.white")}; 2761 padding: ${(0,A.Kq)(2.5)}; 2762 width: 370px; 2763 overflow: auto; 2764 inset: 0 4px 4px auto; 2765 } 2766 2767 .shopify__overlay { 2768 position: fixed; 2769 top: ${(0,A.Kq)(0)}; 2770 right: ${(0,A.Kq)(0)}; 2771 bottom: ${(0,A.Kq)(0)}; 2772 left: ${(0,A.Kq)(0)}; 2773 z-index: 1000; 2774 overflow: hidden; 2775 } 2776`,Ke=(0,v.Ay)(x.A.Utility).withConfig({displayName:"ShopifyCartCloseButton"})` 2777 position: absolute; 2778 top: ${(0,A.Kq)(1)}; 2779 right: ${(0,A.Kq)(1)}; 2780 padding: 0; 2781 fill: ${(0,A.HK)("colors.discovery.body.light.context-tertiary")}; 2782 2783 .icon-close { 2784 padding: 8px; 2785 } 2786 2787 &, 2788 &:focus, 2789 &:hover { 2790 border: 0; 2791 background-color: transparent; 2792 } 2793`,De=(0,v.Ay)(x.A.Utility).withConfig({displayName:"ShopifyCartItemRemoveButton"})` 2794 right: ${(0,A.Kq)(1)}; 2795 /* stylelint-disable-next-line declaration-no-important */ 2796 z-index: 0 !important; 2797 margin-left: 10px; 2798 padding: 0; 2799 fill: ${(0,A.HK)("colors.discovery.body.light.context-tertiary")}; 2800 2801 &, 2802 &:focus, 2803 &:hover { 2804 border: 0; 2805 background-color: transparent; 2806 } 2807`,_e=((0,v.Ay)(c.A).withConfig({displayName:"ShopifyCartItemResponsiveAsset"})` 2808 position: relative; 2809 grid-column: 1; 2810 grid-row: 1; 2811 width: 100px; 2812 height: 100px; 2813 2814 &${Te.B}::after { 2815 position: absolute; 2816 top: 0; 2817 left: 0; 2818 opacity: 1; 2819 width: 100%; 2820 height: 100%; 2821 content: ''; 2822 } 2823 2824 img { 2825 width: 100%; 2826 height: 100%; 2827 } 2828`,v.Ay.div.withConfig({displayName:"OverlaySummaryItemContent"})` 2829 &&& { 2830 grid-column: 1; 2831 grid-row: 1; 2832 align-self: end; 2833 z-index: 2; 2834 padding: 0 ${(0,A.Kq)(2)} ${(0,A.Kq)(3)}; 2835 text-decoration: none; 2836 2837 ${(0,A.H4)(C.LO.md)} { 2838 margin: 0 auto; 2839 padding: 0 0 ${(0,A.Kq)(5)}; 2840 width: 100%; 2841 } 2842 } 2843`,v.Ay.div.withConfig({displayName:"ShopifyCartItemObject"})` 2844 display: inline-flex; 2845 margin-top: ${(0,A.Kq)(1.9)}; 2846 overflow-y: auto; 2847`),Pe=v.Ay.div.withConfig({displayName:"ShopifyCartItemRetailer"})` 2848 display: inline-flex; 2849 margin-top: ${(0,A.Kq)(5)}; 2850 border-bottom: 1px solid #75757a; 2851 padding-bottom: ${(0,A.Kq)(.65)}; 2852 text-align: left; 2853 ${({theme:e})=>(0,A._o)(e,"color","colors.consumption.body.inverted.bg-card")}; 2854 ${(0,A.Gg)("typography.definitions.globalEditorial.context-secondary")}; 2855`,Re=v.Ay.div.withConfig({displayName:"ShopifyCartItemBrandDetail"})` 2856 margin-left: ${(0,A.Kq)(1)}; 2857`,qe=v.Ay.div.withConfig({displayName:"ShopifyCartItemProductTitle"})` 2858 padding-bottom: ${(0,A.Kq)(2)}; 2859 text-align: left; 2860 line-height: 18px; 2861 letter-spacing: 0; 2862 font-family: plain_regularregular; 2863 font-size: 12px; 2864`,Me=v.Ay.div.withConfig({displayName:"ShopifyCartItemBrandNameWrapper"})` 2865 display: flex; 2866 justify-content: space-between; 2867 width: 100%; 2868 text-align: left; 2869 font-family: plain_regularregular; 2870 ${({theme:e})=>(0,A._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 2871 ${(0,A.Gg)("typography.definitions.globalEditorial.context-primary")}; 2872 2873 svg { 2874 float: right; 2875 padding-bottom: ${(0,A.Kq)(2)}; 2876 width: 1rem; 2877 } 2878`,Fe=v.Ay.span.withConfig({displayName:"ShopifyCartItemBrandName"})``,Ue=v.Ay.div.withConfig({displayName:"ShopifyCartDangerousHed"})` 2879 ${(0,A.Gg)("typography.definitions.discovery.hed-core-secondary")}; 2880`,Ve=v.Ay.div.withConfig({displayName:"ShopifyCartEmptyHed"})` 2881 margin-top: ${(0,A.Kq)(5)}; 2882 margin-bottom: ${(0,A.Kq)(3)}; 2883 ${(0,A.Gg)("typography.definitions.foundation.title-primary")}; 2884`,Ge=(0,v.Ay)(x.A.Utility).withConfig({displayName:"ShopifyCartEmptyButtonWrapper"})` 2885 margin-left: ${(0,A.Kq)(.5)}; 2886 width: 330px; 2887`,We=v.Ay.div.withConfig({displayName:"ShopifyCartEmptyDiv"})` 2888 position: fixed; 2889 right: 0; 2890 bottom: 0; 2891 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 2892 background: ${(0,A.HK)("colors.background.white")}; 2893 padding: 1rem 1.25rem; 2894 width: 374px; 2895 height: 8rem; 2896`,je=v.Ay.div.withConfig({displayName:"ShopifyCartItemWrapper"})` 2897 ${({theme:e})=>(0,A._o)(e,"color","colors.interactive.base.dark")}; 2898 display: grid; 2899 grid-template-columns: 1fr; 2900 grid-template-rows: 1fr; 2901 margin-bottom: ${(0,A.Kq)(16)}; 2902 text-align: center; 2903 text-decoration: none; 2904 2905 ${({layoutProportions:e})=>"overlay-limited-height"===e?"max-height: 100%;":""} 2906`,ze=v.Ay.div.withConfig({displayName:"ShopifyCartItemQuantityBox"})` 2907 display: inline-flex; 2908 flex-direction: row; 2909 align-items: center; 2910 border: 1px solid; 2911 ${({theme:e})=>(0,A._o)(e,"border-color","colors.interactive.base.light")}; 2912 height: 30px; 2913 overflow: hidden; 2914 -webkit-box-orient: vertical; 2915 -webkit-line-clamp: 2; 2916`,Ye=v.Ay.div.withConfig({displayName:"ShopifyCartItemQuantityCount"})` 2917 margin-right: ${(0,A.Kq)(1)}; 2918 margin-left: ${(0,A.Kq)(1)}; 2919`,Xe=v.Ay.div.withConfig({displayName:"ShopifyCartItemCheckoutObject"})` 2920 position: fixed; 2921 right: 0; 2922 bottom: 0; 2923 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); 2924 background: ${(0,A.HK)("colors.background.white")}; 2925 padding: 1rem 1.25rem; 2926 width: 374px; 2927 height: 8rem; 2928`,Ze=(0,v.Ay)(x.A.Utility).withConfig({displayName:"ShopifyCartItemCheckout"})` 2929 width: 100%; 2930`,Je=v.Ay.div.withConfig({displayName:"ShopifyCartItemTotalLabel"})` 2931 ${(0,A.Gg)("typography.definitions.globalEditorial.context-title")}; 2932 ${({theme:e})=>(0,A._o)(e,"color","colors.interactive.base.dark")}; 2933`,Qe=v.Ay.div.withConfig({displayName:"ShopifyCartItemTotalDek"})` 2934 padding-bottom: 5px; 2935 ${(0,A.Gg)("typography.definitions.globalEditorial.context-secondary")}; 2936 ${({theme:e})=>(0,A._o)(e,"color","colors.consumption.body.inverted.bg-card")}; 2937`,et=v.Ay.div.withConfig({displayName:"ShopifyCartItemPrice"})` 2938 padding-left: ${(0,A.Kq)(10)}; 2939 ${({theme:e})=>{(0,A._o)(e,"color","colors.consumption.body.standard.body")}}; 2940 ${(0,A.Gg)("typography.definitions.globalEditorial/numerical-small")}; 2941`,tt=(v.Ay.div.withConfig({displayName:"ShopifyCartItemSalePrice"})` 2942 padding-left: ${(0,A.Kq)(8)}; 2943 text-decoration: line-through; 2944 ${({theme:e})=>{(0,A._o)(e,"color","colors.consumption.body.standard.accent")}}; 2945 ${(0,A.Gg)("typography.definitions.globalEditorial/numerical-small")}; 2946`,v.Ay.div.withConfig({displayName:"ShopifyCartItemQuantityContainer"})` 2947 display: flex; 2948 align-items: center; 2949 text-align: center; 2950 text-transform: uppercase; 2951 letter-spacing: 0.5px; 2952 font-family: plainmedium; 2953 font-size: 12px; 2954`),nt=v.Ay.div.withConfig({displayName:"ShopifyCartItemTotal"})` 2955 display: flex; 2956 justify-content: space-between; 2957`,ot=v.Ay.div.withConfig({displayName:"ShopifyCartItemTotalPrice"})``,it=(0,v.Ay)(x.A.Utility).withConfig({displayName:"ShopifyCartItemQuantity"})` 2958 transform: scale(0.6); 2959 /* stylelint-disable-next-line declaration-no-important */ 2960 z-index: 0 !important; 2961 padding: 0; 2962 fill: ${(0,A.HK)("colors.discovery.body.light.context-tertiary")}; 2963 2964 &, 2965 &:focus, 2966 &:hover { 2967 border: 0; 2968 background-color: transparent; 2969 } 2970`,at=v.Ay.div.withConfig({displayName:"ShopifyCartItemRetailerLabel"})` 2971 ${(0,A.Gg)("typography.definitions.globalEditorial.context-title")}; 2972 ${({theme:e})=>(0,A._o)(e,"color","colors.background.black")}; 2973 margin-right: ${(0,A.Kq)(.25)}; 2974`,rt=v.Ay.div.withConfig({displayName:"ShopifyCartItemRetailerName"})` 2975 padding-left: ${(0,A.Kq)(1)}; 2976 text-transform: capitalize; 2977`,st=()=>{const{formatMessage:e}=(0,M.A)();return i.createElement(i.Fragment,null,i.createElement(Ve,null,e(Le.emptyCartHeader)),i.createElement(Ge,{"data-testid":"ShopifyEmptyCartButton",label:e(Le.emptyCartButtonLabel),href:e(Le.emptyCartButtonLink),inputKind:"link"}),i.createElement(We,null))};st.displayName="ShopifyCartEmpty";const lt=st;var dt=n(56004),ct=n.n(dt),mt=n(80046),ut=n(58332),pt=n(56099),gt=n(60162),ht=n(29946);const yt=({shopifyCartItems:e,setShopifyCartItems:t,shopifyConfig:n,appConfig:o})=>{const a=ct()?.buildClient(n),{formatMessage:r}=(0,M.A)(),s=e=>{let t=0;for(const n of e)t+=(n?.price??0)*(n?.quantity??0);return t},[l,d]=(0,i.useState)(()=>s(e)),c=e=>{d(s(e)),(0,ht.v)("shopifyCartItems",e),t(e)},m=e=>{const{variantId:t,quantity:n}=e;return{variantId:t,quantity:n}},u=e.reduce((e,t)=>
2977{const{retailer:n}=t;return e[n]||(e[n]=[]),e[n].push(t),e},{});return i.createElement(i.Fragment,null,i.createElement(je,null,Object.entries(u).map(([t])=>i.createElement(i.Fragment,{key:`shopify-cart-item-${t}`},i.createElement(Pe,null,i.createElement(at,null,r(Le.retailerLabel)),i.createElement(rt,null,t)),u[t].map(t=>i.createElement(i.Fragment,{key:t.variantId},i.createElement(_e,null,i.createElement("img",{src:`${t.image.src}${C.Ay.SHOPIFY_IMAGE_SIZE_MAP.small}`,width:"30%",alt:t.title}),i.createElement(Re,null,i.createElement(Me,null,i.createElement(Fe,null,t.vendor),i.createElement(De,{onClickHandler:()=>(t=>{const n=e.filter(e=>e.variantId!==t),o=e.find(e=>e.variantId===t);(0,gt.Mw)("remove-from-cart",o),c(n)})(t.variantId),role:"button",ButtonIcon:mt.A,isIconButton:!0,width:"0.5rem",height:"0.5rem",label:"ShopifyCartItemRemoveButton"})),i.createElement(qe,null,t.title),i.createElement(tt,null,i.createElement(ze,null,i.createElement(it,{onClickHandler:()=>(t=>{const n=e.find(e=>e.variantId===t),o=e.findIndex(e=>e.variantId===t);n.quantity>1?(e[o].quantity-=1,(0,gt.Mw)("remove-from-cart",e[o])):((0,gt.Mw)("remove-from-cart",{...e[o],quantity:0}),delete e[o]);const i=e.filter(Boolean);c(i)})(t.variantId),ariaLabel:"Decrease Quantity",role:"button",ButtonIcon:pt.A,isIconButton:!0,label:"ShopifyCartItemQuantity"}),i.createElement(Ye,null,t.quantity),i.createElement(it,{onClickHandler:()=>(t=>{const n=e.map(e=>{if(e.variantId===t){const t=e.quantity+1,n={...e,quantity:t};return(0,gt.Mw)("add-to-cart",n),n}return e});c(n)})(t.variantId),ariaLabel:"Increase Quantity",role:"button",ButtonIcon:ut.A,isIconButton:!0,label:"ShopifyCartItemQuantity"})),i.createElement(et,null,"$",t.price))))))))),i.createElement(Xe,null,i.createElement(nt,null,i.createElement(Je,null,r(Le.subtotalLabel)),i.createElement(ot,null,"$",l)),i.createElement(Qe,null,r(Le.checkoutText)),i.createElement(Ze,{label:r(Le.checkoutLabel),onClickHandler:()=>{const t=e.map(m);a.checkout.create().then(e=>{const n=e.id;a.checkout.addLineItems(n,t).then(e=>{(0,ht.v)("shopifyCartItems",[]);const t=new URL(e.webUrl);window.location=`https://checkout.${o.brandSlug}.com/${t.pathname}`})})},inputKind:"link"})))};yt.propTypes={appConfig:r().object,setShopifyCartItems:r().func,shopifyCartItems:r().array,shopifyConfig:r().object},yt.displayName="ShopifyCartItem";const bt=(0,ve.Ng)(({shopifyCartItems:e})=>({shopifyCartItems:e}),e=>{const{setShopifyCartItems:t}=(0,Se.A)(e);return{setShopifyCartItems:t}})(yt),ft=({appConfig:e,closeButtonCallback:t,configuredComponentRef:n,onCartDataChange:o,setShopifyCartItems:a,shopifyCartItems:r,shopifyConfiguration:s,showShopifyCart:l})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"ShopifyCart"})},[]);const d=(0,i.useRef)(),{formatMessage:c}=(0,M.A)(),m=()=>{t()};return(0,i.useEffect)(()=>{l?(document.body.style.overflow="hidden",document.getElementById("app-root").style.opacity=.2):(document.body.style.overflow="unset",document.getElementById("app-root").style.opacity=1);const e=e=>{l&&d.current&&!d.current.contains(e.target)&&m()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l]),(0,i.useEffect)(()=>{const e=(0,ht.O)("shopifyCartItems");e?.length>0&&(o(e),a(e))},[r?.length]),i.createElement(Oe,{ref:d,configuredComponentRef:n,isOpen:l,contentLabel:"Shopify cart",onRequestClose:m,shouldReturnFocusAfterClose:!1,role:"dialog",className:"shopify__content",overlayClassName:"shopify__overlay"},i.createElement(Ue,null,c(Le.cartHeader)),i.createElement(Ke,{onClickHandler:m,role:"button",ButtonIcon:oe.A,label:"ShopifyCartCloseButton",isIconButton:!0}),r?.length>0?i.createElement(bt,{shopifyCartItems:r,shopifyConfig:s,appConfig:e}):i.createElement(lt,null))};ft.propTypes={configuredComponentRef:r().func,appConfig:r().object,closeButtonCallback:r().func,onCartDataChange:r().func,setShopifyCartItems:r().func,shopifyCartItems:r().array,shopifyConfiguration:r().object,showShopifyCart:r().bool},ft.displayName="ShopifyCart";const wt=(0,ve.Ng)(({shopifyCartItems:e,appConfig:t,shopifyConfiguration:n})=>({shopifyCartItems:e,appConfig:t,shopifyConfiguration:n}),e=>{const{setShopifyCartItems:t}=(0,Se.A)(e);return{setShopifyCartItems:t}})(ft),$t=(0,o.y)(wt,"ShopifyCart");
2977var vt=n(8877),Ct=n(70698),kt=n(27985),At=n(49829);const xt=v.Ay.nav.withConfig({displayName:"UtilityNavigationWrapper"})` 2978 justify-self: self-end; 2979 display: flex; 2980 align-items: center; 2981`,Et=(0,v.Ay)(kt.$K).withConfig({displayName:"UtilityNavigationButton"})` 2982 .icon-menu { 2983 padding: 8px; 2984 width: initial; 2985 height: initial; 2986 } 2987 2988 .icon-search { 2989 transform: scale(0.6); 2990 } 2991 2992 .icon-close { 2993 padding: 8px; 2994 } 2995 2996 path { 2997 stroke: ${({theme:e})=>(0,A.HK)(e,(0,Ct.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 2998 } 2999`,St=e=>`\n display: block;\n content: '';\n height: ${(0,A.Kq)(4)};\n width: 1px;\n background-color: ${(e=>(0,A.HK)(e,"colors.foundation.menu.dividers"))(e)};\n top: 50%;\n margin-top: -${(0,A.Kq)(2)};\n position: absolute;\n`,Lt=e=>`\n@media (min-width: ${C.LO.md}) {\n &::after {\n ${St(e)}\n right: 0;\n }\n}\n`,Tt=v.Ay.div.withConfig({displayName:"UtilityNavigationDropdown"})` 3000 position: relative; 3001 ${({theme:e,hasDivider:t})=>t&&Lt(e)}; 3002 3003 /* Hide account dropdown on mobile when hideAccountOnMobile is true */ 3004 ${({hideAccountOnMobile:e})=>e&&`\n @media (max-width: ${C.LO.xl}) {\n display: none;\n }\n `} 3005`,Nt=(0,v.Ay)(x.A.Utility).withConfig({displayName:"SiteHeaderCartButton"})` 3006 position: absolute; 3007 /* stylelint-disable-next-line declaration-no-important */ 3008 && { 3009 margin: ${(0,A.Kq)(2)} 0 0 ${(0,A.Kq)(2)}; 3010 } 3011 ${(0,At.W)()}; 3012 padding-bottom: ${(0,A.Kq)(2)}; 3013 3014 @media (max-width: ${C.LO.md}) { 3015 margin-right: 0; 3016 } 3017`,Ht=v.Ay.span.withConfig({displayName:"SiteHeaderCartQuantity"})` 3018 position: absolute; 3019 top: 2rem; 3020 right: -0.25rem; 3021 align-items: center; 3022 z-index: 1; 3023 border-radius: 50%; 3024 background-color: ${({theme:e})=>(0,A.HK)(e,(0,Ct.l1)(e,(0,Ct.iq)(e)?"colors.background.white":"colors.background.black"))}; 3025 width: 17.25px; 3026 height: 17.25px; 3027 text-align: center; 3028 text-transform: uppercase; 3029 line-height: 17px; 3030 letter-spacing: 1px; 3031 color: ${({theme:e})=>(0,A.HK)(e,(0,Ct.l1)(e,(0,Ct.iq)(e)?"colors.background.black":"colors.background.white"))}; 3032 font-size: 10px; 3033 3034 @media (max-width: ${C.LO.md}) { 3035 left: 2.25rem; 3036 } 3037 3038 &:hover, 3039 &:focus { 3040 border: 0; 3041 background-color: ${(0,A.HK)("colors.foundation.icon.hover")}; 3042 } 3043`,It=v.Ay.div.withConfig({displayName:"SiteHeaderCart"})` 3044 position: relative; 3045 3046 svg path { 3047 fill: ${({theme:e})=>(0,A.HK)(e,(0,Ct.l1)(e,(0,Ct.iq)(e)?"colors.consumption.lead.inverted.link":"colors.background.black"))}; 3048 } 3049 3050 &:hover, 3051 &:focus { 3052 border: 0; 3053 background-color: transparent; 3054 cursor: pointer; 3055 3056 span { 3057 background-color: ${(0,A.HK)("colors.foundation.icon.hover")}; 3058 } 3059 3060 svg path { 3061 fill: ${({theme:e})=>(0,A.HK)(e,(0,Ct.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.icon.hover")}; 3062 } 3063 } 3064`;var Bt=n(18608),Ot=n(32788);const Kt=(0,v.Ay)(Bt.sH).withConfig({displayName:"Link"}).attrs(({theme:e,...t})=>({colorSecondaryLinkToken:(0,Ct.l1)(e,"colors.foundation.collapsed-menu.nav-link.hover"),colorStaticLinkToken:(0,Ct.l1)(e,"colors.foundation.collapsed-menu.nav-link.default"),linkStyle:"navigation",typeToken:"typography.definitions.foundation.link-primary",...t}))` 3065 display: block; 3066 padding: ${(0,A.Kq)(1.5)} ${(0,A.Kq)(1)}; 3067 white-space: nowrap; 3068 3069 &:link, 3070 &:visited { 3071 ${({theme:e,hasInvertedSubscribeButton:t})=>t?`color: ${(0,A.HK)(e,(0,Ct.l1)(e,"colors.background.white"))};}`:`color: ${(0,A.HK)(e,(0,Ct.l1)(e,"colors.foundation.collapsed-menu.nav-link.hover"))};}`} 3072 } 3073 3074 &:hover + div ${Ot.mO}, 3075 &:focus + div ${Ot.mO} { 3076 transform: translateY(0); 3077 visibility: visible; 3078 opacity: 1; 3079 } 3080 3081 &:hover, 3082 &:focus { 3083 text-decoration: none; 3084 } 3085 3086 ${({theme:e})=>(0,Ct.iq)(e)&&`&:link,\n &:visited {\n color : ${(0,A.HK)(e,(0,Ct.l1)(e,"colors.consumption.lead.inverted.link"))}\n }\n &:hover,\n &:focus {\n color : ${(0,A.HK)(e,(0,Ct.l1)(e,"colors.consumption.lead.inverted.link-hover"))}\n }`} 3087 3088 @media (min-width: ${C.LO.md}) { 3089 padding-right: ${(0,A.Kq)(2)}; 3090 padding-left: ${(0,A.Kq)(2)}; 3091 } 3092`;var Dt=n(39832),_t=n(82552);const Pt=v.Ay.div.withConfig({displayName:"NavCTADivider"})` 3093 ${({theme:e})=>Lt(e)} 3094`,Rt=e=>v.AH` 3095 ${(e=>`\n@media (min-width: ${C.LO.md}) {\n &::before {\n ${St(e)}\n left: 0;\n }\n}\n`)(e)}; 3096 ${Lt(e)}; 3097 `,qt=v.AH` 3098 .nav-cta__component, 3099 .consumer-marketing-unit--nav-cta { 3100 display: flex; 3101 height: 100%; 3102 3103 &:hover, 3104 &:focus-within, 3105 &:focus { 3106 ~ .consumer-marketing-unit--nav-rollover, 3107 ~ .nav-rollover__component > div { 3108 ${Ot.Rw} 3109 } 3110 } 3111 3112 + ${Pt} { 3113 display: none; 3114 } 3115 } 3116 3117 .nav-rollover__component > div, 3118 .consumer-marketing-unit--nav-rollover { 3119 &:hover, 3120 &:focus, 3121 &:focus-within { 3122 ${Ot.Rw} 3123 } 3124 } 3125 3126 .consumer-marketing-unit--nav-rollover, 3127 .nav-rollover__component > div { 3128 ${Ot.Er} 3129 display: none; 3130 top: ${(0,A.Kq)(7)}; 3131 right: 0; 3132 align-items: center; 3133 justify-content: center; 3134 z-index: ${C.KV.navFixed}; 3135 @media (min-width: ${C.LO.md}) { 3136 display: flex; 3137 } 3138 } 3139`,Mt=(e,t)=>
3139`\n background-color: ${(0,A.HK)(t,(0,Ct.l1)(t,e?"colors.consumption.body.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover"))};\n border-radius: 2px;\n color: ${(0,A.HK)(t,(0,Ct.l1)(t,"colors.background.white"))};;\n\n &:active,\n &:focus,\n &:hover,\n &:visited,\n &:link {\n color: ${(0,A.HK)(t,(0,Ct.l1)(t,"colors.background.white"))};\n`,Ft=v.Ay.li.withConfig({displayName:"ListItem"})` 3140 display: inline-block; 3141 position: relative; 3142 cursor: pointer; 3143 3144 &:not(:last-child):not(:nth-last-child(2)) { 3145 ${({theme:e,hasDivider:t})=>t&&Lt(e)}; 3146 } 3147 3148 ${({hasInvertedSubscribeButtons:e,hasCMUnit:t,hasJourneyUnit:n,isBrandLogoCenteredOnDesktop:o,isColorTokenInverted:i,theme:a,utilityLinksCnt:r})=>e&&r<2?v.AH` 3149 @media (min-width: ${C.LO.md}) { 3150 display: block; 3151 } 3152 ${Mt(i,a)}; 3153 `:e&&2===r?v.AH` 3154 @media (min-width: ${C.LO.md}) and (max-width: ${C.LO.lg}) { 3155 display: block !important; 3156 } 3157 ${Mt(i,a)} 3158 `:n||o?v.AH` 3159 @media (max-width: ${C.LO.md}) { 3160 &:nth-last-child(n + 2) { 3161 display: none; 3162 } 3163 } 3164 `:t?v.AH` 3165 @media (max-width: ${C.LO.md}) { 3166 &:last-child { 3167 display: block; 3168 } 3169 } 3170 `:v.AH` 3171 @media (max-width: ${C.LO.md}) { 3172 display: none; 3173 } 3174 `} 3175 3176 ${qt} 3177 ${_t.N_} { 3178 padding: ${(0,A.Kq)(1.5)}; 3179 3180 ${({theme:e,hasDivider:t})=>t&&Rt(e)}; 3181 } 3182 3183 ${({shouldHideOnMobile:e})=>e&&v.AH` 3184 @media (max-width: ${C.LO.md}) { 3185 display: none; 3186 } 3187 `} 3188`,Ut=v.Ay.ul.withConfig({displayName:"StyledLinks"})` 3189 display: flex; 3190 align-items: center; 3191 margin: 0; 3192 padding: 0; 3193 list-style: none; 3194 3195 /* 3196 Available spaces 3197 small - 1 3198 medium - 2 3199 large - 3 3200 xlarge - 4 3201 xxlarge - 5 3202 If hasSiblings reduce number of available space for utility items by 1 3203 Note: the n count was increased by 1 in all spaces due to the addition of a 3204 slot for Consumer Marketing Units within a hardcoded ListItem 3205 that is always present across all brands. 3206 */ 3207 ${Ft} { 3208 ${({hasPrimaryLink:e,hidePrimaryLink:t})=>e&&t?v.AH` 3209 @media (max-width: ${C.LO[t]}) { 3210 &:first-child { 3211 display: none; 3212 } 3213 } 3214 `:null} 3215 3216 ${({hasSiblings:e,isBrandLogoCenteredOnDesktop:t})=>e?t?v.AH` 3217 @media (min-width: ${C.LO.md}) and (max-width: ${C.LO.lg}) { 3218 &:nth-last-child(n + 2) { 3219 display: none; 3220 } 3221 } 3222 3223 @media (min-width: ${C.LO.lg}) and (max-width: ${C.LO.xl}) { 3224 &:nth-last-child(n + 4) { 3225 display: none; 3226 } 3227 } 3228 3229 @media (min-width: ${C.LO.xl}) and (max-width: ${C.LO.xxl}) { 3230 &:nth-last-child(n + 5) { 3231 display: none; 3232 } 3233 } 3234 `:v.AH` 3235 @media (min-width: ${C.LO.md}) and (max-width: ${C.LO.lg}) { 3236 &:nth-last-child(n + 3) { 3237 display: none; 3238 } 3239 } 3240 3241 @media (min-width: ${C.LO.lg}) and (max-width: ${C.LO.xl}) { 3242 &:nth-last-child(n + 4) { 3243 display: none; 3244 } 3245 } 3246 3247 @media (min-width: ${C.LO.xl}) and (max-width: ${C.LO.xxl}) { 3248 &:nth-last-child(n + 5) { 3249 display: none; 3250 } 3251 } 3252 `:t?v.AH` 3253 @media (max-width: ${C.LO.md}) { 3254 &:nth-last-child(n + 3) { 3255 display: none; 3256 } 3257 } 3258 3259 @media (min-width: ${C.LO.md}) and (max-width: ${C.LO.lg}) { 3260 &:nth-last-child(n + 3) { 3261 display: none; 3262 } 3263 } 3264 3265 @media (min-width: ${C.LO.lg}) and (max-width: ${C.LO.xl}) { 3266 &:nth-last-child(n + 5) { 3267 display: none; 3268 } 3269 } 3270 `:v.AH` 3271 @media (max-width: ${C.LO.md}) { 3272 &:nth-last-child(n + 3) { 3273 display: none; 3274 } 3275 } 3276 3277 @media (min-width: ${C.LO.md}) and (max-width: ${C.LO.lg}) { 3278 &:nth-last-child(n + 4) { 3279 display: none; 3280 } 3281 } 3282 3283 @media (min-width: ${C.LO.lg}) and (max-width: ${C.LO.xl}) { 3284 &:nth-last-child(n + 5) { 3285 display: none; 3286 } 3287 } 3288 `} 3289 } 3290`,Vt=({utilityLinks:e,hasInvertedSubscribeButton:t,hasJourneyUnit:n,hasPrimaryLink:o,hasSiblings:a,hidePrimaryLink:r,isBrandLogoCenteredOnDesktop:s,shouldHideMenuOnMobile:l})=>i.createElement(Ut,{hasSiblings:a,hasPrimaryLink:o,hidePrimaryLink:r,isBrandLogoCenteredOnDesktop:s},e.map(({isActive:a,isExternal:r,text:d,url:c,isSubscribeButton:m=!1,isColorTokenInverted:u=!1,hideFromUtilityNavigation:p=!1},g)=>!p&&i.createElement(Ft,{key:d,hasPrimaryLink:o,isActive:a,hasDivider:!t,hasJourneyUnit:n,hasInvertedSubscribeButtons:m&&t,isBrandLogoCenteredOnDesktop:s,isColorTokenInverted:u,utilityLinksCnt:e.length,shouldHideOnMobile:l&&g<2},i.createElement(Kt,{href:c,isActive:a,onClick:()=>(e=>{window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:e})})(d),as:r?Dt.A:"a",hasInvertedSubscribeButton:m&&t,isColorTokenInverted:u,"data-testid":m?"
3290NavCTA":null},d),m&&i.createElement(y.dd,null))),i.createElement(Ft,{hasDivider:!t,hasJourneyUnit:n,isBrandLogoCenteredOnDesktop:s,hasCMUnit:!0},n&&i.createElement(y.IJ,null),!t&&i.createElement(Pt,null),i.createElement(h.A,{position:"nav-rollover"}),i.createElement(y.dd,null)));Vt.propTypes={hasInvertedSubscribeButton:r().bool,hasJourneyUnit:r().bool,hasPrimaryLink:r().bool,hasSiblings:r().bool,hidePrimaryLink:r().oneOf(ie.hg),isBrandLogoCenteredOnDesktop:r().bool,shouldHideMenuOnMobile:r().bool,utilityLinks:r().array};const Gt=Vt,{useState:Wt,useEffect:jt}=i,zt=({accountProps:e,assistiveLabel:t,isInverted:n=!1,label:o,signInLabel:a,user:r,hideAccountOnMobile:s=!1})=>{const{accountLinks:l,signInLink:d}=e||{},c=(0,vt.B)();if(!l?.length||!d)return null;const{isAuthenticated:m}=r;if(m&&c){const e=[...l.map(({text:e,url:t})=>({name:e,url:t}))];return i.createElement(Tt,{hideAccountOnMobile:s},i.createElement(Ae.A,{id:"utility-navigation-dropdown",options:e,isInverted:n,label:o,showLabel:!0,assistiveLabel:t,align:{sm:"right",md:"left"}}))}return i.createElement(Tt,{onClick:()=>{return e=a,void(window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:e}));var e},hideAccountOnMobile:s},i.createElement(Kt,{href:d},a))};zt.propTypes={accountProps:r().object,assistiveLabel:r().string,isInverted:r().bool,label:r().string,signInLabel:r().string,hideAccountOnMobile:r().bool,user:r().shape({isAuthenticated:r().bool.isRequired})};const Yt=({assistiveLabel:e,hasDivider:t,internationalSites:n,label:o,showLabel:a})=>i.createElement(Tt,{hasDivider:t},i.createElement(Ae.A,{label:o,showLabel:a,options:n,name:"market-switch-dropdown",assistiveLabel:e,align:{sm:"right",md:"left"}}));Yt.propTypes={assistiveLabel:r().string,hasDivider:r().bool,internationalSites:r().arrayOf(r().shape({name:r().string,url:r().string})),label:r().string,showLabel:r().bool};const Xt=({iconName:e,shouldSwitchMenuIcon:t,formatMessage:n,menuButtonLabel:o,icon:a,onButtonClick:r,hrefLink:s,trackSearchSource:l,isHamburgerMenuHidden:d})=>{let c;return c="menu"!==e||d?i.createElement(Et,{className:$e()({"navigation-button--hide-on-desktop":t}),ariaLabel:n(Ce.searchLabel),label:n(Ce.searchLabel),ButtonIcon:a,isIconButton:!0,inputKind:"link",href:s,onClickHandler:l("icon")}):i.createElement(Et,{className:$e()({"navigation-button--hide-on-desktop":t}),label:o,ButtonIcon:a,isIconButton:!0,role:"button","aria-label":o,onClickHandler:r}),c},Zt=({ariaLabel:e,accountProps:t,buttonIcon:n,componentConfig:o,isAccountsEnabled:a,isBrandLogoCenteredOnDesktop:r,isHamburgerMenuHidden:s=!1,hasInvertedSubscribeButton:l,hasPrimaryLink:d,hideNavButton:c=!1,hidePrimaryLink:m,homeLocation:u,hrefLink:p="",internationalSites:g,isInverted:h=!1,journey:y,links:b,marketSwitcherAssistiveLabel:w,onButtonClick:$,signInLabel:v,shouldSwitchMenuIcon:C=!1,user:k,hasCart:A,isShopifyCartWidgetOpen:x=!1,setShopifyWidgetState:E,theme:S})=>{const{formatMessage:L}=(0,M.A)(),T=b?b.slice(0,3):[],N=T?.length>0,H=g?.length>0,I=a&&k,[B,O]=Wt(0),[K,D]=Wt({width:void 0,height:void 0}),_=!!y?.url,P=()=>{D({width:window.innerWidth,height:window.innerHeight})},R=(jt(()=>(window.addEventListener("resize",P),P(),()=>window.removeEventListener("resize",P)),[]),K),{icon:q,iconName:F}=((e,t,n,o)=>{const{width:i}=n,a=i<ie.Ay.minThresholds.xl;if(!e||!o&&a)return{icon:"Menu"===t?ke.A:oe.A,iconName:"menu"};return{icon:f.A,iconName:"search"}})(C,n,R,s),U=L(Ce.menuButtonLabel),V=()=>{E(!x)};return i.createElement(xt,{"aria-label":e},H&&!C&&i.createElement(Yt,{assistiveLabel:w||L(Ce.marketSwitcherLabel),hasDivider:!l&&!C,internationalSites:g,label:u.name,showLabel:!!u.name}),N&&i.createElement(Gt,{utilityLinks:T,hasInvertedSubscribeButton:l,hasSiblings:(H||I)&&!C,hasJourneyUnit:_,hasPrimaryLink:d,hidePrimaryLink:m,isBrandLogoCenteredOnDesktop:r,shouldHideMenuOnMobile:C,theme:S}),I&&i.createElement(zt,{accountProps:t,isInverted:h,assistiveLabel:L(Ce.accountDropdownAssistiveLabel),label:L(Ce.accountDropdownLabel),signInLabel:v||L(Ce.signInLabel),signOutLabel:J()(o,"SignOutButton.settings.buttonLabel")||L(Ce.signOutLabel),user:k,hideAccountOnMobile:t?.hideAccountOnMobile}),!c&&i.createElement(Xt,{iconName:F,shouldSwitchMenuIcon:C,formatMessage:L,menuButtonLabel:U,icon:q,onButtonClick:$,hrefLink:p,isH
3290amburgerMenuHidden:s,trackSearchSource:e=>()=>(0,xe.W8)(`navigation-site-search-${e}`)}),A&&i.createElement(It,{onClick:V},i.createElement(Nt,{ariaLabel:`${B} ${L(Ce.shoppingCartAriaLabel)}`,label:L(Ce.shoppingCartLabel),ButtonIcon:Ee.A,isIconButton:!0,inputKind:"link",tabIndex:0}),B>0&&i.createElement(Ht,null,B)),i.createElement($t,{showShopifyCart:x,closeButtonCallback:V,onCartDataChange:e=>{const t=e?.length||void 0;O(void 0===t?0:t),document.body.style.overflow=x?"hidden":"unset"}}))};Zt.propTypes={accountProps:r().object,ariaLabel:r().string,buttonIcon:r().string,componentConfig:r().object,hasCart:r().bool,hasInvertedSubscribeButton:r().bool,hasPrimaryLink:r().bool,hideNavButton:r().bool,hidePrimaryLink:r().oneOf(ie.hg),homeLocation:r().shape({name:r().string}),hrefLink:r().string,internationalSites:r().arrayOf(r().shape({name:r().string,url:r().string})),isAccountsEnabled:r().bool,isBrandLogoCenteredOnDesktop:r().bool,isHamburgerMenuHidden:r().bool,isInverted:r().bool,isShopifyCartWidgetOpen:r().bool,journey:r().shape({url:r().string}),links:r().array,marketSwitcherAssistiveLabel:r().string,onButtonClick:r().func,setShopifyWidgetState:r().func,shouldSwitchMenuIcon:r().bool,signInLabel:r().string,theme:r().string,user:r().shape({isAuthenticated:r().bool.isRequired})},Zt.displayName="UtilityNavigation";const Jt=(0,s.M3)((0,ve.Ng)(({isShopifyCartWidgetOpen:e,journey:t})=>({isShopifyCartWidgetOpen:e,journey:t}),e=>{const{setShopifyWidgetState:t}=(0,Se.A)(e);return{setShopifyWidgetState:t}})(Zt),{keysToPluck:["componentConfig"]}),Qt=(0,o.y)(Jt,"UtilityNavigation");var en=n(69328),tn=n(82873),nn=n(49870),on=n.n(nn);const an=v.i7` 3291 0% { 3292 opacity: 0; 3293 } 3294 3295 100% { 3296 opacity: 1; 3297 } 3298`,rn=v.Ay.a.withConfig({displayName:"UnitWrapper"})` 3299 display: none; 3300 width: 230px; 3301 text-decoration: none; 3302 @media (min-width: calc(${C.LO.lg} - 1px)) { 3303 display: flex; 3304 } 3305`,sn=v.Ay.div.withConfig({displayName:"ExpandedContainer"})` 3306 display: flex; 3307 align-items: center; 3308 justify-content: space-between; 3309 animation: ${an} 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 3310 background-color: ${(0,A.HK)("colors.interactive.base.white")}; 3311 padding: 12px 17px 15px 23px; 3312 height: 110px; 3313 ${({backgroundImage:e})=>e&&`\n background-image: url('${e}');\n background-size: cover;\n `} 3314`,ln=v.Ay.div.withConfig({displayName:"LeftContainer"})` 3315 display: flex; 3316 flex-direction: column; 3317 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.list")}; 3318`,dn=v.Ay.div.withConfig({displayName:"CollapsedContainer"})` 3319 display: flex; 3320 align-items: center; 3321 justify-content: center; 3322 animation: ${an} 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 3323 height: 16px; 3324 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.list")}; 3325`,cn=v.Ay.div.withConfig({displayName:"Hed"})` 3326 line-height: 16.78px; 3327 color: ${(0,A.HK)("colors.interactive.base.black")}; 3328 font-size: 14px; 3329 font-style: italic; 3330 3331 & strong { 3332 font-weight: 800; 3333 } 3334 3335 & del { 3336 font-weight: 600; 3337 } 3338`,mn=v.Ay.div.withConfig({displayName:"Copy"})` 3339 margin-top: 2px; 3340 line-height: 12px; 3341 color: ${(0,A.HK)("colors.interactive.base.black")}; 3342 font-size: 10px; 3343 font-style: italic; 3344`,un=v.Ay.div.withConfig({displayName:"CollapsedCopy"})` 3345 margin-top: 2px; 3346 text-decoration: none; 3347 line-height: 12px; 3348 color: ${(0,A.HK)("colors.interactive.base.black")}; 3349 font-size: 12px; 3350 font-weight: 500; 3351 font-style: italic; 3352 3353 &:hover { 3354 text-decoration: underline; 3355 } 3356`,pn=v.Ay.button.withConfig({displayName:"CTA"})` 3357 display: flex; 3358 align-items: center; 3359 justify-content: center; 3360 margin-top: 7px; 3361 background-color: ${(0,A.HK)("colors.interactive.base.black")}; 3362 width: 79px; 3363 height: 25px; 3364 text-transform: uppercase; 3365 text-decoration: none; 3366 line-height: 9px; 3367 letter-spacing: 1.18421px; 3368 color: ${(0,A.HK)("colors.interactive.base.white")}; 3369 font-size: 7.89474px; 3370 font-weight: 700; 3371 3372 &:hover { 3373 text-decoration: none; 3374 } 3375`,gn=v.Ay.img.withConfig({displayName:"Image"})` 3376 width: 72px; 3377 height: 88px; 3378`;var hn=n(98750);const yn={Hed:(0,hn.J)(cn),Copy:(0,hn.J)(mn),CollapsedCopy:(0,hn.J)(un)},bn=({isExpanded:e,data:{backgroundImage:t,hed:n,copy:o,cta:a,image:r,collapsedCta:s}})=>i.createElement(rn,{href:a.url,className:"nav-left__container"},e?i.createElement(sn,{backgroundImage:t},i.createElement(ln,null,i.createElement(yn.Hed,{html:n}),i.createElement(yn.Copy,{html:o}),i.createElement(pn,null,a.text)),i.createElement(gn,{src:r.url,alt:r.alt})):i.createElement(dn,null,i.createElement(yn.CollapsedCopy,{html:s})));bn.displayName="NavLeft",bn.propTypes={data:r().shape({backgroundImage:r().str
3378ing,hed:r().string.isRequired,copy:r().string,collapsedCta:r().string.isRequired,cta:r().shape({text:r().string.isRequired,url:r().string.isRequired}),image:r().shape({url:r().string.isRequired,alt:r().string.isRequired})}),isExpanded:r().bool},bn.requireDataFields=["hed","image.url","image.alt","cta.text","cta.url","collapsedCta"];const fn=bn;var wn=n(58872);const $n=on()([wn.Z])(fn),vn=v.i7` 3379 0% { 3380 opacity: 0; 3381 } 3382 3383 100% { 3384 opacity: 1; 3385 } 3386`,Cn=v.Ay.a.withConfig({displayName:"UnitWrapper"})` 3387 display: none; 3388 width: 230px; 3389 text-decoration: none; 3390 3391 &:hover { 3392 text-decoration: underline; 3393 } 3394 @media (min-width: calc(${C.LO.lg} - 1px)) { 3395 display: flex; 3396 } 3397`,kn=v.Ay.div.withConfig({displayName:"ExpandedContainer"})` 3398 display: flex; 3399 align-items: center; 3400 justify-content: space-between; 3401 animation: ${vn} 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 3402 background-color: #ffffff; 3403 height: 110px; 3404`,An=v.Ay.img.withConfig({displayName:"ExpandedImage"})` 3405 object-fit: cover; 3406`,xn=v.Ay.div.withConfig({displayName:"CollapsedContainer"})` 3407 display: flex; 3408 align-items: center; 3409 justify-content: center; 3410 animation: ${vn} 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 3411 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.list")}; 3412`,En=v.Ay.span.withConfig({displayName:"CollapsedCopy"})` 3413 margin-top: 2px; 3414 line-height: 12px; 3415 color: #000; 3416 font-size: 12px; 3417 font-weight: 500; 3418 font-style: italic; 3419`,Sn={CollapsedCta:(0,hn.J)(En)},Ln=({isExpanded:e,data:{expandedImage:t,url:n,collapsedCta:o}})=>i.createElement(Cn,{href:n,className:"nav-left__container"},e?i.createElement(kn,null,i.createElement(An,{src:t.src,alt:t.alt})):i.createElement(xn,null,i.createElement(Sn.CollapsedCta,{html:o})));Ln.displayName="NavLeft.Image",Ln.propTypes={data:r().shape({expandedImage:r().shape({src:r().string.isRequired,alt:r().string.isRequired}),url:r().string.isRequired,collapsedCta:r().string.isRequired}),isExpanded:r().bool},Ln.requireDataFields=["expandedImage.src","expandedImage.alt","url","collapsedCta"];const Tn=Ln,Nn=on()([wn.Z])(Tn);var Hn=n(51806);const In=$n;In.Image=Nn;const Bn=(0,Hn.A)(In,"nav-left__component");var On=n(64744),Kn=n(24208);const Dn=(0,w.YK)({navigationWrapper:{id:"OverlayNavigation.OverlayNavigationWrapper",defaultMessage:"Overlay Navigation",description:"ARIA label navigation wrapper"},closeButtonLabel:{id:"OverlayNavigation.OverlayNavigationButton",defaultMessage:"Close Navigation Menu",description:"ARIA label for the close button on navigation menu"},utilityLinks:{id:"OverlayNavigation.OverlayNavigationUtilityLinks",defaultMessage:"Utility",description:"ARIA label for the utility links"},primaryLinks:{id:"OverlayNavigation.OverlayNavigationPrimaryLinks",defaultMessage:"Primary",description:"ARIA label for the primary links"},searchLabel:{id:"OverlayNavigation.OverlayNavigationSearchLabel",defaultMessage:"Search",description:"Text for the search link"},secondaryLinks:{id:"OverlayNavigation.OverlayNavigationSecondaryLinks",defaultMessage:"Secondary",description:"ARIA label for the secondary links"},signInLabel:{id:"OverlayNavigation.OverlayNavigationSignInLabel",defaultMessage:"Sign In",description:"Text for the sign in link"}});var _n=n(63175),Pn=n(77203),Rn=n(18550);const{useEffect:qn,useState:Mn,useRef:Fn,useCallback:Un}=i,Vn=({accountProps:e,additionalCSS:t,appDownloadUrls:n=[],brandName:o,hasSearch:a,hasTopRule:r,invertedLogo:s,isCenteredOnDesktop:l,isAccountsEnabled:d,isVisible:m,logo:u,logoBaseUrl:p="/",onClose:g,primaryLinks:h,signInLabel:b,searchLink:f,shouldShowOverlayTop:w=!0,shouldOverridePrimaryLinkBISize:$=!0,secondaryLinks:v,socialLinks:C,socialLinksHeading:k,theme:A="standard",user:x,utilityLinks:E})=>{const{formatMessage:S}=(0,M.A)(),L=Fn(),[T,N]=Mn(null),H=(0,On.A)(m),I=Un(e=>{"Escape"===e.key&&g()},[g]);qn(()=>{const t=[];if(a){const e=S(Dn.searchLabel);t.push({text:e,url:f})}const{accountLinks:n,signInLink:o}=e||{};if(d&&x&&n?.length>0&&o){const{isAuthenticated:e}=x;e?t.push(...n):t.push({text:b||S(Dn.signInLabel),url:o})}t.push(...E),N(t)},[e,S,a,d,f,b,x,E]),qn(()=>{L&&H(L.current)},[L,H]),qn(()=>{const e=L?.current;return m&&L?((0,Kn.mh)(e),window.addEventListener("keydown",I)):((0,Kn.fY)(e),window.removeEventListener("keydown",I)),()=>{(0,Kn.fY)(e),window.removeEventListener("keydown",I)}},[m,L,I]);const B=e=>{window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"menu",clickText:e})},O=h?.length>0,K=v?.length>0,D=T?.length>0,_=C?.length>0,P="inverted"===A?s:u,R=S(Dn.closeButtonLabel);return i.createElement(ee.A,{palette:A},i.createElement(Rn.eK,{role:"dialog","aria-modal":"true","aria-label":S(Dn.navigationWrapper),isVisible:m,ref:L,hasTopRule:r,additionalCSS:t?.wrapper,topRuleAdditionalCSS:t?.topRule,shouldShowOverlayTop:w},w&&i.createElement(Rn.OA,{additionalCSS:t?.top},P&&i.createElement(Rn.ss,{isCenteredOnDesktop:l},i.createElement("a",{href:p,"aria-label":o},i.createElement(c.A,{...P}))),i.createElement(Rn.xj,null,i.createElement(Rn.xA,{label:R,ButtonIcon:oe.A,isIconButton:!0,"aria-label":R,onClickHandler:g}))),i.createElement(Rn.Gf,{tabIndex:"0"},D&&i.createElement("nav",{"aria-label":S(Dn.utilityLinks)},i.createElement(Rn.i8,null,T.filter(e=>!e.hideFromOverlayNavigation).map(({isExternal:e,text:t,url:n,isSubscribeButton:o=!1,hasInvertedSubscribeLink:a=!1,isColorTokenInverted:r=!1,...s})=>i.createElement(Rn.Iv,{key:t},i.createElement(Rn.BT,{onClick:()=>B(t),href:n,as:e?Dt.A:"a",isSubscribeButton:o&&a,isColorTokenInverted:r,...s},t))),i.createElement(y.LQ,{use:"OverlayNavigation"})),n?.length>0&&i.createElement(Pn.A,{appDownloadUrls:n})),O&&i.createElement("nav",{"aria-label":S(Dn.primaryLinks)},i.createElement(Rn.E,null,h.map(({isExternal:e,text:t,url:n,...o})=>n&&i.createElement(Rn.Gd,{key:t},i.createElement(Rn.xi,{onClick:()=>B(t),href:n,as:e?Dt.A:"a",shouldOverridePrimaryLinkBISize:$,...o}
3419,t))))),(K||_)&&i.createElement("nav",{"aria-label":S(Dn.secondaryLinks)},K&&i.createElement(Rn._Z,null,v.map(({isExternal:e,text:t,url:n,...o})=>i.createElement(Rn.Ot,{key:t},i.createElement(Rn.Z6,{onClick:()=>B(t),href:n,as:e?Dt.A:"a",...o},t)))),_&&i.createElement(Rn.FR,null,i.createElement(Rn.mu,null,k),i.createElement(_n.A.Standard,{links:C}))))))};Vn.propTypes={accountProps:r().object,additionalCSS:r().object,appDownloadUrls:r().array,brandName:r().string,hasSearch:r().bool,hasTopRule:r().bool,invertedLogo:r().shape(c.A.propTypes).isRequired,isAccountsEnabled:r().bool,isCenteredOnDesktop:r().bool,isVisible:r().bool,logo:r().shape(c.A.propTypes).isRequired,logoBaseUrl:r().string,onClose:r().func,primaryLinks:l.A.propTypes.links,searchLink:r().string,secondaryLinks:l.A.propTypes.links,shouldOverridePrimaryLinkBISize:r().bool,shouldShowOverlayTop:r().bool,signInLabel:r().string,socialLinks:r().array,socialLinksHeading:r().string,theme:r().string,user:r().shape({isAuthenticated:r().bool.isRequired}),utilityLinks:l.A.propTypes.links},Vn.displayName="OverlayNavigation";const Gn=Vn,Wn=(0,o.y)(Gn,"OverlayNavigation");var jn=n(48690),zn=n(40961);const Yn=(0,w.YK)({buttonLabel:{id:"Drawer.ButtonLabel",defaultMessage:"Close drawer",description:"Drawer component button label"}});var Xn=n(56341);const Zn=v.DU` 3420 .body__universal_drawer--open { 3421 overflow: hidden; 3422 3423 .modal-container{ 3424 display:block; 3425 } 3426 } 3427 3428 .modal-container{ 3429 display:none; 3430 } 3431`,Jn=(0,v.Ay)("div").withConfig({displayName:"UniversalDrawerModalWrapper"})` 3432 .universal_drawer { 3433 transition: transform 100ms cubic-bezier(0.23, 1, 0.32, 1); 3434 3435 animation: fadeIn 0.3s; 3436 outline: none; 3437 3438 padding: ${(0,A.Kq)(6)} 0 0; 3439 max-height: 100%; 3440 overflow: hidden; 3441 3442 ${(0,A.R9)("align",e=>["left","right","bottom"].includes(e),`\n ${(0,A.H4)(C.LO.md)} {\n max-width: 50%;\n }\n .universal_drawer__social-icons {\n justify-content: flex-start;\n }\n `)} 3443 } 3444 3445 .show-menu { 3446 display: block; 3447 @media (min-width: 100px) and (max-width: ${C.LO.lg}) { 3448 height: 100vh; 3449 } 3450 } 3451 3452 .hide-menu { 3453 display: none; 3454 } 3455 3456 @keyframes fadeIn { 3457 0% { 3458 opacity: 0; 3459 } 3460 3461 100% { 3462 opacity: 1; 3463 } 3464 } 3465 3466 @-moz-keyframes fadeIn { 3467 0% { 3468 opacity: 0; 3469 } 3470 3471 100% { 3472 opacity: 1; 3473 } 3474 } 3475 3476 @-webkit-keyframes fadeIn { 3477 0% { 3478 opacity: 0; 3479 } 3480 3481 100% { 3482 opacity: 1; 3483 } 3484 } 3485 3486 @-o-keyframes fadeIn { 3487 0% { 3488 opacity: 0; 3489 } 3490 3491 100% { 3492 opacity: 1; 3493 } 3494 } 3495 3496 @-ms-keyframes fadeIn { 3497 0% { 3498 opacity: 0; 3499 } 3500 3501 100% { 3502 opacity: 1; 3503 } 3504 } 3505 3506 .universal_drawer.universal_drawer--open { 3507 left: 0; 3508 height: 100vh; 3509 ${(0,A.H4)(C.LO.lg)} { 3510 outline: none; 3511 height: auto; 3512 max-height: 100vh; 3513 overflow: hidden; 3514 transition-delay: 0.2s; 3515 } 3516 transition-delay: 0.2s; 3517 overflow: hidden; 3518 3519 .universal_drawer__content { 3520 transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1); 3521 opacity: 1; 3522 } 3523 3524 ${(0,A.R9)("align","right","\n right: 0;\n left: unset;\n margin-left: auto;\n ")} 3525 ${(0,A.R9)("align","bottom","\n right: 0;\n max-width: 100%;\n position: absolute;\n bottom: 0;\n ")} 3526 } 3527 3528 .universal_drawer.universal_drawer--open.universal_drawer--open-positioned { 3529 transform: translateZ(0); 3530 ${(0,A.H4)(C.LO.lg)} { 3531 overflow-y: auto; 3532 } 3533 } 3534 3535 .universal_drawer.universal_drawer--open.universal_drawer--open-positioned { 3536 transform: translateZ(0); 3537 ${({hideDrawerScroll:e})=>!e&&`\n ${(0,A.H4)(C.LO.lg)} {\n overflow-y: auto;\n }\n `} 3538 } 3539 3540 .universal_drawer.universal_drawer--open.universal_drawer--filter-mobile { 3541 padding: 0; 3542 overflow-y: auto; 3543 } 3544 3545 ${(0,A.R9)("animation","slide-down","\n .universal_drawer {\n transform: translate3d(0, -100%, 0);\n }\n\n .universal_drawer.universal_drawer--open {\n transition: 'transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)';\n\n .universal_drawer__content {\n transition-delay: 0.8s;\n }\n }\n\n .universal_drawer.universal_drawer--closing {\n transform: translate3d(0, -100%, 0);\n transition: 'transform 0.6s cubic-bezier(0.23, 1, 0.32, 1)';\n transition-delay: 0.3s;\n }\n ")} 3546 3547 ${(0,A.R9)("animation","slide-right","\n .universal_drawer {\n transform: translate3d(-100%, 0, 0);\n }\n\n .universal_drawer.universal_drawer--open {\n transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);\n\n .universal_drawer__content {\n transition-delay: 0.2s;\n }\n }\n\n .universal_drawer.universal_drawer--closing {\n transform: translate3d(-100%, 0, 0);\n transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);\n }\n ")} 3548 3549 ${(0,A.R9)("animation","slide-left","\n .universal_drawer {\n transform: translate3d(100%, 0, 0);\n }\n\n .universal_drawer.universal_drawer--open {\n transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);\n\n .universal_drawer__content {\n transition-delay: 0.2s;\n }\n }\n\n .universal_drawer.universal_drawer--closing {\n transform: translate3d(100%, 0, 0);\n transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);\n }\n ")} 3550 3551 ${(0,A.R9)("animation","slide-up","\n .universal_drawer {\n height: 0;\n transform: translate3d(0, 100%, 0);\n }\n\n .universal_drawer.universal_drawer--open {\n height: auto;\n transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), \n height 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n\n .universal_drawer__content {\n transition-delay: 0.2s;\n }\n }\n\n .universal_drawer.universal_drawer--closing {\n height: 0;\n transform: translate3d(0, 100%, 0);\n transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), \n height 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n transition-delay: 0.2s;\n }\n ")} 3552 3553 .universal_drawer.universal_drawer--closing { 3554 .universal_drawer__content { 3555 transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); 3556 opacity: 0; 3557 } 3558 } 3559 3560 .universal_drawer__overlay { 3561 position: fixed; 3562 top: 0; 3563 right: 0; 3564 bottom: 0; 3565 left: 0; 3566 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 3567 3568 &.universal_drawer__overlay--open { 3569 transition: background-color 300ms; 3570 3571 &.universal_drawer__overlay--increased-top-position { 3572 top: ${(0,A.Kq)(0)}; 3573 3574 .universal_drawer.universal_drawer--open.universal_drawer--open-positioned { 3575 width: calc(100% - ${(0,A.Kq)(10)}); 3576 } 3577 3578 ${(0,A.H4)(C.LO.lg)} { 3579 .universal_drawer.universal_drawer--open.universal_drawer--open-positioned { 3580 width: auto; 3581 } 3582 } 3583 } 3584 3585 &.universal_drawer--overlay-color-white { 3586 background-color: rgba( 3587 ${(0,A.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 3588 0.7 3589 ); 3590 } 3591 3592 &.universal_drawer--overlay-color-black { 3593 background-color: rgba( 3594 ${(0,A.HK)("colors.interactive.base.black",{rgbOnly:!0})}, 3595 0.7 3596 ); 3597 } 3598 } 3599 3600 &.universal_drawer__overlay--closing { 3601 transition-delay: 0.4s; 3602 3603 &.universal_drawer--overlay-color-white { 3604 background-color: rgba( 3605 ${(0,A.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 3606 0 3607 ); 3608 } 3609 3610 &.universal_drawer--overlay-color-black { 3611 background-color: rgba( 3612 ${(0,A.HK)("colors.interactive.base.black",{rgbOnly:!0})}, 3613 0 3614 ); 3615 } 3616 } 3617 3618 &.universal_drawer__overlay--align-right { 3619 z-index: ${(0,A.fl)("persistentTopLayer")}; 3620 } 3621 3622 &.universal_drawer__overlay--hide-on-desktop { 3623 display: block; 3624 3625 ${(0,A.H4)(C.LO.lg)} { 3626 display: none; 3627 } 3628 } 3629 3630 &.universal_drawer__overlay--hide-on-mobile { 3631 display: block; 3632 3633 ${(0,A.L7)(`calc(${C.LO.lg} - 1px)`)} { 3634 display: none; 3635 } 3636 } 3637 } 3638`,Qn=(0,v.Ay)(x.A.Utility).withConfig({displayName:"UniversalDrawerButton"})` 3639 ${({theme:e})=>(0,Xn.j)(e,!0)} 3640 3641 position: absolute; 3642 top: ${(0,A.Kq)(1)}; 3643 right: ${(0,A.Kq)(1)}; 3644 width: ${(0,A.Kq)(4)}; 3645 height: ${(0,A.Kq)(4)}; 3646 3647 .icon-close { 3648 padding: 8px; 3649 } 3650`,eo=(0,v.Ay)("div").withConfig({displayName:"UniversalModalShow"})` 3651 display: block; 3652`,to=(0,v.Ay)("div").withConfig({displayName:"UniversalModalhide"})` 3653 display: none; 3654`,no=({className:e,configuredComponentRef:t,hideDrawerScroll:n=!1,onClose:o,overlayColor:a="black",theme:r="standard",variations:s={animation:"slide-down",align:"center",increasedTopPosition:!1},children:l,showCloseButton:d=!1,hideOnDesktop:c=!1,hideOnMobile:m=!1,isDrawerOpen:u=!1,variationName:g,registryName:h})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"UniversalDrawer",variation:g})},[]);const{formatMessage:y}=(0,M.A)(),b=u?eo:to;(0,i.useEffect)(()=>{u?(document.querySelector("body").classList.add("body__universal_drawer--open"),document.querySelector("html").classList.add("html__universal_drawer--open")):(document.querySelector("body").classList.remove("body__universal_drawer--open"),document.querySelector("html").classList.remove("html__universal_drawer--open"))},[u]);const f=$e()("universal_drawer__overlay","universal_drawer__overlay--open",`universal_drawer--overlay-color-${a}`,`universal_drawer__overlay--align-${s.align}`,{"universal_drawer__overlay--hide-on-desktop":c,"universal_drawer__overlay--hide-on-mobile":m,"universal_drawer__overlay--increased-top-position":s.increasedTopPosition}),w=$e()("universal_drawer",e,"universal_drawer--open","universal_drawer--open-positioned",`universal_drawer--align-${s.align}`),$="undefined"!=typeof document&&h?document.querySelector(`[data-
3654portal-name="${h}"]`):null,v=i.createElement("div",{ref:t},i.createElement(ee.A,{palette:r},i.createElement(b,null,i.createElement(Jn,{"data-testid":"UniversalDrawerModalWrapper",hideDrawerScroll:n,animation:s.animation,align:s.align},i.createElement(jn.A,{backdropClassName:f,modalClassName:w,onClose:o,closeOnEsc:!0,closeOnBackdropClick:!0},d&&i.createElement(Qn,{isIconButton:!0,ButtonIcon:oe.A,label:y(Yn.buttonLabel),role:"button",onClickHandler:o}),l))),i.createElement(Zn,null)));return $?zn.createPortal(v,$):null};no.propTypes={configuredComponentRef:r().func,children:r().node,className:r().string,hideDrawerScroll:r().bool,hideOnDesktop:r().bool,hideOnMobile:r().bool,isDrawerOpen:r().bool,onClose:r().func.isRequired,overlayColor:r().oneOf(["black","white"]),registryName:r().string,showCloseButton:r().bool,theme:r().string,variationName:r().string,variations:r().shape({animation:r().oneOf(["slide-down","slide-right","slide-left","slide-up","none"]),align:r().oneOf(["center","left","right","bottom"]),increasedTopPosition:r().bool})},no.displayName="UniversalDrawer";const oo=(0,q.N)((0,o.y)(no,"UniversalDrawer"));oo.SiteHeaderDrawer=(0,m.y)(oo,"SiteHeaderDrawer",{animation:"none",align:"center",increasedTopPosition:!0});const io=oo,{useState:ao,useRef:ro,useEffect:so,memo:lo}=i,co=lo(Wn),mo=lo(Qt),uo=lo(en.A),po=({drawerProps:e,accountProps:t,appDownloadUrls:n,brandName:o,className:a,hasContentHeaderLogo:r,hasSearch:s,hasTopRule:l,hideUtilityNavButton:d,headerInvertedLogo:m,headerLogo:u,internationalInfo:h,invertedLogo:y,isAccountsEnabled:b,isFixedHeight:f,isHamburgerMenuHidden:w=!1,isPointerEventEnabledOnHover:$,linkBannerData:v,logo:C,logoBaseUrl:k,primaryLinks:A,secondaryLinks:x,searchLink:E,showBannerUnderNav:S,socialLinks:L,socialLinksHeading:T,theme:N="standard",user:H,utilityLinks:I,variations:B={isDrawerEnabled:!1},fadeWidth:O="sm",showNavigationWithlinkBanner:K,isCenteredOnDesktop:D,hasCart:_,variationName:P,hasSEOSupport:R=!1,hidePrimaryNavigationBar:q=!1})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SiteHeader",variation:P})},[P]);const G=(0,M.A)(),W=ro([]),j=ro(null),z=ro(null),Y=ro(null),X=ro(null),Z=ro(null),[J,Q]=ao(Ct.N_),[te,ne]=ao(!1),[oe,ae]=ao(!1),[re,se]=ao("Menu"),[le,de]=ao(!1),[ce]=ao(I.filter(e=>e.showInTopNav).sort((e,t)=>t.forceLeftOfNav-e.forceLeftOfNav)),me=i.useMemo(()=>A.filter(e=>e.hasChildren),[A]),[ue,pe]=ao(R?me:{}),[ge,he]=ao(A),[ye,be]=ao(!1),we=I.filter(e=>!e.forceLeftOfNav),$e=!B.isDrawerEnabled,ve=e=>{window.dataLayer&&window.dataLayer.push({event:"menu-click",menuAction:e})},Ce=i.useCallback(()=>{ne(!te);ve(te?"Close":"Open"),se(te?"Menu":"Close")},[te]),ke=()=>Q(e=>(0,Ct.nA)(e)),Ae=()=>Q(e=>(0,Ct.Ee)(e,j)),xe=e=>{const t=W.current.map(t=>t.contains(e.target));!oe||!le||z.current.contains(e.target)||t.includes(!0)&&"click"!==e.type||(R&&pe(me),se("Menu"),ae(!1),ve("Close"))},Ee=i.useCallback(e=>{if(B.isDrawerEnabled){const t=ge.find(t=>t.text===e);t.hasChildren?(ae(!0),de(!0),pe(R?me.reduce((t,n)=>(t.push({...n,isActive:n.text===e&&n.hasChildren}),t),[]):{...t,isActive:!0}),he(ge.reduce((t,n)=>(t.push({...n,isActive:n.text===e&&n.hasChildren}),t),[]))):(le&&oe&&ve("Close"),ae(!1),de(!1),se("Menu"))}},[R,oe,le,ge,me,B.isDrawerEnabled]);so(()=>{oe||he(A),oe&&ve("Open")},[oe,A]),so(()=>(X.current=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,function(){se("Menu"),ae(!1)}),()=>{X.current&&X.current.off()}),[]),so(()=>(Ae(),Y.current=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,ke),Z.current=window.Kendra.WINDOW_EVENT.on(g.m.RESIZE_DEBOUNCE,Ae),()=>{Y.current&&Y.current.off(),Z.current&&Z.current.off()}),[]),so(()=>{if(window&&window.document){const e=window.document.querySelector('[data-testid="MobileProductCardOuter"]');J.showSticky?e?.classList.add("headerIsSticky"):e?.classList.remove("headerIsSticky")}}),so(()=>{const e=v?.links?.length>0&&"visual-link-banner"!==v?.bannerType;if(window?.location){const{pathname:t}=window.location;be(!(t.includes("/hotels/")||!e))}},[v]);const{clippedMenu:Se,headerHeight:Le,showSticky:Te}=J,Ne={wrapper:Te?kt.nT:kt.pM,top:Se?kt.RQ:kt.WM,topRule:!Se&&kt._U,fixedHeight:f?kt.K5:""},He=i.useMemo(()=>B.isDrawerEnabled?ge.filter(e=>e.showInTopNav):A.filter(e=>e.showInTopNav),[ge,A,B.isDrawerEnabled]),[Ie]=ce,Be=ie.th.large,Oe="inverted"===N?y:C,Ke=i.createElement(uo,{ariaLabel:G.formatMessage(F.primaryNavigationLabel),hasDivider:!0,hasBottomBorder:B.isDrawerEnabled,hasContentHeaderLogo:r,hidePrimaryLink:Be,isCentered:D,isSlim:Se,links:He,primaryLink:Ie,onHover:Ee,shouldUseHoverState:le,fadeWidth:O,
3654isPointerEventEnabledOnHover:$,theme:N}),De=S?i.createElement(i.Fragment,null,Ke,i.createElement(tn.A,{palette:N,showBannerUnderNav:S})):i.createElement(i.Fragment,null,i.createElement(tn.A,{hasBorder:!1,palette:N}),Ke),_e=K?De:i.createElement(tn.A,{hasBorder:!1,pallette:N});return i.createElement(ee.A,{palette:N},i.createElement(kt.o_,{"data-testid":"PersistentTop SiteHeaderWrapper",className:a,headerHeight:Le,hasContentHeaderLogo:r,additionalCSS:Ne.wrapper},i.createElement(kt.JL,{ref:j,hasTopRule:l,headerHeight:Le,"data-testid":"SiteHeaderStickyWrapper",topRuleAdditionalCSS:Ne.topRule,shouldHideShadow:B.isDrawerEnabled,onClick:e=>{if(window.dataLayer){const t=(e.target.innerText||"").toLowerCase();["","subscribe","sign in","newsletter"].includes(t)||window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:t})}},hasSEOSupport:R},i.createElement("div",{"data-testid":"SiteHeaderContent"},i.createElement(kt.K5,{hasContentHeaderLogo:r,additionalCSS:f?Ne.fixedHeight:Ne.top},i.createElement(kt.vT,null,i.createElement(Bn,{isExpanded:!Se})),Oe&&i.createElement(kt.c1,{isCenteredOnDesktop:D},i.createElement("a",{href:k,"aria-label":o,"data-testid":"Logo"},i.createElement(c.A,{...Oe}))),i.createElement(kt.rH,null,i.createElement(mo,{ariaLabel:G.formatMessage(F.utilityNavigationLabel),accountProps:t,isAccountsEnabled:b,buttonIcon:re,hasEnableIcon:!0,hasPrimaryLink:!!Ie,hidePrimaryLink:Be,hideNavButton:d,hrefLink:e.searchAction||"/search",links:ce,isHamburgerMenuHidden:w,onButtonClick:Ce,shouldSwitchMenuIcon:B.isDrawerEnabled,user:H,...h,hasCart:_,isBrandLogoCenteredOnDesktop:D,theme:N})))),!q&&i.createElement("div",{ref:z},ye?_e:Ke)),B.isDrawerEnabled&&R&&i.createElement(io.SiteHeaderDrawer,{hasLinkBanner:K,theme:N,className:"universal_drawer--megamenu",isDrawerOpen:oe,onClose:()=>ae(!1),registryName:"mega-menu-siteheader-modal"},ue.map((e,t)=>i.createElement("div",{key:t,ref:e=>{W.current[t]=e},className:e.isActive?"show-menu":"hide-menu"},i.createElement(fe,{isSlim:Se,megaMenuContent:e,collapseMegaMenu:xe,isDrawerOpen:oe,theme:N,hasLinkBanner:ye&&K})))),i.createElement("div",{"data-portal-name":"mega-menu-siteheader-modal",className:"modal-container"}),($e||te)&&i.createElement(co,{accountProps:t,appDownloadUrls:n,isAccountsEnabled:b,user:H,hasSearch:s,hasTopRule:l,primaryLinks:A,utilityLinks:I,searchLink:E,secondaryLinks:x,socialLinks:L,socialLinksHeading:T,logo:u,logoBaseUrl:k,invertedLogo:m,isCenteredOnDesktop:D,brandName:o,isVisible:te,onClose:Ce,theme:N}),B.isDrawerEnabled&&!R&&i.createElement(U.A.SiteHeaderDrawer,{appElement:e.appElement,isOpen:oe,hasBodyScrollWhenDrawerOpen:!1,onClose:()=>ae(!1),contentLabel:G.formatMessage(F.drawerLabel),hasLinkBanner:K,theme:N,className:"drawer--megamenu"},!le&&i.createElement(V.A,{accountProps:t,...e,contentAlign:"center",showSearch:s,isAccountsEnabled:b,user:H,utilityLinks:we}),le&&i.createElement(fe,{isSlim:Se,megaMenuContent:ue,isDrawerOpen:oe,collapseMegaMenu:xe,theme:N,hasLinkBanner:ye&&K})),B.isDrawerEnabled&&oe&&!le&&R&&i.createElement(U.A.SiteHeaderDrawer,{appElement:e.appElement,isOpen:oe,onClose:()=>ae(!1),contentLabel:G.formatMessage(F.drawerLabel),hasLinkBanner:K,theme:N,className:"drawer--megamenu"},i.createElement(V.A,{accountProps:t,...e,contentAlign:"center",showSearch:s,isAccountsEnabled:b,user:H,utilityLinks:we}))))};po.propTypes={accountProps:r().object,appDownloadUrls:r().array,brandName:r().string,className:r().string,drawerProps:r().shape({appElement:r().any,searchAction:r().string}),fadeWidth:r().string,hasCart:r().bool,hasContentHeaderLogo:r().bool,hasSearch:r().bool,hasSEOSupport:r().bool,hasTopRule:r().bool,headerInvertedLogo:r().shape(c.A.propTypes).isRequired,headerLogo:r().shape(c.A.propTypes).isRequired,hideUtilityNavButton:r().bool,internationalInfo:r().object,invertedLogo:r().shape(c.A.propTypes).isRequired,isAccountsEnabled:r().bool,isCenteredOnDesktop:r().bool,isFixedHeight:r().bool,isHamburgerMenuHidden:r().bool,isPointerEventEnabledOnHover:r().bool,isShopifyCartWidgetOpen:r().bool,linkBannerData:r().shape(tn.A.propTypes.linkBannerData),logo:r().shape(c.A.propTypes).isRequired,logoBaseUrl:r().str
3654ing,primaryLinks:r().array,searchLink:r().string,secondaryLinks:r().array,showBannerUnderNav:r().bool,showNavigationWithlinkBanner:r().bool,hidePrimaryNavigationBar:r().bool,socialLinks:r().array,socialLinksHeading:r().string,theme:r().string,user:r().shape({isAuthenticated:r().bool.isRequired}),utilityLinks:r().array,variationName:r().string,variations:r().shape({hasTopRule:r().bool,isDrawerEnabled:r().bool})},po.displayName="SiteHeader";const go=(0,s.M3)(po,{keysToPluck:["linkBannerData"]});go.TopRule=(0,m.y)(go,"TopRule",{},{hasTopRule:!0}),go.DrawerEnabled=(0,m.y)(go,"DrawerEnabled",{isDrawerEnabled:!0});const ho=go,yo=(0,q.N)((0,o.y)(ho,"SiteHeader"));var bo=n(52188),fo=n(26890),wo=n(61599);const $o=(0,w.YK)({primaryLinksLabel:{id:"DynamicChannelNav.PrimaryLinks",defaultMessage:"Primary",description:"ARIA label for the standard navigation primary links"}});var vo=n(71862);const Co=({hasBorderDropdown:e=!0,links:t})=>{const[n,o]=i.useState(!1);return i.createElement(vo.ML,null,i.createElement(vo.bL,{"data-testid":"MoreDropdownLabel","aria-expanded":n,onMouseOver:()=>o(!0),onMouseOut:()=>o(!1),type:"button"},"More",i.createElement(vo.of,{"data-testid":"MoreMenuDropdownToggleIcon"})),i.createElement(vo.vs,{hasBorderDropdown:e,"data-testid":"StandardNavigationDropdown"},t&&t.length>0&&i.createElement(vo.TU,{links:t,linkClassName:"more-menu__link"})))};Co.propTypes={hasBorderDropdown:r().bool,links:r().array};const ko=Co;class Ao extends i.Component{constructor(e,t){super(e,t),this.getUpdatedWidth=()=>{const{moreMenuWidth:e}=this.state;return{itemsWidthMap:this.getItemsWidth(),moreMenuWidth:this.moreMenuEL.current?this.moreMenuEL.current.offsetWidth:e,navWidth:this.navigationEl.current.offsetWidth}},this.getElementMarginRight=e=>Number(window.getComputedStyle(e).marginRight.replace("px","").replace("rem","")),this.getUpdatedLinks=this.getUpdatedLinks.bind(this),this.handleResize=this.handleResize.bind(this),this.moreMenuEL=i.createRef(),this.navigationLinksEl=i.createRef(),this.navigationEl=i.createRef(),this.linksInTopNav=this.props.items.filter(e=>e.showInTopNav),this.state={itemsWidthMap:{},moreMenuWidth:null,navWidth:null,shouldFilterVisibleLinks:!1,didMount:!1}}componentDidMount(){const{hideLinksWhenResize:e}=this.props;let t={didMount:!0};e&&(window.addEventListener("resize",this.handleResize),t={...t,...this.getUpdatedWidth(),shouldFilterVisibleLinks:!0}),this.setState(t)}componentWillUnmount(){window.removeEventListener("resize",this.handleResize)}getItemsWidth(){const e=this.linksInTopNav,{itemsWidthMap:t}=this.state,n={...t};return[...this.navigationLinksEl.current.children].forEach((t,o)=>{const i=e[o].text,a=t.offsetWidth+this.getElementMarginRight(t),r=a!==n[i];n[i]=r?a:n[i]}),n}getUpdatedLinks(){const{items:e}=this.props,{moreMenuWidth:t,shouldFilterVisibleLinks:n}=this.state;if(!n)return{visibleLinks:e};let o=this.getSortedLinks(this.linksInTopNav,0);o.visibleLinks.length!==this.linksInTopNav.length&&(o=this.getSortedLinks(this.linksInTopNav,t));const{visibleLinks:i,moreMenuLinks:a}=o;return{visibleLinks:i[2]?i:[],moreMenuLinks:a}}getSortedLinks(e,t){let n=t+20;const{itemsWidthMap:o,navWidth:i}=this.state;return e.reduce((e,t)=>(n+=o[t.text],n<i?e.visibleLinks.push(t):e.moreMenuLinks.push(t),e),{visibleLinks:[],moreMenuLinks:[]})}handleResize(){this.setState({...this.getUpdatedWidth()})}render(){const{intl:e,hasBorderDropdown:t,hideLinksWhenResize:n}=this.props,{didMount:o}=this.state,{visibleLinks:a,moreMenuLinks:r}=this.getUpdatedLinks(),s=!o||n&&a[0]&&a.length!==this.linksInTopNav.length;return i.createElement(vo.aL,{ref:this.navigationEl,isHidden:!o,isDynamic:n},i.createElement(vo.ik,{attributes:{"aria-label":e.formatMessage($o.primaryLinksLabel)},links:a,shouldAllowNavItemHide:!0,element:this.navigationLinksEl}),s&&i.createElement("div",{ref:this.moreMenuEL},i.createElement(ko,{links:r,hasBorderDropdown:t})))}}Ao.propTypes={hasBorderDropdown:r().bool,hideLinksWhenResize:r().bool.isRequired,intl:r().shape({formatMessage:r().func}),items:r().any.isRequired};const xo=(0,u.Ay)(Ao);var Eo=n(19168),So=n(50152),Lo=n(72362);const To=i.memo(h.A),No=({accountProps:e,configuredComponentRef:t,className:n,contentAlign:o="left",drawerProps:a,decorationStyle:r="default",_hasBookmark:s=!1,hasHeadline:l,hasBorderDropdown:d,hasSearch:c=!0,hasSearchBar:m=!1,hasSearchBarWithDrawer:u,headlineAlign:h,headlineElementClass:w,headerInvertedLogo:$,hideLinksWhenResize:v=!1,intl:C,invertedLogo:k,isAccountsEnabled:A=!1,isLogoWide:x=!1,isShopifyCartWidgetOpen:E,isVisualLinkBanner:S=!1,logo:L,logoBaseUrl:T="/",mainContentElementClass:N,pageHeadline:H,primaryLinks:I,searchQueryParameters:B,searchSuggestionsConfig:O,secondaryLinks:K,seriesData:D=null,setShopifyWidgetState:_,shouldConsiderSeriesPagination:P=!1,shouldEnableFullArticleInverted:R,shouldHideSeriesPagination:q=!0,shouldKeepSubscribeLinkActive:M=!1,showLinkBanner:F=!1,theme:G="standard",user:W,utilityLinks:j,variationName:z,variations:Y={hasLinkBanner:!1,logoAlign:"left",mobileOption:"search",mobileNoBorderBottom:!1,palette:"standard"}})=>{const[X,Z]=(0,i.useState)(!1),[J,Q]=(0,i.useState)(!1),[ee,te]=(0,i.useState)(!1),[ne,ie]=(0,i.useState)(0),[ae,re]=(0,i.useState)(!0),[se,le]=(0,i.useState)(0),[de,ce]=(0,i.useState)(!1),[me,ue]=(0,i.useState)(!1),pe=(0,i.useRef)(null),ge=(0,i.useRef)(null),he=(0,i.useRef)(null),ye=(0,i.useRef)(null),be=l&&H,fe=e=>{const[t]=e;re(t.isIntersecting)},we=()=>{const e=window.pageYOffset;(be||D)&&(()=>{if(!D&&he.current&&ye.current){const{top:e,bottom:t}=ye.current.getBoundingClientRect(),{bottom:n}=he.current.getBoundingClientRect();Z(e<0&&n<0&&t>=0)}})(),(0,fo.q)(ee,e,ne)&&(te(e-ne>0),ie(e))},ve=()=>{_(!E)},Ce=e=>()=>(0,xe.W8)(`navigation-site-search-${e}`),Ae=()=>{Q(e=>{const t=!e;
3654return(0,xe.W8)("hamburger-menu-"+(t?"expanded":"collapsed")),t})},Ee=()=>{ce(e=>{const t=!e;return t&&Ce("icon"),t})};(0,i.useEffect)(()=>{ue(!0);const{appElement:e}=a;return(()=>{ge.current=new IntersectionObserver(fe);const e=document.querySelector(".content-header");e&&ge.current.observe(e)})(),pe.current=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,we),He().setAppElement(e),be&&(he.current=document.querySelector(w),ye.current=document.querySelector(`.${N}`)),window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"StandardNavigation",variation:z}),()=>{pe.current&&(pe.current.off(),pe.current=null),ge.current&&ge.current.disconnect()}},[]);let{mobileOption:Se}=Y;const Le=!(0,Lo.Zm)(),{logoAlign:Te,mobileLogoAlign:Ne,mobileNoBorderBottom:Ie,hasCart:Be}=Y,Oe=(e=>"inverted"===e&&!J&&ae)(Y.palette||G)?"inverted":"standard",Ke="inverted"===Oe?{logo:k,headerLogo:$}:{logo:L,headerLogo:L},De=j.filter(e=>!0===e.forceLeftOfNav),_e=j.filter(e=>!1===e.forceLeftOfNav),Pe=j.filter(e=>e.showInTopNavMobile),Re=!!j.find(e=>e.showInTopNav&&"nav-cta"===e.cmPosition),qe=J?oe.A:ke.A;M&&(Se="cm");const{shouldExcludeSeriesPagination:Me=!1}=D||{},Fe=!q&&!Me&&D&&!ae&&!J,Ue=!P&&!S&&(Y.hasLinkBanner||F),Ve={href:a.searchAction,inputKind:"link",onClickHandler:Ce("icon")};u&&(delete Ve.inputKind,delete Ve.href,Ve.role="button",Ve.onClickHandler=Ee);const Ge=c&&i.createElement(i.Fragment,null,m?i.createElement(vo.Kd,null,i.createElement(Eo.A,{onSubmit:Ce("input-box"),queryParameters:B})):i.createElement(vo.QU,{...Ve,ariaLabel:C.formatMessage(bo.A.searchLabel),label:C.formatMessage(bo.A.searchLabel),ButtonIcon:de?oe.A:f.A,isIconButton:!0,shouldEnableFullArticleInverted:R}));return i.createElement(i.Fragment,null,i.createElement(y.Ay,{className:G}),i.createElement(vo.Hb,{ref:t,className:n,isLogoWide:x,palette:Oe,seriesData:D,shouldDisplaySeriesPagination:Fe,decorationStyle:r,decorationTheme:G,logoAlign:Te,mobileLogoAlign:Ne,mobileOption:Se,isDrawerOpen:J,mobileNoBorderBottom:Ie,isHeadlineColorInverted:"inverted"===Oe&&l,shouldKeepSubscribeLinkActive:M,shouldEnableFullArticleInverted:R,"data-testid":"StandardNavigationWrapper"},i.createElement(vo.Bn,{"data-testid":"StandardNavigationDrawer"},(I.length>0||K.length>0)&&i.createElement(vo.nO,{ButtonIcon:qe,isIconButton:!0,className:"standard-navigation__drawer-toggle",label:C.formatMessage(bo.A.navigationMenuButtonLabel),onClickHandler:Ae,role:"button","aria-expanded":J,shouldEnableFullArticleInverted:R})),"center"===Te&&De&&De.length>0&&i.createElement(vo.Ac,null,i.createElement(vo.q8,{attributes:{"aria-label":C.formatMessage(bo.A.secondaryLinksLabel)},links:De,shouldAllowNavItemHide:!0})),i.createElement(vo.E4,null,i.createElement(vo.H7,{href:T,"data-testid":"Logo"},i.createElement(vo.E8,{...Ke.logo}))),"left"===Te&&i.createElement(vo.re,{headLineVisible:l&&X,"data-testid":"StandardNavigationHeadLineBlock",className:$e()({"standard-navigation__headline-block--headline":l&&X})},i.createElement(vo.nk,{"aria-hidden":"true",headlineAlign:h},H),i.createElement(vo.cf,null,!X&&i.createElement(xo,{hasBorderDropdown:d,hideLinksWhenResize:v,items:I}))),i.createElement(vo.kr,{onClick:e=>{"Newsletter"!==e.target.innerText&&window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:e.target.innerText})},shouldEnableFullArticleInverted:R},A&&W&&i.createElement(So.A,{...e,user:W,className:"standard-navigation__section--utility-links-login"}),i.createElement(i.Fragment,null,me&&_e.length>0&&i.createElement(vo.ck,{attributes:{"aria-label":C.formatMessage(bo.A.utilityLinksLabel)},links:Le?Pe:_e,shouldAllowNavItemHide:!0,shouldEnableFullArticleInverted:R}),me&&i.createElement(vo.Tz,null,i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(To,{position:"nav-dialog"})),!Re&&i.createElement(i.Fragment,null,i.createElement(y.IJ,null),i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(To,{position:"nav-cta"}),i.createElement(To,{position:"nav-rollover"})),i.createElement(y.dd,null))),i.createElement(b.Z,{group:"subs-cta"},i.createElement(To,{position:"nav-gift"})))),Ge,i.createElement(i.Fragment,null,Be&&i.createElement(vo.gV,{onClick:ve},i.createElement(vo.wH,{ariaLabel:`${se} ${C.formatMessage(bo.A.shoppingCartAriaLabel)}`,label:C.formatMessage(bo.A.shoppingCartLabel),ButtonIcon:wo.A,isIconButton:!0,inputKind:"link",tabIndex:0}),se>0&&i.createElement(vo.Zs,null,se))),i.createElement($t,{showShopifyCart:E,closeButtonCallback:ve,onCartDataChange:e=>{const t=e?.length||void 0;le(void 0===t?0:t)}})),i.createElement(U.A,{appElement:a.appElement,isOpen:J,onClose:Ae,contentLabel:C.formatMessage(bo.A.drawerL
3654abel)},i.createElement(V.A,{accountProps:e,...a,contentAlign:o,showSearch:c,isAccountsEnabled:A,user:W,utilityLinks:_e,searchSuggestionsConfig:O})),I&&i.createElement(vo.dU,{linksArr:I}),K&&i.createElement(vo.Fy,{linksArr:K}),Ue&&i.createElement(tn.A,null),!q&&i.createElement(vo.Lq,{shouldDisplaySeriesPagination:Fe,className:$e()({"series-pagination__standard-navigation--hidden":!Fe}),"data-testid":"StandardNavigationSeriesPagination"}),u&&de&&i.createElement(U.A,{appElement:a.appElement,contentLabel:C.formatMessage(bo.A.searchLabel),className:"drawer--search",isOpen:de,onClose:()=>Ee()},i.createElement(vo.VX,null,i.createElement(Eo.A,{searchLink:a.searchAction,shouldSetFocus:de}))))};No.propTypes={accountProps:r().object,className:r().string,contentAlign:r().oneOf(["center","left"]),configuredComponentRef:r().func,decorationStyle:r().oneOf(["default","border-thin","light-shadow"]),drawerProps:r().shape({appElement:r().any,searchAction:r().string}).isRequired,hasBookmark:r().bool,_hasBookmark:r().bool,hasBorderDropdown:r().bool,hasHeadline:r().bool,hasSearch:r().bool,hasSearchBar:r().bool,hasSearchBarWithDrawer:r().bool,headerInvertedLogo:r().shape(c.A.propTypes).isRequired,headlineAlign:r().oneOf(["left","center"]),headlineElementClass:r().string,hideLinksWhenResize:r().bool,intl:r().shape({formatMessage:r().func}),invertedLogo:r().shape(c.A.propTypes).isRequired,isAccountsEnabled:r().bool,isLogoWide:r().bool,isShopifyCartWidgetOpen:r().bool,isVisualLinkBanner:r().bool,logo:r().shape(c.A.propTypes).isRequired,logoBaseUrl:r().string,mainContentElementClass:r().string,pageHeadline:r().string,primaryLinks:l.A.propTypes.links,savedStoriesLabel:r().string,searchQueryParameters:r().object,searchSuggestionsConfig:r().shape({minChars:r().number,maxItems:r().number,suggestions:r().arrayOf(r().shape({label:r().string.isRequired,url:r().string.isRequired,triggers:r().arrayOf(r().string).isRequired}))}),secondaryLinks:r().array,seriesData:r().shape({hed:r().string,dek:r().string,image:r().object,links:r().arrayOf(r().shape({hed:r().string,dek:r().string,image:r().object,isPublished:r().bool,promoHed:r().string,url:r().string})),shouldExcludeSeriesPagination:r().bool}),setShopifyWidgetState:r().func,shouldConsiderSeriesPagination:r().bool,shouldEnableFullArticleInverted:r().bool,shouldHideSeriesPagination:r().bool,shouldKeepSubscribeLinkActive:r().bool,showLinkBanner:r().bool,theme:r().string,user:r().shape({isAuthenticated:r().bool.isRequired}),utilityLinks:l.A.propTypes.links,variationName:r().string,variations:r().shape({hasCart:r().bool,hasLinkBanner:r().bool,logoAlign:r().oneOf(["center","left"]).isRequired,mobileLogoAlign:r().oneOf(["center"]),mobileNoBorderBottom:r().bool,mobileOption:r().oneOf(["search","cm"]).isRequired,palette:r().oneOf(["inverted","standard"]),showHeadline:r().bool})};No.displayName="StandardNavigation";const Ho=(0,ve.Ng)(({isShopifyCartWidgetOpen:e,standardNavigationConfig:t})=>({isShopifyCartWidgetOpen:e,...t}),e=>{const{setShopifyWidgetState:t}=(0,Se.A)(e);return{setShopifyWidgetState:t}})((0,u.Ay)(No)),Io=(0,m.y)(Ho,"LogoCenterWithSearch",{logoAlign:"center",mobileOption:"search"});Ho.LogoCenterWithSearch=Io;const Bo=(0,m.y)(Ho,"LogoCenterWithSearchBar",{logoAlign:"center",mobileLogoAlign:"center",mobileOption:"cm"},{hasSearch:!0,hasSearchBar:!0});Ho.LogoCenterWithSearchBar=Bo;const Oo=(0,m.y)(Ho,"LogoCenterWithCM",{logoAlign:"center",mobileOption:"cm"});Ho.LogoCenterWithCM=Oo;const Ko=(0,m.y)(Ho,"LogoCenterWithCMNoSearch",{logoAlign:"center",mobileOption:"cm"},{hasSearch:!1});Ho.LogoCenterWithCMNoSearch=Ko;const Do=(0,m.y)(Ho,"LogoLeftWithSearch",{logoAlign:"left",mobileOption:"search"},{hideLinksWhenResize:!0});Ho.LogoLeftWithSearch=Do;const _o=(0,m.y)(Ho,"LogoLeftWithSearch",{logoAlign:"left",mobileOption:"search",hasCart:!0},{hideLinksWhenResize:!0});Ho.LogoLeftWithSearchAndCart=_o;const Po=(0,m.y)(Ho,"LogoLeftWithSearchAndLinkBanner",{logoAlign:"left",mobileOption:"search",hasLinkBanner:!0},{hideLinksWhenResize:!0});Ho.LogoLeftWithSearchAndLinkBanner=Po;const Ro=(0,m.y)(Ho,"LogoLeftWithSearchAndLinkBannerAndCart",{logoAlign:"left",mobileOption:"search",hasLinkBanner:!0,hasCart:!0},{hideLinksWhenResize:!0});Ho.LogoLeftWithSearchAndLinkBannerAndCart=Ro;const qo=(0,m.y)(Ho,"LogoLeftWithCM",{logoAlign:"left",mobileOption:"cm"});Ho.LogoLeftWithCM=qo;const Mo=(0,m.y)(Ho,"LogoLeftWithCMNoSearch",{logoAlign:"left",mobileOption:"cm"},{hasSearch:!1});Ho.LogoLeftWithCMNoSearch=Mo;const Fo=(0,m.y)(Ho,"LogoLeftWithSearchAndHeadline",{logoAlign:"left",mobileOption:"search"},{hasHeadline:!0,headlineAlign:"left",hideLinksWhenResize:!0});Ho.LogoLeftWithSearchAndHeadline=Fo;const Uo=(0,m.y)(Ho,"LogoLeftWithSearchWithHeadlineAndLinkBanner",{logoAlign:"left",mobileOption:"search",hasLinkBanner:!0},{hasHeadline:!0,headlineAlign:"left",hideLinksWhenResize:!0});Ho.LogoLeftWithSearchWithHeadlineAndLinkBanner=Uo;const Vo=(0,m.y)(Ho,"LogoLeftWithSearchAndHeadlineCenter",{logoAlign:"left",mobileOption:"search"},{hasHeadline:!0,headlineAlign:"center",hideLinksWhenResize:!0});Ho.LogoLeftWithSearchAndHeadlineCenter=Vo;const Go=(0,m.y)(Ho,"LogoCenterWithSearchAndLinkBanner",{logoAlign:"center",mobileOption:"search",hasLinkBanner:!0});Ho.LogoCenterWithSearchAndLinkBanner=Go;const Wo=(0,m.y)(Ho,"LogoDesktopLeftMobileCenterWithSearch",{logoAlign:"left",mobileLogoAlign:"center",mobileOption:"search",mobileNoBorderBottom:!0},{hasHeadline:!0,hasBorderDropdown:!1,headlineAlign:"left",hideLinksWhenResize:!0});Ho.LogoDesktopLeftMobileCenterWithSearch=Wo;const jo=(0,m.y)(Ho,"LogoLeftWithSearchInverted",{logoAlign:"left",mobileOption:"search",palette:"inverted"},{hideLinksWhenResize:!0});Ho.LogoLeftWithSearchInverted=jo;const zo=Ho,Yo=(0,q.N)((0,o.y)(zo,"StandardNavigation"));var Xo=n(98904),Zo=n(37384),Jo=n(77630);const Qo=v.Ay.div.withConfig({displayName:"EnhancedSearchDrawerWrapper"})` 3655 position: fixed; 3656 top: ${({topPosition:e})=>e}px; 3657 right: 0; 3658 left: 0; 3659 transition: opacity 0.2s ease-in-out; 3660 visibility: visible; 3661 opacity: 1; 3662 z-index: ${({zIndex:e})=>e}; 3663 background-color: white; 3664 padding: 8px 0; 3665 width: 100%; 3666 height: ${({height:e,calculatedHeight:t})=>"auto"===e?`${t}px`:`${e}px`}; 3667 3668 &.enhanced-search-drawer { 3669 display: block; 3670 } 3671`,ei=v.Ay.div.withConfig({displayName:"EnhancedSearchDrawerOverlay"})` 3672 position: fixed; 3673 right: 0; 3674 bottom: 0; 3675 left: 0; 3676 transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; 3677 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 3678 opacity: ${({isOpen:e})=>e?1:0}; 3679 z-index: ${({zIndex:e})=>e-1}; 3680 background-color: rgba(0, 0, 0, 0.5); 3681 3682 &.drawer--overlay-color-black { 3683 background-color: rgba(0, 0, 0, 0.5); 3684 } 3685 3686 &.drawer--overlay-color-white { 3687 background-color: rgba(255, 255, 255, 0.7); 3688 } 3689`,ti=({appElement:e="#app-root",className:t,isOpen:n=!1,onClose:o,headerSelector:a,headerRef:r,theme:s="standard",contentLabel:l="Enhanced Search Drawer",children:d,height:c="auto",zIndex:m=C.KV.dropdown-1,overlayColor:u="black"})=>{const[p,g]=(0,i.useState)(0),[h,y]=(0,i.useState)(0),b=(0,i.useRef)(null),f=(0,i.useCallback)(()=>
3689{if(!n)return;let e=null;if(r&&r.current?e=r.current:a&&(e=document.querySelector(a)),e){const t=e.getBoundingClientRect().bottom;g(t),requestAnimationFrame(()=>{if(b.current){const e=b.current.querySelector('input[type="search"]');if(e){const t=e.getBoundingClientRect();y(t.bottom+16)}else{const e=b.current.getBoundingClientRect();y(e.bottom+16)}}}),b.current&&b.current.style.setProperty("top",`${t}px`,"important")}},[n,a,r]);(0,i.useEffect)(()=>{if(n)return f(),window.addEventListener("scroll",f),window.addEventListener("resize",f),()=>{window.removeEventListener("scroll",f),window.removeEventListener("resize",f)}},[n,f]);return i.createElement(ee.A,{palette:s},i.createElement(ei,{isOpen:n,zIndex:m,onClick:()=>{o&&o()},className:`drawer--overlay-color-${u}`,style:{top:`${h}px`}}),n&&i.createElement(Qo,{ref:b,className:$e()("enhanced-search-drawer",t),topPosition:p,height:c,zIndex:m,role:"dialog","aria-label":l,"data-testid":"EnhancedSearchDrawer"},d))};ti.propTypes={appElement:r().oneOfType([r().string,r().element]),children:r().node,className:r().string,contentLabel:r().string,headerRef:r().object,headerSelector:r().string,height:r().oneOfType([r().number,r().oneOf(["auto"])]),isOpen:r().bool.isRequired,onClose:r().func.isRequired,overlayColor:r().oneOf(["black","white"]),theme:r().string,zIndex:r().number};const ni=ti;var oi=n(75163);const ii=(e,t)=>t?.svg?i.createElement(E.BF,{as:"div","aria-label":t.altText||e?.altText,className:"stacked-navigation-design-logo",dangerouslySetInnerHTML:{__html:t.svg},"data-testid":"DesignAssetLogo",role:"img"}):i.createElement(Zo.A,{...e}),ai=({accountProps:e,adStyle:t="default",className:n,utilityNavLinkColorToken:o,customMobileOptionLink:a,customMobileOptionLinkText:r,drawerProps:s,hasBoxShadowInMobile:d=!1,hasLeftMarginOnMobile:c=!1,hasLinkbannerCrossSlideAnimation:m=!1,hasNoRightMarginforSm:u=!1,hasSearch:w=!0,hasSearchBarWithDrawer:$=!1,hasScrollingNavigationContentCenterAligned:C=!1,hasSearchBar:k=!1,hasTopStory:x,hasUnderlineActiveLink:E,hasUtilityLinksCenterAlign:S=!1,hasFixedLogoHeight:L=!1,headerLogo:T,headerLogoDim:N,headerInvertedLogo:H,headerTheme:I,hideNavWhenLinkBannerEnabled:B,intl:O,invertedLogo:K,isHomepage:D,isAccountsEnabled:_,isEditorPicksAvailable:P=!1,isNavigationActiveState:R,isVisualLinkBanner:q=!1,journeyRibbonHeight:M,logo:F,logoBaseUrl:G="/",mobileLogoAlignment:j="center",navigationHideStrategy:z="default",primaryLinks:Y,profileLinkLabel:X,primaryNavigationSize:Z="default",seriesData:J,shouldBundlePagesBehaveLikeHP:Q=!0,shouldInvertMenuHeader:te=!1,shouldHideSeriesPagination:ne=!0,showLinkBanner:ae=!1,showMarketSwitcherInDrawerOverlay:re=!1,showNavigationDrawerOnTopInDesktop:se=!1,shouldNavigationScroll:de=!0,showSignInOnMobile:ce,showAccountAfterNavCta:me=!1,showNavigationDrawerOnTopOnScroll:ue=!1,showOverlayNavigation:pe=!1,showPrimaryNavOnScroll:ge=!1,showSearchOnMobile:he=!1,showSecondaryFooterAllLink:ye=!1,showUtilityLinkOnNavigationBottom:be=!1,scrollingHeaderLogoDim:we,socialLinksHeading:ve,theme:Ce="standard",shouldUseDesignColorTokens:Ae=!1,shouldUseLightIconTheme:Ee=!1,user:Se,utilityLinks:Le,variationName:Te,variations:Ne={isDrawerEnabled:!1,isLargeOnHomeOnly:!1,headerLayout:"default-header-layout",hasLinkBanner:!1,hasOnlyMenuToRight:!1,hasSearchBarInSecondRow:!1,hasXLargeLogo:!1,shouldUseCustomStyle:!1,showMegaMenuForMobile:!1,showScrollingNavigation:!1,showSecondRowOnScroll:!1},hasSEOSupport:He=!1,onDrawerStateChange:Ie,shouldInvertSecondaryMenuTheme:Be=!0,searchPlaceholder:Oe,featureFlags:{enableEnhancedSearch:Ke=!1}={},searchSuggestionsConfig:De})=>{const _e=i.useContext(v.Dx),Pe=Ae?((0,A.nv)(_e,"assets")||[]).find(e=>"asset.logo"===e.id):void 0;let Re=D;i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"StackedNavigation",variation:Te})},[Te]);const qe=(0,i.useRef)(null),Me=(0,vt.B)(),[Fe,Ue]=(0,i.useState)(!1),[Ve,Ge]=(0,i.useState)(!1),[We,je]=(0,i.useState)(!1),ze=(0,i.useRef)(0),[Ye,Xe]=(0,i.useState)(!0),[Ze,Je]=(0,i.useState)(Y),[Qe,et]=(0,i.useState)(!1),[tt,nt]=(0,i.useState)({}),[ot,it]=(0,i.useState)(!1),[at,rt]=(0,i.useState)(!1),[st,lt]=(0,i.useState)(""),[dt,ct]=(0,i.useState)(!1),mt=(0,i.useRef)(null),ut=(0,i.useRef)(null),pt=Ne.isDrawerEnabled?Ze:Y,gt=pt.filter(e=>e.hasChildren),[ht,yt]=(0,i.useState)(He?gt:{});(0,i.useEffect)(()=>
3689{if(!P||!Ne.isDrawerEnabled||dt)return;const e=e=>{const t=Object.keys(e);return pt.map(n=>{if(n.hasChildren&&n.children){const o=((e,t,n)=>e.children.map(e=>{if(t.includes(e.text)){const t=n[e.text],o=[];if(!W()(t)){const e=t.length>1;t.forEach((t,n)=>{const i={groupName:0===n?"Editors' Pick"+(e?"s":""):"",isCard:!0,links:[{...t,cardPosition:n+1}]};o.push(i)})}return{...e,children:[...e.children,...o]}}return e}))(n,t,e);return{...n,children:o}}return n})};fetch("/editor-picks").then(e=>e.json()).then(t=>{const{editorPicks:n}=t;if(!W()(n)){const t=e(n);ct(!0),Je(t)}}).catch(e=>e)},[pt,Ne.isDrawerEnabled,dt,P]);const bt=e=>{"Newsletter"!==e.target.innerText&&"NEWSLETTER"!==e.target.innerText&&window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:e.target.innerText})},ft=(0,i.useCallback)(()=>{const e=window.pageYOffset;(0,fo.q)(We,e,ze.current,z)&&(e<=0&&-1!==window.navigator.userAgent.indexOf("Safari")&&-1===window.navigator.userAgent.indexOf("Chrome")?je(!1):je(e-ze.current>0),ze.current=e)},[We,ze,z]),wt=()=>{nt({}),it(!1),Je(pt.map(e=>(e.isActive=!1,e))),He&&yt(gt)},$t=e=>{const[t]=e;Xe(t.isIntersecting)},Ct=(0,i.useCallback)(()=>{mt.current=new IntersectionObserver($t);const e=document.querySelector(".article__content-header");e&&mt.current.observe(e)},[]);(0,i.useEffect)(()=>de||m?(de&&(ut.current=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,ft)),Ct(),()=>{de&&ut.current&&ut.current.off(),mt.current.disconnect()}):null,[ft,de,m,Ct]),(0,i.useEffect)(()=>{ot||Je(pt)},[ot,pt]),(0,i.useEffect)(()=>{tt.hasChildren?(et(!0),He||yt(tt),it(!0)):(it(!1),et(!1))},[tt,He]);const kt=e=>{const t={type:e,subject:"hamburger_menu",placement:"top"};(0,le.kg)(t)},At=()=>{He&&wt(),Ie&&Ie(!Fe),Ue(!Fe),(0,xe.W8)("hamburger-menu-"+(Fe?"collapsed":"expanded")),kt(Fe?"close":"open")},xt=()=>{Ge(!Ve)},Et=()=>{rt(!at),at||lt("")},St=(0,i.useCallback)(()=>{st&<("")},[st]);(0,i.useEffect)(()=>{if(at){const e=document.querySelector('.drawer--search input[name="q"]');if(e)return e.addEventListener("input",St),()=>{e.removeEventListener("input",St)}}},[at,St]);const Lt=e=>{const t={href:e.searchAction,inputKind:"link"};return($||!0===Ke)&&(delete t.inputKind,delete t.href,t.role="button",t.onClickHandler=()=>{if(Ke){const e={type:"initiate",subject:"search",platform:"verso"};(0,le.ce)(e)}Et()}),t};let Tt=x&&Fe?"standard":I;Tt||(Tt="inverted"!==Ce||Fe&&!te&&"inverted"!==Ce||!Ye?"standard":"inverted");const Nt=Ae?oi.pT.Component.NavLink:void 0,Ht=(t=!1)=>{const n=t&&e&&e.accountLinks&&e.accountLinks.find(e=>e.isProfileLink);return n&&i.createElement(b.Z,{group:"subs-cta"},i.createElement(Jo.TB,{className:Nt,href:n.url},X||n.text||O.formatMessage(Xo.A.profileLinkLabel)))},It=Fe?oe.A:ke.A,Bt=Le.filter(e=>!1===e.forceLeftOfNav),Ot=Le.filter(e=>!0===e.showInTopNavMobile),Kt=(Dt=e,_t=Se,_&&Se&&i.createElement(Jo.Zp,{...Dt,accountAvatar:"inverted"===Tt?e.accountIconInverted:e.accountIcon,user:_t,linkClassName:Nt,utilityNavLinkColorToken:o,$shouldUseDesignColorTokens:Ae}));var Dt,_t;const Pt=((e,t,n,a,r,s)=>{const d=Lt(r);return i.createElement(Jo.Ao,{hasSearchBarInSecondRow:Ne.hasSearchBarInSecondRow,onClick:bt,shouldUseCustomStyle:Ne.shouldUseCustomStyle,showAccountAfterNavCta:me,utilityNavLinkColorToken:o,$shouldUseDesignColorTokens:Ae},e.length>0&&i.createElement(l.A.Horizontal,{attributes:{"aria-label":s.formatMessage(Xo.A.utilityLinksLabel)},links:e,linkClassName:Nt,shouldAllowNavItemHide:!0}),!me&&a,i.createElement(Jo.VV,null,i.createElement(y.IJ,null),i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(h.A,{position:"nav-cta"})),i.createElement(y.dd,null),i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(h.A,{position:"nav-rollover"}),i.createElement(h.A,{position:"nav-dialog"}))),me&&a,t&&i.createElement(i.Fragment,null,n?i.createElement(Jo._e,{onClick:xt,type:"button",label:s.formatMessage(Xo.A.searchLabel)},s.formatMessage(Xo.A.openSearchMenuLabel),i.createElement(Jo.PH,null)):i.createElement(Jo.mk,{...d,ButtonIcon:at?oe.A:f.A,isIconButton:!0,label:O.formatMessage(Xo.A.searchLabel),hasTopStory:x,enableEnhancedSearch:Ke,shouldUseLightIconTheme:Ee,$shouldUseDesignColorTokens:Ae})))})(Bt,w,k,Kt,s,O),Rt=((e,t)=>i.createElement(Jo.Ao,{hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,shouldUseCustomStyle:Ne.shouldUseCustomStyle,$shouldUseDesignColorTokens:Ae},e.length>0&&i.createElement(l.A.Horizontal,{"data-testid":"StackedNavigationSectionUtilityLinksMobileLeft",attributes:{"aria-label":t.formatMessage(Xo.A.utilityLinksLabel)},links:e,linkClassName:Nt,shouldAllowNavItemHide:!0})))(Ot,O),qt=((e,t,n)=>i.createElement(Jo.TH,{hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,showNavigationDrawerOnTopInDesktop:se},i.createElement(Jo.dG,{ButtonIcon:e,hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,isIconButton:!0,label:n.formatMessage(Xo.A.navigationMenuButtonLabel),onClickHandler:At,role:"button","aria-expanded":t,$shouldUseDesignColorTokens:Ae}),i.createElement(Jo.E9,null)))(It,Fe,O),Mt="overlay"===t,Ft="fixed-header-layout"===Ne.headerLayout,Ut="standard"===Tt?{logo:F,headerLogo:T}:{logo:K,headerLogo:H},{hasXLargeLogo:Vt,isLargeOnHomeOnly:Gt}=Ne;Q||(Re=!1);const{shouldExcludeSeriesPagination:Wt=!1,links:jt}=J||{},zt=()=>!(ne||Fe||Wt||Ye||!jt?.length),Yt=!x&&(Vt&&!Gt||Vt&&Gt&&Re)&&!We,Xt=Yt?"xlarge":"large",Zt=Le.filter(e=>e.showInTopNav).filter(e=>e.forceLeftOfNav),Jt=pt.filter(e=>e.showInTopNav),[Qt]=Zt,tn=ie.th.large;let nn=!q&&(ae||Ne.hasLinkBanner);m&&Ye&&(nn=!1);const on=Fe&&Ne.hasOnlyMenuToRight,an=se||We&&ue,rn=!Ne.hasSearchBarInSecondRow&&C;return i.createElement(ee.A,{palette:Tt},i.createElement(Jo.xQ,{ref:qe,"data-testid":"StackedNavigationHeader",className:$e()(`stacked-navigation--${Ne.headerLayout}`,`stacked-navigation--theme-${Tt}`,`theme-${Tt}`,{"stacked-navigation--is-scrolled":We},n),hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,hasScrollingNavigation:Ne.showScrollingNavigation,hasSearchBarInSecondRow:Ne.hasSearchBarInSecondRow,navigationTheme:Tt,headerLayout:Ne.headerLayout,primaryNavigationSize:Z,isDrawerOpen:Fe,hasLinkBanner:nn,hasBoxShadowInMobile:d,hasLinkbannerCrossSlideAnimation:m,hideNavWhenLinkBannerEnabled:B,isScrolled:We,showPrimaryNavOnScroll:ge,showSecondRowOnScroll:Ne.showSecondRowOnScroll,shouldReduceStackedNavigationHeaderHeight:on,shouldUseCustomStyle:Ne.shouldUseCustomStyle,adOverlay:Mt,xlLogoVisible:Yt,showAccountAfterNavCta:me,hasUtilityLinksCenterAlign:S,enableMobileLinkBannerScroll:m,isContentHeaderVisible:Ye,hasSEOSupport:He,hasTopStory:x,utilityNavLinkColorToken:o,journeyRibbonHeight:M,$shouldUseDesignColorTokens:Ae},i.createElement(y.Ay,{className:Ce}),i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(h.A,{position:"cm-banner"})),i.createElement(Jo.qQ,{isDrawerOpen:Fe,xlLogoVisible:Yt,headerLayout:Ne.headerLayout,hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,hasScrollingNavigation:Ne.showScrollingNavigation,hasSearchBarInSecondRow:Ne.hasSearchBarInSecondRow,isNavigationActiveState:R,shouldReduceStackedNavigationHeaderHeight:on,collapseHeightWhenDrawerOpen:se&&Fe,hasUtilityLinksCenterAlign:S,enableEnhancedSearch:Ke,$shouldUseDesignColorTokens:Ae},i.createElement(Jo.Rx,{$shouldUseDesignColorTokens:Ae},i.createElement(i.Fragment,null,i.createElement(Jo.lR,null,i.createElement(b.Z,{group:"consumer-marketing"},i.createElement(h.A,{position:"nav-left"}))),an&&qt,i.createElement(Jo.BI,{className:$e()(`stacked-navigation__section--${Xt}-logo`),isHomepage:Re,logoSize:Xt,headerLogoDim:N,scrollingHeaderLogoDim:we,headerLayout:Ne.headerLayout,isScrolled:We,shouldUseCustomStyle:Ne.shouldUseCustomStyle,hasTopStory:x,hasFixedLogoHeight:L,$shouldUseDesignColorTokens:Ae},i.createElement(Jo.Bl,{className:Nt,href:G,"data-testid":"Logo"},ii(Ut.logo,Pe))),Ft&&Pt,Ne.hasOnlyMenuToRight&&qt)),!x&&pt.length>0&&i.createElement(i.Fragment,null,Ne.showScrollingNavigation?i.createElement(Jo.gs,{"data-testid":"StackedNavigationScrollingSection",hasScrollingNavigationContentCenterAligned:C,$shouldUseDesignColorTokens:Ae},i.createElement(Jo.q7,null,i.createElement(en.A,{ariaLabel:O.formatMessage(Xo.A.primaryNavigationLabel),hasDivider:!0,hasGradient:!rn,isCentered:rn,hasBottomBorder:!1,hidePrimaryLink:tn,isLeftSpaceDisabled:!0,isSlim:!1,links:Jt,primaryLink:Qt,onHover:e=>{const t=pt.find(t=>t.text===e);t.text!==tt.text?(nt({...t,isActive:!0}),He&&yt(gt.reduce((t,n)=>(t.push({...n,isActive:n.text===e&&n.hasChildren}),t),[])),Je(pt.reduce((t,n)=>(t.push({...n,isActive:n.text===e&&n.hasChildren}),t),[])),window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:`Nav Link/${e}`})):wt()},shouldUseHoverState:Qe,isMenuDrawerOpen:ot,drawerProps:s,isRightSpaceDisabled:rn,collapseMegaMenu:wt,isNavigationActiveState:R,linkClassName:Nt,showMoreLink:!0,shouldOpenDrawerOnClick:!0,showChevron:!0,defaultNavLinkCount:rn?6:5,hideMoreLinkOnLargerScreens:rn})),Ne.hasSearchBarInSecondRow&&i.createElement(Jo.sl,{$shouldUseDesignColorTokens:Ae},i.createElement(Eo.A,{placeholder:Oe}))):i.createElement(Jo.mS,{"data-testid":"StackedNavigationSectionPrimaryLinks"},i.createElement(Jo.S6,{attributes:{"aria-label":O.formatMessage(Xo.A.primaryLinksLabel)},links:pt,hasUnderlineActiveLink:E,linkClassName:Nt,shouldAllowNavItemHide:!0,shouldUseCustomStyle:Ne.shouldUseCustomStyle,isNavigationActiveState:R}))),i.createElement(Jo.FT,{hasScrollingNavigation:Ne.showScrollingNavigation,mobileLogoAlignment:j,hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,hasNoRightMarginforSm:u,enableEnhancedSearch:Ke,$shouldUseDesignColorTokens:Ae},qt,Ne.hasOnlyMenuToRight?i.createElement(Jo.Ci,{hasOnlyMenuToRight:Ne.hasOnlyMenuToRight,headerLogo:F,shouldUseCustomStyle:Ne.shouldUseCustomStyle,$shouldUseDesignColorTokens:Ae},i.createElement(Jo.Bl,{className:Nt,href:G},ii(Ut.logo,Pe))):i.createElement(Jo.Ci,{headerLogo:T,$shouldUseDesignColorTokens:Ae},i.createElement(Jo.Bl,{className:Nt,href:G},ii(Ut.headerLogo,Pe))),(!Ft||be)&&Pt,i.createElement(Jo.GI,{hasLeftMarginOnMobile:c,hasOnlyMenuToRight:Ne.hasOnlyMenuToRight},me?i.createElement(i.Fragment,null,Ne.hasOnlyMenuToRight&&Rt,i.createElement(y.IJ,null),Me&&Se?.isAuthenticated&&Ht(_),ce&&!be&&Kt):i.createElement(i.Fragment,null,Ne.hasOnlyMenuToRight&&Rt,Me&&Se?.isAuthenticated&&Ht(_),ce&&!be&&Kt,i.createElement(y.IJ,null)),he&&i.createElement(i.Fragment,null,i.createElement(Jo.mk,{...Lt(s),ButtonIcon:at?oe.A:f.A,isIconButton:!0,label:O.formatMessage(Xo.A.searchLabel),hasTopStory:x,enableEnhancedSearch:Ke,shouldUseLightIconTheme:Ee,$shouldUseDesignColorTokens:Ae})),i.createElement(b.Z,{group:"subscription-workflow"},i.createElement(h.A,{position:"mob-nav-cta"})),Mt&&i.createElement(Jo.ak,{hasNoRightMarginforSm:u,href:a||"/go/failsafe",$shouldUseDesignColorTokens:Ae},r||O.formatMessage(Xo.A.subscribeLabel))),Ne.hasSearchBarInSecondRow&&i.createElement(Jo.sl,{$shouldUseDesignColorTokens:Ae},i.createElement(Eo.A,{placeholder:Oe})))),Ke&&i.createElement(Jo.rb,{isDrawerOpen:Fe,hasDividerInMobileView:!0,$shouldUseDesignColorTokens:Ae}),nn&&i.createElement(Jo.Yq,{palette:Tt,isScrolled:We,$shouldUseDesignColorTokens:Ae,...m&&{hasLinkbannerCrossSlideAnimation:m,showOnMobile:!Ye}}),Ne.isDrawerEnabled&&!He&&i.createElement(U.A.SiteHeaderDrawer,{appElement:s.appElement,isOpen:ot,onClose:()=>
3689wt(),contentLabel:O.formatMessage(Xo.A.drawerLabel),theme:Ce,className:"drawer--megamenu",hideOnMobile:!0},Qe&&i.createElement(Jo.mW,{xlLogoVisible:Yt,journeyRibbonHeight:M},i.createElement(fe.NewVerbose,{collapseMegaMenu:wt,isDrawerOpen:ot,isSlim:!1,megaMenuContent:ht,theme:Ce,showSecondaryFooterAllLink:ye,primaryNavLink:tt,isContentCentered:C,hasLinkBanner:nn}))),$&&i.createElement(U.A,{appElement:s.appElement,contentLabel:O.formatMessage(Xo.A.searchLabel),className:"drawer--search",isOpen:at,hasBodyScrollWhenDrawerOpen:!1,onClose:()=>Et()},i.createElement(Jo.Lh,{xlLogoVisible:Yt,$shouldUseDesignColorTokens:Ae},i.createElement(Eo.A,{searchLink:s.searchAction,shouldSetFocus:at,placeholder:O.formatMessage(Xo.A.searchLabel)}))),!0===Ke&&i.createElement(ni,{headerRef:qe,contentLabel:O.formatMessage(Xo.A.searchLabel),className:"drawer--search",isOpen:at,onClose:()=>Et(),theme:Ce,height:"auto",overlayColor:"black"},i.createElement(Jo.Lh,{xlLogoVisible:Yt,enableEnhancedSearch:Ke,hasError:!!st,$shouldUseDesignColorTokens:Ae},i.createElement(Eo.A,{searchLink:s.searchAction,shouldSetFocus:at,placeholder:Oe,onSubmit:e=>{const t=e.target.querySelector('input[name="q"]'),n=t?.value?.trim(),o=n?(n.match(/[a-zA-Z0-9]/g)||[]).length:0;return!n||o<2?(e.preventDefault(),e.stopPropagation(),lt(O.formatMessage(Xo.A.searchValidationError)),!1):(st&<(""),!0)},enableEnhancedSearch:Ke,searchSuggestionsConfig:De}),st&&i.createElement(Jo.YS,null,st))),Ne.isDrawerEnabled&&He&&i.createElement(io.SiteHeaderDrawer,{isDrawerOpen:ot,onClose:()=>wt(),theme:Ce,className:"universal_drawer--megamenu",hideOnMobile:!0,registryName:"stacked-navigation-mega-modal"},ht.map((e,t)=>i.createElement("div",{key:t,className:e.isActive?"show-menu":"hide-menu"},i.createElement(Jo.mW,{xlLogoVisible:Yt},i.createElement(fe.NewVerbose,{collapseMegaMenu:wt,isDrawerOpen:ot,isSlim:!1,megaMenuContent:e,theme:Ce,showSecondaryFooterAllLink:ye,primaryNavLink:e,hasLinkBanner:nn})))))),!pe&&i.createElement(Jo.Zq,{isOpen:Fe,xlLogoVisible:Yt,onClose:At,isScrolled:We,journeyRibbonHeight:M,showNavigationDrawerOnTopInDesktop:se,fixedHeader:Ft?"fixed-":"",appElement:s.appElement,contentLabel:O.formatMessage(Xo.A.drawerLabel),className:$e()("drawer--megamenu",{"drawer--megamenu-topstory":x}),hideOnDesktop:Ne.isDrawerEnabled,hasSearchBarInSecondRow:Ne.hasSearchBarInSecondRow,cropWidth:Ne.isDrawerEnabled},Ne.isDrawerEnabled?i.createElement(fe.MultipleColumn,{isSlim:!1,megaMenuContent:{children:pt},collapseMegaMenu:wt,isDrawerOpen:ot,theme:Ce,utilityLinks:Bt,user:Se,accountProps:e,isAccountsEnabled:_,showSecondaryFooterAllLink:ye,hasLinkBanner:nn}):i.createElement(V.A,{...s,user:Se,accountProps:e,isAccountsEnabled:_,showSearch:w,showMarketSwitcher:re,utilityLinks:Bt,theme:Ce,shouldInvertSecondaryMenuTheme:Be,hasSearchBarWithDrawer:$,searchPlaceholder:Oe,drawerProps:s,enableEnhancedSearch:Ke,searchSuggestionsConfig:De})),pe&&i.createElement(Wn,{accountProps:e,additionalCSS:Ne.shouldShowOverlayTop?void 0:Ne?.overlayCSS,isAccountsEnabled:_,user:Se,hasSearch:w,hasTopRule:!Ne.shouldShowOverlayTop,primaryLinks:Y,utilityLinks:Le,searchLink:s.searchAction,secondaryLinks:s.secondaryLinks,socialLinks:s.socialIconsProps.links,socialLinksHeading:ve,logo:T,invertedLogo:H,isCenteredOnDesktop:!0,isVisible:Fe,onClose:At,theme:Ce,shouldShowOverlayTop:Ne.shouldShowOverlayTop}),i.createElement(Jo.n9,{shouldDisplaySeriesPagination:zt(),className:$e()({"series-pagination__standard-navigation--hidden":!zt}),"data-testid":"StackedSeriesNavigationPagination"}),i.createElement("div",{"data-portal-name":"stacked-navigation-mega-modal",className:"modal-container"}))};ai.propTypes={accountProps:r().object,adStyle:r().string,className:r().string,customMobileOptionLink:r().string,customMobileOptionLinkText:r().string,drawerProps:r().object.isRequired,featureFlags:r().shape({enableEnhancedSearch:r().bool}),hasBoxShadowInMobile:r().bool,hasLeftMarginOnMobile:r().bool,hasLinkbannerCrossSlideAnimation:r().bool,hasNoRightMarginforSm:r().bool,hasScrollingNavigationContentCenterAligned:r().bool,hasSearch:r().bool,hasSearchBar:r().bool,hasSearchBarWithDrawer:r().bool,hasSEOSupport:r().bool,hasTopStory:r().bool,hasUnderlineActiveLink:r().bool,hasUtilityLinksCenterAlign:r().bool,hasFixedLogoHeight:r().bool,headerInvertedLogo:r().shape(Zo.A.propTypes).isRequired,headerLogo:r().shape(Zo.A.propTypes).isRequired,headerLogoDim:r().shape(Zo.A.propTypes),headerTheme:r().str
3689ing,hideNavWhenLinkBannerEnabled:r().bool,intl:r().shape({formatMessage:r().func}),invertedLogo:r().shape(Zo.A.propTypes).isRequired,isAccountsEnabled:r().bool,isEditorPicksAvailable:r().bool,isHomepage:r().bool,isNavigationActiveState:r().bool,isVisualLinkBanner:r().bool,journeyRibbonHeight:r().number,logo:r().shape(Zo.A.propTypes).isRequired,logoBaseUrl:r().string,mobileLogoAlignment:r().oneOf(["center","left"]),navigationHideStrategy:r().oneOf(["default","delta"]),onDrawerStateChange:r().func,primaryLinks:l.A.propTypes.links,primaryNavigationSize:r().oneOf(["default","large"]),profileLinkLabel:r().string,scrollingHeaderLogoDim:r().shape(Zo.A.propTypes),searchPlaceholder:r().string,searchSuggestionsConfig:r().shape({minChars:r().number,maxItems:r().number,suggestions:r().arrayOf(r().shape({label:r().string.isRequired,url:r().string.isRequired,triggers:r().arrayOf(r().string).isRequired}))}),seriesData:r().object,shouldBundlePagesBehaveLikeHP:r().bool,shouldHideSeriesPagination:r().bool,shouldInvertMenuHeader:r().bool,shouldInvertSecondaryMenuTheme:r().bool,shouldNavigationScroll:r().bool,shouldUseLightIconTheme:r().bool,showAccountAfterNavCta:r().bool,showLinkBanner:r().bool,showMarketSwitcherInDrawerOverlay:r().bool,showNavigationDrawerOnTopInDesktop:r().bool,showNavigationDrawerOnTopOnScroll:r().bool,showOverlayNavigation:r().bool,showPrimaryNavOnScroll:r().bool,showSecondaryFooterAllLink:r().bool,showSignInOnMobile:r().bool,showSearchOnMobile:r().bool,showUtilityLinkOnNavigationBottom:r().bool,shouldUseDesignColorTokens:r().bool,socialLinksHeading:r().string,subscribeLink:r().string,theme:r().string,user:r().shape({isAuthenticated:r().bool.isRequired}),utilityLinks:l.A.propTypes.links,utilityNavLinkColorToken:r().string,variationName:r().string,variations:r().shape({isDrawerEnabled:r().bool,isLargeOnHomeOnly:r().bool,headerLayout:r().oneOf(["default-header-layout","fixed-header-layout"]),hasLinkBanner:r().bool,hasOnlyMenuToRight:r().bool,hasSearchBarInSecondRow:r().bool,hasXLargeLogo:r().bool,overlayCSS:r().object,shouldShowOverlayTop:r().bool,shouldUseCustomStyle:r().bool,showMegaMenuForMobile:r().bool,showScrollingNavigation:r().bool,showSecondRowOnScroll:r().bool})},ai.displayName="StackedNavigation";const ri=(0,s.M3)((0,u.Ay)(ai),{keysToPluck:["hasTopStory","isHomepage","featureFlags"]});ri.FixedHeader=(0,m.y)(ri,"FixedHeader",{headerLayout:"fixed-header-layout"}),ri.FixedHeaderWithLinkBanner=(0,m.y)(ri,"FixedHeaderWithLinkBanner",{headerLayout:"fixed-header-layout",hasLinkBanner:!0}),ri.FixedHeaderLargeLogo=(0,m.y)(ri,"FixedHeaderLargeLogo",{headerLayout:"fixed-header-layout",hasXLargeLogo:!0,isLargeOnHomeOnly:!0}),ri.FixedHeaderNormalLogoWithScrolling=(0,m.y)(ri,"FixedHeaderNormalLogoWithScrolling",{headerLayout:"fixed-header-layout",showScrollingNavigation:!0,showSecondRowOnScroll:!0}),ri.FixedHeaderNormalLogoWithSearchBar=(0,m.y)(ri,"FixedHeaderNormalLogoWithSearchBar",{headerLayout:"fixed-header-layout",hasSearchBarInSecondRow:!0,isDrawerEnabled:!0,showMegaMenuForMobile:!0,showScrollingNavigation:!0,showSecondRowOnScroll:!0}),ri.FixedHeaderLogoWithSearchBar=(0,m.y)(ri,"FixedHeaderLogoWithSearchBar",{headerLayout:"fixed-header-layout",hasSearchBarInSecondRow:!0,hasXLargeLogo:!0,isLargeOnHomeOnly:!0,isDrawerEnabled:!0,showMegaMenuForMobile:!0,showScrollingNavigation:!0,showSecondRowOnScroll:!0}),ri.FixedHeaderLargeLogoWithRightMenu=(0,m.y)(ri,"FixedHeaderLargeLogoWithRightMenu",{headerLayout:"fixed-header-layout",hasOnlyMenuToRight:!0,isLargeOnHomeOnly:!0,shouldShowOverlayTop:!1,shouldUseCustomStyle:!0,overlayCSS:{topRule:`top: ${(0,A.Kq)(8)}; border: 0;`}}),ri.FixedHeaderLargeLogoWithRightMenuAndLinkBanner=(0,m.y)(ri,"FixedHeaderLargeLogoWithRightMenuAndLinkBanner",{headerLayout:"fixed-header-layout",hasLinkBanner:!0,hasOnlyMenuToRight:!0,shouldShowOverlayTop:!1,shouldUseCustomStyle:!0,overlayCSS:{topRule:`top: ${(0,A.Kq)(8)}; border: 0;`}}),ri.FixedHeaderXLargeLogoWithMegaMenu=(0,m.y)(ri,"FixedHeaderXLargeLogoWithMegaMenu",{headerLayout:"fixed-header-layout",hasSearchBarInSecondRow:!1,hasXLargeLogo:!0,isLargeOnHomeOnly:!1,isDrawerEnabled:!0,showMegaMenuForMobile:!0,showScrollingNavigation:!0,showSecondRowOnScroll:!1});const si=ri,li=(0,q.N)((0,o.y)(si,"StackedNavigation"));class di{static generateTransitionStyle(e){return e.isOpen?[this.generateTransitionRule(e.enter),this.generateReducedMotionTransitionRule(e.reducedMotionEnter)].join("\n"):[this.generateTransitionRule(e.exit),this.generateReducedMotionTransitionRule(e.reducedMotionExit)].join("\n")}static generateReducedMotionTransitionRule(e){return void 0===e?"":`@media (prefers-reduced-motion: reduce) {\n ${this.generateTransitionRule(e)}\n }`}static generateTransitionRule(e){if(void 0===e)return"";const{animatedProperties:t,durations:n,easingFunctions:o,delays:i}=e;return`transition: ${e.animatedProperties.map((e,a)=>`\n ${t[a]} ${n[a]}\n cubic-bezier(${o[a]}) ${i?.[a]??"0ms"}\n `).join(",\n")};`}}var ci=n(90698),mi=n(30237);class ui extends ci.xg{constructor(e){super(),this.layout=e}getStyleForBreakpoint(e){switch(e){case mi.Rp.SM:case mi.Rp.MD:case mi.Rp.LG:return[["max-width","400px"],["width","calc(100% - 48px)"],["grid-template-columns","none"],["grid-column","none"]];case mi.Rp.XL:return[["max-width","50%"],["width","100%"],["grid-template-columns","none"],["grid-column","none"]];case mi.Rp.XXL:case mi.Rp.XXXL:return[["max-width","640px"],["width","100%"],["grid-template-columns","subgrid"],this.layout===mi.p5.TRIGGERABLE_RIGHT?["grid-column","-5 / -1"]:["grid-column","1 / 5"]];default:return[["max-width","400px"],["width","calc(100% - 48px)"],["grid-template-columns","none"],["grid-column","none"]]}}}const pi=v.Ay.div.withConfig({displayName:"TriggerableContainerContent"})` 3690 ${({layout:e})=>function(e){switch(e){case mi.p5.TRIGGERABLE_RIGHT:case mi.p5.TRIGGERABLE_LEFT:return gi;case mi.p5.TRIGGERABLE_TOP:return hi;default:return""}}(e)} 3691`;const gi=v.AH` 3692 position: fixed; 3693 width: 100%; 3694 height: ${({position:e})=>e&&`calc(100% - ${e.bottom}px)`}; 3695 inset-block-start: ${({position:e})=>e&&e.bottom}px; 3696 inset-inline-start: 0; 3697 display: grid; 3698 grid-template-columns: repeat(12, 1fr); 3699 cursor: pointer; 3700 z-index: ${C.KV.oneNav+1}; 3701 visibility: hidden; 3702`,hi=v.AH` 3703 width: 100%; 3704 height: ${({position:e})=>e&&`${e.height}px`}; 3705 position: fixed; 3706 top: ${({position:e})=>e&&`${e.top}px`}; 3707 left: 0; 3708 z-index: ${C.KV.oneNav+1}; 3709 3710 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 3711 3712 opacity: ${({isOpen:e})=>e?"1":"0"}; 3713 3714 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["opacity","visibility"],easingFunctions:["0.37,0,0.63,1","0,0,0,0"],durations:["350ms","350ms"]},exit:{animatedProperties:["opacity","visibility"],easingFunctions:["0.37,0,0.63,1","0,0,0,0"],durations:["350ms","350ms"]}})} 3715`,yi=v.Ay.div.withConfig({displayName:"DrawerWrapper"})` 3716 ${({layout:e})=>function(e){switch(e){case mi.p5.TRIGGERABLE_RIGHT:case mi.p5.TRIGGERABLE_LEFT:return bi;case mi.p5.TRIGGERABLE_TOP:return fi;default:return""}}(e)} 3717`;const bi=v.AH` 3718 /** 3719 * RTL (Right-to-Left) Support - Component-level CSS custom property 3720 * This multiplier automatically flips transform directions in RTL contexts. 3721 * 3722 * Default to LTR (1), but when html[dir='rtl'], set to -1 3723 * This allows transforms to automatically flip: calc(var(--direction-multiplier, 1) * 100%) 3724 */ 3725 --direction-multiplier: 1; 3726 3727 html[dir='rtl'] & { 3728 --direction-multiplier: -1; 3729 } 3730 3731 cursor: default; 3732 display: grid; 3733 position: absolute; 3734 inset-block-start: 0; 3735 visibility: visible; 3736 3737 ${({layout:e})=>e===mi.p5.TRIGGERABLE_LEFT&&"inset-inline-start: 0;"} 3738 3739 ${({layout:e})=>e===mi.p5.TRIGGERABLE_RIGHT&&"inset-inline-end: 0;"} 3740 background: var(${oi.pT.Color.SurfaceNavigation}); 3741 3742 ${({layout:e})=>function(e){switch(e){case mi.p5.TRIGGERABLE_LEFT:return v.AH` 3743 border-right: 1px solid var(${oi.pT.Color.BorderNavigation}); 3744 `;case mi.p5.TRIGGERABLE_RIGHT:return v.AH` 3745 border-left: 1px solid var(${oi.pT.Color.BorderNavigation}); 3746 `;default:return""}}(e)} 3747 3748 height: 100%; 3749 overflow: hidden; 3750 3751 @media (prefers-reduced-motion: no-preference) { 3752 transform: ${({isOpen:e,layout:t})=>Ci(e,t,"100%")}; 3753 } 3754 @media (prefers-reduced-motion: reduce) { 3755 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 3756 opacity: ${({isOpen:e})=>e?"1":"0"}; 3757 } 3758 3759 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["transform"],easingFunctions:["0.37,0,0.63,1"],durations:["3
375900ms"]},exit:{animatedProperties:["transform"],easingFunctions:["0.65,0,0.35,1"],durations:["300ms"]},reducedMotionEnter:{animatedProperties:["opacity","visibility"],easingFunctions:["0.37,0,0.63,1","0,0,0,0"],durations:["350ms","350ms"]},reducedMotionExit:{animatedProperties:["opacity","visibility"],easingFunctions:["0.37,0,0.63,1","0,0,0,0"],durations:["350ms","350ms"]}})} 3760 3761 ${({layout:e})=>new ui(e).generateStyleForBreakpoints()} 3762`,fi="\n height: 100%;\n",wi=v.Ay.div.withConfig({displayName:"GridWrapper"})` 3763 ${({layout:e})=>function(e){switch(e){case mi.p5.TRIGGERABLE_RIGHT:case mi.p5.TRIGGERABLE_LEFT:return $i;case mi.p5.TRIGGERABLE_TOP:return vi;default:return""}}(e)} 3764`;const $i=v.AH` 3765 /** 3766 * RTL (Right-to-Left) Support - Component-level CSS custom property 3767 * Inherits from parent DrawerWrapperVertical, but defined here for clarity 3768 */ 3769 --direction-multiplier: 1; 3770 3771 html[dir='rtl'] & { 3772 --direction-multiplier: -1; 3773 } 3774 3775 display: flex; 3776 flex-direction: column; 3777 height: 100%; 3778 overflow: hidden; 3779 3780 @media (prefers-reduced-motion: no-preference) { 3781 transform: ${({isOpen:e,layout:t})=>Ci(e,t,"5%")}; 3782 opacity: ${({isOpen:e})=>e?"1":"0"}; 3783 } 3784 3785 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["opacity","transform"],easingFunctions:["0,0,1,1","0.37,0,0.63,1"],durations:["400ms","300ms"],delays:["200ms","150ms"]},exit:{animatedProperties:["opacity"],easingFunctions:["0,0,1,1"],durations:["300ms"]}})} 3786`,vi=v.AH` 3787 height: 100%; 3788`;function Ci(e,t,n){if(e)return"translateX(0)";switch(t){case mi.p5.TRIGGERABLE_RIGHT:return`translateX(calc(var(--direction-multiplier, 1) * ${n}))`;case mi.p5.TRIGGERABLE_LEFT:return`translateX(calc(var(--direction-multiplier, 1) * -${n}))`;default:return"translateX(0)"}}class ki{static add(e,t){document.addEventListener(e,t)}static remove(e,t){document.removeEventListener(e,t)}static emit(e,t){const n=new CustomEvent(e,{detail:t});document.dispatchEvent(n)}}var Ai;!function(e){e.TRIGGER="container-trigger",e.SEQ_LEVEL="seq-level"}(Ai||(Ai={}));const xi={x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0,toJSON:()=>null};function Ei(e){(0,i.useEffect)(()=>function(e){const t=e=>{e.preventDefault()};e&&(document.addEventListener("wheel",t,{passive:!1}),document.addEventListener("touchmove",t,{passive:!1}));return()=>{document.removeEventListener("wheel",t),document.removeEventListener("touchmove",t)}}(e),[e])}function Si(e,t,n,o){(0,i.useEffect)(()=>function(e,t,n,o){t&&document.addEventListener("mousedown",t=>Li(t,e,n,o));return()=>{document.removeEventListener("mousedown",t=>Li(t,e,n,o))}}(e,t,n,o),[n,e,t,o])}function Li(e,t,n,o){const i=e.target,a=n?.contains(i),r=i.getAttribute("data-target-id");a||r===t||ki.emit(Ai.TRIGGER,{containerId:t,isOpen:!1,position:o})}const Ti=(0,i.createContext)(null),Ni=v.Ay.div.withConfig({displayName:"Overlay",shouldForwardProp:e=>!["isOpen","blockStart"].includes(e)})` 3789 position: fixed; 3790 width: 100%; 3791 background: var(${oi.pT.Color.SurfaceNavigationOverlay}); 3792 height: ${({blockStart:e})=>`calc(100% - ${e}px)`}; 3793 inset-block-start: ${({blockStart:e})=>e}px; 3794 inset-inline-start: 0; 3795 z-index: ${C.KV.oneNav}; 3796 opacity: ${({isOpen:e})=>e?1:0}; 3797 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 3798 3799 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["opacity","visibility"],easingFunctions:["0,0,1,1","0,0,0,0"],durations:["300ms","300ms"]},exit:{animatedProperties:["opacity","visibility"],easingFunctions:["0,0,1,1","0,0,0,0"],durations:["200ms","200ms"],delays:["150ms","150ms"]}})} 3800`;const Hi=i.memo(function({isOpen:e,hasOverlay:t,position:n,className:o}){return t?i.createElement(Ni,{"data-testid":"one-nav-overlay",isOpen:e,blockStart:n.bottom,tabIndex:-1,className:o}):null});function Ii(e,t,n,o){const[a,r]=(0,i.useState)(0),s=(0,i.useRef)();(0,i.useEffect)(()=>{t?s.current=document.activeElement:s.current?.focus()},[t]),(0,i.useEffect)(()=>{if(!o)return;const t=new MutationObserver(e=>{e.forEach(e=>{"DIV"===e.target.nodeName&&r(e=>e+1)})});return t.observe(e.current,{childList:!0,subtree:!0}),()=>t.disconnect()},[e,o]),(0,i.useEffect)(()=>
3800{const o=e.current?.querySelectorAll('[tabindex]:not([tabindex="-1"])');if(null==o||0===o.length)return;const[i]=o,a=o[o.length-1],r=e=>function(e,t,n,o){const i=e.key===C.p1.KEY_ESCAPE,a=i&&o;if(a)return void o();const r=e.key===C.p1.KEY_TAB;if(!r)return;e.shiftKey&&document.activeElement===t&&(e.preventDefault(),n.focus());e.shiftKey||document.activeElement!==n||(e.preventDefault(),t.focus())}(e,i,a,n);return t&&(setTimeout(()=>{i.focus()},10),document.addEventListener("keydown",r)),()=>document.removeEventListener("keydown",r)},[e,t,a,n])}const Bi=v.Ay.div.withConfig({displayName:"FocusTrapContainer"})``;function Oi({children:e,isActive:t,onEscPress:n,hasContentObservation:o,className:a}){const r=(0,i.useRef)(null);return function(e,t){(0,i.useEffect)(()=>{e.current&&(t?e.current.removeAttribute("inert"):e.current.setAttribute("inert",""))},[e,t])}(r,t),Ii(r,t,n,o),i.createElement(Bi,{ref:r,className:a},e)}function Ki({id:e,children:t,hasOverlay:n,hasDefaultContainer:o,layout:a,theme:r}){const s=(0,i.useRef)(null),{isOpen:l,position:d,triggerElement:c}=function(e){const[t,n]=(0,i.useState)(!1),[o,a]=(0,i.useState)(null),[r,s]=(0,i.useState)(xi);return(0,i.useEffect)(()=>{const t=t=>{const{isOpen:o,triggerElement:i,position:r,containerId:l,keepOtherContainersOpen:d}=t.detail;l===e?(n(o),a(i??null),s(r??xi)):o&&!d&&(n(!1),ki.emit(Ai.TRIGGER,{containerId:e,isOpen:!1,position:r}))};return ki.add(Ai.TRIGGER,t),()=>ki.remove(Ai.TRIGGER,t)},[e]),{isOpen:t,triggerElement:o,position:r}}(e);return Si(e,l,s.current,d),Ei(l),i.createElement(v.NP,{theme:{oneNavTheme:r}},i.createElement(Ti.Provider,{value:{triggerElement:c,isOpen:l,containerId:e,position:d}},i.createElement(Hi,{isOpen:l,hasOverlay:n,position:d,className:$e()({[`theme-${r}`]:"standard"!==r})}),i.createElement(Oi,{isActive:l,hasContentObservation:!0,onEscPress:()=>{ki.emit(Ai.TRIGGER,{containerId:e,isOpen:!1,position:d})},className:$e()({[`theme-${r}`]:"standard"!==r})},i.createElement("div",{ref:s,tabIndex:-1},o?i.createElement(pi,{tabIndex:-1,position:d,layout:a,isOpen:l,"data-active-triggerable-container":l?e:null},i.createElement(yi,{tabIndex:-1,isOpen:l,onWheel:Di,onTouchMove:Di,layout:a},i.createElement(wi,{tabIndex:-1,isOpen:l,layout:a},t))):i.createElement(i.Fragment,null,t)))))}function Di(e){e.stopPropagation()}var _i=n(51054);const Pi=(0,i.createContext)(null);var Ri=n(35932);const qi=v.Ay.span.withConfig({displayName:"IconWrapper"})` 3801 grid-area: ${({areaName:e})=>e??""}; 3802 justify-self: ${({areaName:e})=>e??""}; 3803 display: inline-flex; 3804 align-items: center; 3805 justify-content: center; 3806 width: ${(0,A.Kq)(2)}; 3807 height: ${(0,A.Kq)(2)}; 3808 3809 svg { 3810 width: 100%; 3811 height: 100%; 3812 3813 path { 3814 fill: ${({fill:e="currentColor"})=>e}; 3815 } 3816 3817 circle { 3818 stroke: ${({strokeColor:e="currentColor"})=>e}; 3819 } 3820 } 3821`;var Mi=n(80089);const Fi=({icon:e,className:t,areaName:n,fill:o,strokeColor:a,transform:r,...s})=>{const l=(0,Mi.R)(...e);return null==l?null:i.createElement(qi,{className:t,"data-testid":"clickable-icon",fill:o,strokeColor:a,transform:r,areaName:n},i.createElement(l,{...s}))};var Ui=n(64409);function Vi(e,t,n,o){const i=t&&n?.active?n.active:n?.default,a=i?.label,r=i?.stateIcon,s=i?.badge,l=e?.type===mi.X2.LINK?e.target:null,d=e?.type===mi.X2.LINK?e.rel:void 0,c=o??(e?.type===mi.X2.TRIGGER?"button":void 0),m=function(e){switch(e?.type){case mi.X2.LINK:case mi.X2.ACCORDION:case mi.X2.SEQ_LEVEL:case mi.X2.TRIGGER_AND_SEQ_LEVEL:return e.url;default:return null}}(e);return{target:l,rel:d,url:m,currentStateIcon:r,currentLabel:a,currentBadge:s,usedRole:c,targetId:ji(e)}}function Gi(e,t,n,o,i,a,r){const s=ji(o);return l=>{if(i!==mi.H5.DISABLED)if(o.type!==mi.X2.LINK)if(o.type!==mi.X2.ACCORDION){if(null!=s)switch(o.type){case mi.X2.SEQ_LEVEL:return void function(e,t,n,o){e.preventDefault(),ki.emit(Ai.SEQ_LEVEL,{containerId:t,seqLevel:n.seqLevel}),Ui.OM.trackClickable({event:e,label:o.default.label,subject:Ui.SZ.SEQ_LEVEL})}(l,s,o,r);case mi.X2.TRIGGER:return void function(e,t,n,o,i,a){e.preventDefault(),ki.emit(Ai.SEQ_LEVEL,{containerId:t,seqLevel:"default"}),ki.emit(Ai.TRIGGER,{containerId:t,position:zi(o,i.relatedRowId),triggerElement:o.current,isOpen:!n}),Wi(a)?(0,le.ce)({type:"initiate",subject:"search",platform:"verso"}):Ui.OM.trackClickable({event:e,label:a.default.label,subject:t,trackingStatus:n,isWithoutContentData:!0})}(l,s,n,e,o,r);case mi.X2.TRIGGER_AND_SEQ_LEVEL:return void function(e,t,n,o,i,a){e.preventDefault(),ki.emit(Ai.SEQ_LEVEL,{containerId:t,seqLevel:i.seqLevel}),Ui.OM.trackClickable({event:e,label:a.default.label,subject:t,trackingStatus:n,isWithoutContentData:!0});const r=!!document.querySelector(`[data-active-triggerable-container="${i.trigger}"]`),s=document.querySelector(`[data-seq-level="${i.seqLevel}"]`),l=s?.getAttribute("data-seq-level");if(r&&l!==i.seqLevel)return;ki.emit(Ai.TRIGGER,{containerId:t,position:zi(o,i.relatedRowId),triggerElement:o.current,isOpen:!n})}(l,s,n,e,o,r);default:return}}else!function(e,t,n){e.preventDefault(),Ui.OM.trackClickable({event:e,label:n.default.label,subject:t.subject,trackingStatus:t.status},t.schema)}(l,a,r);else!function(e,t,n,o){Wi(n)?(0,le.ce)({type:"initiate",subject:"search",platform:"verso"}):Ui.OM.trackClickable({event:e,label:n.default.label,subject:t.subject??o,trackingStatus:t.status},t.schema)}(l,a,r,t);else l.preventDefault()}}function Wi(e){return"Search"===e.default.stateIcon?.[0]}function ji(e){if(null==e)return;return e.type===mi.X2.TRIGGER||e.type===mi.X2.SEQ_LEVEL||e.type===mi.X2.TRIGGER_AND_SEQ_LEVEL?e.trigger:void 0}function zi(e,t){if(t===mi.H$.FULL_PAGE)return;const n=void 0!==t?document.getElementById(t)?.getBoundingClientRect():void 0;return n&&n.height>0?n:e.current?.closest('[data-trigger-row="true"]')?.getBoundingClientRect()}function Yi(e){const{designSettings:t,isHighlighted:n,states:o,status:a=mi.H5.DEFAULT,trackingData:r={},role:s,"aria-expanded":l,"aria-controls":d,"aria-labelledby":c}=e,{layout:m,containerId:u}=(0,i.useContext)(Pi),[p,g]=(0,i.useState)(!1),h=(0,i.useRef)(null),y=e.action,{targetId:b,usedRole:f,target:w,rel:$,url:v,currentLabel:k,currentStateIcon:A,currentBadge:x}=Vi(y,p,o,s);!function(e,t){(0,i.useEffect)(()=>
3821{if(t){const n=n=>{const{isOpen:o,containerId:i}=n.detail;i===t&&e(o)};return ki.add(Ai.TRIGGER,n),()=>ki.remove(Ai.TRIGGER,n)}},[e,t])}(g,b);const E=Gi(h,u,p,y,a,r,o),S=a===mi.H5.DISABLED,{badgePosition:L=mi.NT.START,labelBlockPosition:T=mi.NT.START,stateIconPosition:N=mi.NT.END}=t?.gridPosition??{};return i.createElement(Ri.LP,{component:mi.uA.TEXT_CLICKABLE,action:y,states:o,"data-testid":b,"data-target-id":b,ref:h,href:v||void 0,target:S?void 0:w,rel:S?void 0:$,onClick:E,onKeyDown:e=>function(e,t){e.key===C.p1.KEY_ENTER&&t(e)}(e.nativeEvent,E),designSettings:t,label:k,badge:x,stateIcon:A,isActive:a===mi.H5.ACTIVE,className:S?"disabled":"",tabIndex:S?-1:0,"aria-disabled":!!S||void 0,"aria-hidden":!!S||void 0,role:f,"aria-expanded":l,"aria-controls":d,"aria-labelledby":c,layout:m,as:v?"a":"span",isHighlighted:n},i.createElement(Ri.Dn,{badgePosition:L,areaName:T,hasGap:null!=k&&null!=x},x&&i.createElement(Fi,{icon:x}),k&&i.createElement(Ri.s5,{"data-snowplow-event-label":!0},k)),A&&i.createElement(Fi,{icon:A,areaName:N}))}const Xi=(0,i.memo)(({items:e,defaultDesignSettings:t})=>i.createElement(i.Fragment,null,e?.map((e,n)=>{const o=e.designSettings??t;return i.createElement(Yi,{key:n,...e,designSettings:o,trackingData:{subject:Ui.SZ.ACCORDION}})})));var Zi;function Ji(e){switch(e){case Zi.LABEL:return{type:mi.$_.LABEL_TEXT,scalable:!0};case Zi.CHILD:return{type:mi.$_.SECONDARY_TEXT,scalable:!0};default:return{type:mi.$_.PRIMARY_FILLED,scalable:!0}}}function Qi(e){if(!e?.label&&!e?.stateIcon)throw new Error("ClickableState must have at least a label or an icon.");return{default:{label:e.label||"",stateIcon:e.stateIcon},active:{label:e.label||"",stateIcon:e.stateIcon}}}!function(e){e.LABEL="label",e.CHILD="child"}(Zi||(Zi={}));const ea=v.Ay.div.withConfig({displayName:"AccordionContainer"})` 3822 width: 100%; 3823`,ta=v.Ay.div.withConfig({displayName:"AccordionHeader",shouldForwardProp:e=>!["isOpen","stickyTopPosition"].includes(e)})` 3824 cursor: pointer; 3825 display: flex; 3826 justify-content: space-between; 3827 align-items: center; 3828 background: var(${oi.pT.Color.SurfaceNavigation}); 3829 3830 ${({isOpen:e,stickyTopPosition:t})=>e&&v.AH` 3831 z-index: 10; 3832 position: sticky; 3833 top: ${t}px; 3834 `} 3835`,na=v.Ay.div.withConfig({displayName:"AccordionContent",shouldForwardProp:e=>!["isOpen"].includes(e)})` 3836 display: grid; 3837 background: var(${oi.pT.Color.SurfaceNavigationElevated}); 3838 grid-template-rows: ${({isOpen:e})=>e?"1fr":"0fr"}; 3839 3840 @media (prefers-reduced-motion: reduce) { 3841 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 3842 opacity: ${({isOpen:e})=>e?"1":"0"}; 3843 } 3844 3845 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["grid-template-rows"],easingFunctions:["0.25,0.1,0.25,1"],durations:["350ms"]},exit:{animatedProperties:["grid-template-rows"],easingFunctions:["0.25,0.1,0.25,1"],durations:["350ms"]},reducedMotionEnter:{animatedProperties:["opacity","visibility","grid-template-rows"],easingFunctions:["0.25,0.1,0.25,1","0,0,0,0","0.25,0.1,0.25,1"],durations:["350ms","350ms","500ms"]},reducedMotionExit:{animatedProperties:["opacity","visibility","grid-template-rows"],easingFunctions:["0.25,0.1,0.25,1","0,0,0,0","0.25,0.1,0.25,1"],durations:["350ms","350ms","500ms"]}})} 3846`,oa=v.Ay.div.withConfig({displayName:"AccordionContentInner",shouldForwardProp:e=>!["isOpen"].includes(e)})` 3847 ${Ri.LP} { 3848 padding-left: ${(0,A.Kq)(2)}; 3849 } 3850 3851 overflow: hidden; 3852 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 3853 opacity: ${({isOpen:e})=>e?"1":"0"}; 3854 transform: ${({isOpen:e})=>e?"translateX(0)":"translateX(100%)"}; 3855 3856 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["opacity"],easingFunctions:["0.25,0.1,0.25,1"],durations:["350ms"],delays:["150ms"]},exit:{animatedProperties:["opacity"],easingFunctions:["0.25,0.1, 0.25,1"],durations:["350ms"],delays:["150ms"]},reducedMotionEnter:{animatedProperties:["opacity"],easingFunctions:["0.25,0.1, 0.25,1"],durations:["350ms"],delays:["150ms"]},reducedMotionExit:{animatedProperties:["opacity"],easingFunctions:["0.25,0.1,0.25,1"],durations:["350ms"],delays:["150ms"]}})} 3857`,ia="data-contains-sticky-element",aa=`[${ia}]`;const ra=({states:e,items:t,action:n,status:o})=>{const a=function(e){return`${e.default.label}-${e.default.stateIcon}`}(e),{changeAccordionState:r,isOpen:s,onKeyDown:l,currentOpenAccordionRef:d,accordionContentRef:c,accordionsState:m}=function(e){const{accordionsState:t,setAccordionsState:n}=(0,i.useContext)(Pi),o=(0,i.useRef)(null),a=(0,i.useRef)(null),r=t===e,s=()=>{n(t=>t===e?null:e)},l=e=>{e.key===C.p1.KEY_ENTER&&s()};return{changeAccordionState:s,isOpen:r,currentOpenAccordionRef:o,accordionContentRef:a,onKeyDown:l,accordionsState:t}}(a);!function(e,t){(0,i.useEffect)(()=>{const n=t.current?.closest(aa);n?.setAttribute(ia,String(e))})}(s,c);const u=function(e,t){const[n,o]=(0,i.useState)(0);return(0,i.useEffect)(()=>{const e=t.current?.closest(aa);if(null!=e){const t=e.previousElementSibling,n=t?.getBoundingClientRect().height??0;o(n)}},[e,t]),n}(s,c),p=m===a?e?.active:e?.default;return i.createElement(ea,{"data-testid":"accordion"},i.createElement(ta,{id:`accordion-header-${a}`,isOpen:s,onClick:r,onKeyDown:e=>l(e),"data-testid":"accordion-header",ref:d,stickyTopPosition:u}
3857,i.createElement(Yi,{component:mi.uA.TEXT_CLICKABLE,action:n,states:Qi(p),status:o,designSettings:Ji(Zi.LABEL),"aria-expanded":s,"aria-controls":`accordion-content-${a}`,"aria-labelledby":`accordion-header-${a}`,role:"button",trackingData:{subject:Ui.SZ.ACCORDION,status:s}})),i.createElement(na,{id:`accordion-content-${a}`,isOpen:s,"data-testid":s?"accordion-content-open":"","aria-hidden":!s,"aria-labelledby":`accordion-header-${a}`,role:"region",ref:c},i.createElement(oa,{"aria-hidden":!s,"aria-disabled":!s,isOpen:s},i.createElement(Xi,{"aria-hidden":!s,"aria-disabled":!s,defaultDesignSettings:Ji(Zi.CHILD),items:t}))))};var sa=n(68848);const la=new Set(["height"]),da=(0,v.Ay)(sa.q).withConfig({displayName:"LogoClickableStyled"})` 3858 &:focus-visible { 3859 &:after { 3860 border: 2px solid var(${oi.pT.Color.BorderFocus}); 3861 } 3862 } 3863`,ca=v.Ay.img.withConfig({displayName:"LogoClickableImage",shouldForwardProp:e=>!la.has(e)})` 3864 max-width: 100%; 3865 width: auto; 3866 ${({height:e})=>new ci.Fb("height","auto",e).generateStyleForBreakpoints()}; 3867 padding: ${(0,A.Kq)(1.5)} 0; 3868 box-sizing: content-box; 3869 3870 @media ${Ui.HP.md} { 3871 padding: ${(0,A.Kq)(1)} 0; 3872 } 3873 3874 @media ${Ui.HP.xl} { 3875 padding: ${(0,A.Kq)(1.5)} 0; 3876 } 3877`,ma=new Set(["height"]),ua=v.Ay.div.withConfig({displayName:"LogoClickableSvg",shouldForwardProp:e=>!ma.has(e)})` 3878 max-width: 100%; 3879 width: auto; 3880 svg { 3881 width: 100%; 3882 height: inherit; 3883 } 3884 ${({height:e})=>new ci.Fb("height","auto",e).generateStyleForBreakpoints()}; 3885 padding: ${(0,A.Kq)(1.5)} 0; 3886 box-sizing: content-box; 3887 3888 @media ${Ui.HP.md} { 3889 padding: ${(0,A.Kq)(1)} 0; 3890 } 3891 3892 @media ${Ui.HP.xl} { 3893 padding: ${(0,A.Kq)(1.5)} 0; 3894 } 3895`;const pa=v.Ay.div.withConfig({displayName:"CTAWrapper"})` 3896 ${(0,A.Gg)("typography.definitions.navigation.text-primary")}; 3897 3898 .journey-unit__container { 3899 display: flex; 3900 align-items: center; 3901 height: 100%; 3902 border-bottom: 2px solid transparent; 3903 } 3904 3905 a { 3906 outline: solid 2px transparent; 3907 border-radius: 0; 3908 3909 &:focus { 3910 outline: 2px solid var(${oi.pT.Color.BorderFocus}); 3911 } 3912 3913 &:focus:not(:focus-visible) { 3914 outline: none; 3915 } 3916 } 3917`,ga=v.Ay.div.withConfig({displayName:"RolloverWrapper"})` 3918 display: none; 3919 3920 @media (min-width: ${Ui.MP.xl}px) { 3921 display: block; 3922 } 3923 3924 z-index: ${C.KV.oneNav+C.KV.navFixed}; 3925 position: fixed; 3926 3927 ${({rolloverPosition:e,triggerDOMRect:t})=>v.AH` 3928 inset-block-start: ${t?.bottom}px; 3929 left: ${e===ba.INLINE_START?t?.left:t?.right}px; 3930 transform: ${e===ba.INLINE_START?"":"translateX(-300px)"};, 3931 3932 `} 3933 3934 .nav-rollover__component { 3935 div { 3936 transform: translateY(-14px); 3937 transition: opacity 0.2s linear 0s, transform 0.2s ease 0s, 3938 visibility 0.2s linear 0s; 3939 visibility: hidden; 3940 transition-delay: 300ms; 3941 opacity: 0; 3942 z-index: 80; 3943 3944 ${({isOpen:e})=>e&&ha} 3945 } 3946 } 3947`,ha=v.AH` 3948 transform: translateY(0); 3949 visibility: visible; 3950 opacity: 1; 3951 transition-delay: 0s; 3952`;function ya({navRolloverId:e}){const t=(0,i.useRef)(null);return i.createElement(pa,{"data-testid":"one-nav-journey-cta",ref:t,onMouseEnter:()=>{ki.emit(Ai.TRIGGER,{containerId:e,isOpen:!0,triggerElement:t.current,keepOtherContainersOpen:!0})},onMouseLeave:()=>ki.emit(Ai.TRIGGER,{containerId:e,isOpen:!1,triggerElement:t.current})},i.createElement(y.IJ,null))}var ba;function fa({navRolloverId:e}){const{isOpen:t,triggerElement:n}=(0,i.useContext)(Ti),o=(0,Ui.MB)(),a=(0,i.useRef)();a.current=n;const r=n?.getBoundingClientRect();return o?i.createElement(ga,{isOpen:t,"data-testid":"one-nav-journey-rollover-"+(t?"open":"close"),rolloverPosition:wa(r?.x),triggerDOMRect:r,onMouseEnter:()=>{ki.emit(Ai.TRIGGER,{containerId:e,isOpen:!0,triggerElement:a.current,keepOtherContainersOpen:!0})},onMouseLeave:()=>ki.emit(Ai.TRIGGER,{containerId:e,isOpen:!1,triggerElement:a.current})},i.createElement(y.dd,null)):null}function wa(e){return void 0===e?ba.INLINE_END:e<window.innerWidth/2?ba.INLINE_START:ba.INLINE_END}!function(e){e.INLINE_START="inlineStart",e.INLINE_END="inlineEnd"}(ba||(ba={}));class $a extends ci.xg{constructor(e,t){super(),this.visibilityOptions=e,this.cssValue=t}getStyleForBreakpoint(e){return[["display",this.visibilityOptions[e]?this.cssValue:"none"]]}}const va=e=>`rgba(var(${oi.pT.Color.SurfaceNavigationElevated}), ${e})`,Ca=v.Ay.div.withConfig({displayName:"CurationBannerWrapper"})` 3953 min-height: 40px; 3954 display: flex; 3955 justify-content: center; 3956 3957 align-items: center; 3958 flex-wrap: nowrap; 3959 3960 background: var(${oi.pT.Color.SurfaceNavigationElevated}); 3961 3962 border-bottom: 1px solid var(${oi.pT.Color.BorderNavigation}); 3963`,ka=v.Ay.div.withConfig({displayName:"CurationBannerImageWrapper"})` 3964 flex-shrink: 0; 3965`,Aa=v.Ay.img.withConfig({displayName:"CurationBannerImageContainer"}
3965)``,xa=v.Ay.div.withConfig({displayName:"CurationBannerDekWrapper"})` 3966 ${({theme:e})=>(0,A.C_)(e)} 3967 justify-content: center; 3968 align-items: center; 3969 margin: 0; 3970 padding: 0 1rem; 3971 text-align: center; 3972 white-space: nowrap; 3973 3974 color: var(${oi.pT.Color.TextNavigationBrand}); 3975 ${(0,A.Gg)("typography.definitions.navigation.text-secondary")} 3976`,Ea=v.Ay.div.withConfig({displayName:"CurationBannerLinksWrapper"})` 3977 ${(0,A.Gg)("typography.definitions.navigation.text-secondary")} 3978 display: grid; 3979 position: relative; 3980`,Sa=v.Ay.div.withConfig({displayName:"CurationBannerLinksContainer"})` 3981 width: 100%; 3982 display: flex; 3983 overflow-x: auto; 3984 scrollbar-width: none; 3985 ::-webkit-scrollbar { 3986 display: none; 3987 } 3988 gap: ${(0,A.Kq)(1)}; 3989 scroll-snap-type: x mandatory; 3990 ${(0,A.Gg)("typography.definitions.navigation.text-secondary")} 3991 3992 &:before, 3993 &:after { 3994 content: ''; 3995 position: absolute; 3996 top: 0; 3997 width: 8px; 3998 height: 100%; 3999 pointer-events: none; 4000 z-index: 1; 4001 } 4002 4003 &:before { 4004 left: -1px; 4005 background: linear-gradient( 4006 to right, 4007 ${va(1)} 10%, 4008 ${va(.8)} 20%, 4009 ${va(0)} 100% 4010 ); 4011 } 4012 4013 &:after { 4014 right: 0; 4015 background: linear-gradient( 4016 to left, 4017 ${va(1)} 10%, 4018 ${va(.8)} 20%, 4019 ${va(0)} 100% 4020 ); 4021 } 4022`,La=v.Ay.a.withConfig({displayName:"CurationBannerLinkWrapper"})` 4023 ${(0,A.Gg)("typography.definitions.navigation.text-secondary")} 4024 user-select: none; 4025 text-decoration: none; 4026 &:hover, 4027 &:focus, 4028 &:active { 4029 text-decoration: none; 4030 } 4031 display: inline-flex; 4032 align-items: center; 4033 justify-content: center; 4034 text-align: center; 4035 border-radius: 4px; 4036 padding-inline: ${(0,A.Kq)(1.5)}; 4037 padding: ${(0,A.Kq)(1)} ${(0,A.Kq)(1.5)}; 4038 scroll-snap-align: center; 4039 4040 color: var(${oi.pT.Color.TextNavigation}); 4041 4042 background: var(${oi.pT.Color.SurfaceNavigation}); 4043 4044 padding: ${(0,A.Kq)(1)} ${(0,A.Kq)(1.5)}; 4045 border-radius: 4px; 4046 4047 &:focus-visible { 4048 outline: 1px solid var(${oi.pT.Color.BorderFocus}); 4049 outline-offset: -1px; 4050 } 4051 4052 &:hover { 4053 background: var(${oi.pT.Color.SurfaceHover}); 4054 } 4055 4056 &:active { 4057 background: var(${oi.pT.Color.SurfacePressed}); 4058 } 4059`,Ta=v.Ay.span.withConfig({displayName:"CurationBannerLinkContainer"})` 4060 ${({theme:e})=>(0,A.C_)(e)} 4061 white-space: nowrap; 4062`,Na=new Set(["columns","component","layout","visibilityOptions"]),Ha=v.Ay.div.withConfig({displayName:"StyledClickable",shouldForwardProp:e=>!Na.has(e)})` 4063 ${({component:e})=>function(e){if(e===mi.uA.STICKY_HERO_AD)return v.AH` 4064 width: 100%; 4065 4066 /** The classname of StickyHeroAdWrapper */ 4067 .ad-stickyhero { 4068 /** Makes the close button go to the end of the block. */ 4069 width: 100%; 4070 } 4071 `;if(e===mi.uA.JOURNEY_UNITS)return v.AH` 4072 .journey-unit__container { 4073 width: 100%; 4074 } 4075 `;if(e===mi.uA.CURATION_BANNER)return v.AH` 4076 width: 100%; 4077 4078 & ${Ca} { 4079 width: 100%; 4080 } 4081 `;if(e===mi.uA.NOTIFICATION_BANNER)return v.AH` 4082 width: 100%; 4083 `;if(e===mi.uA.SEARCH_CLICKABLE)return v.AH` 4084 width: 100%; 4085 `;if(e===mi.uA.RIBBON_BANNER)return v.AH` 4086 width: 100%; 4087 `;return""}(e)}; 4088 4089 ${({visibilityOptions:e,columns:t})=>new $a(e,t?"grid":"flex").generateStyleForBreakpoints()}; 4090 4091 ${({layout:e})=>(e===mi.p5.TRIGGERABLE_LEFT||e===mi.p5.TRIGGERABLE_RIGHT)&&v.AH` 4092 border-bottom: 1px solid var(${oi.pT.Color.BorderSubNavigation}); 4093 &:last-child { 4094 border-bottom: none; 4095 } 4096 `} 4097`;var Ia=n(19607);class Ba extends ci.xg{getStyleForBreakpoint(e){switch(e){case ci.Rp.SM:case ci.Rp.MD:case ci.Rp.LG:return[["max-width","100%"],["width","100%"],["grid-template-columns","none"],["grid-column","none"]];case ci.Rp.XL:return[["max-width","50%"],["width","50%"],["grid-template-columns","none"],["grid-column","none"]];case ci.Rp.XXL:case ci.Rp.XXXL:return[["max-width","640px"],["width","100%"],["grid-template-columns","subgrid"],["grid-column","-4 / -1"]];default:return[["max-width","100%"],["width","100%"],["grid-template-columns","none"],["grid-column","none"]]}}}const Oa=v.Ay.div.withConfig({displayName:"IdentityDropdownGrid"})` 4098 position: fixed; 4099 width: 100%; 4100 height: ${({blockStart:e})=>`calc(100% - ${e}px)`}; 4101 inset-block-start: ${({blockStart:e})=>e}px; 4102 inset-inline-start: 0; 4103 display: grid; 4104 grid-template-columns: repeat(12, 1fr); 4105 z-index: ${C.KV.oneNav+1}; 4106 visibility: hidden; 4107`,Ka=v.Ay.div.withConfig({displayName:"IdentityDropdownContentWrapper"})` 4108 cursor: default; 4109 display: grid; 4110 position: absolute; 4111 inset-block-start: 0; 4112 inset-inline-end: 0; 4113 background: var(${oi.pT.Color.SurfaceNavigation}); 4114 4115 ${(new Ba).generateStyleForBreakpoints()}; 4116 4117 visibility: ${({isOpen:e})=>e?"visible":"hidden"}; 4118 4119 @media (prefers-reduced-motion: no-preference) { 4120 transform: ${({isOpen:e})=>e?"scaleY(1)":"scaleY(0)"}; 4121 transform-origin: 0 0; 4122 } 4123 @media (prefers-reduced-motion: reduce) { 4124 opacity: ${({isOpen:e})=>e?"1":"0"}; 4125 } 4126 4127 ${({isOpen:e})=>di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["transform","visibility"],easingFunctions:["0.65,0,0.35,1","0,0,0,0"],durations:["350ms","350ms"]},exit:{animatedProperties:["transform","visibility"],easingFunctions:["0.65,0,0.35,1","0,0,0,0"],durations:["350ms","350ms"]},reducedMotionEnter:{animatedProperties:["opacity","visibility"],easingFunctions:["0.37,0,0.63,1","0,0,0,0"],durations:["350ms","350ms"]},reducedMotionExit:{animatedProperties:["opacity","visibility"],easingFunctions:["0.37,0,0.63,1","0,0,0,0"],durations:["350ms","350ms"]}})} 4128`,Da=v.Ay.div.withConfig({displayName:"IdentityContent"})` 4129 width: 100%; 4130 display: flex; 4131 flex-direction: column; 4132`;function _a({identityClickables:e,designSettings:t}){const n=(0,i.useContext)(Pi)?.containerId,o="identityDropdown"===n?Ui.SZ.STACKED_NAVIGATION:void 0;return i.createElement(Da,null,e.map(e=>
4132i.createElement(Or,{component:mi.uA.TEXT_CLICKABLE,key:e.text,states:{default:{label:e.text}},action:{type:mi.X2.LINK,url:e.url,rel:"nofollow",target:mi.yK.SELF},"aria-label":e.text,designSettings:t,trackingData:{...o&&{subject:o}}})))}function Pa({identityClickables:e}){const{position:t,isOpen:n}=(0,i.useContext)(Ti);return i.createElement(Oa,{blockStart:t.bottom,isOpen:n,"aria-hidden":!n,"data-testid":"identity-dropdown"},i.createElement(Ka,{isOpen:n},i.createElement(_a,{identityClickables:e,designSettings:{type:mi.$_.SECONDARY_TEXT,scalable:!0}})))}var Ra=n(34967);const qa=(0,w.YK)({signIn:{id:"IdentityUnits.SignIn",defaultMessage:"Sign In",description:"Label for sign in link"}});var Ma=n(90239);const Fa=(0,Ra.A)(function({type:e,user:t,accountProps:n}){const o=function(e,t){const{formatMessage:n}=(0,M.A)();return e.isAuthenticated?t.accountLinks.map(e=>({text:e.text,url:e.url})):[{text:n(qa.signIn),url:t.signInLink}]}(t,n);return e===mi.zB.DROPDOWN_TRIGGER?i.createElement(Yi,{component:mi.uA.TEXT_CLICKABLE,action:{type:mi.X2.TRIGGER,trigger:"identityDropdown"},states:{default:{stateIcon:["Account","thinner"]}},status:mi.H5.DEFAULT,designSettings:{type:mi.$_.PRIMARY_TEXT}}):e===mi.zB.DROPDOWN?i.createElement(Ma.A,null,i.createElement(Pa,{identityClickables:o})):e===mi.zB.DRAWER_LINKS?i.createElement(Ma.A,null,i.createElement(_a,{identityClickables:o,designSettings:{type:mi.$_.TERTIARY_TEXT,scalable:!0}})):null},{keysToPluck:["user","accountProps"]}),Ua={sm:!0,md:!0,lg:!0,xl:!0,xxl:!0,xxxl:!0};function Va({data:e,theme:t="standard"}){if(null==e||!e.links.length)return null;const{imageUrl:n,heading:o,imageAltText:a,links:r}=e;return i.createElement(v.NP,{theme:{curationBannerTheme:t}},i.createElement(Ca,null,n&&i.createElement(ka,null,i.createElement(Aa,{src:n,alt:a||o||"Curation Banner"})),o&&i.createElement(xa,null,o),r.length>0&&i.createElement(Ea,null,i.createElement(Sa,null,r.map((e,t)=>{const{url:n,isExternal:o,label:a}=e;return i.createElement(La,{key:n,href:n,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,onClick:()=>Ui.OM.trackBannerClick({index:t,label:a,subject:Ui.yV.BANNER_CURATION,content_url:n,total_index:r.length})},i.createElement(Ta,null,a))})))))}const Ga=v.Ay.div.withConfig({displayName:"RibbonLiveIndicatorWrapper"})` 4133 padding-right: ${(0,A.Kq)(1)}; 4134 padding-left: ${(0,A.Kq)(1)}; 4135 position: relative; 4136`,Wa=v.Ay.div.withConfig({displayName:"RibbonLiveIndicator"})` 4137 border-radius: 50%; 4138 background-color: ${(0,A.HK)("colors.interactive.feedback.invalid-primary")}; 4139 width: 0.5rem; 4140 height: 0.5rem; 4141`,ja=v.Ay.div.withConfig({displayName:"RibbonLiveIndicatorAnimation"})` 4142 position: absolute; 4143 animation: pulsate 2.5s ease-in-out; 4144 animation-iteration-count: infinite; 4145 opacity: 0; 4146 border-radius: 50%; 4147 border: 3px solid 4148 ${(0,A.HK)("colors.interactive.feedback.invalid-primary")}; 4149 background-color: ${(0,A.HK)("colors.interactive.feedback.invalid-primary")}; 4150 width: 0.5rem; 4151 height: 0.5rem; 4152 4153 @keyframes pulsate { 4154 0% { 4155 transform: scale(0.1, 0.1); 4156 opacity: 0; 4157 } 4158 4159 35% { 4160 opacity: 1; 4161 } 4162 4163 75% { 4164 transform: scale(3, 3); 4165 opacity: 0; 4166 } 4167 } 4168`,za=v.Ay.div.withConfig({displayName:"RibbonDivider"})` 4169 width: 1px; 4170 height: 1.5rem; 4171 4172 background: var(${oi.pT.Color.BorderSubNavigation}); 4173`,Ya=v.Ay.div.withConfig({displayName:"Ribbon"})` 4174 display: flex; 4175 justify-content: center; 4176 align-items: center; 4177 width: 100%; 4178 4179 border-bottom: 1px solid var(${oi.pT.Color.BorderNavigation}); 4180`,Xa=v.Ay.div.withConfig({displayName:"RibbonWrapper"})` 4181 ${(0,A.Gg)("typography.definitions.navigation.text-secondary")}; 4182 4183 min-height: 2.5rem; 4184 width: 100%; 4185 display: flex; 4186 align-items: center; 4187 justify-content: center; 4188 text-align: center; 4189 4190 background: var(${oi.pT.Color.SurfaceNavigation}); 4191 4192 color: var(${oi.pT.Color.TextNavigation}); 4193 4194 ${({shouldOpenChatBot:e,theme:t})=>e&&"special"===t.palette&&v.AH` 4195 background: var(${oi.pT.Color.SurfaceNavigationFeatureBrand}); 4196 `} 4197`,Za=v.Ay.div.withConfig({displayName:"RibbonHrefWrapper"})` 4198 background: var(${oi.pT.Color.SurfaceNavigation}); 4199 4200 padding: 0 ${(0,A.Kq)(1)}; 4201 display: flex; 4202 gap: ${(0,A.Kq)(1)}; 4203 align-items: center; 4204 ${({shouldOpenChatBot:e,theme:t})=>e&&"special"===t.palette&&v.AH` 4205 background: var(${oi.pT.Color.SurfaceNavigationFeatureBrand}); 4206 `} 4207`,Ja=v.Ay.span.withConfig({displayName:"RibbonDek"})` 4208 padding: ${(0,A.Kq)(.5)} ${(0,A.Kq)(1)}; 4209 ${({theme:e})=>(0,A.C_)(e)} 4210 4211 ${({shouldOpenChatBot:e,theme:t})=>e&&"special"===t.palette&&v.AH` 4212 color: var(${oi.pT.Color.TextNavigationFeature}); 4213 `} 4214`,Qa=v.Ay.div.withConfig({displayName:"RibbonLabelWrapper"})` 4215 display: flex; 4216 align-items: center; 4217 4218 ${Ga} + * { 4219 padding-left: 0; 4220 } 4221`,er=v.Ay.span.withConfig({displayName:"RibbonLabel"})` 4222 padding: ${(0,A.Kq)(.5)} ${(0,A.Kq)(1)}; 4223 ${({theme:e})=>(0,A.C_)(e)} 4224 4225 color: var(${oi.pT.Color.TextNavigationBrand}); 4226 ${({shouldOpenChatBot:e,theme:t})=>e&&"special"===t.palette&&v.AH` 4227 color: var(${oi.pT.Color.TextNavigationFeature}); 4228 `} 4229`,tr=v.Ay.a.withConfig({displayName:"RibbonHref"})` 4230 user-select: none; 4231 text-decoration: none; 4232 4233 &:hover, 4234 &:focus, 4235 &:active { 4236 text-decoration: none; 4237 } 4238 4239 display: flex; 4240 justify-content: center; 4241 align-items: center; 4242 4243 color: var(${oi.pT.Color.TextNavigation}); 4244 4245 min-height: 2.5rem; 4246 4247 &:hover { 4248 background: var(${oi.pT.Color.SurfaceHover}); 4249 } 4250 4251 &:focus-visible { 4252 min-height: 2.25rem; 4253 z-index: 1; 4254 outline: 2px solid var(${oi.pT.Color.BorderFocus}); 4255 } 4256 4257 ${({hasFilledClickable:e,theme:t})=>e&&v.AH` 4258 &:hover { 4259 background: var(${oi.pT.Color.SurfaceNavigation}); 4260 } 4261 `} 4262 ${({shouldOpenChatBot:e,theme:t})=>e&&v.AH` 4263 ${Xa} > & { 4264 &:hover { 4265 background: none; 4266 cursor: default; 4267 } 4268 } 4269 4270 ${Za} & { 4271 &:hover { 4272 background: ${"special"===t.palette&&(0,A.HK)(t,"colors.navigation.standard.pressed-brand")}
4272; 4273 cursor: pointer; 4274 } 4275 } 4276 `} 4277`,nr=({hasLiveIndicator:e})=>e?i.createElement(Ga,null,i.createElement(Wa,null,i.createElement(ja,null))):null;var or=n(44354);function ir({data:e}){if(!e)return null;const{dangerousDek:t,hasLiveIndicator:n=!1,hasDivider:o=!0,clickableLabel:a,hasFilledClickable:r,clickableUrl:s,theme:l="standard"}=e,d="openEngagementChatBot"===s;return i.createElement(v.NP,{theme:{palette:l}},i.createElement(Ya,{"data-testid":"promotion-banner"},i.createElement(Xa,{className:`theme-${l}`,shouldOpenChatBot:d},t&&i.createElement(i.Fragment,null,i.createElement(tr,{href:d?"":s,onClick:e=>{d?e.preventDefault():Ui.OM.trackBannerClick({index:1,label:"promotion-banner-text",subject:Ui.yV.BANNER_PROMOTION,content_url:s||"",total_index:1})},shouldOpenChatBot:d},i.createElement(Ja,{dangerouslySetInnerHTML:{__html:t},shouldOpenChatBot:d})),o&&i.createElement(za,null)),a&&i.createElement(Qa,null,i.createElement(nr,{hasLiveIndicator:n}),i.createElement(Za,{shouldOpenChatBot:d},i.createElement(tr,{href:d?"":s,hasFilledClickable:r,onClick:e=>{d?(e.preventDefault(),(0,or.Rf)()):Ui.OM.trackBannerClick({index:2,label:a,subject:Ui.yV.BANNER_PROMOTION,content_url:s||"",total_index:1})},shouldOpenChatBot:d},i.createElement(er,{hasFilledClickable:r,dangerouslySetInnerHTML:{__html:a},shouldOpenChatBot:d})))))))}ir.displayName="PromotionBanner";const ar=v.Ay.div.withConfig({displayName:"CountdownWrapper"})` 4278 padding: 0 ${(0,A.Kq)(1)}; 4279 display: flex; 4280 align-items: center; 4281 span { 4282 min-width: 22px; /* must be fixed because of dynamic content */ 4283 text-align: center; 4284 ${({theme:e})=>(0,A.C_)(e)} 4285 } 4286`,rr=(0,w.YK)({month:{id:"Countdown.Month",defaultMessage:"Month",description:"Month (singular)"},months:{id:"Countdown.Months",defaultMessage:"Months",description:"Month (plural)"},day:{id:"Countdown.Day",defaultMessage:"Day",description:"Day (singular)"},days:{id:"Countdown.Days",defaultMessage:"Days",description:"Day (plural)"}}),sr=({startDate:e,endDate:t})=>{const n=function(e,t){const n=()=>{const n=new Date(e).getTime(),o=new Date(t).getTime(),i=Date.now();return i<n?n-i:i<o?o-i:0},[o,a]=(0,i.useState)(n);return(0,i.useEffect)(()=>{const n=new Date(e).getTime(),o=new Date(t).getTime(),i=()=>{const e=Date.now();e<n?a(n-e):e<o?a(o-e):(a(0),clearInterval(r))};i();const r=setInterval(i,1e3);return()=>clearInterval(r)},[e,t]),o}(e,t);return i.createElement(ar,null,i.createElement(lr,{time:n}))},lr=({time:e})=>{const t=Math.floor(e/1e3),n={months:Math.floor(t/2592e3),days:Math.floor(t%2592e3/86400),hours:Math.floor(t%86400/3600),minutes:Math.floor(t%3600/60),seconds:t%60};return n.months?dr(n.months):n.days?cr(n.days):mr(n)},dr=e=>{const t=(0,M.A)(),n=1===e?t.formatMessage(rr.month):t.formatMessage(rr.months);return i.createElement(i.Fragment,null,e," ",n)},cr=e=>{const t=(0,M.A)(),n=1===e?t.formatMessage(rr.day):t.formatMessage(rr.days);return i.createElement("span",null,e,"Â ",n)},mr=e=>{const t=[{value:e.months,label:"months"},{value:e.days,label:"days"},{value:e.hours,label:"hours"},{value:e.minutes,label:"minutes"},{value:e.seconds,label:"seconds"}],n=t.findIndex(e=>e.value>0),o=-1===n?t.slice(-1):t.slice(n);return i.createElement(i.Fragment,null,o.map((e,t)=>i.createElement(i.Fragment,{key:e.label},i.createElement("span",null,String(e.value).padStart(2,"0")),t<o.length-1&&" : ")))};var ur,pr,gr,hr,yr,br;!function(e){e.HIGHLIGHTED="highlighted"}(ur||(ur={})),function(e){e.TOP="top",e.DRAWER="drawer"}(pr||(pr={})),function(e){e.LINK="link",e.ACCORDION="accordion",e.SEQ_LEVEL="seqLevel",e.CTA="cta",e.TRIGGER="trigger"}(gr||(gr={})),function(e){e.AFTER="after",e.BEFORE="before",e.WAITING="waiting",e.LIVE="live"}(hr||(hr={})),function(e){e.EVENT="event",e.PROMOTION="promotion"}(yr||(yr={})),function(e){e.ONE_NAV="OneNav",e.TRIGGERABLE_CONTAINERS="TriggerableContainers"}(br||(br={}));function fr({data:e}){if(!e)return null;const{hasFilledClickable:t,enableDate:n=1,eventStartTime:o=0,eventEndTime:a=0,beforeEvent:r,duringEvent:s,afterEvent:l,hasLiveIndicator:d=!1,hasDivider:c=!0,theme:m="standard"}=e,u=function(e,t,n){if(!e||!t||!n)return hr.WAITING;const o=Date.now();if(o>=n)return hr.AFTER;if(o>=t)return hr.LIVE;if(o>=e)return hr.BEFORE;return hr.WAITING}(n,o,a),p=function(e,t,n,o){return{[hr.BEFORE]:t,[hr.LIVE]:n,[hr.AFTER]:o}[e]}(u,r,s,l),{dangerousDek:g,clickableLabel:h,clickableUrl:y}=p??{},b=function(e,t){if(!e||!t)return!1;const n=e,o=t,i=Date.now();return i>n&&i<o}(n,o);return i.createElement(v.NP,{theme:{palette:m}},i.createElement(Ya,{"data-testid":"event-banner"},i.createElement(Xa,{className:m},g&&i.createElement(i.Fragment,null,i.createElement(tr,{href:y,onClick:()=>Ui.OM.trackBannerClick({index:1,label:"event-banner-text",subject:Ui.yV.BANNER_EVENT,content_url:y||"",total_index:1})},i.createElement(Ja,{dangerouslySetInnerHTML:{__html:g}})),c&&i.createElement(za,null)),b&&i.createElement(i.Fragment,null,i.createElement(tr,{href:y,onClick:()=>Ui.OM.trackBannerClick({index:2,label:"event-banner-countdown",subject:Ui.yV.BANNER_EVENT,content_url:y||"",total_index:1})},i.createElement(sr,{startDate:n,endDate:o})),c&&i.createElement(za,null)),h&&i.createElement(Qa,null,!b&&u===hr.LIVE&&i.createElement(nr,{hasLiveIndicator:d}),i.createElement(Za,null,i.createElement(tr,{href:y,hasFilledClickable:t,onClick:()=>Ui.OM.trackBannerClick({index:3,label:h,subject:Ui.yV.BANNER_EVENT,content_url:y||"",total_index:1})},i.createElement(er,{className:$e()({[oi.pT.Component.LinkButtonPrimaryFilled]:t,[oi.pT.Component.Compact]:t}),dangerouslySetInnerHTML:{__html:h}})))))))}function wr({ribbonBannerData:e}){if(!e)return null;const{type:t,data:n}=e;return"promotion"===t?i.createElement(ir,{data:n}):"event"===t?i.createElement(fr,{data:n}):null}fr.displayName="EventBanner",wr.displayName="RibbonBanner";const $r=v.Ay.div.withConfig({displayName:"SearchClickableTriggerableContainerWrapper"})` 4287 width: 100%; 4288`,vr=v.Ay.div.withConfig({displayName:"SearchClickableWrapper"})` 4289 width: 100%; 4290 height: 100%; 4291 margin: 16px 0; 4292 4293 outline: none; 4294`,Cr=v.Ay.label.withConfig({displayName:"SearchIconWrapper"})` 4295 min-width: 32px; 4296 4297 width: 16px; 4298 height: 16px; 4299 4300 display: flex; 4301 justify-content: center; 4302 align-items: center; 4303 4304 margin-right: -8px; 4305 4306 svg { 4307 width: 16px; 4308 height: 16px; 4309 4310 stroke: var(${oi.pT.Color.TextNavigation}); 4311 } 4312`,kr=v.Ay.form.withConfig({displayName:"SearchForm"})` 4313 ${(0,A.Gg)("typography.definitions.utility.input-core")}; 4314 4315 width: 100%; 4316 height: 40px; 4317 display: flex; 4318 align-items: center; 4319 4320 box-sizing: border-box; 4321 4322 padding: 0; 4323 margin: 0; 4324 outline: none; 4325 4326 border-radius: 100px; 4327 border: 1px solid var(${oi.pT.Color.BorderNavigation}); 4328 4329 background: var(${oi.pT.Color.SurfaceNavigationElevated}); 4330 4331 color: var(${oi.pT.Color.TextDisabled}); 4332 4333 &:focus-within { 4334 background: var(${oi.pT.Color.SurfaceNavigation}); 4335 color: var(${oi.pT.Color.TextNavigation}); 4336 border: 1px solid var(${oi.pT.Color.BorderNavigationActive}); 4337 } 4338 4339 &:focus-within { 4340 ${Cr} { 4341 display: none; 4342 } 4343 } 4344`,Ar=v.Ay.input.withConfig({displayName:"SearchInput"})` 4345 width: 100%; 4346 /** For text input vertical alignment */ 4347 height: 40px; 4348 line-height: 40px; 4349 4350 border: none; 4351 background-color: transparent; 4352 outline: none; 4353 padding: 0; 4354 4355 margin-left: 16px; 4356`,xr=v.Ay.button.withConfig({displayName:"SearchActionButton"})` 4357 text-decoration: none; 4358 4359 &:hover, 4360 &:focus, 4361 &:active { 4362 text-decoration: none; 4363 } 4364 4365 background-color: transparent; 4366 4367 display: flex; 4368 justify-content: center; 4369 align-items: center; 4370 4371 outline: none; 4372 border: 1px solid transparent; 4373 border-radius: 100px; 4374 &:focus { 4375 border: 1px solid var(${oi.pT.Color.BorderFocus}); 4376 } 4377 4378 &:hover { 4379 border: 1px solid var(${oi.pT.Color.BorderNavigationActive}); 4380 } 4381 4382 margin: 2px 2px 2px 8px; 4383`,Er=(0,v.Ay)(xr).withConfig({displayName:"CloseButton"})` 4384 width: 38px; 4385 height: 34px; 4386 4387 svg { 4388 width: 16px; 4389 height: 16px; 4390 4391 stroke: var(${oi.pT.Color.TextNavigation}); 4392 }
4393`,Sr=(0,v.Ay)(xr).withConfig({displayName:"CancelButton"})` 4394 height: 34px; 4395 padding: 3px 4px; 4396 4397 ${(0,A.Gg)("typography.definitions.navigation.text-tertiary")}; 4398 4399 color: var(${oi.pT.Color.TextNavigation}); 4400`;var Lr=n(36652);const Tr=(0,w.YK)({search:{id:"SearchClickable.Search",defaultMessage:"Search",description:"Label for search clickable input placeholder"},cancel:{id:"SearchClickable.Cancel",defaultMessage:"Cancel",description:"Label for search clickable cancel button"}});function Nr({type:e}){const[t,n]=(0,i.useState)(""),o=(0,i.useRef)(null),{formatMessage:a}=(0,M.A)();(0,i.useEffect)(()=>{o.current&&o.current.focus();const e=e=>{e.detail&&"search_clickable"===e.detail.containerId&&e.detail.isOpen&&setTimeout(()=>{o.current?.focus()},100)};return ki.add(Ai.TRIGGER,e),()=>{ki.remove(Ai.TRIGGER,e)}},[]);return i.createElement(kr,{onSubmit:e=>function(e,t){if(e.preventDefault(),0===t.trim().length)return;const n=`${window.location.origin}/search?q=${t}&source=new_search`;window.location.assign(n)}(e,t)},i.createElement(Cr,{onClick:()=>{(0,le.ce)({type:"initiate",subject:"search",platform:"verso"}),o.current?.focus()}},i.createElement(Lr.A,null)),i.createElement(Ar,{ref:o,tabIndex:e===mi.BV.TOP_NAVBAR?0:void 0,value:t,onChange:e=>n(e.target.value),placeholder:a(Tr.search),"aria-label":a(Tr.search)}),i.createElement(Hr,{hasCloseButton:e===mi.BV.TOP_NAVBAR,searchQuery:t,setSearchQuery:n}))}function Hr({hasCloseButton:e,searchQuery:t,setSearchQuery:n}){const{formatMessage:o}=(0,M.A)(),a=0===t.length;return e&&a?i.createElement(Er,{type:"button","aria-label":"close search",onClick:()=>{ki.emit(Ai.TRIGGER,{containerId:"search_clickable",isOpen:!1})}},i.createElement(mt.A,null)):a?null:i.createElement(Sr,{type:"button","aria-label":o(Tr.cancel),onClick:()=>{n("")}},o(Tr.cancel))}var Ir=n(4808);const Br={[mi.uA.TEXT_CLICKABLE]:Yi,[mi.uA.ACCORDION]:ra,[mi.uA.JOURNEY_UNITS]:({customConfig:e})=>{const{hasNavCTA:t,navRollover:n,hasNavDrawer:o}=e;return i.createElement(i.Fragment,null,o&&i.createElement(y.LQ,{use:"OneNavTextClickable"}),t&&i.createElement(ya,{navRolloverId:n?.rolloverId}),n?.isRollover&&i.createElement(fa,{navRolloverId:n.rolloverId}))},[mi.uA.CURATION_BANNER]:function(e){try{const{curationBannerData:t}=e;return t?i.createElement(Va,{data:t}):null}catch(e){return null}},[mi.uA.RIBBON_BANNER]:wr,[mi.uA.LOGO_CLICKABLE]:({action:e,label:t,height:n})=>{const{url:o,svg:a,altText:r}=function(){const e=(0,v.DP)(),t=((0,A.nv)(e,"assets")||[]).find(e=>"asset.logo"===e.id);if(t)return t;const{oneNavTheme:n}=e,o=(0,A.nv)(e,`decorations.${n}.logo`)||(0,A.nv)(e,"decorations.standard.logo");return o?"object"==typeof o&&o.sources?{url:o.url||o.sources.sm?.url||""}:"string"==typeof o?{url:o}:{url:""}:{url:""}}();return i.createElement(da,{"data-testid":"logo-clickable",href:e,"aria-label":t,onClick:e=>Ui.OM.trackClickable({event:e,label:t,subject:Ui.SZ.LOGO_CLICKABLE})},a?i.createElement(ua,{dangerouslySetInnerHTML:{__html:a},height:n,"aria-label":r}):i.createElement(ca,{src:o,alt:t??"",height:n}))},[mi.uA.STICKY_HERO_AD]:function(){const{setIsHeroAdVisible:e}=(0,i.useContext)(ls),t=(0,i.useContext)(Pi),n=t?.hasBaseAds;return n?i.createElement(Ia.$,{setIsHeroAdVisible:e}):null},[mi.uA.IDENTITY_UNITS]:Fa,[mi.uA.NOTIFICATION_BANNER]:()=>i.createElement(Ir.A,{isOneNav:!0}),[mi.uA.SEARCH_CLICKABLE]:function({type:e}){switch(e){case mi.BV.DRAWER:return i.createElement(vr,{tabIndex:0},i.createElement(Nr,{type:e}));case mi.BV.TOP_NAVBAR:return i.createElement($r,null,i.createElement(Nr,{type:e}));default:return null}}},Or=(0,i.memo)(e=>{const{component:t,visibility:n=Ua,...o}=e,{layout:a}=(0,i.useContext)(Pi),r=Br[t];return i.createElement(Ha,{"data-testid":"one-nav-clickable",visibilityOptions:n,component:t,layout:a},i.createElement(r,{...o}))});class Kr extends ci.xg{constructor(e,t){super(),this.visibilityOptions=e,this.cssValue=t}getStyleForBreakpoint(e){return[["display",!1===this.visibilityOptions[e]?"none":this.cssValue]]}}const Dr=new Set(["alignItems","areaType","columns","gap","margin","justifyContent","layout","visibility","visibilityOptions"]),_r=v.Ay.div.withConfig({displayName:"OneNavAreaContainer",shouldForwardProp:e=>!Dr.has(e)})` 4401 ${({columns:e})=>e&&new ci.Fb("grid-template-columns","",e).generateStyleForBreakpoints()}; 4402 4403 ${({justifyContent:e})=>e&&new ci.Fb("justify-content","",e).generateStyleForBreakpoints()}; 4404 4405 ${({alignItems:e})=>e&&new ci.Fb("align-items","",e).generateStyleForBreakpoints()}; 4406 4407 ${({gap:e,layout:t})=>e?new ci.Fb("gap","",e).generateStyleForBreakpoints():t===mi.p5.HORIZONTAL&&`gap: ${(0,A.Kq)(1)}`}; 4408 4409 ${({margin:e})=>e&&new ci.Fb("margin",e,e).generateStyleForBreakpoints()}; 4410 4411 ${e=>function(e){switch(e.areaType){case mi._.HEADER:return v.AH` 4412 z-index: 100; 4413 background: var(${oi.pT.Color.SurfaceNavigation}); 4414 position: sticky; 4415 top: 0; 4416 border-bottom: 1px solid var(${oi.pT.Color.BorderNavigation}); 4417 `;case mi._.CTA:return v.AH` 4418 z-index: 10; 4419 background: var(${oi.pT.Color.SurfaceNavigationFeatureBrand}); 4420 position: fixed; 4421 bottom: 0; 4422 left: 0; 4423 width: calc(100% - 1rem); 4424 margin-bottom: 0.5rem; 4425 margin-left: 0.5rem; 4426 4427 ${Ri.LP} { 4428 color: var(${oi.pT.Color.TextNavigationFeature}); 4429 4430 &:hover { 4431 background-color: var( 4432 ${oi.pT.Color.SurfaceNavigationFeatureBrandHover} 4433 ); 4434 } 4435 4436 &:active { 4437 background-color: var( 4438 ${oi.pT.Color.SurfaceNavigationFeatureBrandHover} 4439 ); 4440 } 4441 } 4442 4443 opacity: 0; 4444 animation: fadeIn 250ms linear 300ms forwards; 4445
4446 @keyframes fadeIn { 4447 from { 4448 opacity: 0; 4449 } 4450 to { 4451 opacity: 1; 4452 } 4453 } 4454 `;case mi._.DEFAULT:default:return function(e){const{visibilityOptions:t,columns:n}=e;return v.AH` 4455 ${new Kr(t,n?"grid":"flex").generateStyleForBreakpoints()}; 4456 `}(e)}}(e)} 4457`;const Pr=({items:e,visibility:t,areaType:n,...o})=>{const{layout:a}=(0,i.useContext)(Pi);return i.createElement(_r,{"data-area-type":n,"data-testid":"one-nav-area-container",visibilityOptions:"object"==typeof t?t:Ua,"aria-label":"Navigation Area",layout:a,"data-contains-sticky-element":n===mi._.HEADER,areaType:n,...o},e?.map((e,t)=>i.createElement(Or,{key:t,...e})))},Rr={root:null,threshold:[0,.75,1]};var qr;function Mr(e,t,n){const{oneNavReservedHeightRef:o,oneNavSpacerRef:a,layout:r,subscribeToScroll:s}=(0,i.useContext)(Pi),l=(0,Ui.MB)(),d=(0,i.useRef)(0),c=(0,i.useRef)(0),[m,u]=(0,i.useState)(!0),p=function(e){const[t,n]=(0,i.useState)(!0);return(0,i.useEffect)(()=>{const t=e.current;if(!t)return;const o=new IntersectionObserver(e=>{e.forEach(e=>{const t=e.intersectionRatio>=.75;n(t)})},Rr);return o.observe(t),()=>{o.disconnect()}},[e,n]),t}(a);return(0,i.useEffect)(()=>{n===mi.T6.HERO_AD&&null!=t&&r===mi.p5.HORIZONTAL&&l&&function(e,t,n){e(()=>!!t||n)}(u,e,p)},[t,e,p,l,r,n]),(0,i.useEffect)(()=>{if(null==t||n===mi.T6.HERO_AD||r!==mi.p5.HORIZONTAL||!l)return;const e=e=>{"hideOnScroll"in t&&function(e,t,n,o,i,a){const r=Vr(t,e),s=Fr(a);if(null==s)return;const l=(d=r,c=n.current,d>=c?qr.DOWN:qr.UP);var d,c;n.current=r;const m=r>=s;l===qr.DOWN&&m?i(e=>Ur(e,!1,r,o)):l===qr.UP&&i(e=>Ur(e,!0,r,o))}(e,o?.current??0,d,c,u,t.hideOnScroll),"showOnlyOnTop"in t&&function(e,t,n,o){const i=Vr(t,e),a=Fr(o);n(null!==a&&i<=a)}(e,o?.current??0,u,t.showOnlyOnTop),"showOnThreshold"in t&&function(e,t,n,o){const i=Vr(t,e),a=Fr(o),r=null===a||i>=a;n(i<=300||r)}(e,o?.current??0,u,t.showOnThreshold)};if(e(window.scrollY),s)return s(e);const i=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,()=>e(window.scrollY));return()=>i.off()},[t,o,n,l,r,s]),m}function Fr(e){switch(typeof e){case"number":return e;case"boolean":return e?300:null;case"object":{const t=function(e,t){const n=Object.keys(e),o=n.filter(e=>Ui.MP[e]<=t),i=o.sort((e,t)=>Ui.MP[t]-Ui.MP[e]);if(i[0])return i[0];return mi.Rp.SM}(e,window.innerWidth);return Fr(e[t])}default:return null}}function Ur(e,t,n,o){return Math.abs(o.current-n)<50?e:(o.current=n,t)}function Vr(e,t){const n=t-e;return Math.max(n,0)}!function(e){e.UP="up",e.DOWN="down"}(qr||(qr={}));const Gr=new Set(["alignItems","columns","gap","isRowVisible","justifyContent","rowGridStyles","rowId","rowsCount","rowType","seqLevel","visibility","visibilityConfig"]),Wr=v.Ay.nav.withConfig({displayName:"OneNavRowGrid",shouldForwardProp:e=>!Gr.has(e)})` 4458 /** 4459 * RTL (Right-to-Left) Support - Component-level CSS custom property 4460 * This multiplier automatically flips transform directions in RTL contexts. 4461 * 4462 * Default to LTR (1), but when html[dir='rtl'], set to -1 4463 * This allows transforms to automatically flip: calc(var(--direction-multiplier, 1) * 5%) 4464 */ 4465 --direction-multiplier: 1; 4466 4467 html[dir='rtl'] & { 4468 --direction-multiplier: -1; 4469 } 4470 4471 height: 100%; 4472 4473 ${({rowType:e})=>function(e){if(e!==mi.T6.HERO_AD)return v.AH` 4474 background: var(${oi.pT.Color.SurfaceNavigation}); 4475 `;return""}(e)} 4476 4477 ${({rowGridStyles:e})=>e}; 4478`;const jr=v.AH` 4479 ${({visibilityConfig:e,isRowVisible:t,rowType:n})=>v.AH` 4480 ${e&&new Kr(e,"grid").generateStyleForBreakpoints()}; 4481 4482 ${function(e,t){const n=t!==mi.T6.HERO_AD&&t!==mi.T6.NO_STYLE;if(t===mi.T6.HERO_AD)return v.AH` 4483 grid-template-rows: ${e?"1fr":"0fr"}; 4484 visibility: ${e?"visible":"hidden"}; 4485 opacity: ${e?"1":"0"}; 4486 pointer-events: ${e?"auto":"none"}; 4487 border-bottom: none; 4488 `;if(e)return v.AH` 4489 grid-template-rows: 1fr; 4490 4491 border-bottom-color: var(${oi.pT.Color.BorderNavigation}); 4492 border-bottom-style: solid; 4493 border-bottom-width: ${n?"1px":"0"}; 4494 `;return v.AH` 4495 grid-template-rows: 0fr; 4496 border-bottom: none; 4497 `}(t,n)}; 4498 4499 ${function(e,t){if(t===mi.T6.HERO_AD)return"";return di.generateTransitionStyle({isOpen:e,enter:{animatedProperties:["grid-template-rows"],easingFunctions:["0.12,0,0.39,0"],durations:["200ms"]},exit:{animatedProperties:["grid-template-rows"],easingFunctions:["0.61,1,0.88,1"],durations:["350ms"]},reducedMotionEnter:{animatedProperties:["opacity","visibility","grid-template-rows"],easingFunctions:["0.37,0,0.63,1","1,1,0,0","1,1,0,0"],durations:["200ms","200ms","200ms"]},reducedMotionExit:{animatedProperties:["opacity","visibility","grid-template-rows"],easingFunctions:["0.37,0,0.63,1","1,1,0,0","1,1,0,0"],durations:["350ms","350ms","350ms"]}})}(t,n)}; 4500 `} 4501 4502 @media (prefers-reduced-motion: reduce) { 4503 visibility: ${({isRowVisible:e})=>e?"visible":"hidden"}; 4504 opacity: ${({isRowVisible:e})=>e?"1":"0"}; 4505 } 4506`,zr=v.AH` 4507 ${({seqLevel:e,rowId:t,rowsCount:n})=>{if(n<=1)return"";const o=e===t,i=o?"0%":"5%";return v.AH` 4508 transform: translateX(calc(var(--direction-multiplier, 1) * ${i})); 4509 opacity: ${o?"1":"0"};
4510 height: ${o?"100%":"0"}; 4511 4512 ${di.generateTransitionStyle({isOpen:o,enter:{animatedProperties:["transform","opacity"],easingFunctions:["0.33,1,0.68,1","0,0,1,1"],durations:["400ms","300ms"]},reducedMotionEnter:{animatedProperties:["opacity"],easingFunctions:["0.37,0,0.63,1"],durations:["350ms"]}})} 4513 `}} 4514`;const Yr=new Set(["alignItems","columns","gap","justifyContent","layout","rowContentStyles","rowType","visibility","visibilityConfig"]),Xr=v.Ay.div.withConfig({displayName:"OneNavRowContent",shouldForwardProp:e=>!Yr.has(e)})` 4515 ${({gap:e})=>new ci.Fb("gap","1rem",e).generateStyleForBreakpoints()}; 4516 4517 ${({rowType:e})=>e!==mi.T6.HERO_AD&&e!==mi.T6.NO_STYLE&&v.AH` 4518 padding-inline-start: 0.5rem; 4519 padding-inline-end: 0.5rem; 4520 `} 4521 4522 overflow: hidden; 4523 4524 ${({rowContentStyles:e})=>e}; 4525`,Zr=v.AH` 4526 justify-items: stretch; 4527 4528 ${({visibilityConfig:e})=>e&&new Kr(e,"grid").generateStyleForBreakpoints()}; 4529 4530 ${({columns:e})=>new ci.Fb("grid-template-columns","repeat(12, minmax(min-content, 1fr))",e).generateStyleForBreakpoints()}; 4531 4532 ${({justifyContent:e})=>new ci.Fb("justify-content","stretch",e).generateStyleForBreakpoints()}; 4533 4534 ${({alignItems:e})=>new ci.Fb("align-items","center",e).generateStyleForBreakpoints()}; 4535`,Jr=v.AH` 4536 height: 100%; 4537 position: relative; 4538 display: flex; 4539 flex-direction: column; 4540 4541 scrollbar-width: none; 4542 4543 ::-webkit-scrollbar {
4544 display: none; 4545 } 4546 4547 overscroll-behavior-y: contain; 4548 overflow-y: scroll; 4549 4550 /** Reserve space for the CTA area.*/ 4551 &:has([data-area-type='${mi._.CTA}']) { 4552 padding-bottom: 48px; 4553 } 4554 4555 /** Make the content scrollable. Prevents propagation of scroll event to the document in collaboration with 'overscroll-behavior-y'. */ 4556 4557 &:after { 4558 content: ''; 4559 position: absolute; 4560 top: 0; 4561 bottom: -${"1px"}; 4562 left: 0; 4563 right: 0; 4564 visibility: hidden; 4565 } 4566`,Qr=v.Ay.header.withConfig({displayName:"OneNavContainer",shouldForwardProp:e=>!["isCSR","layoutStyles"].includes(e)}).attrs({className:"one-nav"})` 4567 display: flex; 4568 flex-direction: column; 4569 ${({layoutStyles:e})=>e}; /** based on the value of layoutMap */ 4570`,es=v.AH` 4571 /** Position changes based on rendering environment (SSR vs. CSR). */ 4572 position: ${({isCSR:e})=>e?"fixed":"sticky"}; 4573 z-index: ${C.KV.oneNav}; 4574 width: 100%; 4575 top: 0; 4576 left: 0; 4577 right: 0; 4578 max-height: max-content; 4579`,ts=v.AH` 4580 overflow: hidden; 4581 height: 100%; 4582 gap: ${({gap:e})=>e}; 4583`,ns=v.AH` 4584 width: 100%; 4585 height: 100%; 4586`,os=v.Ay.div.withConfig({displayName:"OneNavSpacer",shouldForwardProp:e=>!["height","isCSR"].includes(e)})` 4587 background: var(${oi.pT.Color.Surface}); 4588 height: ${({height:e,isCSR:t})=>t?e:"0"}px; 4589 width: 100%; 4590 background: var(${oi.pT.Color.SurfaceNavigation}); 4591`,is=v.DU` 4592 .onenav-site-navigation { 4593 /** Prevents scrolling or bounce behavior when reaching scroll limits */
4594 overscroll-behavior: none; 4595 4596 /** used for more specificity when redefining styles */ 4597 4598 .page { 4599 /** removes padding-top on the whole page, which is set for different navigations */ 4600 padding-top: 0 !important; 4601 4602 /** prevents HeroAd from appearing in OneNav with unnecessary animation */ 4603 4604 .one-nav { 4605 .ad-stickyhero { 4606 position: relative; 4607 top: 0; 4608 transform: none; 4609 4610 /** 4611 * prevents ads from bouncing when the âXâ button is pressed and 4612 * aligns this button with the burger button 4613 */ 4614 4615 .button.ad-stickyhero-button { 4616 float: unset; 4617 position: absolute; 4618 width: max-content; 4619 margin-right: ${(0,A.Kq)(1)}; 4620 4621 @media (max-width: ${Ui.MP.lg}px) { 4622 float: unset; 4623 position: absolute; 4624 width: max-content; 4625 } 4626 4627 .button__icon-container { 4628 max-width: max-content; 4629 } 4630 } 4631 } 4632 } 4633 4634 /** this is to remove the spacing between OneNav and main content(main.page__main-content) on GQSports */ 4635 4636 .page__main-content { 4637 &::before { 4638 height: 0; 4639 } 4640 } 4641 } 4642 4643 /** Fix sticky ness issue of the VersoCommerceCollectionCuratedWrapper component with the help of "src/components/compositions/verso-commerce-collection-curated/hooks.ts" function*/ 4644 [class^="VersoCommerceCollectionCuratedWrapper"] { 4645 [class^="FilterComponentWrapper"] { 4646 position: static; 4647 } 4648 } 4649 } 4650`,as={[mi.p5.HORIZONTAL]:{elementType:"header",hasSpacer:!0,containerStyles:es,rowGridStyles:jr,rowContentStyles:Zr},[mi.p5.TRIGGERABLE_TOP]:{elementType:"div",hasSpacer:!1,containerStyles:ns,rowGridStyles:jr,rowContentStyles:Zr},[mi.p5.TRIGGERABLE_RIGHT]:{elementType:"div",hasSpacer:!1,containerStyles:ts,rowGridStyles:zr,rowContentStyles:Jr},[mi.p5.TRIGGERABLE_LEFT]:{elementType:"div",hasSpacer:!1,containerStyles:ts,rowGridStyles:zr,rowContentStyles:Jr}},rs={[mi.T6.DEFAULT]:"nav",[mi.T6.HERO_AD]:"div",[mi.T6.NO_STYLE]:"div"},ss=({children:e,rowType:t=mi.T6.DEFAULT,rowRef:n,isRowVisible:o,id:a,...r})=>{const{layout:s,seqLevel:l,rowsCount:d}=(0,i.useContext)(Pi),c=as[s];return i.createElement(Wr,{...r,id:a,ref:n,rowType:t,isRowVisible:o,"data-testid":"one-nav-row-grid","data-trigger-row":!0,layout:s,seqLevel:l,rowId:a,rowsCount:d,as:rs[t],rowGridStyles:c.rowGridStyles},i.createElement(Xr,{"data-testid":"one-nav-row-content",rowType:t,layout:s,rowContentStyles:c.rowContentStyles,...r},e))},ls=(0,i.createContext)(null),ds=({areas:e,scrollConfig:t,columns:n,visibility:o=!0,rowType:a,id:r,...s})=>{const{seqLevel:l,layout:d}=(0,i.useContext)(Pi),[c,m]=(0,i.useState)(!1),u=(0,i.useRef)(null),p=Mr(c,t,a),g=d===mi.p5.HORIZONTAL||l===r||void 0===r;return i.createElement(ls.Provider,{value:{setIsHeroAdVisible:m}},i.createElement(ss,{rowRef:u,isRowVisible:p,columns:n,visibilityConfig:o,"aria-label":"Navigation Row",rowType:a??mi.T6.DEFAULT,id:r,...s},g&&e.map((e,t)=>i.createElement(Pr,{key:t,...e}))))},cs=e=>{const{oneNavSpacerRef:t,oneNavContainerRef:n,oneNavReservedHeightRef:o}=(0,i.useContext)(Pi),[a,r]=(0,i.useState)(0);!function(e,t,n){(0,i.useEffect)(()=>{const o=e.current;if(null===o)return;const i=document.documentElement;let a=-1,r=-1,s=window.innerWidth;const l=e=>{e!==a&&(a=e,t&&(t.current=e),n(e))},d=e=>{e!==r&&(r=e,i.style.setProperty("--one-nav-height",`${e}px`))},c=(e=!1)=>{const t=o.offsetHeight;d(t),l(e?t:Math.max(a,t))},m=()=>{window.innerWidth!==s&&(s=window.innerWidth,c(!0))},u=new ResizeObserver(()=>c());return c(),u.observe(o),window.addEventListener("resize",m),()=>{u.disconnect(),window.removeEventListener("resize",m),i.style.removeProperty("--one-nav-height")}},[e,t,n])}(n,o,r);const s=(0,Ui.MB)();return i.createElement(os,{className:e.className,ref:t,height:a,isCSR:s})};const ms="default";function us(e,t,n,o){const a=(0,Ui.MB)(),r=(0,i.useRef)(null),s=(0,i.useRef)(null),l=(0,i.useRef)(0),d=(0,i.useRef)(new Set),[c,m]=(0,i.useState)(null),[u,p]=(0,i.useState)(ms),h=(0,i.useCallback)(e=>(d.current.add(e),()=>{d.current.delete(e)}),[]);!function(e,t){(0,i.useEffect)(()=>{const n=n=>{const{containerId:o,seqLevel:i}=n.detail;o===e&&t(i??ms)};return ki.add(Ai.SEQ_LEVEL,n),()=>ki.remove(Ai.SEQ_LEVEL,n)},[e,t])}
4650(e,p),function(e,t,n,o){const a=n.some(({rowType:e,scrollConfig:t})=>e!==mi.T6.HERO_AD&&null!=t);(0,i.useEffect)(()=>{if(!e||t!==mi.p5.HORIZONTAL||!a)return;const n=()=>{const e=window.scrollY;o.current.forEach(t=>t(e))},i=window.Kendra.WINDOW_EVENT.on(g.m.SCROLL_THROTTLE,n);return()=>i.off()},[a,e,t,o])}(a,t,n,d);return{oneNavContainerRef:r,contextValue:{containerId:e,oneNavContainerRef:r,oneNavSpacerRef:s,oneNavReservedHeightRef:l,subscribeToScroll:h,layout:t,accordionsState:c,setAccordionsState:m,seqLevel:u,rowsCount:n.length,hasBaseAds:o},isCSR:a,layout:t,seqLevel:u}}const ps=({id:e,layout:t,rows:n,oneNavTheme:o,hasBaseAds:a})=>{const{oneNavContainerRef:r,contextValue:s,isCSR:l,seqLevel:d}=us(e,t,n,a),c=as[t];return i.createElement(Pi.Provider,{value:s},c.hasSpacer&&i.createElement(cs,{className:$e()({[`theme-${o}`]:null!=o&&"standard"!==o})}),i.createElement(Qr,{"data-testid":`one-nav-container-${e}`,className:$e()({[`theme-${o}`]:null!=o&&"standard"!==o}),ref:r,isCSR:l,layoutStyles:c.containerStyles,as:c.elementType,"data-seq-level":d},n.map((e,t)=>i.createElement(ds,{key:t,...e}))))};var gs=n(43481);function hs({oneNavTheme:e,oneNavTriggerableContainers:t}){return null==t||0===t.length?null:i.createElement(i.Fragment,null,t.map(({id:t,layout:n,hasOverlay:o,hasDefaultContainer:a,rows:r})=>i.createElement(Ki,{key:t,id:t,layout:n,theme:e,hasOverlay:o??!0,hasDefaultContainer:a??!0},i.createElement(ps,{id:t,layout:n,rows:r}))))}const ys=(0,o.y)(function({oneNav:e,oneNavTriggerableContainers:t,theme:n,featureValue:o,brandName:a,hasBaseAds:r}){const s=e?.enableNewSearch||!1;if(null==e)return null;try{const{id:l,layout:d,rows:c,theme:m}=e,u=[n,m].find(e=>"standard"!==e&&null!=e)||"standard",p=a?`${a.toLowerCase()}-notice-banner`:"";let g=function(e,t){const n=0,o=e.length-1;return e.map((e,i)=>({...e,areas:e.areas.map(e=>e.items?{...e,items:e.items.filter(e=>!function(e){return"string"==typeof e.component&&e.component===mi.uA.NOTIFICATION_BANNER}(e)||(t===gs.R.ABOVE_NAV&&i===n||t===gs.R.BELOW_HERO_AD&&i===o))}:e)}))}(c,p&&o[p]?.props?.experimentBannerPosition);const h=`${a.toLowerCase().replace(/\s+/g,"-")}-new-search`;return g=function(e,t,n){const o=Boolean(t)||Boolean(n);return e.map(e=>({...e,areas:e.areas.map(e=>({...e,items:e.items?.map(e=>function(e){return e.component===mi.uA.TEXT_CLICKABLE&&"Search"===e.states?.default?.stateIcon?.[0]}(e)?{...e,action:o?{type:mi.X2.TRIGGER,trigger:"search_clickable"}:{type:mi.X2.LINK,url:"/search",target:mi.yK.SELF}}:e)||[]}))}))}(g,h?o[h]?.searchExperimentEnabled:void 0,s),i.createElement(_i.A,null,i.createElement(v.NP,{theme:e=>({...e,oneNavTheme:m})},i.createElement(is,null),i.createElement(ps,{id:l,layout:d,rows:g,oneNavTheme:u,hasBaseAds:r}),i.createElement(hs,{oneNavTheme:u,oneNavTriggerableContainers:t})))}catch(e){return i.createElement(i.Fragment,null)}},"OneNavEnvironment"),bs={SimpleNavigation:R,SiteHeader:yo,StackedNavigation:li,StandardNavigation:Yo,OneNav:ys},fs=({isPersistent:e,children:t,configuredComponentRef:n})=>e?i.createElement(d.A,{configuredComponentRef:n},t):t;fs.propTypes={configuredComponentRef:r().func,children:r().node,isPersistent:r().bool};const ws=({brandName:e,configuredComponentRef:t,featureFlags:{enableGqlForLinkBanner:n=!1,isLogoWide:o,shouldKeepSubscribeLinkActive:a,showNavigationWithlinkBanner:r=!1},featureValue:s,hasContentHeaderLogo:l,hasSearch:d=!0,headerInvertedLogo:c,headerLogo:m,headerLogoDim:u,headerTheme:g,invertedLogo:h,isAccountsEnabled:y,journeyRibbonHeight:b,linkBannerData:f,logo:w,logoBaseUrl:$,navigation:{account:v,appDownloadUrls:C,internationalInfo:k,pageHeadline:A,primaryLinks:x,searchLink:E,searchSuggestionsConfig:S,secondaryLinks:L,socialLinksHeading:T,socialLinks:N,utilityLinks:H,hasSEOSupport:I,isEditorPicksAvailable:B},navigationTheme:O,rootBrandName:K,hasLinkbannerCrossSlideAnimation:D,seriesData:_,shouldPrioritizeSeriesPagination:P,shouldEnableFullArticleInverted:R,user:q,onDrawerStateChange:M,navPattern:F="StandardNavigation",oneNav:U,oneNavTriggerableContainers:V,hasBaseAds:G,hidePrimaryNavigationBar:W})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"ConnectedNavigation"})},[]);const j="visual-link-banner"===f.bannerType,z=n&&!j&&f?.links?.length>0,Y={accountProps:v,appDownloadUrls:C,className:"site-navigation",showLinkBanner:z,showNavigationWithlinkBanner:z||r,drawerProps:{appElement:"#app-root",internationalInfo:k,rootBrandName:K,primaryLinks:x,secondaryLinks:L,searchAction:E,socialIconsProps:{links:N}},hasContentHeaderLogo:l,hasSearch:d,hasSearchBar:!1,headerLogo:m,headerLogoDim:u,headerInvertedLogo:c,headerTheme:g,pageHeadline:A,isLogoWide:o,isAccountsEnabled:y,isEditorPicksAvailable:B,isPersistent:!0,isVisualLinkBanner:j,logo:m,invertedLogo:h,logoBaseUrl:$,primaryLinks:x,searchSuggestionsConfig:S,secondaryLinks:L,seriesData:_,shouldEnableFullArticleInverted:R,shouldKeepSubscribeLinkActive:a,shouldConsiderSeriesPagination:f&&_&&P,user:q,utilityLinks:H,hasSEOSupport:I,hidePrimaryNavigationBar:W},X={SimpleNavigation:{hasSearch:!1},SiteHeader:{brandName:e,hasSearch:d,internationalInfo:k,invertedLogo:h,isPersistent:!1,logo:w,searchLink:E,socialLinks:N,socialLinksHeading:T},StackedNavigation:{logo:w,invertedLogo:h,socialLinksHeading:T,hasLinkbannerCrossSlideAnimation:D,onDrawerStateChange:M,journeyRibbonHeight:b},OneNav:{oneNav:U,oneNavTriggerableContainers:V,isPersistent:!1,featureValue:s,brandName:e,theme:O,hasBaseAds:G}};Object.assign(Y,X[F]);const Z=bs[F];return i.createElement(fs,{isPersistent:Y.isPersistent,configuredComponentRef:t},i.createElement(Z,{...Y}))};
4650ws.propTypes={configuredComponentRef:r().func,brandName:r().string,featureFlags:r().shape({enableGqlForLinkBanner:r().bool,isLogoWide:r().bool,shouldKeepSubscribeLinkActive:r().bool,showNavigationWithlinkBanner:r().bool}),featureValue:r().object,hasContentHeaderLogo:r().bool,hasLinkbannerCrossSlideAnimation:r().bool,hasSearch:r().bool,hidePrimaryNavigationBar:r().bool,headerInvertedLogo:r().shape(c.A.propTypes).isRequired,headerLogo:r().shape(c.A.propTypes).isRequired,headerLogoDim:r().shape(c.A.propTypes),headerTheme:r().oneOf(["standard","inverted","transparent"]),invertedLogo:r().shape(c.A.propTypes).isRequired,isAccountsEnabled:r().bool,isEditorPicksAvailable:r().bool,journeyRibbonHeight:r().number,linkBannerData:r().shape({hed:r().hed,dek:r().dek,image:r().shape(c.A.propTypes),links:r().arrayOf(r().shape({url:r().string,text:r().string,isExternal:r().bool})),bannerType:r().string,tracking:r().shape(tn.A.propTypes.tracking)}),logo:r().shape(c.A.propTypes).isRequired,logoBaseUrl:r().string,navigation:r().shape({account:r().object,appDownloadUrls:r().array,hasSEOSupport:r().bool,internationalInfo:l.A.object,isEditorPicksAvailable:r().bool,pageHeadline:r().string,primaryLinks:l.A.propTypes.links,searchLink:r().string,searchSuggestionsConfig:r().shape({minChars:r().number,maxItems:r().number,suggestions:r().arrayOf(r().shape({label:r().string.isRequired,url:r().string.isRequired,triggers:r().arrayOf(r().string).isRequired}))}),secondaryLinks:r().array,socialLinksHeading:r().string,socialLinks:r().array,utilityLinks:l.A.propTypes.links}),navPattern:r().oneOf(Object.keys(bs)),navigationTheme:r().string,onDrawerStateChange:r().func,oneNav:r().any,oneNavTriggerableContainers:r().any,rootBrandName:r().string,seriesData:r().shape({hed:r().string,dek:r().string,image:r().object,links:r().arrayOf(r().shape({hed:r().string,dek:r().string,image:r().object,isPublished:r().bool,promoHed:r().string,url:r().string}))}),shouldEnableFullArticleInverted:r().bool,shouldPrioritizeSeriesPagination:r().bool,shouldUseGQLForLinkBanner:r().bool,user:r().shape({isAuthenticated:r().bool.isRequired}),hasBaseAds:r().bool},ws.displayName="ConnectedNavigation";const $s=(0,s.M3)(ws,{keysToPluck:["brandName","rootBrandName","config","featureFlags","hasSearch","headerLogo","headerInvertedLogo","invertedLogo","isAccountsEnabled","linkBannerData","logo","logoBaseUrl","navigation","seriesData","user","oneNav","oneNavTriggerableContainers"]}),vs=(0,o.y)($s,"ConnectedNavigation")},92920(e,t,n){n.d(t,{A:()=>u});var o=n(96540),i=n(90090),a=n(57744),r=n(77498),s=n(29727),l=n(29164),d=n(14307);class c extends o.Component{constructor(e){super(e),this.state={}}async componentDidMount(){let e,t;const n=this.props.newsletters&&this.props.newsletters.map(e=>e.newsletterId)||[];if(document){e="nl"===new URLSearchParams(document.location.search).get("utm_source")}const{user:o,userPlatform:a}=this.props,{userPlatformProxy:r,xClientID:s}=a||{};if(o.isAuthenticated){const e={amgUUID:o.amguuid,newsletterIds:n,userPlatformProxy:r,xClientID:s,provider:"sailthru"},i=(await this.fetchNewsletterSubscriptions(e)).filter(e=>"SUBSCRIBED"===e.attributes.status).map(e=>e.attributes.newsletterId);t=n.find(e=>!i.includes(e))}else{const[e]=n;t=e}this.props.isNewsletterSlim&&!e&&t&&(0,i.W8)("newsletter-loaded-inlineslim",{newslettterId:t}),this.setState({...this.state,isSourceNewsletter:e,newsletterToShow:t})}async fetchNewsletterSubscriptions(e){try{const t=await(0,s.k)(e);if(200===t.status)return t.newsletterSubscriptions&&t.newsletterSubscriptions.data}catch(e){}return{}}render(){let e;const{isNewsletterSlim:t,isNewsletterAggressive:n,hasSlimAlternateStyle:i,newsletterType:a,patternType:s,showToggleForLoggedInUser:c,user:m,isArticlePage:u}=this.props;("aggressive-newsletter"===a&&n||"slim-newsletter"===a&&t)&&(e=!0);const{isSourceNewsletter:p,newsletterToShow:g}=this.state,h=this.props.newsletters&&this.props.newsletters.length>0&&this.props.newsletters.find(e=>e.newsletterId===g);if(p||!e||!h)return null;const{newsletterId:y,dangerousHed:b="",frequencyBadge:f="",sourceCode:w=""}=h;return o.createElement(l.A,{onIntersectionViewport:(e,t)=>{if(!e)return;t();const n={type:"impression",newsletter_id:String(y),newsletter_title:b,cadence:f,subject:w};(0,d.pu)(n)},observerOptions:{rootMargin:"0px"},className:"content-footer-newsletter-viewport"},o.createElement(r.A,{...h,enableSlimUnitToggle:c&&m?.isAuthenticated&&m?.email,hasSlimAlternateStyle:i,newsletterType:a,patternType:s,userEmail:m?.isAuthenticated&&m?.email,isArticlePage:u}))}}c.propTypes=r.A.propTypes,c.defaultProps=r.A.defaultProps,c.displayName="SlimNewsletterWrapper";const m=(0,a.M3)(c,{keysToPluck:["user","userPlatform"]});const u=(0,n(13465).y)(m,"SlimNewsletterWrapper")}
4650,18805(e,t,n){n.d(t,{A:()=>d});var o=n(5556),i=n.n(o),a=n(96540),r=n(66657),s=n(88530);const l=({componentWrapper:e,contributors:t,tagCloud:n,contributorTypes:o,showWriterBio:i,dividerColor:l,hideContributorBio:d})=>{if(d||!t)return null;const c=(o??(i?["writer"]:["author"])).reduce((e,n)=>{const o=t[n]?.items;return o&&o.length?[...e,...o]:e},[]);return c.length?a.createElement(r.A,null,a.createElement(e,null,a.createElement(s.A,{...n&&{shouldHideBottomLine:!0},contributors:c,dividerColor:l}))):null};l.propTypes={componentWrapper:i().elementType.isRequired,contributors:i().shape({author:i().shape({items:i().arrayOf(i().shape(s.A.propTypes.contributors))}),writer:i().shape({items:i().arrayOf(i().shape(s.A.propTypes.contributors))}),artist:i().shape({items:i().arrayOf(i().shape(s.A.propTypes.contributors))}),photographer:i().shape({items:i().arrayOf(i().shape(s.A.propTypes.contributors))})}),contributorTypes:i().arrayOf(i().string),dividerColor:i().string,hideContributorBio:i().bool,showWriterBio:i().bool,tagCloud:i().shape({tags:i().arrayOf(i().shape({tag:i().string.isRequired,url:i().string}))})};const d=l},45799(e,t,n){n.d(t,{A:()=>ce});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(19607),l=n(60824),d=n(14307),c=n(40281);const m=e=>{if(!e?.enableBytes)return null;if(!(0,c.j)(e))return null;const{customerId:t,tagSize:n,creativeId:o,adt1:i,adt2:a,medianetVersion:r}=e,s=(()=>{if(!window.cns?.config?.config)return null;const{network:e,domain:t,slot:n}=window.cns.config.config;return{network:e,domain:t,auidOne:n?.__auid_one}})();if(!s?.network||!s?.domain||!s?.auidOne)return null;const{network:l,domain:d,auidOne:m}=s,u=d.endsWith(".com")?`us.${d.replace(".com","")}`:m;return{scriptUrl:`https://bytes.${d}/vs.js?cid=${t}`,playerSize:n,creativeId:Number(o),medianetVersion:r,adt1:i,adt2:a,gamAdUnitPath:`${l}/conde.bytes/${u}/`,domain:d}},u=(e={})=>Boolean(e.slotElementId?.includes("out_of_page")||e.nodeId?.includes("out_of_page")),p="bytesLoaded",g="bytesLoadFailed",h=({brandSlug:e,bytesConfig:t})=>{const n=(0,r.useRef)(!1);return(0,r.useEffect)(()=>{const o=m(t);if(!o)return;(0,d.tM)({type:"eligible"}),(e=>{const t=`https://bytes.${e}`;if(document.querySelector(`link[rel="preconnect"][href="${t}"]`))return;const n=document.createElement("link");n.rel="preconnect",n.href=t,n.crossOrigin="anonymous",document.head.appendChild(n)})(o.domain);const i=`bytes-${e}`,a=window.cnBus||{on:()=>()=>{},history:()=>[]},r=()=>{var e;n.current||(n.current=!0,e=o.medianetVersion,window._mNHandle=window._mNHandle||{},window._mNHandle.queue=window._mNHandle.queue||[],window.medianet_versionId=e,((e,t,{onLoad:n,onError:o}={})=>{const i=document.getElementById(e);if(i){if("true"!==i.dataset[g])return"true"===i.dataset[p]?void n?.():(n&&i.addEventListener("load",n,{once:!0}),void(o&&i.addEventListener("error",o,{once:!0})));i.remove()}const a=document.createElement("script");a.id=e,a.src=t,a.async=!0,a.dataset[p]="false",a.dataset[g]="false",a.onload=()=>{a.dataset[p]="true",a.dataset[g]="false",n?.()},a.onerror=()=>{a.dataset[p]="false",a.dataset[g]="true",o?.()},document.head.appendChild(a)})("bytes-player",o.scriptUrl,{onLoad:()=>{((e,t,n)=>{if(!window._mNDetails?.loadTag)return!1;let o;return window._mNDetails.loadTag(e,t.playerSize,t.creativeId,{adt1:t.adt1,adt2:t.adt2,gamAdUnitPath:t.gamAdUnitPath,gamKVs:n,eventBytesExpanded:()=>{window.cns?.flags&&(o=window.cns.flags.shouldNotRefresh,window.cns.flags.shouldNotRefresh=!0),(0,d.tM)({type:"open"})},eventBytesCollapsed:()=>{window.cns?.flags&&(window.cns.flags.shouldNotRefresh=o,o||window.postMessage({cnsAdEvent:"resumeRefresh"},"*")),(0,d.tM)({type:"close"})}}),!0})(i,o,(()=>{try{const e=window.googletag?.pubads?.();return e?.getTargetingKeys?e.getTargetingKeys().reduce((t,n)=>(t[n]=e.getTargeting(n),t),{}):{}}catch{return{}}})())||(n.current=!1)},onError:()=>{n.current=!1}}))},s=()=>{r()},c=window.Kendra?.ADS??null,h=a.on("ads.slotRenderEnded._out_of_page_0.#",s),y=c?.on(l.c.LIBRARY_SLOT_RENDER_ENDED_FILLED,e=>{u(e)&&s()}),b=Boolean(c?.history()?.some(e=>e.channel===l.c.LIBRARY_SLOT_RENDER_ENDED_FILLED&&u(e.value))),f=a.history("ads.slotRenderEnded.*.#")?.filter(e=>e[0]?.includes("_out_of_page_"))?.length>0;return(b||f)&&s(),()=>{y?.off?.(),h?.()}},[e,t]),null};h.propTypes={brandSlug:a().string.isRequired,bytesConfig:a().shape({enableBytes:a().bool,customerId:a().string,tagSize:a().string,creativeId:a().oneOfType([a().string,a().number]),adt1:a().string,adt2:a().string,medianetVersion:a().string})};const y=h;var b=n(51054),f=n(49741),w=n(24277),$=n(5e4),v=n(53499),C=n(90090),k=n(38267),A=n(1123),x=n(96472),E=n(26865);const S=k.Ay.div.withConfig({displayName:"CNCouponsWrapper"})` 4651 ${(0,A.VO)()} 4652 display: grid; 4653 column-gap: var(--grid-gap); 4654 margin: 0 auto; 4655 margin-bottom: ${(0,E.Kq)(3)}; 4656 padding-right: var(--grid-margin); 4657 padding-left: var(--grid-margin); 4658 width: 100%; 4659 max-width: 1600px; 4660 row-gap: var(--grid-gap); 4661`,L=k.Ay.div.withConfig({displayName:"CouponGrid"})` 4662 grid-column: 1 / -1; 4663`,T=k.Ay.div.withConfig({displayName:"CouponResponsiveImage"})` 4664 display: flex; 4665 justify-content: center; 4666 padding: ${(0,E.Kq)(3)}; 4667 width: 100%; 4668 text-align: center; 4669 ${(0,E.L7)(`calc(${x.LO.lg} - 1px)`)} { 4670 padding: ${(0,E.Kq)(1)}; 4671 } 4672 ${(0,E.H4)(x.LO.lg)} { 4673 background-color: ${(0,E.HK)("colors.consumption.body.special.bg-card")}; 4674 height: ${(0,E.Kq)(16)}; 4675 }
4676`,N=k.Ay.div.withConfig({displayName:"CNCouponsGrid"})` 4677 display: grid; 4678 ${(0,A.VO)()} 4679 ${(0,E.L7)(`calc(${x.LO.lg} - 1px)`)} { 4680 --grid-gap: ${(0,E.Kq)(1)}; 4681 } 4682 row-gap: var(--grid-gap); 4683 column-gap: var(--grid-gap); 4684 ${(0,E.H4)(x.LO.lg)} { 4685 grid-template-columns: repeat(6, 2fr); 4686 } 4687 ${({theme:e})=>(0,E.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")} 4688`,H=k.Ay.div.withConfig({displayName:"CNCouponsSectionTitle"})` 4689 ${({dividerColor:e})=>e&&k.AH` 4690 ${(0,A.mS)(e)}; 4691 `} 4692 margin-bottom: ${(0,E.Kq)(4)}; 4693 ${(0,E.L7)(`calc(${x.LO.lg} - 1px)`)} { 4694 margin-bottom: ${(0,E.Kq)(2)}; 4695 } 4696`,I=k.Ay.a.withConfig({displayName:"CNCouponsGridItems"})` 4697 display: grid; 4698 grid-template-rows: ${(0,E.Kq)(17)} auto; 4699 text-decoration: none; 4700 ${(0,E.L7)(`calc(${x.LO.lg} - 1px)`)} { 4701 grid-template-columns: ${(0,E.Kq)(14)} auto; 4702 grid-template-rows: ${(0,E.Kq)(10)} auto; 4703 4704 &:not(:last-child) { 4705 border-bottom: 2px solid 4706 ${(0,E.HK)("colors.discovery.body.white.divider")}; 4707 } 4708 } 4709 ${(0,E.L7)(`calc(${x.LO.md} - 1px)`)} { 4710 grid-template-columns: ${(0,E.Kq)(12)} auto; 4711 grid-template-rows: ${(0,E.Kq)(12)} auto; 4712 } 4713`,B=k.Ay.div.withConfig({displayName:"CNCouponsContent"})` 4714 ${(0,E.L7)(`calc(${x.LO.lg} - 1px)`)} { 4715 margin-top: auto; 4716 margin-bottom: auto; 4717 } 4718`,O=k.Ay.span.withConfig({displayName:"CNCouponsAnchorText"})` 4719 ${({theme:e})=>(0,E.Gg)(e,"typography.definitions.globalEditorial.context-primary")} 4720 color: ${(0,E.HK)("colors.discovery.body.white.context-signature")}; 4721`,K=k.Ay.p.withConfig({displayName:"CNCouponsOfferDek"})` 4722 margin-top: ${(0,E.Kq)(1)}; 4723 cursor: pointer; 4724 color: ${(0,E.HK)("colors.discovery.body.white.heading")}; 4725 ${(0,E.L7)(`calc(${x.LO.lg} - 1px)`)} { 4726 margin-bottom: 0; 4727 } 4728 ${(0,E.H4)(x.LO.lg)} { 4729 display: box; 4730 overflow: hidden; 4731 -webkit-box-orient: vertical; 4732 -webkit-line-clamp: 2; 4733 } 4734`,D=k.Ay.img.withConfig({displayName:"CouponLogo"})``,_=({items:e,shouldEnableBundleComponentAnalytics:t,trackingNamespace:n})=>e.slice(0,6).map((e,o)=>{const i=(0,C.NY)(t,n,o);return r.createElement(I,{"aria-label":e.anchor_text,href:e.url,name:e.name,key:o,title:e.anchor_text,onClick:()=>{return t=e.url,n=e.name,i=o+1,void(0,C.W8)("SavingsUnitedCoupon-click",{"coupon.url":t,"coupon.name":n,"coupon.position":i});var t,n,i},...i},r.createElement(T,{href:e.url,name:e.anchor_text},r.createElement(D,{alt:e.logo,src:e.logo})),r.createElement(B,null,r.createElement(O,{dangerouslySetInnerHTML:{__html:e.anchor_text}}),r.createElement($.A,{lines:2},r.createElement(K,{dangerouslySetInnerHTML:{__html:e.best_offer_text},"data-testid":"CouponItemDek"}))))}),P=({configuredComponentRef:e,dividerColor:t,heading:n="Top Discounts",isTitleLink:o=!1,items:i,linkToCoupon:a,sectionTitleVariation:s="LineAboveLineBelowTextCenter",shouldDisplaySectionTitle:l=!1,shouldEnableBundleComponentAnalytics:d,trackingNamespace:c})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(v.G.RENDER,{name:"CNCoupons"})},[]);const m=o?`<a href="${a}">${n}</a>`:n;return r.createElement(S,{ref:e},r.createElement(L,null,l&&r.createElement(H,{as:w.A[s],dangerousHed:m,dividerColor:t}),i.length>=1&&r.createElement(N,null,r.createElement(_,{items:i,shouldEnableBundleComponentAnalytics:d,trackingNamespace:c}))))};P.propTypes={configuredComponentRef:a().func,dividerColor:a().string,heading:a().string,isTitleLink:a().bool,items:a().array,linkToCoupon:a().string,sectionTitleVariation:a().oneOf(["LineAboveLineBelowTextCenter"]),shouldDisplaySectionTitle:a().bool,shouldEnableBundleComponentAnalytics:a().bool,trackingNamespace:a().string},P.displayName="CNCoupons";const R=P,q=(0,o.y)(R,"CNCoupons");var M=n(66657),F=n(13099);const U=({configuredComponentRef:e,isVisible:t=!1,additionalText:n,componentWrapper:o})=>{const i=o;return r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(v.G.RENDER,{name:"ContentFooterAdditionalText"})},[]),r.createElement(r.Fragment,null,t&&n&&r.createElement("div",{ref:e},r.createElement(M.A,null,r.createElement(i,null,r.createElement(F.M,{disclaimerHtml:n,className:"grid-layout__content"})))))};U.propTypes={configuredComponentRef:a().func,additionalText:a().string,componentWrapper:a().elementType,isVisible:a().bool},U.displayName="ContentFooterAdditionalText";const V=U,G=(0,o.y)(V,"ContentFooterAdditionalText");var W=n(88530),j=n(70231),z=n(69458),Y=n(38080),X=n(6442);const Z=(0,n(72267).YK)({headerText:{id:"RelatedVideo.HeaderText",defaultMessage:"Featured Video",description:"Title preceding related video embed",isConfigurable:!0}});var J=n(27529),Q=n(62327);const ee=({componentWrapper:e,configuredComponentRef:t,headerText:n,related:o={},showRelatedVideo:i=!1})=>{const a=o&&o.scriptEmbedUrl,{formatMessage:s}=(0,X.A)();return i&&a?r.createElement(e,null,r.createElement(J.hF,{ref:t},r.createElement(J.Eq,{"data-testid":"ContentFooterRelatedVideoHeader"},n||s(Z.headerText)),r.createElement(J.bX,{scriptUrl:a,videoEmbedPosition:Q.sm}),r.createElement(J.xh,null,o.title),r.createElement(J.x2,null,o.dek))):null};ee.propTypes={configuredComponentRef:a().func,componentWrapper:a().elementType.isRequired,headerText:a().string,related:a().shape({dek:a().string,
4734scriptEmbedUrl:a().string,title:a().string}),showRelatedVideo:a().bool},ee.displayName="RelatedVideo";const te=(0,o.y)(ee,"RelatedVideo");var ne=n(18805),oe=n(29164),ie=n(8877),ae=n(12501);const re=()=>r.createElement(M.A,null,r.createElement(J.Tb,null,r.createElement(J.lr,null,r.createElement("div",{"data-testid":"ContentFooterReadMoElement",id:"readmo-12345"})))),se=({ContentWrapper:e,hasWrapper:t,isArticlePage:n,isFullBleed:o,newsletter:i,palette:a="standard"})=>{const{newsletterId:s,dangerousHed:l="",frequencyBadge:c="",sourceCode:m=""}=i,u=r.createElement(J.oX,{...i,position:"content-footer",isArticlePage:n});if(!t)return u;const p=o?J.aP:e;return r.createElement(J.i9,{$isNewsletterFullBleed:o,$newsletterPalette:a},r.createElement(oe.A,{onIntersectionViewport:(e,t)=>{if(!e)return;t();const n={type:"impression",newsletter_id:String(s),newsletter_title:l,cadence:c,subject:m};(0,d.pu)(n)},observerOptions:{rootMargin:"0px"},className:"content-footer-newsletter-viewport"},r.createElement(p,null,u)))};se.propTypes={ContentWrapper:a().elementType.isRequired,hasWrapper:a().bool,isArticlePage:a().bool,isFullBleed:a().bool,newsletter:a().shape(J.oX.propTypes),palette:a().string};const le=({channelMap:e,className:t,cnCoupons:n=[],configuredComponentRef:o,consumerMarketing:i,ContentWrapper:a,contributors:l,contributorSpotlight:d,isNarrow:m,isNewsletterFullBleed:u,isAdRail:p,licensedPartnerLink:g,linkList:h,hasFullBleedRecircBackground:w,hasNewsletterWithoutWrapper:$,hasTopSpacingFooterRelated:C=!1,showWriterBio:k,hideContentFooterAd:A=!1,hideContributorBio:x,hideNewsletter:E=!1,showContributorSpotlight:S,showContributor:L=!0,hideRecircList:T,isLinkStackEnabled:N,magazineDisclaimer:H,newsletter:I,newsletterPalette:B="standard",pageBackgroun
4734dTheme:O,commerceRecirc:K,commerceRecircConfig:D,related:_,recircRelated:P,relatedVideo:R,shouldUseRelatedVideoOverInterlude_variation:U=!1,showAdBelowNewsletter:V=!1,showNewsletter:W,signageConfig:X,tagCloud:Z,shouldEnableVMG:Q=!1,showHotelRecirc:ee=!1,showRecirc:oe,shouldHideFooterRecircSections:le=!1,shouldEnableFullArticleInverted:de,shouldShowSeriesNavigationInFooter:ce,dividerColor:me,recircListElements:ue,sponsoredProps:pe,hasDynamicDisclaimer:ge,currentPage:he="",isMobileDevice:ye,brandSlug:be,bytesConfig:fe,contentFooterContributorTypes:we})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(v.G.RENDER,{name:"ContentFooter"})},[]);const $e=(0,ie.B)(),ve=K||[],Ce=D?.settings,ke=!le&&(({hideRecircList:e,commerceRecircItems:t,commerceRecircSettings:n})=>!e&&(t.length>0||Boolean(n)))({hideRecircList:T,commerceRecircItems:ve,commerceRecircSettings:Ce});return r.createElement(J.uu,{ref:o,isNarrow:m,className:t},!!pe&&ge&&r.createElement(a,null,r.createElement(F.M,{sponsorName:pe.sponsorName,isSponsored:!!pe})),H&&H.issueDate&&r.createElement(a,null,r.createElement(J.QR,{...H,"data-testid":"ContentFooterMagazineDisclaimer"})),N&&h&&r.createElement(M.A,null,r.createElement(a,null,r.createElement(z.A,{...h,dividerColor:me}))),!S&&L&&r.createElement(ne.A,{showWriterBio:k,hideContributorBio:x,componentWrapper:a,contributorTypes:we,contributors:l,dividerColor:me,tagCloud:Z}),S&&r.createElement(J.BG,{isAdRail:p},r.createElement(j.A,{...d})),!le&&U&&r.createElement(te,{...R,componentWrapper:a}),g&&!S&&r.createElement(M.A,null,r.createElement(a,null,r.createElement(J.gj,{dangerousBio:g.dangerousDek,photo:g.photo}))),r.createElement(G,{componentWrapper:a}),Z&&r.createElement(M.A,null,r.createElement(a,null,r.createElement(J.ug,{hasBorderTop:!1,tags:Z.tags,dividerColor:me,"data-testid":"ContentFooterTagCloud"}))),"article"===he&&(0,c.j)(fe)&&ye&&be&&r.createElement(r.Fragment,null,r.createElement(M.A,null,r.createElement(a,null,r.createElement("div",{id:`bytes-${be}`,"data-testid":"BytesInjection"}),r.createElement(y,{brandSlug:be,bytesConfig:fe})))),ee&&!le&&ue,oe&&!le&&ue,r.createElement(J.S7,{"data-testid":"ContentFooterBottom"},!E&&r.createElement(r.Fragment,null,I&&W&&r.createElement(se,{ContentWrapper:a,hasWrapper:!$,isFullBleed:u,newsletter:I,palette:B,isArticlePage:"article"===he}),$e&&r.createElement(ae.LF,{isFullBleed:u,contentWrapper:a}),r.createElement(ae.ZJ,{contentWrapper:a}),r.createElement(ae.Vx,{contentWrapper:a})),r.createElement("div",{className:"content-bottom-anchor"}),V&&r.createElement(M.A,null,r.createElement(Y.Z,{group:"ads"},r.createElement(s.A,{position:"mid-content","data-testid":"AdBelowNewsletter",shouldHoldSpace:!0,shouldDisplayLabel:!0}))),i&&r.createElement(Y.Z,{group:"consumer-marketing"},r.createElement(f.A,{...i})),ce&&r.createElement(J.U8,{className:"article__series-navigation",pageBackgroun
4734dTheme:O,dividerColor:me}),Q&&r.createElement(re,null),ke&&r.createElement(b.A,null,r.createElement(J.um,{categoriesMap:Z?.tags,channelMap:e,related:[],recircRelated:ve,shouldEnableCSRFeature:0===ve.length,signageConfig:X,hasFullBleedRecircBackground:w,hasTopSpacingFooterRelated:C,dividerColor:me,shouldEnableFullArticleInverted:de,recircListComponentName:"CommerceRecircList"})),!T&&!le&&r.createElement(b.A,null,r.createElement(J.GS,{categoriesMap:Z?.tags,channelMap:e,related:_,recircRelated:P,signageConfig:X,hasFullBleedRecircBackground:w,hasTopSpacingFooterRelated:C,dividerColor:me,shouldEnableFullArticleInverted:de})),Q&&r.createElement(re,null),!!n.length&&r.createElement(q,{items:n,dividerColor:me}),!A&&r.createElement(M.A,null,r.createElement(Y.Z,{group:"ads"},r.createElement(s.A,{position:"footer",shouldHoldSpace:!0})))))};le.propTypes={configuredComponentRef:a().func,brandSlug:a().string,bytesConfig:a().object,channelMap:a().object,className:a().string,commerceRecirc:a().array,commerceRecircConfig:a().object,cnCoupons:a().array,consumerMarketing:a().shape(f.A.propTypes),contentFooterContributorTypes:a().arrayOf(a().string),ContentWrapper:a().elementType.isRequired,contributors:a().oneOfType([a().shape({author:a().shape({items:a().arrayOf(a().shape(W.A.propTypes.contributors))})}),a().shape({writer:a().shape({items:a().arrayOf(a().shape(W.A.propTypes.contributors))})})]),contributorSpotlight:a().object,currentPage:a().string,dividerColor:a().string,hasDynamicDisclaimer:a().bool,hasFullBleedRecircBackground:a().bool,hasNewsletterWithoutWrapper:a().bool,hasTopSpacingFooterRelated:a().bool,hideContentFooterAd:a().bool,hideContributorBio:a().bool,hideNewsletter:a().bool,hideRecircList:a().bool,isAdRail:a().bool,isLinkStackEnabled:a().bool,isMobileDevice:a().bool,isNarrow:a().bool,isNewsletterFullBleed:a().bool,licensedPartnerLink:a().object,linkList:a().object,magazineDisclaimer:a().shape({issueDate:a().string.isRequired,issueLink:a().string.isRequired,originalHed:a().string,hasContentDisclaimerTag:a().bool}),newsletter:a().shape(J.oX.propTypes),newsletterPalette:a().string,pageBackgroun
4734dTheme:a().string,recircListElements:a().array,recircRelated:a().array,related:a().array,relatedVideo:a().shape({brand:a().string,related:a().any,useRelatedVideo:a().bool,showRelatedVideo:a().bool}),shouldEnableFullArticleInverted:a().bool,shouldHideFooterRecircSections:a().bool,shouldEnableVMG:a().bool,shouldShowSeriesNavigationInFooter:a().bool,shouldUseRelatedVideoOverInterlude_variation:a().bool,showAdBelowNewsletter:a().bool,showContributor:a().bool,showContributorSpotlight:a().bool,showHotelRecirc:a().bool,showNewsletter:a().bool,showRecirc:a().bool,showWriterBio:a().bool,signageConfig:a().object,sponsoredProps:a().object,tagCloud:a().shape({tags:a().arrayOf(a().shape({tag:a().string.isRequired,url:a().string}))})},le.displayName="ContentFooter";const de=le,ce=(0,o.y)(de,"ContentFooter")},27529(e,t,n){n.d(t,{BG:()=>N,Eq:()=>R,GS:()=>D,QR:()=>I,S7:()=>H,Tb:()=>G,U8:()=>Y,aP:()=>T,bX:()=>q,gj:()=>V,hF:()=>P,i9:()=>j,lr:()=>W,oX:()=>L,ug:()=>U,um:()=>_,uu:()=>z,x2:()=>F,xh:()=>M});var o=n(38267),i=n(1123),a=n(66769),r=n(7744),s=n(10281),l=n(3703),d=n(8807),c=n(77498),m=n(1521),u=n(13465),p=n(96472),g=n(5676),h=n(12378),y=n(30259),b=n(74898),f=n(34751),w=n(24283),$=n(7228),v=n(15956),C=n(40653),k=n(86659),A=n(18608),x=n(26865),E=n(89085),S=n(52590);const L=(0,o.Ay)(c.A).withConfig({displayName:"ContentFooterNewsletterForm"})``,T=(0,o.Ay)(k.A.WithMargins).withConfig({displayName:"ContentFooterNewsletterGrid"})` 4735 > ${C.E} { 4736 grid-column: 1 / -1; 4737 4738 ${(0,x.H4)(p.LO.md)} { 4739 grid-column: 3 / span 8; 4740 } 4741 4742 ${(0,x.H4)(p.LO.lg)} { 4743 grid-column: 4 / span 6; 4744 } 4745 } 4746`,N=o.Ay.div.withConfig({displayName:"ContentFooterContributorSpotlightWrapper"})` 4747 ${(0,E.VG)()} 4748 ${(0,i.aU)("padding")} 4749 ${C.E} { 4750 &:nth-of-type(1) { 4751 grid-column: 2 / span 6; 4752 } 4753 4754 &:nth-of-type(2) { 4755 grid-column: 2 / span 6; 4756 } 4757 } 4758 ${h.O} { 4759 display: block; 4760 } 4761 ${w.Qk} { 4762 border-top: ${(0,x.Kq)(.125)} solid; 4763 border-bottom: ${(0,x.Kq)(.125)} solid 4764 ${(0,x.HK)("colors.foundation.menu.dividers")}; 4765 padding: ${(0,x.Kq)(4)} 0 ${(0,x.Kq)(2)} 0; 4766 } 4767 ${y.o9} { 4768 border-bottom: ${(0,x.Kq)(.125)} solid; 4769 padding: 0 0 ${(0,x.Kq)(4)} 0; 4770 } 4771 ${g.zv} { 4772 border-bottom: none; 4773 } 4774 ${g.hO} { 4775 grid-column: 1 / -1; 4776 padding-right: 0; 4777 padding-left: 0; 4778 4779 ${({isAdRail:e})=>!e&&`\n ${(0,x.H4)(p.LO.md)} {\n grid-column: 3 / span 8;\n }`} 4780 4781 ${({isAdRail:e})=>e&&`\n ${(0,x.H4)(p.LO.lg)} {\n grid-column: 2 / span 6;\n }`} 4782 } 4783 ${g.k6} { 4784 padding-bottom: 0; 4785 } 4786 ${y.z4} { 4787 margin-top: ${(0,x.Kq)(2)}; 4788 ${(0,x.H4)(p.LO.lg)} { 4789 margin-top: 0; 4790 } 4791 } 4792 ${b.e} { 4793 margin-bottom: 0; 4794 border-bottom: ${(0,x.Kq)(.125)} solid; 4795 padding-bottom: ${(0,x.Kq)(2)}; 4796 } 4797 ${f.F5} { 4798 padding-bottom: 0; 4799 } 4800 ${v.e8} { 4801 ${(0,x.H4)(p.LO.lg)} { 4802 margin-top: ${(0,x.Kq)(4)}; 4803 border-top: none; 4804 padding-top: 0; 4805 } 4806 } 4807`,H=o.Ay.div.withConfig({displayName:"ContentFooterBottom"})` 4808 .newsletter-subscribe-form { 4809 padding: ${(0,x.Kq)(6)} ${(0,x.Kq)(4)}; 4810 4811 ${(0,x.H4)(p.LO.md)} { 4812 padding: ${(0,x.Kq)(8)} ${(0,x.Kq)(4)}; 4813 } 4814 } 4815 4816 .newsletter-subscribe-form__hed { 4817 padding-bottom: 0; 4818 } 4819`,I=(0,o.Ay)(d.A).withConfig({displayName:"ContentFooterMagazineDisclaimer"})` 4820 ${({theme:e})=>(0,x.Gg)(e,"typography.definitions.consumptionEditorial.description-embed")} 4821 margin: ${(0,x.Kq)(-1)} 0 ${(0,x.Kq)(4)} 0; 4822 color: ${(0,x.HK)("colors.consumption.body.standard.body")}; 4823 4824 a:hover, 4825 a:link, 4826 a:visited { 4827 text-decoration: underline; 4828 color: ${(0,x.HK)("colors.consumption.body.standard.body")}; 4829 } 4830`,B=o.AH` 4831 margin-top: ${(0,x.Kq)(6)}; 4832 ${(0,x.H4)(p.LO.md)} { 4833 margin-top: ${(0,x.Kq)(8)}; 4834 } 4835`,O=o.AH` 4836 background-color: ${(0,x.HK)("discovery.lead.secondary.background")}; 4837`,K=o.AH` 4838 ${(0,x.R9)("hasFullBleedRecircBackground",!0,O)} 4839 ${({hasTopSpacingFooterRelated:e})=>e&&B} 4840 .recirc-list--high-density { 4841 ${(0,x.Xm)("0px",p.LO.md)} { 4842 margin-top: ${(0,x.Kq)(2)}; 4843 } 4844 } 4845 4846 .rubric.summary-item__rubric a.rubric__link { 4847 text-decoration: none; 4848 } 4849`,D=(0,o.Ay)(s.A).withConfig({displayName:"ContentFooterRelated"})` 4850 ${K} 4851`,_=(0,o.Ay)((0,u.y)(l.A,"CommerceRecircList")).withConfig({displayName:"ContentFooterCommerceRecirc"})` 4852 ${K} 4853`,P=o.Ay.div.withConfig({displayName:"ContentFooterRelatedVideo"})` 4854 border-top: 2px solid ${(0,x.HK)("colors.discovery.body.white.divider")}; 4855 border-bottom: 2px solid 4856 ${(0,x.HK)("colors.discovery.body.white.divider")}; 4857 padding: ${(0,x.Kq)(2)} 0; 4858`,R=(0,o.Ay)(A.vm).withConfig({displayName:"ContentFooterRelatedVideoHeader"})` 4859 ${({theme:e})=>(0,x.Gg)(e,"typography.definitions.discovery.subhed-section-tertiary")}; 4860 color: ${(0,x.HK)("colors.discovery.body.white.heading")}; 4861`,q=(0,o.Ay)(m.A).withConfig({displayName:"ContentFooterRelatedPlayer"})` 4862 margin: ${(0,x.Kq)(2)} 0; 4863`,M=(0,o.Ay)(A.vm).withConfig({displayName:"ContentFooterRelatedVideoTitle"})` 4864 ${({theme:e})=>
4864(0,x.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")}; 4865 color: ${(0,x.HK)("colors.discovery.body.white.heading")}; 4866`,F=(0,o.Ay)(A.vm).withConfig({displayName:"ContentFooterRelatedVideoDek"})` 4867 ${({theme:e})=>(0,x.Gg)(e,"typography.definitions.discovery.description-core")}; 4868 margin-top: ${(0,x.Kq)(1)}; 4869 color: ${(0,x.HK)("colors.discovery.body.white.description")}; 4870`,U=(0,o.Ay)(r.A).withConfig({displayName:"ContentFooterTagCloud"})` 4871 grid-column: 1 / span 4; 4872 4873 ${(0,x.H4)(p.LO.md)} { 4874 grid-column: 3 / span 8; 4875 } 4876`,V=(0,o.Ay)(a.A).withConfig({displayName:"ContentFooterContributorBio"})` 4877 .contributor-bio__content { 4878 color: ${(0,x.HK)("colors.consumption.body.standard.body-deemphasized")}; 4879 } 4880 4881 .contributor-bio__responsive-image { 4882 margin-right: ${(0,x.Kq)(3)}; 4883 4884 .responsive-image, 4885 ${$.BF} { 4886 all: initial; 4887 max-width: 90px; 4888 } 4889 } 4890`,G=o.Ay.div.withConfig({displayName:"ReadMoGrid"})` 4891 ${(0,i.VO)()} 4892 ${(0,i.aU)("padding")} 4893 4894 display: grid; 4895 grid-template-columns: repeat(4, 1fr); 4896 column-gap: var(--grid-gap); 4897 margin: 0 auto; 4898 width: 100%; 4899 max-width: none; 4900 row-gap: var(--grid-gap); 4901 4902 ${(0,x.H4)(p.LO.md)} { 4903 grid-template-columns: repeat(12, 1fr); 4904 } 4905`,W=o.Ay.div.withConfig({displayName:"ReadMoGridColumn"})` 4906 grid-column: 1 / span 4; 4907 4908 ${(0,x.H4)(p.LO.md)} { 4909 grid-column: 3 / span 8; 4910 } 4911`,j=o.Ay.div.withConfig({displayName:"ContentFooterNewsletterContentWrapper"})` 4912 ${({$isNewsletterFullBleed:e})=>e&&o.AH` 4913 &:first-child { 4914 background: ${(0,x.HK)("colors.consumption.lead.standard.background")}; 4915 } 4916 `} 4917 4918 ${({$isNewsletterFullBleed:e,$newsletterPalette:t})=>e&&"inverted"===t&&o.AH` 4919 &:first-child { 4920 background-color: ${(0,x.HK)("colors.foundation.footer.bg")}; 4921 } 4922 `} 4923 4924 ${C.A} 4925 4926 > :not(.grid-layout__content) { 4927 &:not(:has(.newsletter-subscribe-form)) { 4928 display: contents; 4929 } 4930 } 4931`,z=o.Ay.div.withConfig({displayName:"ContentFooterWrapper"})` 4932 @media print { 4933 .content-footer__bottom { 4934 display: none; 4935 } 4936 4937 .content-footer { 4938 .grid { 4939 display: block; 4940 } 4941 } 4942 } 4943 4944 ${L}.newsletter-slice { 4945 /* help with spacing around the newsletter slice in content footer */ 4946 margin-top: ${(0,x.Kq)(5)}; 4947 margin-bottom: ${(0,x.Kq)(-5)}; 4948 } 4949 4950 &.content-footer--mobile-truncated { 4951 ${L} { 4952 display: none; 4953 } 4954 } 4955 4956 .contributors, 4957 .linkstack, 4958 ${P}, 4959 ${I}, 4960 ${L} { 4961 grid-column: 1 / -1; 4962 4963 ${(0,x.H4)(p.LO.md)} { 4964 grid-column: 3 / span 8; 4965 4966 &.grid--item.grid-columns--start-2-end-10 { 4967 grid-column-end: 10; 4968 grid-column-start: 2; 4969 } 4970 } 4971 } 4972 4973 ${({isNarrow:e})=>e&&`\n .contributors,\n .linkstack,\n ${P},\n ${I},\n ${L},\n ${W},\n ${U} {\n ${(0,x.H4)(p.LO.md)} {\n grid-column: 4 / span 6;\n }\n }\n `} 4974`,Y=(o.Ay.div.withConfig({displayName:"ContentWrapperMarginGrid"})` 4975 ${(0,E.VG)()} 4976`,(0,o.Ay)(S.A).withConfig({displayName:"ContentFooterSeriesNavigation"})` 4977 padding-top: ${(0,x.Kq)(6)}; 4978`)},80607(e,t,n){n.d(t,{Jj:()=>f,K4:()=>g,Nh:()=>y,b3:()=>w,bw:()=>C,fv:()=>$,fz:()=>b,h4:()=>h,zY:()=>v});var o=n(38267),i=n(26865),a=n(18608),r=n(52027),s=n(96472),l=n(73275),d=n(18117),c=n(75761),m=n(74423),u=n(60254),p=n(75163);const g=o.Ay.div.withConfig({displayName:"ContentHeaderByline"})` 4979 margin-top: 0; 4980 4981 ${d.B} { 4982 display: inline-block; 4983 width: ${(0,i.Kq)(8.25)}; 4984 height: ${(0,i.Kq)(8.25)}; 4985 } 4986 4987 ${m.f9} { 4988 margin-top: 0; 4989 4990 &:first-child { 4991 margin-top: 0; 4992 } 4993 } 4994`,h=(0,o.Ay)(l.A).withConfig({displayName:"ContentHeaderContributorImage"})` 4995 ${(0,r.P)("100%","60px","66px")}; /* 1, 2 */ 4996 margin-right: auto; 4997 margin-left: auto; 4998 4999 img { 5000 width: 100%; 5001 } 5002 5003 ${({hasContributorImageBackground:e})=>e&&"\n display: inline-block;\n margin: 0 auto;\n border-radius: 50%;\n background-color: #f5f5f5;\n overflow: hidden;\n "} 5004 ${({isBusinessContentHeader:e})=>e&&`\n ${(0,r.P)("100%","173px","173px")}; /* 1, 2 */\n margin-right: auto;\n margin-left: auto;\n\n img {\n width: 100%;\n }\n @media (min-width: ${s.LO.sm}) {\n ${(0,r.P)("100%","153px","153px")}; /* 1, 2 */\n }\n @media (min-width: ${s.LO.md}) {\n ${(0,r.P)("100%","172px","172px")}; /* 1, 2 */\n }\n @media (min-width: ${s.LO.lg}
5004) {\n ${(0,r.P)("100%","206px","206px")}; /* 1, 2 */\n }\n @media (min-width: ${s.LO.xl}) {\n ${(0,r.P)("100%","262px","262px")}; /* 1, 2 */\n }\n @media (min-width: ${s.LO.xxl}) {\n ${(0,r.P)("100%","340px","340px")}; /* 1, 2 */\n }\n\n`} 5005`,y=o.Ay.div.withConfig({displayName:"ContentHeaderNativeShareButton"})` 5006 && { 5007 display: flex; 5008 grid-column: 1/-1; 5009 justify-content: center; 5010 margin-top: ${(0,i.Kq)(3)}; 5011 } 5012 ${u.PK} 5013 ${u.bQ} 5014`,b=o.Ay.div.withConfig({displayName:"ContentHeaderBylineContent"})` 5015 display: flex; 5016 flex: auto; 5017 flex-direction: column; 5018 flex-wrap: wrap; 5019 gap: ${(0,i.Kq)(1)}; 5020 justify-self: start; 5021`,f=(0,o.Ay)(a.vm).withConfig({displayName:"ContentHeaderDekAwards"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 5022 display: flex; 5023 flex-wrap: wrap; 5024 color: var(${p.pT.Color.TextHeading}); 5025 gap: ${(0,i.Kq)(2)}; 5026 5027 .award { 5028 display: flex; 5029 gap: ${(0,i.Kq)(1)}; 5030 } 5031`,w=o.Ay.p.withConfig({displayName:"ContentHeaderDek"})` 5032 @media (min-width: ${s.LO.lg}) { 5033 && { 5034 grid-column: 3 / span 8; 5035 } 5036 } 5037 5038 cursor: unset; 5039 text-align: center; 5040 color: var(${p.pT.Color.TextDek}); 5041 5042 &:hover, 5043 &:active { 5044 text-decoration: none; 5045 color: var(${p.pT.Color.TextDek}); 5046 } 5047 5048 .small { 5049 text-transform: lowercase; 5050 font-style: inherit; 5051 font-variant: small-caps; 5052 } 5053 5054 a { 5055 transition: color ${s.L6.timingLinkDefault} ease; 5056 } 5057 ${(0,i.Gg)("typography.definitions.consumptionEditorial.description-core")}; 5058`,$=(0,o.Ay)(a.vm).withConfig({displayName:"ContentHeaderSignageLabel"})` 5059 color: var(${p.pT.Color.TextDek}); 5060 5061 &:hover { 5062 color: var(${p.pT.Color.TextDek}); 5063 } 5064 ${(0,i.Gg)("typography.definitions.discovery.description-core")}; 5065`,v=o.Ay.div.withConfig({displayName:"ContentHeaderAccreditation"})` 5066 ${({rowWithBottomBorder:e})=>e&&`\n &::after {\n display: block;\n grid-column: 1/-1;\n border: 0;\n border-bottom: 1px solid var(${p.pT.Color.BorderStory});\n padding-top: ${(0,i.Kq)(2)};\n width: 100%;\n height: 0;\n content: '';\n }\n ${u.js}\n\n @media (min-width: ${s.LO.lg}) {\n margin-left: auto;\n }\n\n @media (min-width: ${s.LO.xxl}) {\n margin-left: auto;\n }\n `} 5067 5068 ${u.PK} 5069 row-gap: ${(0,i.Kq)(2)}; 5070 5071 svg path { 5072 fill: var(${p.pT.Color.Icon}); 5073 } 5074 5075 > * { 5076 grid-column: 1/-1; 5077 } 5078 5079 ${({isBusinessContentHeader:e})=>e&&`\n @media (min-width: ${s.LO.md}) {\n grid-column: 9 / span 12;\n grid-template-columns: repeat(12,1fr);\n width: min-content;\n align-items: center;\n }\n`} 5080`,C=o.Ay.div.withConfig({displayName:"SummaryPremiereWrapper"})` 5081 max-width: 1600px; 5082 5083 ${c.S} { 5084 display: flex; 5085 border: 0; 5086 } 5087 5088 ${c.b} { 5089 padding: ${(0,i.Kq)(3)} 0 0 0; 5090 ${({theme:e})=>`${(0,i.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")};\n `} 5091 } 5092`},88317(e,t,n){n.d(t,{GB:()=>L,KW:()=>K,Ys:()=>O,ZU:()=>S,oi:()=>H,rj:()=>D,s6:()=>T,tV:()=>_,yB:()=>E,zt:()=>N});var o=n(38267),i=n(1123),a=n(26865),r=n(52027),s=n(18608),l=n(96472),d=n(99906),c=n(38860),m=n(7228),u=n(91783),p=n(18224),g=n(18117),h=n(65087),y=n(77527),b=n(5239),f=n(1757),w=n(21608),$=n(80607),v=n(60254),C=n(75163),k=n(63815),A=n(97927),x=n(589);const E=(0,o.Ay)(s.vm).withConfig({displayName:"ContentHeaderPublishDate"}).attrs(({datetime:e,...t})=>({as:"time",dateTime:e,typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...t}))` 5093 ${v.Y$} 5094 5095 ${({inlinePublishDate:e})=>e&&o.AH` 5096 & { 5097 float: left; 5098 padding-top: ${(0,a.Kq)(.5)}; 5099 padding-left: 10px; 5100 line-height: 1.7; 5101 } 5102 `}; 5103 5104 ${({mediaWidth:e,contentAlign:t})=>"smallrule"===e&&o.AH` 5105 float: left; 5106 ${"center"===t&&"float: none;"}; 5107 `}; 5108`,S=(0,o.Ay)(h.A).withConfig({displayName:"ContentHeaderBylines"})` 5109 ${({inlinePublishDate:e})=>e&&o.AH` 5110 float: left; 5111 min-width: 5%; 5112 `} 5113`,L=o.Ay.div.withConfig({displayName:"ContentHeaderContainer"})` 5114 display: grid; 5115 grid-auto-rows: auto; 5116 grid-template-columns: 5117 [full-start] minmax(0, 1fr) 5118 [main-start] minmax(0, ${l.LO.xxl}) [main-end] 5119 minmax(0, 1fr) [full-end]; /* 1 */ 5120 overflow-x: hidden; 5121 background: var(${C.pT.Color.Surface}); 5122 width: 100%; 5123 5124 .fixed-header-large-logo-nav-variation [class*='theme-']& { 5125 margin-top: ${(0,a.Kq)(-14)}; 5126 padding-top: ${(0,a.Kq)(14)}; 5127 } 5128 5129 ${({isFullBleedVideo:e,mediaWidth:t})=>"fullbleed"===t&&e&&o.AH` 5130 display: block; 5131 `} 5132 5133 ${({mediaWidth:e,showFullWidthLeadImage:t})=>"fullbleed"===e&&t&&o.AH` 5134 grid-template-columns: 5135 [full-start] minmax(0, 1fr) 5136 [main-start] minmax(0, 2400px) [main-end] 5137 minmax(0, 1fr) [full-end]; 5138 5139 ${b.KW} { 5140 max-width: 2400px; 5141 ${b.ID} { 5142 ${b.zw} ${m.BF} { 5143 width: 100%; 5144 @media (min-width: ${l.LO.xl}) { 5145 max-height: 1800px; 5146 } 5147 } 5148 } 5149 } 5150 `} 5151`,T=o.Ay.div.withConfig({displayName:"PodcastContentHeaderDivider"})` 5152 ${v.PK} 5153 5154 && { 5155 ${v.bQ} 5156 } 5157 5158 > * { 5159 grid-column: 1/-1; 5160 } 5161 ${()=>o.AH` 5162 @media (min-width: ${l.LO.sm}) { 5163 &::after { 5164 display: block; 5165 grid-column: 1/-1; 5166 border: 0; 5167 border-bottom: 1px solid var(${C.pT.Color.BorderStory}); 5168 padding-bottom: ${(0,a.Kq)(2)}; 5169 width: 100%; 5170 height: 0; 5171 content: ''; 5172 } 5173 5174 ${v.js} 5175 5176 &::after { 5177 @media (min-width: ${l.LO.sm}) and (max-width: ${l.LO.md}) { 5178 display: block; 5179 } 5180 } 5181 } 5182 `} 5183`,N=o.Ay.div.withConfig({displayName:"ContentHeaderHedAccreditationWrapper"})` 5184 ${(0,i.VO)()} 5185 5186 display: grid; 5187 grid-column: main; 5188 grid-row: 1 / auto; 5189 row-gap: ${(0,a.Kq)(2)}; 5190 padding: ${(0,a.Kq)(5)} var(--grid-margin) ${(0,a.Kq)(3)}; 5191 width: 100%; 5192 5193 &[class*='theme-'] { 5194 background: var(${C.pT.Color.Surface}); 5195 } 5196 5197 ${f.jc} { 5198 grid-column: 1/-1; 5199 } 5200 5201 ${$.zY} { 5202 grid-column: 1/-1; 5203 } 5204 5205 ${({isBusinessContentHeader:e})=>e&&o.AH` 5206 display: grid; 5207 grid-column: main; 5208 grid-row: 1 / auto; 5209 grid-template-columns: repeat(12, 1fr); 5210 ${(0,i.VO)()} 5211 column-gap: var(--grid-gap); 5212 width: 100%; 5213 5214 ${f.jc} { 5215 grid-column: 1/-1; 5216 padding-right: 0; 5217 padding-left: 0; 5218 } 5219 ${$.zY} { 5220 grid-column: 1/-1; 5221 } 5222 5223 @media (min-width: ${l.LO.sm}) { 5224 grid-template-columns: repeat(4, 1fr); 5225 padding-top: ${(0,a.Kq)(5)}; 5226 ${(0,i.aU)("padding")} 5227 5228 ${f.jc} { 5229 grid-column: 1/5; 5230 grid-template-columns: repeat(8, 1fr); 5231 padding-top: 0; 5232 gap: 0; 5233 } 5234 5235 ${f.Nj} { 5236 ${f.dd} { 5237 padding-top: 2.2rem; 5238 5239 a { 5240 padding-right: 0; 5241 } 5242 } 5243 } 5244 } 5245 5246 @media (min-width: ${l.LO.md}) { 5247 grid-template-columns: repeat(12, 1fr); 5248 column-gap: var(--grid-gap); 5249 padding-top: ${(0,a.Kq)(6)}; 5250 ${(0,i.VO)()} 5251 ${(0,i.aU)("padding")} 5252 ${f.jc} { 5253 grid-column: 1/9; 5254 grid-template-columns: repeat(8, 1fr); 5255 padding-top: 0; 5256 padding-bottom: 0; 5257 gap: 0; 5258 } 5259 ${f.AH} { 5260 grid-column: 1/9; 5261 } 5262 ${$.zY} { 5263 grid-column: 9/13; 5264 gap: 0; 5265 grid-template-columns: none; 5266 padding-right: 0; 5267 } 5268 5269 ${f.Nj} { 5270 grid-column: 1/9; 5271 } 5272 } 5273 5274 @media (min-width: ${l.LO.lg}) { 5275 ${(0,i.aU)("padding")} 5276 ${f.jc} { 5277 grid-column: 1/10; 5278 grid-template-columns: repeat(9, 1fr); 5279 gap: 0; 5280 } 5281 ${$.zY} { 5282 grid-column: 10/13; 5283 grid-template-columns: none; 5284 margin: 0; 5285 padding-right: 0; 5286 padding-left: 0; 5287 } 5288 5289 ${f.AH},${f.Nj},${f.XD} { 5290 grid-column: 1/9; 5291 } 5292 } 5293 5294 @media (min-width: ${l.LO.xl}) { 5295 ${(0,i.aU)("padding")} 5296 ${f.jc} { 5297 grid-column: 1/9; 5298 grid-template-columns: repeat(12, 1fr); 5299 gap: 0; 5300 } 5301 ${f.XD},${f.AH},${f.Nj} { 5302 grid-column: 2/12; 5303 } 5304 ${$.zY} { 5305 grid-column: 9/13; 5306 grid-template-columns: none; 5307 margin: 0; 5308 padding-right: 0; 5309 padding-left: 0; 5310 } 5311 } 5312 5313 @media (min-width: ${l.LO.xxl}) { 5314 ${(0,i.aU)("padding")} 5315 ${f.jc} { 5316 grid-column: 1/9; 5317 grid-template-columns: repeat(10, 1fr); 5318 gap: 0; 5319 5320 ${f.AH},${f.Nj},${f.XD} { 5321 grid-column: 2/10; 5322 } 5323 } 5324 } 5325 `} 5326`,H=o.Ay.div.withConfig({displayName:"ContentHeaderLeadAssetWrapper"})` 5327 ${v.PK} 5328 max-width: 100%; 5329 5330 &[class*='theme-'] { 5331 background: var(${C.pT.Color.Surface}); 5332 } 5333 5334 figure {
5335 display: grid; 5336 } 5337 5338 @media (min-width: ${l.LO.sm}) { 5339 ${({mediaWidth:e})=>"fullbleed"!==e?(0,i.aU)("padding"):""} 5340 padding-top: 0; 5341 } 5342 @media (max-width: ${l.LO.sm}) { 5343 padding-right: 0; 5344 padding-left: 0; 5345 } 5346 5347 ${({mediaWidth:e,ledeAlign:t})=>((e,t)=>"small"===e?`\n @media (min-width: ${l.LO.lg}) and (max-width: 1190px) {\n grid-template-columns: repeat(8, 1fr) minmax(300px, 4fr);\n }\n \n @media (min-width: ${l.LO.lg}) {\n .grid-layout__aside {\n grid-column: 9/-1;\n }\n }\n @media (min-width: ${l.LO.xl}) and (max-width: 1464px) {\n grid-template-columns: repeat(12, 1fr);\n }\n `:"smallrule"===e?` \n ${b.Ck} {\n top: 0; // 1\n @media (min-width: ${l.LO.xl}) {\n margin-top: ${(0,a.Kq)(2)};\n }\n }\n\n ${"center"===t&&`\n &&&{\n @media (min-width: ${l.LO.lg}) {\n grid-template-columns: repeat(12, 1fr);\n\n ${b.KW} {\n grid-column: 4 / span 6;\n }\n }\n }\n `};\n `:"")(e,t)} 5348 5349 ${({isBusinessContentHeader:e})=>e&&o.AH` 5350 @media (min-width: ${l.LO.md}) { 5351 grid-column: 1 / span 20; 5352 } 5353 @media (min-width: ${l.LO.xl}) { 5354 max-height: 320px; 5355 } 5356 max-width: 100%; 5357 `} 5358 ${({shouldUseSmallLede:e})=>e&&o.AH` 5359 && { 5360 padding-top: ${(0,a.Kq)(5)}; 5361 } 5362 5363 ${b.zw} { 5364 width: ${(0,a.Kq)(20.75)}; 5365 height: ${(0,a.Kq)(20.75)}; 5366 } 5367 `} 5368`,I=`\n @media (min-width: ${l.LO.md}) {\n ${b.KW} {\n ${(0,i.aU)("padding")}\n display: grid;\n grid-gap: 1.25rem;\n grid-template-columns: repeat(12, 1fr);\n\n ${b.ID} {\n grid-column: 1 / -1;\n }\n\n ${b.hx} {\n grid-column: 2/-2;\n padding: 0;\n }\n }\n }\n\n @media (min-width: ${l.LO.sm}) {\n ${b.zT} {\n padding-top: ${(0,a.Kq)(1)};\n }\n }\n`,B=`\n ${f.jc},\n ${$.zY} {\n grid-column: full;\n max-width: 100vw;\n }\n`,O=o.Ay.header.withConfig({displayName:"ContentHeaderWrapper"})` 5369 display: flex; 5370 flex-direction: column; 5371 justify-content: center; 5372 5373 ${u.WE} { 5374 display: block; 5375 } 5376 5377 ${k.tV} { 5378 margin-top: 0; 5379 } 5380 5381 ${k._A} { 5382 position: relative; 5383 } 5384 5385 ${A.Ft} { 5386 margin-top: ${(0,a.Kq)(2)}; 5387 padding-bottom: 0; 5388 } 5389 5390 ${({captionStyle:e})=>"span-content-well"===e&&I} 5391 5392 ${({contentAlign:e,mediaWidth:t,hasNarrowHeader:n,shouldShortenHeadline:o,shouldShowAuthorsInTitleBlock:i,isLedeTextCenterForMobile:r})=>((e,t,n,o,i,r)=>"center"===e?`\n text-align: center;\n\n ${w.h9}, ${f.XD}, ${$.fz} {\n justify-self: center;\n justify-content: center;\n align-self: center;\n }\n\n ${k.tV} {\n justify-content: center;\n }\n `:"left"===e?`\n [class$='-byline']:last-of-type {\n margin-bottom: ${(0,a.Kq)(1)};\n }\n \n ${f.V3} {\n margin-top: ${(0,a.Kq)(2)};\n }\n\n ${w.h9}, ${f.XD} {\n justify-self: start;\n }\n \n &,* {\n text-align: left;\n }\n\n ${f.AH} {\n text-align: left;\n }\n \n .badge ul li {\n text-align: center;\n }\n \n ${L} > * {\n align-items: flex-start;\n justify-items: flex-start;\n }\n \n [class$='-byline'] {\n text-align: left;\n }\n\n ${$.K4} {\n @media (min-width: ${l.LO.xl}) {\n display: flex;\n align-items: center;\n width: 100%;\n }\n }\n \n ${"smallrule"!==t&&`\n ${$.K4} {\n ${g.B} {\n margin-right: ${(0,a.Kq)(3)};\n }\n }\n `};\n \n ${$.h4},\n ${$.fz} {\n flex-basis: content;\n }\n \n ${$.b3},\n ${E},\n ${f.Lo} {\n text-align: left;\n }\n\n ${$.fz} {\n flex: auto;\n padding-top: 0;\n }\n \n ${n?`\n @media (min-width: ${l.LO.md}) {\n ${f.AH},\n ${$.fv},\n ${w.h9},\n ${$.bw},\n ${$.b3} {\n grid-column: 3 / span 8;\n }\n }\n `:`@media (min-width: ${l.LO.lg}
5392) {\n ${f.AH},\n ${$.b3} {\n grid-column: 1 / span 10;\n }\n }`}\n \n \n // With props.authorsTitleBlockPosition: 'above': headline should span 12 columns for all variations.\n ${i&&`\n @media (min-width: ${l.LO.lg}) {\n ${f.AH},\n ${$.b3} {\n grid-column: 1 / span 12;\n }\n }\n `};\n \n // With props.shouldShortenHeadline: headline should span 8 columns. Actual only for left aligned headlines.\n ${o&&`\n @media (min-width: ${l.LO.lg}) {\n ${f.AH} {\n grid-column: 1 / span 8;\n }\n }\n `};\n\n && {\n ${b.hx},\n ${c.eu} {\n text-align: left;\n \n ${r&&`\n ${(0,a.L7)(`${d.VS.md}px`)} {\n text-align: center;\n }\n `}\n }\n }\n `:`&& {\n ${b.hx},\n ${c.eu} {\n ${(0,a.L7)(`${d.VS.md}px`)} {\n ${r&&"\n text-align: center;\n "}\n }\n }\n }`)(e,t,n,o,i,r)} 5393 5394 ${({copyWidth:e})=>"fullbleed"===e&&B} 5395 5396 ${({mediaWidth:e,contentAlign:t,isBusinessContentHeader:n,shouldBylineContentStacked:i})=>((e,t,n,i)=>"fullbleed"===e?n?o.AH` 5397 ${"center"===t&&`\n ${$.zY} ${$.K4} {\n @media (min-width: ${l.LO.md}) {\n grid-column: 1/-5;\n width: fit-content;\n }\n\n @media (min-width: ${l.LO.md}) and (max-width: ${l.LO.lg}) {\n grid-column: 5/12;\n }\n }\n `}; 5398 ${b.KW} { 5399 max-width: 100%; 5400 } 5401 ${b.zw} ${m.BF} { 5402 @media (min-width: ${l.LO.xl}) { 5403 max-height: 320px; 5404 object-fit: cover; 5405 } 5406 } 5407 ${f.jc} { 5408 @media (min-width: ${l.LO.xxl}) { 5409 --grid-gap: ${(0,a.Kq)(8)}; 5410 } 5411 } 5412 ${$.zY} { 5413 @media (min-width: ${l.LO.xxl}) { 5414 grid-column-gap: ${(0,a.Kq)(6.5)}; 5415 } 5416 } 5417 `:o.AH` 5418 ${"center"===t&&`\n ${$.zY} ${$.K4} {\n @media (min-width: ${l.LO.lg}) {\n grid-column: 5/-5;\n }\n\n @media (min-width: ${l.LO.md}) and (max-width: ${l.LO.lg}) {\n grid-column: 3/-3;\n }\n }\n `}; 5419 ${b.KW} { 5420 max-width: ${l.LO.xxl}; 5421 } 5422 `:"grid"===e?`\n ${b.zw} ${m.BF} {\n @media (min-width: ${l.LO.xl}) {\n max-height: 1200px;\n }\n object-fit: cover;\n object-position: center;\n }\n `:"smallrule"===e?o.AH` 5423 ${"center"===t&&`\n @media (min-width: ${l.LO.md}) {\n ${f.AH},\n ${$.b3},\n ${$.K4} {\n grid-column: 4 / span 6;\n }\n ${!i&&`\n ${$.fz} {\n flex-direction: row;\n align-items: baseline;\n justify-content: center;\n }\n `}; \n }\n\n @media (min-width: 0) and (max-width: ${l.LO.md}) {\n ${E},${f.Lo} {\n line-height: 1.3em;\n }\n }\n `}; 5424 5425 ${b.nw} { 5426 @media (min-width: ${l.LO.md}) and (max-width: 1190px) { 5427 grid-template-columns: repeat(8, 1fr) minmax(300px, 4fr); 5428 } 5429 5430 @media (min-width: ${l.LO.lg}) { 5431 .grid-layout__aside { 5432 grid-column: 9/-1; 5433 } 5434 } 5435 5436 @media (min-width: ${l.LO.xl}) and (max-width: 1464px) { 5437 grid-template-columns: repeat(12, 1fr); 5438 } 5439 5440 ${b.ID} { 5441 @media (min-width: ${l.LO.md}) { 5442 margin-right: 0; 5443 margin-left: 0; 5444 } 5445 } 5446 } 5447 5448 ${b.hx} { 5449 padding-top: ${(0,a.Kq)(1)}; 5450 5451 ${c.eu} { 5452 padding-top: ${(0,a.Kq)(1)}; 5453 text-align: left; 5454 } 5455 } 5456 5457 ${S} { 5458 float: none; 5459 } 5460 5461 ${E},${f.Lo} { 5462 float: none; 5463 padding-left: 0; 5464 } 5465 5466 ${w.Fu} { 5467 @media (min-width: ${l.LO.md}) { 5468 margin-left: ${(0,a.Kq)(1)}; 5469 } 5470 5471 &::before { 5472 content: none; /* Remove previously set pseudo-element */ 5473 } 5474 } 5475 5476 ${$.h4} { 5477 ${(0,r.P)("100%","48px","48px")}; 5478 margin-right: auto; 5479 margin-bottom: ${(0,a.Kq)(2)}; 5480 margin-left: auto; 5481 5482 img { 5483 width: 100%; 5484 } 5485 } 5486 5487 ${w.h9} { 5488 @media (min-width: 0) and (max-width: ${d.VS.md}px) { 5489 > div { 5490 margin: 0 ${(0,a.Kq)(.5)}; 5491 } 5492 } 5493 } 5494 5495 ${f.jc} { 5496 ${y.Jp} { 5497 padding-right: ${(0,a.Kq)(3)}; 5498 padding-left: ${(0,a.Kq)(3)}; 5499 } 5500 } 5501 5502 @media (min-width: ${l.LO.md}) { 5503 ${y.Jp} { 5504 padding-right: 0; 5505 padding-left: 0; 5506 } 5507 } 5508 5509 @media (min-width: ${l.LO.lg}) { 5510 && { 5511 * { 5512 text-align: inherit; 5513 } 5514 } 5515 5516 ${f.jc}, 5517 ${$.zY} { 5518 display: inherit; 5519 } 5520 5521 ${"left"===t&&`\n ${f.AH},\n ${$.b3} {\n grid-column: 1 / span 8;\n }\n\n ${$.K4} {\n display: flex;\n }\n\n ${g.B} {\n margin-right: ${(0,a.Kq)(3)};\n }\n\n ${$.h4} {\n margin-bottom: 0;\n }\n `}; 5522 } 5523 `:"")(e,t,n,i)} 5524 5525 ${({contentPosition:e,isLiveStoryType:t,mediaWidth:n,showBreadCrumb:o,isBusinessContentHeader:i,isLedeOverride:r})=>((e,t,n,o,i,r)=>
5525"above"===e?`\n ${N}[class*=" theme-"],\n &.fullbleed ${N} {\n padding-bottom: ${(0,a.Kq)(5)};\n }\n\n &.inset ${b.nw} {\n padding-top: ${(0,a.Kq)(2)};\n }\n\n ${"small"===n&&`\n .disclaimer-container {\n @media (min-width: ${l.LO.xl}) {\n grid-template-columns: repeat(8, 1fr) minmax(300px, 3fr) 1fr;\n }\n }\n `};\n `:"below"===e?`\n &[class*=" theme-"] ${N},\n & ${N}[class*=" theme-"] {\n padding-bottom: ${(0,a.Kq)(5)};\n }\n\n ${N},\n &[class*=" theme-"] ${N} {\n padding-top: ${(0,a.Kq)(3)};\n }\n\n & ${N}[class*=" theme-"] {\n padding-top: ${(0,a.Kq)(5)};\n }\n\n &[class*=" theme-"].inset ${H},\n &.inset ${H}[class*=" theme-"] {\n padding-top: ${o?0:(0,a.Kq)(3)};\n }\n \n ${H} {\n grid-row: 1;\n }\n ${!r&&`${N} {\n grid-row: 3;\n }`}\n ${b.zT} {\n grid-row: 2;\n }\n\n ${i&&`\n ${N} {\n grid-row: 3;\n }\n\n @media (min-width: ${l.LO.sm}) {\n ${H} {\n max-width: 1600px;\n ${m.BF} {\n aspect-ratio: 3/2;\n object-fit: cover;\n }\n }\n }\n @media (min-width: ${l.LO.md}) {\n ${H} {\n max-height: fit-content;\n padding-right: var(--grid-margin);\n padding-left: var(--grid-margin);\n ${m.BF} {\n max-height: inherit;\n aspect-ratio: 16/9;\n }\n }\n }\n `} \n `:"")(e,0,n,o,i,r)} 5526 5527 ${({publishDatePosition:e,hasExtraSpaceBetweenSeparator:t})=>"top"===e&&`\n ${f.Lo} {\n position: relative;\n\n &:not(:first-child)::before {\n position: absolute;\n left: calc(-${(0,a.Kq)(1)} - 0.5px);\n content: ' ';\n border-left: 1px solid currentColor;\n height: 80%;\n top: 10%;\n }\n }\n`} 5528 5529 ${({theme:e})=>o.AH` 5530 @media print { 5531 display: block; 5532 5533 .theme-inverted, 5534 .theme-special { 5535 ${({theme:e})=>(0,C.kT)(e,"standard",{[C.pT.Color.BorderAccent]:"colors.consumption.lead.standard.accent",[C.pT.Color.BorderStory]:"colors.consumption.lead.standard.divider",[C.pT.Color.Surface]:"colors.consumption.lead.standard.background",[C.pT.Color.Text]:"colors.consumption.body.standard.body",[C.pT.Color.TextByline]:"colors.consumption.lead.standard.accreditation",[C.pT.Color.TextDek]:"colors.consumption.lead.standard.description",[C.pT.Color.TextHeading]:"colors.consumption.lead.standard.heading",[C.pT.Color.TextImageCaption]:"colors.consumption.lead.standard.description",[C.pT.Color.TextImageCredit]:"colors.consumption.body.standard.body-deemphasized",[C.pT.Color.TextPubdate]:"colors.consumption.lead.standard.context-tertiary",[C.pT.Color.TextRubric]:"colors.consumption.lead.standard.context-signature",[C.pT.Color.TextSubtle]:"colors.consumption.lead.standard.syndication"})} 5536 } 5537 } 5538`} 5539 5540 ${({showContributorImageOnMobile:e})=>!e&&o.AH` 5541 @media (max-width: ${d.VS.lg}px) { 5542 ${$.h4} { 5543 display: none; 5544 } 5545 } 5546 `} 5547 5548 ${({isImagePositionBottomInSmallScreen:e})=>e&&o.AH` 5549 @media (max-width: ${d.VS.lg}px) { 5550 ${N} { 5551 grid-row: 1 / auto; 5552 } 5553 5554 ${b.nw} { 5555 grid-row: 2 / auto; 5556 } 5557 5558 ${b.zT} { 5559 grid-row: 3 / auto; 5560 } 5561 } 5562 `} 5563`,K=(0,o.Ay)(p.A).withConfig({displayName:"ContentHeaderOffersData"})` 5564 margin: 0; 5565 5566 &&.disclaimer-container { 5567 ${v.PK} 5568 ${v.bQ} 5569 display: block; 5570 margin-bottom: ${(0,a.Kq)(.5)}; 5571 5572 @media (min-width: ${l.LO.lg}) { 5573 display: none; 5574 } 5575 } 5576 5577 &&.offer-data { 5578 ${v.PK} 5579 ${v.bQ} 5580 } 5581`,D=o.Ay.div.withConfig({displayName:"ContentHeaderLeadOverride"})` 5582 grid-column: full; 5583 max-width: 100vw; 5584 5585 .interactive-override__wirewax-embed { 5586 @media (min-width: ${l.LO.lg}) { 5587 padding: 0 15vw; 5588 } 5589 } 5590 ${({contentPosition:e})=>"below"===e&&"grid-row: 1;"} 5591`,_=o.Ay.div.withConfig({displayName:"ArticleBadgeWrapper"})` 5592 justify-self: ${({contentAlign:e})=>"center"===e?"center":"start"}; 5593 5594 ${x.N} { 5595 margin-top: 0; 5596 } 5597`},92027(e,t,n){n.d(t,{A:()=>C});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(6442),d=n(10553),c=n(62327),m=n(76997),u=n(91470),p=n(73275),g=n(90072),h=n(33193),y=n(5239);const{useState:b,Fragment:f}=s,w="landscape",$="portrait",v=({awards:e,className:t,captionWidth:n="standard",containerTheme:o,lede:a,mediaWidth:r,shouldRenderRailAnchor:p,showFullWidthLeadImage:v,themeClassName:C,hasLightboxButton:k,hasStaticPositionedAward:A=!1,hideLedeCaption:x=!1,shouldAlignCenterWhenNoCaption:E=!1})=>{const[S,L]=b((e=>{const t=e?.masterAspectRatio?.split(":");return e?.restrictCropping&&2===t?.length&&Number(t[0])/Number(t[1])<=1?$:w})(a)),{formatMessage:T}=(0,l.A)(),N=(0,g.w)(a),H="cnevideo"===a.modelName,I="gallery"===a.modelName,B="clip"===a.modelName;let O=null;H&&a.cneVideoOverrides&&Object.keys(a.cneVideoOverrides).length&&(O={...a.cneVideoOverrides});const K=!x&&(a.caption&&a.caption.trim()||a.credit&&a.credit.trim()),D=E&&(!a.caption||""===a.caption),_=s.createElement(y.hx,{captionTheme:o,dangerousCaptionText:a.caption,dangerousCredit:a.credit,mediaWidth:r,isLedeTextCenterForMobile:D}),P=O?{shouldAutoplay:Boolean(!O.disableAutoplay),shouldMute:Boolean(O.muted),shouldPlayContinuously:Boolean(O.continuousPlay),isStickyType:!1,shouldDisableAds:Boolean(O.disableAds),shouldLoopVideo:Boolean(O.loopVideo)}:{shouldAutoplay:!0},R=s.createElement(y.zw,{...N,onAssetLoaded:({width:e,height:t})=>{e/t<=1&&L($)},shouldRestrictCropping:a?.restrictCropping,masterAspectRatio:a?.masterAspectRatio,shouldHoldImageSpace:!0,mediaWidth:r,"data-testid":"assetMedia"});return s.createElement(f,null,s.createElement(y.nw,{className:i()("lead-asset",t,C,`lead-asset--width-${r}`),mediaWidth:r,ledeContentType:a.contentType,ledeAssetOrientation:S,"data-testid":"ContentHeaderLeadAsset"},s.createElement(y.KW,null,s.createElement(y.ID,{ledeContentType:a.contentType,showFullWidthLeadImage:v,mediaWidth:r,className:`lead-asset__content__${a.contentType}`},!H&&!I&&!B&&s.createElement(f,null,e&&!A&&s.createElement(y.hw,{awards:e,hasStaticPositionedAward:A}),R),H&&a.scriptEmbedUrl&&s.createElement(d.A,{...P,animationClip:a.animationClip,categories:a.categories,isLive:a.isLive,scriptUrl:a.scriptEmbedUrl,shouldHaveTeaser:!0,title:a.title,videoEmbedPosition:c.m1}),I&&s.createElement(m.A,{...a,showNoAdsFromParent:!0}),B&&R,k&&s.createElement(y.kU,{onClickHandler:()=>{document.querySelector(".responsive-image--expandable").click()},ButtonIcon:()=>s.createElement(u.Gallery,null),hasEnableIcon:!0,btnStyle:"text",iconPosition:"before",inputKind:"button",isStaticText:!0,label:T(h.A.showAllPhotos),shouldRenderCaption:K}),K&&"fullbleed"!==n&&_,e&&A&&s.createElement(y.hw,{awards:e,hasStaticPositionedAward:A}))),p&&s.createElement(y.Ck,{"data-testid":"ContentHeaderLeadRailAnchor"})),K&&"fullbleed"===n&&s.createElement(y.zT,{className:C},s.createElement(y.PJ,null,_)))};v.propTypes={awards:r().array,captionWidth:r().oneOf(["standard","fullbleed"]),className:r().str
5597ing,containerTheme:r().oneOf(["standard","inverted","special"]),hasLightboxButton:r().bool,hasStaticPositionedAward:r().bool,hideLedeCaption:r().bool,lede:r().oneOfType([r().shape(p.A.propTypes),r().shape(d.A.propTypes)]).isRequired,mediaWidth:r().oneOf(["small","smallrule","grid","fullbleed"]),shouldAlignCenterWhenNoCaption:r().bool,shouldRenderRailAnchor:r().bool,showFullWidthLeadImage:r().bool,themeClassName:r().string};const C=v},5239(e,t,n){n.d(t,{Ck:()=>C,ID:()=>w,KW:()=>b,PJ:()=>A,hw:()=>x,hx:()=>f,kU:()=>v,nw:()=>$,zT:()=>k,zw:()=>y});var o=n(38267),i=n(1123),a=n(26865),r=n(99906),s=n(96472),l=n(73275),d=n(9372),c=n(20388),m=n(73730),u=n(38860),p=n(7228),g=n(75163);const h=`\n @media (min-width: ${s.LO.md}) {\n max-height: 1000px;\n }\n\n @media (min-width: 1440px) {\n max-height: 1200px;\n }\n`,y=(0,o.Ay)(l.A).withConfig({displayName:"ContentHeaderResponsiveAsset"})` 5598 width: 100%; 5599 5600 // 1 â¬. contain images to containers while preserving aspect ratios 5601 ${p.BF} { 5602 @supports (object-fit: contain) { 5603 object-fit: contain; 5604 object-position: center; 5605 } 5606 5607 @media (min-width: ${s.LO.sm}) { 5608 width: 100%; 5609 } 5610 } 5611 5612 @supports (object-fit: contain) { 5613 ${({mediaWidth:e})=>"smallrule"===e&&h} 5614 } 5615 5616 ${p.BF}, 5617 .aspect-ratio--overlay-container { 5618 @supports (object-fit: contain) { 5619 ${({mediaWidth:e})=>"small"===e&&"\n @media (min-width: 1440px) {\n max-height: 1200px;\n }\n"} 5620 } 5621 5622 .responsive-image { 5623 max-height: 900px; 5624 } 5625 5626 ${({mediaWidth:e})=>"smallrule"===e&&h} 5627 } 5628`,b=o.Ay.figure.withConfig({displayName:"ContentHeaderLeadAssetContent"})` 5629 position: relative; 5630 grid-column: 1 / -1; /* css-grid: span all columns. (start at column 1 / end at the last column) */ 5631 margin: 0 auto; 5632 width: 100%; 5633`,f=(0,o.Ay)(c.A).withConfig({displayName:"ContentHeaderLeadAssetCaption"})` 5634 position: relative; 5635 z-index: 2; 5636 margin-top: 0; 5637 margin-bottom: ${(0,a.Kq)(2)}; 5638 width: 100%; 5639 justify-self: left; 5640 5641 && { 5642 text-align: left; 5643 } 5644 5645 ${({mediaWidth:e})=>"fullbleed"===e&&o.AH` 5646 @media (min-width: ${s.LO.sm}) { 5647 padding-right: ${(0,a.Kq)(3)}; 5648 padding-left: ${(0,a.Kq)(3)}; 5649 } 5650 `} 5651 5652 @media (max-width: ${s.LO.sm}) { 5653 ${(0,i.aU)("padding")} 5654 } 5655 5656 &, 5657 > * { 5658 padding-top: ${(0,a.Kq)(1)}; 5659 } 5660 5661 > *:first-child { 5662 padding-top: 0; 5663 } 5664 5665 a { 5666 transition: color ${s.L6.timingLinkDefault} ease; 5667 } 5668 5669 ${u.eu} { 5670 margin-top: 0; 5671 ${({mediaWidth:e})=>"small"===e&&" &&{text-align: center;}"} 5672 } 5673 5674 ${({mediaWidth:e})=>"small"===e&&"&&{text-align: center;}"} 5675 5676 ${(0,a.L7)(`${r.VS.md}px`)} { 5677 ${({isLedeTextCenterForMobile:e})=>e&&o.AH` 5678 && { 5679 text-align: center; 5680 } 5681 `} 5682 } 5683`,w=o.Ay.div.withConfig({displayName:"ContentHeaderLeadAssetContentMedia"})` 5684 position: relative; 5685 5686 .cne-video-embed { 5687 margin: 0 auto; 5688 } 5689 5690 &.lead-asset__content__clip { 5691 width: 100%; 5692 } 5693 ${({ledeContentType:e,mediaWidth:t,showFullWidthLeadImage:n})=>((e,t,n)=>"gallery"===e||"clip"===e?o.AH` 5694 margin-right: 0; 5695 margin-left: 0; 5696 color: var(${g.pT.Color.Surface}); 5697 5698 @media (min-width: ${s.LO.sm}) and (max-width: ${s.LO.md}) { 5699 padding-right: ${(0,a.Kq)(3)}; 5700 padding-left: ${(0,a.Kq)(3)}; 5701 } 5702 5703 ${"fullbleed"===t&&n&&`\n padding-right: 0;\n padding-left: 0;\n @media (min-width: ${s.LO.sm}) and (max-width: ${s.LO.md}) {\n padding-right: 0;\n padding-left: 0;\n }\n `}; 5704 `:"photo"===e?`\n ${"fullbleed"===t&&n&&`\n width: 100%;\n @media (min-width: ${s.LO.xl}) {\n max-height: 1800px;\n }\n `};\n ${"grid"===t&&`\n @media (min-width: ${s.LO.xl}) {\n max-height: 1200px;\n }\n `};\n `:"")(e,t,n)} 5705`,$=o.Ay.div.withConfig({displayName:"ContentHeaderLeadAsset"})` 5706 position: relative; 5707 5708 ${({mediaWidth:e})=>"fullbleed"!=e?"padding: var(--grid-margin) var(--grid-margin) 0 var(--grid-margin);":""} 5709 5710 ${({ledeAssetOrientation:e,mediaWidth:t,ledeContentType:n})=>((e,t,n)=>"landscape"===e?`\n ${y} img {\n width: 100%;\n }\n ${"small"===t&&`\n @media (min-width: ${s.LO.lg}
5710) {\n ${b} {\n grid-column: 1 / 9;\n }\n }\n `};\n\n ${"fullbleed"===t&&`\n && {\n padding-right: 0;\n padding-left: 0;\n ${b} {\n padding-right: 0;\n padding-left: 0;\n }\n }\n ${f} {\n ${(0,i.aU)("padding")}\n }\n @media (min-width: ${s.LO.md}) {\n ${w} {\n max-height: none;\n ${p.BF} {\n object-fit: cover;\n }\n }\n }\n `};\n \n ${"smallrule"===t&&`\n ${b} {\n @media (min-width: ${s.LO.lg}) {\n grid-column: 2 / 8;\n }\n }\n `};\n `:"portrait"===e?`\n ${y},\n ${y} ${p.BF} {\n @supports (object-fit: contain) {\n ${"small"===t&&`\n @media (min-width: ${s.LO.lg}) {\n max-height: 530px;\n }\n \n @media (min-width: ${s.LO.xl}) {\n max-height: 720px;\n }\n \n @media (min-width: 1440px) {\n max-height: 1200px;\n }\n `};\n }\n }\n \n // 2. css-grid: portrait images span 8 columns (start at column 3 / end at the third from last column)\n ${b} {\n @media (min-width: ${s.LO.lg}) {\n grid-column: 3 / -3; // 2\n padding-right: 0;\n padding-left: 0;\n }\n }\n \n ${"small"===t&&`\n @media (min-width: ${s.LO.lg}) {\n ${b} {\n grid-column: 1 / 9;\n }\n }\n `};\n \n ${"smallrule"===t&&`\n ${b} {\n @media (min-width: ${s.LO.lg}) {\n grid-column: 2 / 8;\n }\n }\n `};\n \n @media print {\n ${"photo"===n&&`max-height: ${(0,a.Kq)(69)};`};\n ${y} ${p.BF} {\n max-height: ${(0,a.Kq)(69)};\n }\n }\n `:"")(e,t,n)} 5711`,v=(0,o.Ay)(m.A.Utility).withConfig({displayName:"ContentHeaderLedeLightboxButton"})` 5712 position: absolute; 5713 bottom: ${(0,a.Kq)(2)}; 5714 left: ${(0,a.Kq)(2)}; 5715 background: ${(0,a.HK)("colors.interactive.base.white")}; 5716 ${({shouldRenderCaption:e})=>e&&`bottom: ${(0,a.Kq)(7)};`} 5717 5718 &:hover, 5719 :active, 5720 :focus { 5721 background: ${(0,a.HK)("colors.interactive.base.black")}; 5722 5723 .button__icon-container { 5724 .icon { 5725 fill: ${(0,a.HK)("colors.interactive.base.brand-primary")}; 5726 } 5727 } 5728 } 5729`,C=o.Ay.div.withConfig({displayName:"ContentHeaderLeadRailAnchor"})` 5730 position: absolute; 5731 top: 100%; 5732 margin-top: ${(0,a.Kq)(8)}; 5733`,k=o.Ay.div.withConfig({displayName:"ContentHeaderLeadContentFullWidth"})` 5734 grid-column: full; 5735 background: var(${g.pT.Color.Surface}); 5736 padding: 0; 5737`,A=o.Ay.figure.withConfig({displayName:"ContentHeaderLeadContentCaptionCredit"})` 5738 ${(0,i.aU)("padding")} 5739 5740 display: grid; 5741 grid-gap: 1.25rem; 5742 grid-auto-rows: auto; 5743 grid-column: main; 5744 align-items: center; 5745 margin: 0 auto; 5746 max-width: 1600px; 5747 justify-items: center; 5748 5749 @media (min-width: ${s.LO.sm}) { 5750 --grid-margin: ${(0,a.Kq)(3)}; 5751 } 5752 5753 @media (min-width: ${s.LO.md}) { 5754 grid-template-columns: repeat(12, 1fr); 5755 } 5756 5757 ${f} { 5758 grid-column: 2/-2; 5759 padding: 0; 5760 } 5761`,x=(0,o.Ay)(d.A).withConfig({displayName:"ContentHeaderLeadAssetAwards"})` 5762 ${({hasStaticPositionedAward:e})=>!e&&`position: absolute;\n right: 0;\n z-index: 1;\n margin: ${(0,a.Kq)(2)};\n height: 100px;\n && {\n text-align: right;\n }\n box-sizing: border-box;\n `} 5763`},60254(e,t,n){n.d(t,{PK:()=>c,Y$:()=>d,bQ:()=>m,js:()=>u});var o=n(38267),i=n(1123),a=(n(26865),n(96472)),r=n(89085),s=n(21608),l=n(75163);const d=`\n color: var(${l.pT.Color.TextPubdate});\n &:hover, &:active {\n color: var(${l.pT.Color.TextPubdate});\n text-decoration: none;\n }\n cursor: unset;\n display: block;\n text-align: center;\n`,c=`\n ${(0,r.VG)(!1)}\n grid-column: main;\n width: 100%;\n`,m=o.AH` 5764 ${(0,i.aU)("padding")} 5765 background: var(${l.pT.Color.Surface}); 5766`,u=`\n margin-left: 0;\n padding-left: 0;\n\n @media (min-width: ${a.LO.lg}
5766) {\n margin-left: 0;\n padding-left: 0;\n }\n\n @media (min-width: ${a.LO.xxl}) {\n margin-left: 0;\n padding-left: 0;\n }\n\n &::before,\n &::after {\n @media (min-width: ${a.LO.sm}) and (max-width: ${a.LO.md}) {\n display: none;\n }\n }\n\n ${s.Jy} {\n &:only-child {\n padding-right: 0;\n }\n @media (min-width: ${a.LO.md}) {\n margin-left: 0;\n padding-left: 0;\n }\n }\n`},3196(e,t,n){n.d(t,{K:()=>r,g:()=>a});var o=n(5556),i=n.n(o);const a=i().shape({hideByline:i().bool,hideDek:i().bool,hidePublishDate:i().bool,hideRubric:i().bool}),r=e=>e?{display:"none"}:void 0},69389(e,t,n){n.d(t,{A:()=>a});var o=n(13465),i=n(69561);const a=(0,o.y)(i.A,"ContentHeader")},21608(e,t,n){n.d(t,{C7:()=>h,Fu:()=>g,Jy:()=>u,Mh:()=>d,RL:()=>p,h9:()=>c,hl:()=>m});var o=n(38267),i=n(26865),a=n(44944),r=n(10642),s=n(75163),l=n(74423);const d=(0,o.Ay)(a.A).withConfig({displayName:"ContentHeaderSponsorName"})` 5767 ${(0,i.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 5768 position: relative; 5769 color: var(${s.pT.Color.TextByline}); 5770 5771 ::before { 5772 position: absolute; 5773 top: 10%; 5774 left: calc(-${(0,i.Kq)(1)} - 0.5px); 5775 border-left: 1px solid currentColor; 5776 height: 80%; 5777 content: ' '; 5778 } 5779`,c=o.Ay.div.withConfig({displayName:"ContentHeaderRubricBlock"})` 5780 display: flex; 5781 flex-direction: row; 5782 flex-wrap: wrap; 5783 gap: ${(0,i.Kq)(2)}; 5784 5785 ${(0,i.Gg)("typography.definitions.globalEditorial.context-primary")}; 5786 line-height: 1; 5787 5788 > * { 5789 display: inline-flex; 5790 align-items: center; 5791 } 5792 5793 ${l.f9} { 5794 margin-top: 0; 5795 5796 &:first-child { 5797 margin-top: 0; 5798 } 5799 } 5800 5801 ${({hasIssueDateAndRubricBlock:e})=>e&&"\n @media (min-width: 0) and (max-width: 767px) {\n line-height: 1.4;\n }\n "} 5802`,m=o.Ay.span.withConfig({displayName:"ContentHeaderRubricPrice"})` 5803 margin-left: ${(0,i.Kq)(.5)}; 5804 vertical-align: middle; 5805`,u=o.Ay.div.withConfig({displayName:"ContentHeaderRubricContainer"})` 5806 text-align: center; 5807 line-height: 1; 5808 color: var(${s.pT.Color.TextRubric}); 5809 5810 ${({isVerticalAlign:e})=>e&&"\n a {\n vertical-align: baseline;\n }\n "} 5811 5812 .rubric--with-bg { 5813 margin-top: 0; 5814 } 5815 5816 .rubric--with-bg::before { 5817 margin-right: 0; 5818 content: ''; 5819 } 5820`,p=o.Ay.div.withConfig({displayName:"ContentHeaderRubricDateBlock"})` 5821 gap: ${(0,i.Kq)(2)}; 5822 5823 && { 5824 > * { 5825 display: inline-flex; 5826 } 5827 } 5828`,g=(0,o.Ay)(r.A.Item).withConfig({displayName:"ContentHeaderRubricIssueDate"})` 5829 position: relative; 5830 text-align: center; 5831 line-height: 1; 5832 5833 &::before { 5834 display: inline-block; 5835 position: absolute; 5836 top: 10%; 5837 left: calc(-${(0,i.Kq)(1)} - 0.5px); 5838 border-left: 1px solid currentColor; 5839 height: 80%; 5840 content: ' '; 5841 } 5842 5843 color: var(${s.pT.Color.TextPubdate}); 5844 5845 && .rubric.link { 5846 ${(0,i.Gg)("typography.definitions.globalEditorial.context-primary")} 5847 color: var(${s.pT.Color.TextPubdate}); 5848 5849 &:hover, 5850 &:active { 5851 color: var(${s.pT.Color.TextPubdate}); 5852 } 5853 } 5854 5855 ${({hideIssueDatePipeSeparator:e})=>e&&"\n &::before {\n content: none;\n }\n "} 5856`,h=o.Ay.div.withConfig({displayName:"ContentHeaderLiveIndicator"})` 5857 text-align: center; 5858`},1757(e,t,n){n.d(t,{$I:()=>$,AH:()=>y,Ao:()=>x,Cl:()=>w,Cp:()=>S,Lo:()=>k,Nj:()=>b,QU:()=>E,V3:()=>h,W0:()=>L,XD:()=>p,dd:()=>A,fi:()=>v,g1:()=>g,jc:()=>C,yx:()=>f});var o=n(38267),i=n(26865),a=n(96472),r=n(18608),s=n(73730),l=n(96163),d=n(60254),c=n(75163),m=n(74423);const u=`\n margin-top: ${(0,i.Kq)(4)};\n @media (min-width: ${a.LO.md}) {\n margin-top: ${(0,i.Kq)(4)};\n }\n}\n`,p=o.Ay.hr.withConfig({displayName:"ContentHeaderContentDivider"})` 5859 display: block; 5860 grid-column: 1 / -1; 5861 margin-top: ${(0,i.Kq)(1)}; 5862 margin-bottom: ${(0,i.Kq)(1.5)}; 5863 border: none; 5864 border-bottom-width: 2px; 5865 border-bottom-style: solid; 5866 border-bottom-color: var(${c.pT.Color.BorderAccent}); 5867 width: 100px; 5868 margin-inline-start: unset; 5869 margin-inline-end: unset; 5870`,g=o.Ay.div.withConfig({displayName:"ContentHeaderLowerBylineDateBlock"})` 5871 ${m.f9} { 5872 margin-top: 0; 5873 } 5874`,h=(0,o.Ay)(l.A).withConfig({displayName:"ContentHeaderItemCount"})` 5875 ${u} 5876 text-align: center; 5877 line-height: 1; 5878`,y=(0,o.Ay)(r.vm).withConfig({displayName:"ContentHeaderHed"}).attrs(e=>({as:"h1",typeIdentity:"typography.definitions.consumptionEditorial.hed-standard",...e}))` 5879 cursor: unset; 5880 text-align: center; 5881 color: var(${c.pT.Color.TextHeading}); 5882 5883 &:hover, 5884 &:active { 5885 text-decoration: none; 5886 color: var(${c.pT.Color.TextHeading}); 5887 } 5888`,b=o.Ay.div.withConfig({displayName:"AddressBlockWrapper"})` 5889 ${u} 5890 color: var(${c.pT.Color.TextDek}); 5891 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 5892 5893 path { 5894 fill: currentColor; 5895 }
5896`,f=o.Ay.a.withConfig({displayName:"HeaderAddressDetails"})` 5897 display: inline-flex; 5898 flex-direction: column; 5899 color: var(${c.pT.Color.TextDek}); 5900 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 5901`,w=o.Ay.div.withConfig({displayName:"PodcastButtonWrapper"})` 5902 padding-top: ${(0,i.Kq)(1)}; 5903 padding-bottom: 3px; 5904`,$=(0,o.Ay)(s.A.Primary).withConfig({displayName:"PodcastButton"})` 5905 margin-bottom: ${(0,i.Kq)(1.5)}; 5906 text-align: center; 5907`,v=o.Ay.a.withConfig({displayName:"PodcastLink",className:c.pT.Component.LinkButtonUtilityOutlined})` 5908 display: block; 5909 text-align: center; 5910 ${(0,i.Gg)("typography.definitions.consumptionEditorial.description-embed")}; 5911 color: var(${c.pT.Color.TextPubdate}); 5912 5913 &:hover, 5914 &:active { 5915 text-decoration: none; 5916 color: var(${c.pT.Color.TextPubdate}); 5917 } 5918`,C=o.Ay.div.withConfig({displayName:"ContentHeaderTitleBlockWrapper"})` 5919 ${d.PK} 5920 display: grid; 5921 row-gap: ${(0,i.Kq)(2)}; 5922 5923 > * { 5924 grid-column: 1/-1; 5925 } 5926 5927 ${y} { 5928 @media (min-width: ${a.LO.lg}) { 5929 grid-column: 3 / span 8; 5930 } 5931 } 5932 5933 ${({rowWithTopBorder:e})=>e&&`\n ${(0,i.H4)(a.LO.md)}{\n &::before {\n display: block;\n grid-column: 1/-1;\n border: 0;\n border-top: 1px solid var(${c.pT.Color.BorderStory});\n padding-bottom: ${(0,i.Kq)(2)};\n width: 100%;\n height: 0;\n content: '';\n }\n }\n ${d.js}\n `} 5934`,k=(0,o.Ay)(r.vm).withConfig({displayName:"ContentHeaderTitleBlockPublishDate"}).attrs(({datetime:e,...t})=>({as:"time",dateTime:e,typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...t}))` 5935 ${d.Y$} 5936`,A=o.Ay.div.withConfig({displayName:"HeaderSocialInformation"})` 5937 padding-top: ${(0,i.Kq)(3)}; 5938 5939 svg { 5940 margin-right: ${(0,i.Kq)(2)}; 5941 } 5942 5943 a { 5944 padding-right: ${(0,i.Kq)(1.5)}; 5945 color: var(${c.pT.Color.Icon}); 5946 } 5947`,x=o.Ay.div.withConfig({displayName:"HeaderContactInformation"})` 5948 padding-top: ${(0,i.Kq)(3)}; 5949 5950 a { 5951 color: var(${c.pT.Color.TextDek}); 5952 } 5953`,E=o.Ay.div.withConfig({displayName:"EmailPopupWrapper"})` 5954 display: flex; 5955 align-items: center; 5956 justify-content: center; 5957 5958 svg { 5959 cursor: pointer; 5960 } 5961`,S=o.Ay.div.withConfig({displayName:"EmailPopupCopyIconWrapper"})` 5962 display: flex; 5963 align-items: center; 5964 margin-left: ${(0,i.Kq)()}; 5965`,L=o.Ay.button.withConfig({displayName:"CopyIconButtonWrapper"})` 5966 display: flex; 5967 border: none; 5968 background: transparent; 5969 cursor: pointer; 5970 padding: 0; 5971`},33193(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({showAllPhotos:{id:"ContentHeader.ShowAllPhotos",defaultMessage:"Show all Photos",description:"Call to action to view entire photo gallery"},readReviews:{id:"ContentHeader.ReadReviews",defaultMessage:"Read Reviews",description:"Call to action to read reviews"}})},90072(e,t,n){n.d(t,{W:()=>s,w:()=>l});var o=n(96540),i=n(52009),a=n(72362);const r=new Set(["photo","cartoon"]),s=(e,t)=>{const[n,i]=(0,o.useState)(!1),[r,s]=(0,o.useState)("");return(0,o.useEffect)(()=>{if(e&&navigator?.share){const{protocol:e,host:n,pathname:o,search:r}=window.location;s(`${e}//${n}${o}${r}`),(0,a.Zm)()&&!t||i(!0)}},[e,t]),{showNativeShareButton:n,pageUrl:r}},l=e=>{const t={...e};return r.has(e.contentType)&&!e.segmentedSources&&e.sources&&(t.segmentedSources=(0,i.I)(e.sources)),t}},69561(e,t,n){n.d(t,{A:()=>kt});var o=n(47655),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(68898),c=n(96163),m=n(10642),u=n(65087),p=n(1429),g=n(1521),h=n(21093),y=n(73275),b=n(6442),f=n(13465),w=n(88317);const $=({bylineVariation:e,contributors:t,hideAdaptationByline:n,shouldUseCustomPreambles:o=!1,preambles:i})=>t&&0!==Object.keys(t).length?l.createElement(w.ZU,{contributors:t,bylineVariation:e,isCompact:!1,hideAdaptationByline:n,shouldUseCustomPreambles:o,preambles:i}):null;
5971$.propTypes={bylineVariation:s().string,contributors:s().object,hideAdaptationByline:s().bool,shouldUseCustomPreambles:s().bool,preambles:s().object};const v=$;var C=n(1757),k=n(3196);const A=({hasExtraSpaceBetweenSeparator:e,hidePublishDate:t,hidePublishDateDisplay:n=!1,publishDate:o,modifiedDate:i})=>{if(t||!o)return null;const a=i&&{datetime:i};return l.createElement(C.Lo,{style:(0,k.K)(n),hasExtraSpaceBetweenSeparator:e,"data-testid":"ContentHeaderPublishDate",...a,suppressHydrationWarning:!0},o)};A.propTypes={hasExtraSpaceBetweenSeparator:s().bool,hidePublishDate:s().bool,hidePublishDateDisplay:s().bool,modifiedDate:s().string,publishDate:s().string};const x=A;var E=n(59561),S=n(21608);const L=({hideIssueDate:e,hideIssueDatePipeSeparator:t,issueDate:n,issueLink:o,showIssueCopyByDate:i})=>e||!n?null:l.createElement(S.Fu,{name:`${n}${i?" Issue":""}`,url:o,hideIssueDatePipeSeparator:t});L.propTypes={hideIssueDate:s().bool,hideIssueDatePipeSeparator:s().bool,issueDate:s().string,issueLink:s().string,showIssueCopyByDate:s().bool};const T=L,N=({authorsPosition:e,bylineVariation:t,contributors:n,hasExtraSpaceBetweenSeparator:o,hideAdaptationByline:i=!1,hideBylineDisplay:a=!1,hideIssueDate:r,hideIssueDatePipeSeparator:s,hidePublishDate:d,hidePublishDateDisplay:c=!1,hideRubric:u,hideRubricDisplay:p=!1,isLiveStoryType:g=!1,isStoryLive:h=!1,issueDate:y,issueLink:b,modifiedDate:f,price:w,publishDate:$,publishDatePosition:C,publishDateSlot:A,rubric:L,rubricVariation:N,showIssueCopyByDate:H,sponsorName:I,shouldUseCustomPreambles:B=!1,preambles:O})=>{const K=m.A[N]||m.A,D=!r&&y&&L,_=void 0===A?("above"===e||"top"===C)&&!I:"title"===A&&"below"!==e;return g&&h?l.createElement(S.C7,null,l.createElement(E.A,{hasBackground:!0,shouldEnableAnimation:!0})):!(L||y||n)||u?null:(L||y||n)&&l.createElement(S.h9,{hasIssueDateAndRubricBlock:D,"data-testid":"ContentHeaderRubric"},"above"===e&&l.createElement("div",{style:(0,k.K)(a)},l.createElement(v,{bylineVariation:t,contributors:n,hideAdaptationByline:i,shouldUseCustomPreambles:B,preambles:O})),l.createElement(S.RL,{"data-testid":"ContentHeaderRubricDateBlock"},L&&l.createElement(S.Jy,{...L,style:(0,k.K)(p),isVerticalAlign:"above"===e||"top"===C||D,as:K}),w&&l.createElement(S.hl,null,"/ ",w),I&&l.createElement(S.Mh,{hasExtraSpaceBetweenSeparator:o,items:[{name:I}]}),_&&l.createElement(x,{hasExtraSpaceBetweenSeparator:o,hidePublishDate:d,hidePublishDateDisplay:c,modifiedDate:f,publishDate:$})),l.createElement(T,{hideIssueDate:r,hideIssueDatePipeSeparator:s,issueDate:y,issueLink:b,showIssueCopyByDate:H}))};N.propTypes={authorsPosition:s().string,bylineVariation:s().string,contributors:s().object,hasExtraSpaceBetweenSeparator:s().bool,hasNoRowPadding:s().bool,hideAdaptationByline:s().bool,hideBylineDisplay:s().bool,hideIssueDate:s().bool,hideIssueDatePipeSeparator:s().bool,hidePublishDate:s().bool,hidePublishDateDisplay:s().bool,hideRubric:s().bool,hideRubricDisplay:s().bool,isLiveStoryType:s().bool,isStoryLive:s().bool,issueDate:s().string,issueLink:s().string,modifiedDate:s().string,preambles:s().object,price:s().string,publishDate:s().string,publishDatePosition:s().string,publishDateSlot:s().oneOf(["accreditation","hidden","title"]),rubric:s().shape(m.A.propTypes),rubricVariation:s().string,shouldUseCustomPreambles:s().bool,showIssueCopyByDate:s().bool,sponsorName:s().string};const H=N;var I=n(38267),B=n(18608),O=n(26865),K=n(75163);const D=I.Ay.div.withConfig({displayName:"CategoriesWrapper"})` 5972 display: flex; 5973 flex-wrap: wrap; 5974 align-items: baseline; 5975 margin-top: ${(0,O.Kq)(.5)}; 5976`,_=I.Ay.div.withConfig({displayName:"CategoriesTitle"})` 5977 margin-right: ${(0,O.Kq)(1)}; 5978 color: var(${K.pT.Color.TextByline}); 5979 ${(0,O.Gg)("typography.definitions.globalEditorial.accreditation-feature")} 5980`,P=I.Ay.ul.withConfig({displayName:"CategoriesItemList"})` 5981 margin: 0; 5982 padding: 0; 5983 line-height: 1; 5984`,R=I.Ay.li.withConfig({displayName:"CategoriesItem"})` 5985 display: inline-block; 5986 5987 &:not(:last-child) { 5988 &::after { 5989 margin: 0 ${(0,O.Kq)(1)}; 5990 color: var(${K.pT.Color.BorderStory}); 5991 content: '|'; 5992 } 5993 }
5994`,q=(0,I.Ay)(B.sH).withConfig({displayName:"CategoriesLink"}).attrs(e=>({typeToken:"typography.definitions.globalEditorial.accreditation-core",...e}))` 5995 ${({theme:e})=>(0,O.pe)(e,"colors.consumption.lead.standard.link",null,"global")}; 5996`,M=({title:e,tags:t=[]})=>l.createElement(D,null,l.createElement(_,null,e),l.createElement(P,null,t.map(e=>l.createElement(R,{key:e.name},l.createElement(q,{href:e.slug},e.name)))));M.propTypes={tags:s().array,title:s().string},M.displayName="Categories";const F=M,U=({hasCategoryEyebrow:e,tags:t,title:n})=>e&&t?.length>0?l.createElement(F,{title:n,tags:t}):null;U.propTypes={hasCategoryEyebrow:s().bool,tags:s().array,title:s().string};const V=U;var G=n(91470),W=n(72362);const j=({address:e,email:t,phone:n,socialMedia:o,link:i})=>{const[a,r]=l.useState(!1);if(!e&&!n&&!t)return null;const{street:s,city:d,state:c,postalCode:m,country:u}=e,p=(e=>{if(!e)return[];const{street:t,city:n,state:o,postalCode:i,country:a}=e;return[t,n,o,i,a].filter(Boolean)})(e),g={Instagram:G.Instagram,Facebook:G.Facebook,Pinterest:G.Pinterest,LinkedIn:G.LinkedIn,Twitter:G.Twitter},h=(e=>{if(!e)return"";let t=e.replace(/^(https?:|)\/\//,"");return t.includes("www.")?t:`www.${t}`})(i);return l.createElement(C.Nj,null,e&&l.createElement(C.yx,{"data-testid":"HeaderAddressDetails",href:"",onClick:e=>(e=>{e.preventDefault(),p?.length>0&&((0,W.ox)()?window.open(`maps://maps.apple.com/maps?q=${p}`):window.open(`https://maps.google.com?q=${p}`))})(e)},l.createElement("div",{className:"StreetAndCity"},s&&l.createElement("span",{"data-testid":"HeaderAddressStreet"},s),d&&l.createElement("span",{"data-testid":"HeaderAddressCity"},p[0]!==d&&", ",d,p[0]!==c&&", ")),l.createElement("div",{className:"StatePostalAndCountry"},c&&l.createElement("span",{"data-testid":"HeaderAddressState"},c),m&&l.createElement("span",{"data-testid":"HeaderAddressPostalCode"},p[0]!==m&&", ",m),u&&l.createElement("span",{"data-testid":"HeaderAddressCountry"},p[0]!==u&&", ",u))),l.createElement(C.Ao,null,n&&l.createElement("div",null,l.createElement("a",{"data-testid":"HeaderAddressPhone",href:`tel:${n}`,"aria-label":"Opens in a new window",rel:"nofollow noopener noreferrer",target:"_blank"},n)),i&&l.createElement("a",{"data-testid":"HeaderAddressWebUrl",href:i,"aria-label":"Opens in a new window",rel:"nofollow noopener noreferrer",target:"_blank"},h),t&&l.createElement(C.QU,null,l.createElement("a",{href:`mailto:${t}`,"data-testid":"HeaderAddressEmail","aria-label":"Opens in a new window",rel:"nofollow noopener noreferrer",target:"_blank"},t),l.createElement(C.Cp,null,a?l.createElement(G.Check,{width:16,height:16}):l.createElement(C.W0,{type:"button",onClick:async()=>{try{await navigator.clipboard.writeText(t),r(!0),setTimeout(()=>{r(!1)},2e3)}catch(e){}},"aria-label":"Copy email"},l.createElement(G.Copy,{"aria-hidden":"true",width:16,height:16}))))),l.createElement(C.dd,null,o?.length>0&&o.map((e,t)=>{const n=g[e.network];return n&&l.createElement("a",{key:t,"data-testid":`HeaderAddress${e.network}`,href:e.handle,"aria-label":`Opens ${e.network} in a new window`,rel:"nofollow noopener noreferrer",target:"_blank"},l.createElement(n,null))})))};j.propTypes={address:s().object,email:s().string,link:s().string,phone:s().string,socialMedia:s().array};const z=j;var Y=n(40133);const X=e=>e.length>0?e[0]:null;function Z({authorsPosition:e="hidden",business:t,bylineVariation:n,configuredComponentRef:o,contentHeaderCategories:i={hasCategoryEyebrow:!1},contentHeaderDisplay:a={},contentSponsorNames:r=[],contributors:s,dividerType:d="both",externalLinks:c,hasContentDivider:m,hasDesktopTitleBlockDivider:u=!1,hasExtraSpaceBetweenSeparator:p=!1,hideIssueDate:g=!0,hideIssueDatePipeSeparator:h=!1,hasNoRowPadding:y=!1,hideAdaptationByline:f=!1,hideHeadline:w=!1,hidePublishDate:$=!1,hideRubric:A=!1,isBusinessContentHeader:S=!1,isLiveStoryType:L,isStoryLive:T,issueDate:N,issueLink:I,itemsCount:B,metadataVideo:O={},modifiedDate:K,dangerousHed:D,price:_,podcastPagePrimaryCta:P,podcastPagePrimaryCtaLabel:R,publishDate:q,publishDatePosition:M="bottom",publishDateSlot:F,rubric:U,rubricVariation:G,shouldDisplayLiveIndicator:W=!1,showIssueC
5996opyByDate:j=!1,showItemCount:Z=!1,showPodcastButton:J=!1,theme:Q="standard",shouldUseCustomPreambles:ee=!1,preambles:te}){const ne=m&&"above"!==e,oe="inverted"===Q?"outlined":"filled",ie=u&&("both"===d||"top"===d),{formatMessage:ae}=(0,b.A)();return l.createElement(C.jc,{ref:o,rowWithTopBorder:ie,isBusinessContentHeader:S,"data-testid":"ContentHeaderTitleBlockWrapper"},O.isLive&&W&&l.createElement(E.A,null),l.createElement(H,{authorsPosition:e,bylineVariation:n,contributors:s,hasExtraSpaceBetweenSeparator:p,hasNoRowPadding:y,hideIssueDate:g,hideIssueDatePipeSeparator:h,hideAdaptationByline:f,hideBylineDisplay:a.hideByline,hidePublishDate:$,hidePublishDateDisplay:a.hidePublishDate,hideRubric:A,hideRubricDisplay:a.hideRubric,isLiveStoryType:L,isStoryLive:T,issueDate:N,issueLink:I,modifiedDate:K,price:_,publishDate:q,publishDatePosition:M,publishDateSlot:F,rubric:U,rubricVariation:G,showIssueCopyByDate:j,sponsorName:X(r),shouldUseCustomPreambles:ee,preambles:te}),l.createElement(V,{...i}),l.createElement(C.AH,{style:w?{display:"none"}:void 0,dangerouslySetInnerHTML:{__html:D},"data-testid":"ContentHeaderHed"}),"below"===e&&(void 0===F||"title"===F)&&l.createElement(C.g1,null,l.createElement("div",{style:(0,k.K)(a.hideByline)},l.createElement(v,{bylineVariation:n,contributors:s,shouldUseCustomPreambles:ee,preambles:te})),l.createElement(x,{hasExtraSpaceBetweenSeparator:p,hidePublishDate:$,hidePublishDateDisplay:a.hidePublishDate,modifiedDate:K,publishDate:q})),Z&&B&&l.createElement(C.V3,{...B}),ne&&l.createElement(C.XD,null),S&&l.createElement(z,{address:t?.address,phone:t?.phone,email:t?.email,socialMedia:t?.socialMedia,link:t?.url}),J&&P&&l.createElement(C.Cl,null,l.createElement(C.$I,{btnStyle:oe,href:P,label:R||ae(Y.A.primaryCTALabel),target:"blank",inputKind:"link"}),c.length>0&&l.createElement(C.fi,{href:c[0].url,target:"blank"},"Or, choose where to Listen")))}Z.propTypes={configuredComponentRef:s().func,authorsPosition:s().oneOf(["above","below","hidden"]),business:s().shape({address:s().object,phone:s().string,email:s().string,socialMedia:s().array,url:s().string}),bylineVariation:s().string,contentHeaderCategories:s().shape({title:s().string,tags:s().array,hasCategoryEyebrow:s().boolean}),contentHeaderDisplay:k.g,contentSponsorNames:s().array,contributors:s().object,dangerousHed:s().oneOfType([s().string,s().object]).isRequired,dividerType:s().string,externalLinks:s().array,hasContentDivider:s().bool,hasDesktopTitleBlockDivider:s().bool,hasDivider:s().bool,hasExtraSpaceBetweenSeparator:s().bool,hasNoRowPadding:s().bool,hideAdaptationByline:s().bool,hideHeadline:s().bool,hideIssueDate:s().bool,hideIssueDatePipeSeparator:s().bool,hidePublishDate:s().bool,hideRubric:s().bool,isBusinessContentHeader:s().bool,isLiveStoryType:s().bool,isStoryLive:s().bool,issueDate:s().string,issueLink:s().string,itemsCount:s().shape(c.A.propTypes),metadataVideo:s().shape({isLive:s().bool,premiereDate:s().string,series:s().string,videoLength:s().number}),modifiedDate:s().string,podcastPagePrimaryCta:s().string,podcastPagePrimaryCtaLabel:s().string,preambles:s().object,price:s().string,publishDate:s().string,publishDatePosition:s().oneOf(["top","bottom"]),publishDateSlot:s().oneOf(["accreditation","hidden","title"]),rubric:s().shape(m.A.propTypes),rubricVariation:s().string,shouldDisplayLiveIndicator:s().bool,shouldUseCustomPreambles:s().bool,showIssueCopyByDate:s().bool,showItemCount:s().bool,showPodcastButton:s().bool,theme:s().oneOf(["standard","inverted","special"])},Z.displayName="TitleBlock";const J=(0,f.y)(Z,"TitleBlock");var Q=n(92027),ee=n(94409),te=n(24573),ne=n(97624),oe=n(33193),ie=n(96472),ae=n(18117),re=n(39832);const se=I.Ay.div.withConfig({displayName:"SponsorContentContainer"})` 5997 margin-top: ${(0,O.Kq)(3)}; 5998 text-align: center; 5999 ${ae.B} { 6000 display: inline-flex; 6001 margin-top: 0; 6002 margin-bottom: 0; 6003 width: 66px; 6004 } 6005`,le=(0,I.Ay)(y.A).withConfig({displayName:"SponsorImage"})` 6006 margin-right: auto; 6007 margin-left: auto; 6008 6009 img { 6010 border: 1px solid; 6011 border-radius: 50%; 6012 border-color: var(${K.pT.Color.BorderStory}); 6013 width: 64px; 6014 height: 64px; 6015 } 6016`,de=I.Ay.div.withConfig({displayName:"SponsoredContent"})` 6017 ${({theme:e})=>(0,O.Gg)(e,"typography.definitions.globalEditorial.syndication")} 6018 6019 display: block; 6020 margin: ${(0,O.Kq)(2,"px")} 0 ${(0,O.Kq)(2,"px")}; 6021 color: var(${K.pT.Color.TextSubtle}); 6022 6023 @media (min-width: 0) and (max-width: ${ie.LO.md}) { 6024 margin: ${(0,O.Kq)(1.5,"px")}
6024 0 ${(0,O.Kq)(1.5,"px")}; 6025 } 6026`,ce=(0,I.Ay)(re.A).withConfig({displayName:"SponsoredContentCampaignLink"})` 6027 text-decoration: none; 6028`,me=({sponsorByline:e,sponsoredContentHeaderProps:t})=>{const{sponsorLogo:n,sponsorName:o,campaignUrl:i}=t;if(!o||!e)return null;const a=`${e} ${o}`;return l.createElement(se,null,l.createElement(ce,{additionalRelVals:["sponsored"],href:i},l.createElement(le,{...n}),l.createElement(de,null,a)))};me.propTypes={sponsorByline:s().string,sponsoredContentHeaderProps:s().shape({campaignUrl:s().string,sponsorLogo:s().shape(y.A.propTypes),sponsorName:s().string}),theme:s().oneOf(["standard","inverted","special"])};const ue=me;var pe=n(96591),ge=n(80607);const he=({venueAwards:e})=>l.createElement(l.Fragment,null,e&&l.createElement(ge.Jj,{dangerouslySetInnerHTML:{__html:e}}));he.propTypes={venueAwards:s().string};const ye=({bylinesBlock:e,contributorImage:t,dangerousDek:n,dividerType:o,hasContributorImageBackground:i,hasDesktopTitleBlockDivider:a,hasLede:r,hideTopRating:s,isBusinessContentHeader:d,isSponsoredContent:c,signage:m,sponsorByline:u,sponsoredContentHeaderProps:p,publishDateBlock:g,publishDatePosition:y,publishDateSlot:f,rating:w,reviewRating:$,shouldShowAuthorsInTitleBlock:v,showContributorImage:C=!1,socialTitle:A,socialDescription:x,pageUrl:E,shouldDisplaySignageInline:S,showNativeShareButton:L,venueAwards:T,hideByLine:N=!1,hideBylineDisplay:H=!1,hideDangerousDek:I=!1,hideDekDisplay:B=!1,isLiveStoryType:O=!1,metadataVideo:K={},shouldDisplayPremiereDate:D=!1,shouldShowAIStyles:_=!1,showSponsorBlock:P=!1})=>{const{rating:R,count:q}=w||{},M=he({venueAwards:T}),F={showDek:!I&&!!n,showVenueAwards:!!T,showByline:!v&&!c&&!N,showPublishDate:(void 0===f?"bottom"===y:"accreditation"===f)&&!!g,showNativeShareButton:L},{isLive:U,premiereGap:V,premiereDate:G}=K,{formatMessage:W}=(0,b.A)();return l.createElement(ge.zY,{className:"content-header__accreditation",shouldShowAuthorsInTitleBlock:v,isBusinessContentHeader:d,hasLede:r,rowWithBottomBorder:a&&("both"===o||"bottom"===o),"data-testid":"ContentHeaderAccreditation"},F.showDek&&l.createElement(ge.b3,{style:(0,k.K)(B),className:_?"ai-generated-article-dek":null,dangerouslySetInnerHTML:{__html:n},as:"div"}),S&&m&&l.createElement(ge.fv,null,m),D&&G&&!U&&l.createElement(ge.bw,null,l.createElement(pe.A,{premiereDate:G,premiereGap:V,containerTheme:void 0,hideTimeStampIcon:!0})),O&&P&&l.createElement(ue,{sponsorByline:u,sponsoredContentHeaderProps:{...p}}),M,$&&!s&&l.createElement(te.A,{rating:$}),(F.showByline||F.showPublishDate)&&l.createElement(ge.K4,null,F.showByline&&C&&t&&l.createElement(ge.h4,{...t,style:(0,k.K)(H),sizes:d?"100%":"66px",hasContributorImageBackground:i,isBusinessContentHeader:d}),l.createElement(ge.fz,null,F.showByline&&e&&l.createElement("div",{style:(0,k.K)(H)},e),F.showPublishDate&&g)),L&&l.createElement(ge.Nh,null,l.createElement(ne.A,{shareData:{url:E,title:A,text:x}})),!!R&&!!q&&l.createElement(h.A,{averageRatingCount:Math.round(10*R)/10,hasBorderTop:!0,link:{label:W(oe.A.readReviews),onClick:e=>{e.preventDefault();const t=document.getElementById("reviews"),{top:n}=(0,ee.A)(t);window.scrollTo(0,n-56)},url:"#reviews"},totalRatingCount:q}))};ye.propTypes={bylinesBlock:s().node,contributorImage:s().shape(y.A.propTypes),dangerousDek:s().string,dividerType:s().string,hasContributorImageBackground:s().bool,hasDesktopTitleBlockDivider:s().bool,hasLede:s().bool,hideByLine:s().bool,hideBylineDisplay:s().bool,hideDangerousDek:s().bool,hideDekDisplay:s().bool,hideTopRating:s().bool,isBusinessContentHeader:s().bool,isLiveStoryType:s().bool,isSponsoredContent:s().bool,metadataVideo:s().shape({isLive:s().bool,premiereDate:s().string,premiereGap:s().number,series:s().string,videoLength:s().number}),pageUrl:s().string,publishDateBlock:s().node,publishDatePosition:s().string,publishDateSlot:s().oneOf(["accreditation","hidden","title"]),rating:s().shape(h.A.propTypes),reviewRating:s().number,shouldDisplayPremiereDate:s().bool,shouldDisplaySignageInline:s().bool,shouldShowAuthorsInTitleBlock:s().bool,shouldShowAIStyles:s().bool,showContributorImage:s().bool,showNativeShareButton:s().bool,showSponsorBlock:s().bool,signage:s().string,
6028socialDescription:s().string,socialTitle:s().string,sponsorByline:s().string,sponsoredContentHeaderProps:s().shape({campaignUrl:s().string,sponsorLogo:s().shape(y.A.propTypes),sponsorName:s().string}),venueAwards:s().string};const be=ye;var fe=n(90072),we=n(82511),$e=n(589),ve=n(57744),Ce=n(68089),ke=n(62327),Ae=n(53499),xe=n(14307);const Ee=e=>{e&&(0,xe.UP)((0,xe.D3)(e.target))};var Se=n(16695),Le=n(59867);const Te=[...Object.entries(ie.Ni).map(([e,t])=>[e,[parseInt(t[0]),parseInt(t[1])]]),["xxxl",[1600,1/0]]],Ne=({additionalPhotos:e,authorsTitleBlockPosition:t="hidden",awards:n,business:o={address:{},phone:"",email:"",socialMedia:[],link:""},bylineVariation:i,captionStyle:r="default",captionWidth:s="standard",config:c={adsConfig:{contentHeaderRubricName:void 0}},className:m,contentHeaderCategories:u,contentHeaderDisplay:p={},contentSponsorNames:h=[],contributorImage:y,contributors:b,ctaText:f,dangerousDek:$,dangerousHed:v,dividerType:C="both",showFullHeaderViewInMobile:A=!1,externalLinks:x=[],hasDesktopTitleBlockDivider:E=!1,hasLedeLightboxButton:S,hasLightbox:L=!1,hasSlideshow:T=!1,hasStaticPositionedAward:N=!1,hideAdaptationByline:H=!1,hideByLine:I=!1,hideContributors:B=!1,hideDangerousDek:O=!1,hideHeadline:K=!1,hideRubric:D=!1,hideTopDisclaimerOnMobile:_,hideTopRating:P,hidePublishDate:R=!1,interactiveOverride:q,isBusinessContentHeader:M,isLiveStoryType:F=!1,isImagePositionBottomInSmallScreen:U,isStoryLive:V=!1,issueDate:G,issueLink:W,lede:j,modifiedDate:z,offers:Y,price:X,publishDate:Z,rating:ee,reviewRating:te,rubric:ne,rubricVariation:oe,itemsCount:ie,hasContributorImageBackground:ae=!1,metadataVideo:re={},showContentDivider:se=!1,showContributorImage:le=!0,showContributorImageOnMobile:de=!0,showSponsorBlock:ce=!1,showHeaderButton:me,signage:ue,hideIssueDate:pe,hideIssueDatePipeSeparator:ge=!1,hideLede:he=!1,hideLedeCaption:ye=!1,hasDisabledCloseOnClickForLightbox:ve,hasNarrowHeader:xe=!1,podcastPagePrimaryCta:Ne,podcastPagePrimaryCtaLabel:He,shouldDisplayPremiereDate:Ie=!1,shouldDisplaySignageInline:Be=!1,shouldShortenHeadline:Oe=!1,showFullWidthLeadImage:Ke=!1,showIssueCopyByDate:De=!1,showTextOverlayDek:_e=!1,slideShowVariation:Pe,socialTitle:Re,socialDescription:qe,summary:Me,theme:Fe={},sponsoredContentHeaderProps:Ue,sponsorByline:Ve,variations:Ge={contentAlign:"center",contentPosition:"above",hasDivider:!1,hasExtraSpaceBetweenSeparator:!1,hasInlinePublishDate:!1,hasLedeLightbox:!1,hasNoRowPadding:!1,leadRailAnchor:!1,ledeAlign:"default",publishDatePosition:"bottom",shouldUseSmallLede:!1,showPodcastButton:!1},hasNativeShareButton:We=!1,shouldEnableNativeShareOnDesktop:je=!1,showBreadCrumb:ze,venueAwards:Ye,variationName:Xe,isFullBleedVideo:Ze=!1,cneVideoEmbedProps:Je={additionalEmbedParams:{},dangerousCaption:"",isStickyType:!1,scriptUrl:"",shouldAutoplay:!0,shouldHaveTeaser:!0,shouldMute:!0,variationsVideo:{},variationVideoName:{}},shouldAlignCenterWhenNoCaption:Qe=!1,shouldUseCustomPreambles:et=!1,shouldStackBylinesOnMobile:tt=!1,preambles:nt,shouldDisplaySubscribersOnlyBadge:ot,user:it={}})=>{const{copyWidth:at,contentAlign:rt,contentPosition:st,hasExtraSpaceBetweenSeparator:lt=!1,hasLedeLightbox:dt,hasNoRowPadding:ct,hasInlinePublishDate:mt,ledeAlign:ut,leadRailAnchor:pt,mediaWidth:gt,publishDatePosition:ht="bottom",hasDivider:yt,showPodcastButton:bt,shouldUseSmallLede:ft}=Ge,{additionalEmbedParams:wt,dangerousCaption:$t,isStickyType:vt,scriptUrl:Ct,shouldAutoplay:kt,shouldHaveTeaser:At,shouldMute:xt,variationsVideo:Et,variationVideoName:St}=Je;l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(Ae.G.RENDER,{name:"ContentHeader",variation:Xe})},[Xe]);const[Lt,Tt]=(0,l.useState)("xxxl"),Nt=(0,l.useMemo)(()=>{if("fullbleed"===gt&&"xxxl"!==Lt){if("above"===(!["xl","xxl"].includes(Lt)&&U?"above":st))return{...Fe,art:void 0}}return Fe},[Lt,Fe,st,gt,U]),Ht=l.useCallback(()=>{let e=window.innerWidth;Tt((Te.find(([t,n])=>e>n[0]&&e<n[1])||["xxxl"])[0])},[]);(0,we.A)(()=>{const e=window.Kendra.WINDOW_EVENT.on(Le.m.RESIZE_DEBOUNCE,Ht);return Ht(),()=>{e&&e.off()}},[Ht]),ne&&(ne.name=c.adsConfig?.contentHeaderRubricName||ne.name);const It=(e=>e&&1===Object.keys(e).length&&e.author&&1===e.author.items.length)(b)&&mt,Bt="storyimage"===(0,Ce.u)(q),Ot=!R&&Boolean(Z),Kt=(({authorsPosition:e,hasPublishDate:t,hideByLine:n,isSponsoredContent:o,publishDatePosition:i})=>
6028t?"below"!==e&&(o||"above"!==e&&"top"!==i)?"bottom"!==i||n&&!o?"hidden":"accreditation":"title":"hidden")({authorsPosition:t,hasPublishDate:Ot,hideByLine:I,isSponsoredContent:h.length>0,publishDatePosition:ht}),Dt=l.createElement(J,{authorsPosition:t,business:o,bylineVariation:i,contentHeaderCategories:u,contentHeaderDisplay:p,contentSponsorNames:h,contributors:b,dangerousHed:v,dividerType:C,externalLinks:x,hasContentDivider:se,hasDesktopTitleBlockDivider:E,hasDivider:yt,hasNoRowPadding:ct,hasExtraSpaceBetweenSeparator:lt,hideAdaptationByline:H,hideHeadline:K,hideIssueDate:pe,hideIssueDatePipeSeparator:ge,hideRubric:D,hidePublishDate:R,isBusinessContentHeader:M,isLiveStoryType:F,isStoryLive:V,issueDate:G,issueLink:W,itemsCount:ie,metadataVideo:re,modifiedDate:z,podcastPagePrimaryCta:Ne,podcastPagePrimaryCtaLabel:He,price:X,publishDate:Z,publishDatePosition:ht,publishDateSlot:Kt,rubric:ne,rubricVariation:oe,showIssueCopyByDate:De,shouldUseCustomPreambles:et,preambles:nt,showPodcastButton:bt,theme:Nt.text});let _t=Q.A;L&&dt&&(_t=e?(0,d.A)({Component:Q.A,slides:e,hasSlideshow:T,slideShowVariation:Pe,hasDisabledCloseOnClickForLightbox:ve}):(0,d.A)({Component:Q.A,slides:[j]}));const{showNativeShareButton:Pt,pageUrl:Rt}=(0,fe.W)(We,je),qt="hidden"!==t,Mt=b&&Object.keys(b).length>1,Ft=b&&!B&&l.createElement(w.ZU,{contributors:b,bylineVariation:i,isCompact:!1,inlinePublishDate:It,clickHandler:Ee,shouldUseCustomPreambles:et,shouldStackBylinesOnMobile:tt,preambles:nt}),Ut=z&&{datetime:z},Vt=Ot&&l.createElement(w.yB,{style:(0,k.K)(p.hidePublishDate),inlinePublishDate:It,"data-testid":"ContentHeaderPublishDate",mediaWidth:gt,contentAlign:rt,...Ut},Z),Gt=(0,Se.d)(),Wt=Gt?.isAIContext&&Me?.display,jt=l.createElement(l.Fragment,null,l.createElement(be,{bylinesBlock:Ft,contributorImage:y,dangerousDek:$,hideBylineDisplay:p.hideByline,hideDangerousDek:O,hideDekDisplay:p.hideDek,dividerType:C,hasContributorImageBackground:ae,hasDesktopTitleBlockDivider:E,hasLede:!!j,hideTopRating:P,hideByLine:I,isBusinessContentHeader:M,isSponsoredContent:h.length>0,isLiveStoryType:F,isStoryLive:V,metadataVideo:re,publishDateBlock:Vt,publishDatePosition:ht,publishDateSlot:Kt,rating:ee,reviewRating:te,shouldDisplayPremiereDate:Ie,shouldDisplaySignageInline:Be,shouldShowAuthorsInTitleBlock:qt,shouldShowAIStyles:Wt,showContributorImage:le,showSponsorBlock:ce,signage:ue,socialTitle:Re,socialDescription:qe,sponsorByline:Ve,sponsoredContentHeaderProps:Ue,pageUrl:Rt,showNativeShareButton:Pt,venueAwards:Ye,mediaWidth:gt,contentAlign:rt,contentPosition:st,theme:Nt.text}),l.createElement(w.KW,{ctaText:f,hideTopDisclaimerOnMobile:_,offers:Y,showHeaderButton:me,buttonPosition:"content-header"})),zt=Qe&&!j?.caption;return l.createElement(w.Ys,{className:a()("content-header",{[m]:m,[`theme-${Nt.art}`]:Nt.art===Nt.text&&null!=Nt.art,fullbleed:"fullbleed"===gt,inset:"fullbleed"!==gt}),isLiveStoryType:F,publishDatePosition:ht,contentAlign:rt,shouldShowAuthorsInTitleBlock:qt,captionStyle:r,copyWidth:at,mediaWidth:gt,contentPosition:st,isBusinessContentHeader:M,isLedeOverride:Bt,shouldShortenHeadline:Oe,shouldBylineContentStacked:Mt,hasExtraSpaceBetweenSeparator:lt,hasLede:!!j,hideLede:he&&null!=Nt.art,hasNarrowHeader:xe,showBreadCrumb:ze,showTextOverlayDek:_e,isLedeTextCenterForMobile:zt,showContributorImageOnMobile:de,isImagePositionBottomInSmallScreen:U},l.createElement(w.GB,{mediaWidth:gt,showFullWidthLeadImage:Ke,contentPosition:st,isFullBleedVideo:Ze,"data-testid":"ContentHeaderContainer"},yt&&l.createElement(w.s6,{className:a()({[`theme-${Nt.text}`]:Nt.art!==Nt.text&&Nt.text})}),l.createElement(w.zt,{isBusinessContentHeader:M,className:a()({[`theme-${Nt.text||"standard"}`]:Nt.art!==Nt.text}),style:K&&p.hideDek&&p.hideByline&&p.hidePublishDate&&p.hideRubric?{display:"none"}:void 0},v&&Dt,ot&&l.createElement(w.tV,{contentAlign:rt},l.createElement($e.y,{shouldDisplayBadge:ot,isEntitled:it?.isEntitled})),jt),Bt?l.createElement(w.rj,{contentPosition:st,dangerouslySetInnerHTML:{__html:q.markup}}):!Ze&&!he&&j&&l.createElement(w.oi,{awards:n,hasLightboxButton:S,hasStaticPositionedAward:N,hideLedeCaption:ye,hasDisabledCloseOnClickForLightbox:ve,lede:j,captionWidth:s,shouldRenderRailAnchor:pt,shouldUseSmallLede:ft,mediaWidth:gt,ledeAlign:ut,showFullWidthLeadImage:Ke,isBusinessContentHeader:M,shouldAlignCenterWhenNoCaption:Qe,as:_t,themeClassName:a()({[`theme-${Nt.art}`]:Nt.art!==Nt.text&&Nt.art})}),Ze&&l.createElement(g.A,{dangerousCaption:$t,scriptUrl:Ct,shouldAutoplay:kt,shouldMute:xt,shouldHaveTeaser:At,additionalEmbedParams:wt,isStickyType:vt,videoEmbedPosition:ke.m1,variationName:St,variations:Et})))};
6028Ne.propTypes={additionalPhotos:s().array,authorsTitleBlockPosition:s().oneOf(["above","below","hidden"]),awards:s().array,business:s().shape({address:s().object,phone:s().string,email:s().string,socialMedia:s().array}),bylineVariation:s().string,captionStyle:s().oneOf(["default","span-content-well"]),captionWidth:s().oneOf(["standard","fullbleed"]),className:s().string,cneVideoEmbedProps:s().shape({additionalEmbedParams:s().object,dangerousCaption:s().string,isStickyType:s().bool,scriptUrl:s().string,shouldAutoplay:s().bool,shouldHaveTeaser:s().bool,shouldMute:s().bool,variationsVideo:s().object,variationVideoName:s().object}),config:s().object,contentHeaderCategories:s().shape({title:s().string,tags:s().array}),contentHeaderDisplay:k.g,contentSponsorNames:s().array,contributorImage:s().shape(y.A.propTypes),contributors:s().shape(u.A.propTypes.contributors),ctaText:s().string,dangerousDek:s().string,dangerousHed:s().string,dividerType:s().oneOf(["both","bottom","top"]),externalLinks:s().array,hasContributorImageBackgroun
6028d:s().bool,hasDesktopTitleBlockDivider:s().bool,hasDisabledCloseOnClickForLightbox:s().bool,hasLedeLightboxButton:s().bool,hasLightbox:s().bool,hasNarrowHeader:s().bool,hasNativeShareButton:s().bool,hasSlideshow:s().bool,hasStaticPositionedAward:s().bool,hasStickyBoxIndexPosition:s().bool,hideAdaptationByline:s().bool,hideByLine:s().bool,hideContributors:s().bool,hideDangerousDek:s().bool,hideHeadline:s().bool,hideIssueDate:s().bool,hideIssueDatePipeSeparator:s().bool,hideLede:s().bool,hideLedeCaption:s().bool,hidePublishDate:s().bool,hideRubric:s().bool,hideTopDisclaimerOnMobile:s().bool,hideTopRating:s().bool,interactiveOverride:s().shape({markup:s().string,behavior:s().string}),isBusinessContentHeader:s().bool,isDekClampCollapsible:s().bool,isFullBleedVideo:s().bool,isImagePositionBottomInSmallScreen:s().bool,isLiveStoryType:s().bool,shouldDisplaySubscribersOnlyBadge:s().bool,isStoryLive:s().bool,issueDate:s().string,issueLink:s().string,itemsCount:s().shape(c.A.propTypes),lede:s().oneOfType([s().shape(y.A.propTypes),s().shape(p.A.propTypes),s().shape(g.A.propTypes)]),metadataVideo:s().shape({isLive:s().bool,premiereDate:s().string,premiereGap:s().number,series:s().string,videoLength:s().number}),modifiedDate:s().string,numberOfLinesToClamp:s().number,offers:s().array,podcastPagePrimaryCta:s().string,podcastPagePrimaryCtaLabel:s().string,preambles:s().object,price:s().string,publishDate:s().string.isRequired,rating:s().shape(h.A.propTypes),reviewRating:s().number,rubric:s().shape(m.A.propTypes),rubricVariation:s().string,shouldAlignCenterWhenNoCaption:s().bool,shouldUseCustomPreambles:s().bool,shouldStackBylinesOnMobile:s().bool,shouldDisplayPremiereDate:s().bool,shouldDisplaySignageInline:s().bool,shouldEnableNativeShareOnDesktop:s().bool,shouldShortenHeadline:s().bool,showBreadCrumb:s().bool,showContentDivider:s().bool,showContributorImage:s().bool,showContributorImageOnMobile:s().bool,showFullHeaderViewInMobile:s().bool,showFullWidthLeadImage:s().bool,showHeaderButton:s().bool,showIssueCopyByDate:s().bool,showSponsorBlock:s().bool,showTextOverlayDek:s().bool,signage:s().string,slideShowVariation:s().string,socialDescription:s().string,socialTitle:s().string,sponsorByline:s().string,sponsoredContentHeaderProps:s().shape({campaignUrl:s().string,sponsorLogo:s().shape(y.A.propTypes),sponsorName:s().string}),summary:s().shape({content:s().string,isAIGenerated:s().bool,display:s().bool}),theme:s().shape({art:s().string,text:s().string}),variationName:s().string,variations:s().shape({contentAlign:s().oneOf(["center","left"]),contentPosition:s().oneOf(["above","below"]),copyWidth:s().oneOf(["grid","fullbleed"]),hasDivider:s().bool,hasExtraSpaceBetweenSeparator:s().bool,hasInlinePublishDate:s().bool,hasLedeLightbox:s().bool,hasNoRowPadding:s().bool,leadRailAnchor:s().bool,ledeAlign:s().oneOf(["default","center"]),mediaWidth:s().oneOf(["small","smallrule","grid","fullbleed"]),publishDatePosition:s().oneOf(["top","bottom"]),shouldUseSmallLede:s().bool,showPodcastButton:s().bool}),venueAwards:s().string,user:s().shape({isEntitled:s().bool})},Ne.displayName="ContentHeader";const He=(0,ve.M3)(Ne,{keysToPluck:["user"]});var Ie=n(20388),Be=n(99906),Oe=n(27985),Ke=n(86659),De=n(40653),_e=n(89085),Pe=n(1123);const Re=I.Ay.header.withConfig({displayName:"TextOverlayWrapper"})` 6029 .responsive-clip { 6030 height: 100%; 6031 } 6032 overflow: hidden; 6033`,qe=I.Ay.div.withConfig({displayName:"Accreditation"})` 6034 ${({contentAlign:e})=>"center"===e?`margin: ${(0,O.Kq)(2)} auto`:`margin: ${(0,O.Kq)(2)} 0`} 6035`,Me=I.Ay.time.withConfig({displayName:"PublishDate"}).attrs(({datetime:e})=>({dateTime:e}))` 6036 ${({theme:e,showEnhancedPublishDate:t})=>(0,O.Gg)(e,t?"typography.definitions.globalEditorial.context-tertiary":"typography.definitions.globalEditorial.accreditation-core")} 6037 display: block; 6038 margin: ${(0,O.Kq)(1)} 0 ${(0,O.Kq)(4)}; 6039 text-align: ${({contentAlign:e})=>e}; 6040 color: var(${K.pT.Color.TextPubdate}); 6041`,Fe=(0,I.Ay)(Ke.A.WithMargins).withConfig({displayName:"ContentGrid"})` 6042 > ${De.E} { 6043 grid-column: 1 / span 4; 6044 margin-bottom: ${(0,O.Kq)(4)}; 6045 ${qe}, ${Me} { 6046 margin-bottom: 0; 6047 } 6048 6049 @media (min-width: ${ie.LO.md}) { 6050 grid-column: ${({contentAlign:e})=>"left"===e?"1 / span 10":"2 / span 10"}; 6051 } 6052 6053 ${(0,O.H4)(ie.LO.lg)} { 6054 margin-bottom: ${(0,O.Kq)(8)}; 6055 } 6056 } 6057`,Ue=I.Ay.div.withConfig({displayName:"ImageWrapper"})` 6058 display: flex; 6059 position: relative; 6060 align-items: flex-end; 6061 justify-content: ${({contentAlign:e})=>e}; 6062 6063 @media (orientation: landscape) { 6064 display: grid; 6065 min-height: 400px; 6066 } 6067 6068 @media (max-width: ${ie.LO.md}) { 6069 display: grid; 6070 min-height: 667px; 6071 } 6072 6073 @media (min-width: ${ie.LO.md}) { 6074 display: grid; 6075 height: calc( 6076 100vh - ${Oe.S4} - ${Oe._J} 6077 ); 6078 } 6079 6080 @media (min-width: ${ie.LO.lg}) { 6081 display: grid; 6082 height: calc( 6083 100vh - ${Oe.S4} - ${Oe.iN} 6084 ); 6085 } 6086 6087 @media (min-width: ${ie.LO.xl}) { 6088 display: grid; 6089 min-height: 720px; 6090 } 6091 6092 ${({shouldLimitContentWidth:e})=>e&&`\n ${(0,Pe.VO)()}\n ${(0,O.H4)(ie.LO.lg)} {\n grid-template-columns: repeat(12, 1fr);\n gap: var(--grid-gap);\n }\n\n ${Fe} {\n ${(0,O.H4)(ie.LO.lg)} {\n padding: 0;\n }\n\n ${(0,O.Xm)(ie.LO.lg,`${Be.VS.xl}px`)} {\n grid-column: 3 / span 8;\n }\n\n ${(0,O.H4)(ie.LO.xl)} {\n grid-column: 4 / span 6;\n }\n }\n `} 6093 6094 &::after { 6095 position: absolute; 6096 top: 0; 6097 right: 0; 6098 bottom: 0; 6099 left: 0; 6100 background: ${({background:e})=>"gradient"===e?"linear-gradient(to top, rgb(0, 0, 0) 0, transparent 65%)":"rgba(0, 0, 0, 0.65)"}; 6101 content: ''; 6102 pointer-events: none; 6103 } 6104`,Ve=I.Ay.div.withConfig({displayName:"Image"})` 6105 position: absolute; 6106 inset: 0; 6107 width: 100%; 6108 height: 100%; 6109 overflow: hidden; 6110 6111 .responsive-asset { 6112 &::before { 6113 display: block; 6114 width: 100%; 6115 content: ''; 6116 } 6117 } 6118 6119 > *, 6120 picture, 6121 .responsive-asset picture, /* set to override the css specifity set on this component */ 6122 img { 6123 object-fit: cover; 6124 object-position: top; 6125 width: 100%; 6126 height: 100%; 6127 } 6128 6129 picture { 6130 position: absolute; 6131 top: 0; 6132 left: 0; 6133 height: 100%; 6134 } 6135`,Ge=I.Ay.div.withConfig({displayName:"ContentAlign"})` 6136 display: flex; 6137 flex-wrap: wrap; 6138 justify-content: ${({contentAlign:e})=>e}; 6139 width: 100%; 6140 6141 ${({bottomSpacing:e})=>e&&`margin-bottom: ${(0,O.Kq)(e)};`} 6142`,We=I.Ay.div.withConfig({displayName:"Content"})` 6143 position: relative; 6144 z-index: 2; 6145`,je=(0,I.Ay)(B.vm).withConfig({displayName:"Hed"}).attrs(e=>({as:"h1",topSpacing:2,typeIdentity:"typography.definitions.consumptionEditorial.hed-standard",...e}))` 6146 text-align: ${({contentAlign:e})=>e}; 6147 color: var(${K.pT.Color.TextHeading}); 6148`,ze=(0,I.Ay)(B.vm).withConfig({displayName:"Figure"}).attrs(e=>({as:"figure",topSpacing:2,typeIdentity:"typography.definitions.consumptionEditorial.description-embed",...e}))` 6149 grid-column: 1 / span 4; 6150 margin-top: 0; 6151 text-align: start; 6152 color: var(${K.pT.Color.TextImageCaption}); 6153 6154 @media (min-width: ${ie.LO.md}) { 6155 grid-column: 1 / span 12; 6156 } 6157`,Ye=I.Ay.div.withConfig({displayName:"DekAndCaption"})` 6158 padding-top: ${(0,O.Kq)(1,"px")}; 6159 ${(0,_e.VG)()} 6160 ${(0,Pe.aU)("padding")} 6161 6162 ${ze} { 6163 text-align: left; 6164 6165 ${(0,O.H4)(ie.LO.lg)} { 6166 grid-column: 2 / -2; 6167 } 6168 } 6169`,Xe=I.Ay.div.withConfig({displayName:"DekWrapper"})` 6170 grid-column: 1 / span 4; 6171 text-align: ${({contentAlign:e})=>e}; 6172 6173 @media (min-width: ${ie.LO.md}) { 6174 grid-column: 3 / span 8; 6175 } 6176`,Ze=(0,I.Ay)(B.vm).withConfig({displayName:"Dek"}).attrs(e=>({as:"p",bottomSpacing:4,topSpacing:3,typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 6177 text-align: ${({contentAlign:e})=>e}; 6178 color: var(${K.pT.Color.TextDek}); 6179 6180 ${({hasDekMarginReduced:e})=>e&&`\n margin: ${(0,O.Kq)(2)} 0 0 0;\n `} 6181`,Je=I.Ay.span.withConfig({displayName:"ContentDivider"})` 6182 display: block; 6183 margin-top: ${(0,O.Kq)(4)}; 6184 border-bottom-width: 2px; 6185 border-bottom-style: solid; 6186 border-bottom-color: var(${K.pT.Color.BorderAccent}); 6187 width: 100px; 6188 ${({contentAlign:e})=>"center"===e&&`margin: ${(0,O.Kq)(4)} auto 0`} 6189`,Qe=I.Ay.div.withConfig({displayName:"ContributorImage"})` 6190 display: block; 6191 margin-top: ${(0,O.Kq)(4)}; 6192 border-radius: 50%; 6193 min-width: 60px; 6194 max-width: 66px; 6195 min-height: 60px; 6196 max-height: 66px; 6197 overflow: hidden; 6198 ${({contentAlign:e})=>"center"===e&&`margin: ${(0,O.Kq)(4)} auto 0`} 6199`,et=(0,I.Ay)(y.A).withConfig({displayName:"TextOverlayLogoImage"})` 6200 grid-column: 1 / span 4; 6201 6202 img { 6203 max-width: 100%; 6204 height: 100px; 6205 vertical-align: bottom; 6206 } 6207`,tt=(0,I.Ay)(B.sH).withConfig({displayName:"TextOverlayLogoLink"})` 6208 display: grid; 6209 grid-template-columns: repeat(4, 1fr); 6210 gap: ${(0,O.Kq)(2)}; 6211 6212 @media (max-width: ${ie.LO.md}) { 6213 padding-right: calc(1 * ${(0,O.Kq)(3)}); 6214 padding-left: calc(1 * ${(0,O.Kq)(3)}); 6215 } 6216`,nt=I.Ay.div.withConfig({displayName:"TextOverlayLogo"})` 6217 position: relative; 6218 z-index: 1; 6219 margin: auto; 6220 margin-top: 1.5rem; 6221`,ot=({lede:e=null})=>{if(!e||0===Object.keys(e).length)return null;const t="cnevideo"===e.modelName,n="gallery"===e.modelName,o=(0,fe.w)(e);return l.createElement(Ve,null,!t&&!n&&l.createElement(y.A,{...o}),t&&e.scriptEmbedUrl&&l.createElement(g.A,{shouldAutoplay:!0,scriptUrl:e.scriptEmbedUrl,videoEmbedPosition:ke.m1}),n&&l.createElement(p.A,{...e,showNoAdsFromParent:!0}))};ot.propTypes={lede:s().oneOfType([s().shape(y.A.propTypes),s().shape(p.A.propTypes),s().shape(g.A.propTypes)])},ot.displayName="ImageBlock";const it=ot;var at=n(5e4);const rt=({background:e="gradient",bylineVariation:t="Inverted",className:n="",contentAlign:o="center",contentHeaderCategories:i,contentHeaderDisplay:a={},contributorImage:r,contributors:s,dangerousDek:d,dangerousHed:c,hasNativeShareButton:p,hideContributors:g=!1,hideDangerousDek:h=!1,hideHeadline:b=!1,hideLedeCaption:f=!1,hidePublishDate:w,hideShareButtons:$,hideRubric:v,showEnhancedPublishDate:C=!1,isLiveStoryType:A=!1,isStoryLive:x=!1,lede:S,ledeCaption:L,logoImage:T,logoBaseUrl:N="/",modifiedDate:H,numberOfLinesToClamp:I=2,preambles:B,publishDate:O,rubric:K,shouldUseCustomPreambles:D,showContentDivider:_=!1,showContributorImage:P=!0,showLogo:R,showTextOverlayDek:q=!1,showSponsorBlock:M=!1,socialDescription:F,socialTitle:U,sponsoredContentHeaderProps:G,sponsorByline:W,hasDekMarginReduced:j=!1,shouldLimitContentWidth:z=!1,isDekClampCollapsible:Y=!0})=>{const{showNativeShareButton:X,pageUrl:Z}=(0,fe.W)(p),J=S&&!f&&(S.caption&&S.caption.trim()||S.credit&&S.credit.trim()||L),Q=H&&{datetime:H};return l.createElement(Re,{className:n,"data-testid":"ContentHeader"},l.createElement(Ue,{className:"theme-inverted",background:e,contentAlign:o,shouldLimitContentWidth:z},l.createElement(it,{lede:S}),R&&T?l.createElement(nt,null,l.createElement(tt,{href:N},l.createElement(et,{...T}))):null,l.createElement(Fe,{contentAlign:o},l.createElement(We,null,!v&&(A&&x?l.createElement(Ge,{contentAlign:o,style:(0,k.K)(a.hideRubric)}
6221,l.createElement(E.A,{hasBackground:!0,shouldEnableAnimation:!0})):K?l.createElement(Ge,{contentAlign:o,"data-testid":"ContentHeaderRubric",style:(0,k.K)(a.hideRubric)},l.createElement(m.A.Item,{...K})):null),l.createElement(Ge,{contentAlign:o},l.createElement(V,{...i})),l.createElement(je,{style:b?{display:"none"}:void 0,dangerouslySetInnerHTML:{__html:c},"data-testid":"ContentHeaderHed",contentAlign:o}),!h&&d&&q&&l.createElement(Ze,{style:(0,k.K)(a.hideDek),dangerouslySetInnerHTML:{__html:d},contentAlign:o,"data-testid":"ContentHeaderDek",hasDekMarginReduced:j}),_&&l.createElement(Je,{contentAlign:o}),A&&M?l.createElement(ue,{sponsorByline:W,sponsoredContentHeaderProps:{...G}}):null,P&&r&&l.createElement(Qe,{contentAlign:o,style:(0,k.K)(a.hideByline)},l.createElement(y.A,{...r})),l.createElement(qe,{contentAlign:o},s&&!g&&l.createElement("div",{style:(0,k.K)(a.hideByline)},l.createElement(u.A,{contributors:s,bylineVariation:t,contentAlign:o,isCompact:!1,shouldUseCustomPreambles:D,preambles:B})),!w&&O&&l.createElement(Me,{style:(0,k.K)(a.hidePublishDate),"data-testid":"ContentHeaderPublishDate",contentAlign:o,showEnhancedPublishDate:C,...Q},O)),!$&&X&&l.createElement(Ge,{contentAlign:o,bottomSpacing:4},l.createElement(ne.A,{hasDarkBackground:!0,shareData:{url:Z,title:U,text:F},theme:"inverted"}))))),(J||d&&!h)&&l.createElement(Ye,{style:J?void 0:(0,k.K)(a.hideDek)},J&&l.createElement(ze,{contentAlign:o},l.createElement(Ie.A,{dangerousCaptionText:S.caption,dangerousCredit:A?S.credit||L:S.credit,topSpacing:0})),!h&&d&&!q&&l.createElement(Xe,{style:(0,k.K)(a.hideDek)},l.createElement(at.A,{isCollapsible:Y,lines:I},l.createElement(Ze,{dangerouslySetInnerHTML:{__html:d},contentAlign:o,"data-testid":"ContentHeaderDek"})))))};rt.propTypes={background:s().oneOf(["gradient","solid"]),bylineVariation:s().string,className:s().string,contentAlign:s().oneOf(["center","left"]),contentHeaderCategories:s().shape({title:s().string,tags:s().array}),contentHeaderDisplay:k.g,contributorImage:s().shape(y.A.propTypes),contributors:s().shape(u.A.propTypes.contributors),dangerousDek:s().string,dangerousHed:s().string,hasDekMarginReduced:s().bool,hasNativeShareButton:s().bool,hideContributors:s().bool,hideDangerousDek:s().bool,hideHeadline:s().bool,isDekClampCollapsible:s().bool,hideLedeCaption:s().bool,hidePublishDate:s().bool,hideRubric:s().bool,hideShareButtons:s().bool,isLiveStoryType:s().bool,isRubricInverted:s().bool,isStoryLive:s().bool,lede:s().oneOfType([s().shape(y.A.propTypes),s().shape(p.A.propTypes),s().shape(g.A.propTypes)]),ledeCaption:s().string,logoBaseUrl:s().string,logoImage:s().shape(y.A.propTypes),modifiedDate:s().string,numberOfLinesToClamp:s().number,preambles:s().object,publishDate:s().string,rubric:s().shape(m.A.propTypes),shouldLimitContentWidth:s().bool,shouldUseCustomPreambles:s().bool,showContentDivider:s().bool,showContributorImage:s().bool,showEnhancedPublishDate:s().bool,showLogo:s().bool,showSponsorBlock:s().bool,showTextOverlayDek:s().bool,socialDescription:s().string,socialTitle:s().string,sponsorByline:s().string,sponsoredContentHeaderProps:s().shape({campaignUrl:s().string,sponsorLogo:s().shape(y.A.propTypes),sponsorName:s().string}),theme:s().shape({art:s().string,text:s().string})},rt.displayName="TextOverlay";const st=rt;const lt=(0,n(72267).YK)({ratingLinkLabel:{id:"SplitScreenContentHeader.RatingLinkLabel",defaultMessage:"Read Reviews",description:"SplitScreenContentHeader component Rating Link Label"},variousArtists:{id:"SplitScreenContentHeader.VariousArtists",defaultMessage:"Various Artists",description:"SplitScreenContentHeader component various artists text"}});var dt=n(52009),ct=n(9481);const mt=({className:e,isCNEVideo:t,lede:n})=>{if(!n)return null;if(t){if(!n.scriptEmbedUrl)return null;let t=null;"cnevideo"===n.modelName&&n.cneVideoOverrides&&Object.keys(n.cneVideoOverrides).length&&(t={...n.cneVideoOverrides});const o=t?{shouldAutoplay:Boolean(!t.disableAutoplay),shouldMute:Boolean(t.muted),shouldPlayContinuously:Boolean(t.continuousPlay),isStickyType:!1,shouldDisableAds:Boolean(t.disableAds),shouldLoopVideo:Boolean(t.loopVideo)}:{shouldAutoplay:!0};return l.createElement(ct.iD,{"data-testid":"ContentHeaderLeadAsset",className:e},l.createElement(g.A,{hasMargins:!1,...o,scriptUrl:n.scriptEmbedUrl,videoEmbedPosition:ke.m1}))}return l.createElement(ct.iD,{"data-testid":"ContentHeaderLeadAsset",className:e},l.createElement(ct.vp,{...n,shouldEagerLoad:!0,hasNativeImgLazyLoading:!0}))};
6221mt.propTypes={className:s().string,isCNEVideo:s().bool,lede:s().object};const ut=mt;var pt=n(74400),gt=n(55252),ht=n(88722),yt=n(16092);const bt=(e="")=>{const t=e.replace(/document\.addEventListener\(\s*(["'])DOMContentLoaded\1\s*,\s*function\s*\(\s*\)\s*\{/,'document.addEventListener("DOMContentLoaded", function() { var runFirework = function() {');return t===e?e:t.replace(/\}\);?\s*<\/script>(\s*)$/,`}; var hydration = window.Kendra && window.Kendra.HYDRATION; if (hydration && typeof hydration.on === "function") { hydration.on("${yt.U.FIREWORK}", runFirework, { emitLast: true }); } else { runFirework(); } });<\/script>$1`)},ft=({contentAlign:e,contentHeaderDisplay:t,contributors:n,contributorsPosition:o,hideContributors:i,hideIssueDate:a,hidePublishDate:r,issueDate:s,issueLink:d,publishDate:c,publishDatePosition:u,rubric:p,rubricVariation:g,hideRubric:h,bylineVariation:y,shouldUseCustomPreambles:b,preambles:f,shouldStackBylinesOnMobile:w})=>{const $=m.A[g]||m.A,v=m.A.Item,C=n&&0!==Object.keys(n).length;return l.createElement(ct.XI,{"data-testid":"ContentHeaderRubric"},C&&!i&&"top"===o&&l.createElement("div",{style:(0,k.K)(t.hideByline)},l.createElement(ct.s8,{contributors:n,bylineVariation:y,contentAlign:e,isCompact:!1,contributorsPosition:o,shouldUseCustomPreambles:b,preambles:f,shouldStackBylinesOnMobile:w})),p&&!h&&(t.hideRubric?l.createElement("div",{style:(0,k.K)(!0)},l.createElement(ct.cd,{as:$,...p})):l.createElement(ct.cd,{as:$,...p})),!a&&s&&l.createElement(ct.HW,{as:v,name:s,url:d}),!r&&c&&"top"===u&&l.createElement(ct.Mr,{"data-testid":"ContentHeaderPublishDate",style:(0,k.K)(t.hidePublishDate)},c))};ft.propTypes={contentAlign:s().oneOf(["center","left"]),contentHeaderDisplay:k.g,contributors:s().object,contributorsPosition:s().oneOf(["top","bottom"]),hideContributors:s().bool,hideIssueDate:s().bool,hidePublishDate:s().bool,hideRubric:s().bool,issueDate:s().string,issueLink:s().string,publishDate:s().string,publishDatePosition:s().oneOf(["top","bottom"]),rubric:s().shape(m.A.propTypes),rubricVariation:s().string,bylineVariation:s().string,shouldUseCustomPreambles:s().bool,preambles:s().object,shouldStackBylinesOnMobile:s().bool};const wt=({signage:e,shouldDisplaySignage:t})=>e&&t?l.createElement("div",{"data-testid":"ContentHeaderRubricSignage"},l.createElement(ct.gU,{name:e})):null;function $t({artists:e,brandSlug:t="",captionPosition:n="belowHeader",className:o,contentAlign:i="center",contentHeaderDisplay:r={},config:s={adsConfig:{contentHeaderRubricName:void 0}},contributorImage:d,contributorsBelowHeaderPosition:c="top",dangerousDek:m,dangerousHed:u,hasContributorImageBackground:p=!1,showFullHeaderViewInMobile:g=!1,hasBottomSpacingOnMobileHeader:h=!1,hasMargin:y=!1,hasNativeShareButton:f,hideHeadline:w=!1,hideTitleBlockByline:$=!1,hideContributorBelowHeader:v=!0,hideContributorTitle:C=!1,hideContributors:A=!1,hideDangerousDek:x=!1,hideDekBelowHeader:E=!1,hideHeaderDividerInMobile:S,hideInfoSliceBelowHeader:L=!1,hideIssueDate:T,hidePublishDate:N=!1,hideReleaseYear:H=!1,hideRubric:I=!1,hideCaption:B=!1,imageAlignment:O="center",infoSliceFields:K,interactiveOverride:D,isInset:_=!1,isMusicReview:P,isTextRight:R=!1,isTrackReview:q,issueDate:M,issueLink:F,isRatingClickable:U,preambles:V,shouldUseCustomPreambles:G=!1,isSplitScreenArtistLarge:W,rubric:j,rubricVariation:z,contributors:Y,contributorsPosition:X="bottom",bylineVariation:Z,publishDate:J,publishDatePosition:Q="bottom",lede:te,ledeContentAlign:oe="left",modifiedDate:ae,musicRating:re={score:null},offers:se,offersCTA:le,shouldEnableNativeShareOnDesktop:de=!1,shouldFitToViewport:ce=!0,shouldHeaderFitToViewport:me=!1,showContentDivider:ue=!1,showContributorImage:pe=!0,showHeaderDivider:ge=!0,socialDescription:he,socialTitle:ye,theme:be={},rating:we,signage:$e,shouldDisplaySignage:ve,showReviewLink:ke=!0,textAlign:xe="center",shouldAlignCenterWhenNoCaption:Ee=!1,shouldUseViewportBasedScoreBox:Se=!1,scoreSubscriptionUrl:Le="",shouldStackBylinesOnMobile:Te=!1}){j&&(j.name=s.adsConfig?.contentHeaderRubricName||j.name);const[Ne,He]=l.useState("100vw");l.useEffect(()=>{if(_){const e=`(min-width: ${ie.LO.md})`;
6221if(window.matchMedia(e).matches){const e=window.visualViewport?.width;e&&He(`${e}px`)}}window.Kendra?.TRACK_COMPONENT?.broadcast?.(Ae.G.RENDER,{name:"SplitScreenContentHeader"})},[_]);const Ie="CTA-firework"===(0,Ce.u)(D),Be=l.useRef(!1);l.useEffect(()=>{if(!Ie||Be.current)return;const e=window.Kendra?.HYDRATION;"function"==typeof e?.broadcast&&(e.broadcast(yt.U.FIREWORK,void 0,{once:!0}),Be.current=!0)},[Ie]);const{showNativeShareButton:Oe,pageUrl:Ke}=(0,fe.W)(f,de),{score:De,isBestNewMusic:_e,isBestNewReissue:Pe}=re,Re=(0,ht.i)(K),qe=K?.releaseYear,Me=(e=>{if(!e)return;const t={...e};return new Set(["photo","cartoon"]).has(e.contentType)&&!e.segmentedSources&&e.sources&&(t.segmentedSources=(0,dt.I)(e.sources)),t})(te),Fe="cnevideo"===te?.modelName,Ue=!te||Fe,{rating:Ve,count:Ge}=we||{},We="left"===xe?"left":i,je=P?ct.Zj:ct._k,{formatMessage:ze}=(0,b.A)(),Ye=(e=!1,t=!1,n="score-box-header")=>l.createElement(ct.Ui,null,l.createElement(gt.A,{rating:De,isBestNewMusic:_e,isBestNewReissue:Pe,isTrackReview:q,hideLabel:e,enableBlur:t,trackingSubject:"score_editorial",shouldTrackImpression:Se,scoreSubscriptionUrl:Le,trackingClassName:n})),Xe=P&&(_e||Pe||q||null!=De),Ze=ae&&{datetime:ae},Je=_&&Me?.segmentedSources?.lg[0]?.aspectRatio,Qe=Je?-1!==(et=Je).indexOf(":")?et.split(":"):null:null;var et;const tt=Ee&&(!te?.caption||""===te?.caption);return l.createElement(ct.YR,{className:a()("content-header",o),isFullWidth:Ue,isTextRight:R,imageAlignment:O,ledeContentAlign:oe,shouldFitToViewport:!ce,isMusicReview:P,"data-testid":"SplitScreenContentHeaderWrapper",showHeaderDivider:ge,shouldHeaderFitToViewport:me,shouldUseViewportBasedScoreBox:Se,hidePublishDate:N,mediaContentType:Me?.contentType||"",hasMargin:y,imgAspectRatioForDesktop:Qe,viewportWidth:Ne,hasLedeTextAlignCenterForMobile:tt,...g&&{hideHeaderDividerInMobile:S}},l.createElement(je,{className:a()({[`theme-${be.art}`]:be.art===be.text&&null!=be.text,"with-divider-desktop":null!=be.art||ge,"with-divider-mobile":!g||!S,inset:_,fullbleed:!_}),showHeaderDivider:null!=be.art||ge,shouldFitToViewport:!ce,shouldUseViewportBasedScoreBox:Se},l.createElement(ct.yN,{className:a()({[`theme-${be.text||"standard"}`]:be.art!==be.text}),contentAlign:i,textAlign:xe,hasBottomSpacingOnMobileHeader:h,shouldUseViewportBasedScoreBox:Se,style:w&&r.hideDek&&r.hideByline&&r.hidePublishDate&&r.hideRubric?{display:"none"}:void 0},Se&&Xe&&Ye(!0,!0,"score-box-header-desktop"),l.createElement("div",{className:"content-header-text"},l.createElement(wt,{signage:$e,shouldDisplaySignage:ve}),l.createElement(ft,{contentAlign:We,contentHeaderDisplay:r,contributors:Y,contributorsPosition:X,rubric:j,rubricVariation:z,hideContributors:A,hideIssueDate:T,hidePublishDate:N,issueDate:M,issueLink:F,publishDate:J,publishDatePosition:Q,hideRubric:I,bylineVariation:Z,shouldUseCustomPreambles:G,preambles:V,shouldStackBylinesOnMobile:Te}),l.createElement(ct.Kz,{dangerouslySetInnerHTML:{__html:u},"data-testid":"ContentHeaderHed",isMusicReview:P,style:w?{display:"none"}:void 0}),Ie&&l.createElement(ct.ZR,{dangerouslySetInnerHTML:{__html:bt(D.markup)},textAlign:xe}),ue&&l.createElement(ct.yR,{ledeContentAlign:oe,hasLedeTextAlignCenterForMobile:tt}),e&&P?l.createElement(ct.VM,{isMusicReview:P},0===e.length&&l.createElement(ct.ci,{isSplitScreenArtistLarge:W},ze(lt.variousArtists)),e.map((t,n)=>l.createElement(l.Fragment,{key:n},l.createElement(ct.ax,{key:n,href:"/".concat(t.uri)},l.createElement(ct.ci,{dangerouslySetInnerHTML:{__html:t.name},isSplitScreenArtistLarge:W})),!(n===e.length-1)&&l.createElement(ct.Vt,{dangerouslySetInnerHTML:{__html:" / "},isSplitScreenArtistLarge:W})))):!x&&m&&l.createElement(ct.RL,{style:(0,k.K)(r.hideDek),dangerouslySetInnerHTML:{__html:m}}),(pe&&d||Y&&!A&&!$&&"bottom"===X||!N&&"bottom"===Q)&&l.createElement("div",{className:"accreditation-info"},pe&&d&&l.createElement(ct.$W,{...d,style:(0,k.K)(r.hideByline),sizes:"66px",hasContributorImageBackground:p}),Y&&!A&&!$&&"bottom"===X&&l.createElement("div",{style:(0,k.K)(r.hideByline)},l.createElement(ct.s8,{contributors:Y,bylineVariation:Z,isCompact:!1,contentAlign:We,shouldUseCustomPreambles:G,shouldStackBylinesOnMobile:Te,preambles:V})),!N&&"bottom"===Q&&l.createElement(ct.Mr,{"data-testid":"ContentHeaderPublishDate",style:(0,k.K)(r.hidePublishDate),...Ze},J)),(P||q)&&qe&&!H&&l.createElement(ct.Z1,{"data-testid":"SplitScreenContentHeaderReleaseYear"},qe),!!Ve&&!!Ge&&l.createElement(ct.oF,{averageRatingCount:Math.round(10*Ve)/10,brandSlug:t,hasBorderTop:!0,showReviewLink:ke,link:{label:ze(lt.ratingLinkLabel),onClick:e=>{e.preventDefault();const t=document.getElementById("reviews"),{top:n}=(0,ee.A)(t);t?.focus(),window.scrollTo(0,n-56)},url:"#reviews"},totalRatingCount:Ge,isRatingClickable:U}),se?.length&&l.createElement(ct.cR,{hideTopDisclaimerOnMobile:!0,showHeaderButton:!0,ctaText:le,offers:se}),f&&l.createElement(ct.jL,{$shouldEnableNativeShareOnDesktop:de},Oe&&l.createElement(ne.A,{shareData:{url:Ke,title:ye,text:he}})))),l.createElement(ct.Uk,{className:a()({[`theme-${be.art}`]:be.art!==be.text&&null!=be.art}
6221),isMusicReview:P,shouldUseViewportBasedScoreBox:Se},l.createElement(ut,{lede:Me,isCNEVideo:Fe}),Se&&Xe&&Ye(!0,!0,"score-box-header-mobile"),!Se&&Xe&&Ye(!1,!1,"score-box-header"))),(te?.caption||te?.credit)&&!B&&l.createElement(ct.de,{className:a()("align-"+(R?"start":"end"),{"below-image":"belowImage"===n})},l.createElement(ct.Hz,{dangerousCaptionText:te.caption,dangerousCredit:te.credit})),!v&&"top"===c&&l.createElement(ct.de,null,l.createElement("div",{style:(0,k.K)(r.hideByline)},(0,ht.O)({contributors:Y,hideContributors:A,hideContributorTitle:C,bylineVariation:Z,isMusicReview:P,contentAlign:We,shouldUseCustomPreambles:G,preambles:V,shouldStackBylinesOnMobile:Te}))),!L&&Re.length>0&&l.createElement(ct.de,null,l.createElement(ct.L5,null,l.createElement(pt.A,{items:Re,isMusicReview:P}))),!x&&!E&&P&&m&&l.createElement(ct.de,null,l.createElement(ct.ld,{style:(0,k.K)(r.hideDek),dangerouslySetInnerHTML:{__html:m}})),!v&&"bottom"===c&&l.createElement(ct.de,null,l.createElement("div",{style:(0,k.K)(r.hideByline)},(0,ht.O)({contributors:Y,hideContributors:A,hideContributorTitle:C,bylineVariation:Z,isMusicReview:P,contentAlign:We,shouldUseCustomPreambles:G,preambles:V,shouldStackBylinesOnMobile:Te}))))}wt.propTypes={shouldDisplaySignage:s().bool,signage:s().string},$t.propTypes={artists:s().array,brandSlug:s().string,bylineVariation:s().string,captionPosition:s().oneOf(["belowHeader","belowImage"]),className:s().string,config:s().object,contentAlign:s().oneOf(["center","left"]),contentHeaderDisplay:k.g,contributorImage:s().shape(y.A.propTypes),contributors:s().shape(u.A.propTypes.contributors),contributorsBelowHeaderPosition:s().oneOf(["top","bottom"]),contributorsPosition:s().oneOf(["top","bottom"]),dangerousDek:s().string,dangerousHed:s().string.isRequired,hasBottomSpacingOnMobileHeader:s().bool,hasContributorImageBackground:s().bool,hasMargin:s().bool,hasNativeShareButton:s().bool,hideCaption:s().bool,hideContributorBelowHeader:s().bool,hideContributors:s().bool,hideHeadline:s().bool,hideContributorTitle:s().bool,hideDangerousDek:s().bool,hideDekBelowHeader:s().bool,hideHeaderDividerInMobile:s().bool,hideInfoSliceBelowHeader:s().bool,hideIssueDate:s().bool,hideTitleBlockByline:s().bool,hidePublishDate:s().bool,hideReleaseYear:s().bool,hideRubric:s().bool,imageAlignment:s().oneOf(["center","top","left","right","bottom"]),infoSliceFields:s().object,interactiveOverride:s().shape({markup:s().string,behavior:s().string}),isInset:s().bool,isMusicReview:s().bool,isRatingClickable:s().bool,isSplitScreenArtistLarge:s().bool,issueDate:s().string,issueLink:s().string,isTextRight:s().bool,isTrackReview:s().bool,lede:s().oneOfType([s().shape(y.A.propTypes)]),ledeContentAlign:s().oneOf(["left","center"]),modifiedDate:s().string,musicRating:s().object,offers:s().array,offersCTA:s().string,preambles:s().object,publishDate:s().string.isRequired,publishDatePosition:s().oneOf(["top","bottom"]),rating:s().shape(h.A.propTypes),rubric:s().shape(m.A.propTypes),rubricVariation:s().string,shouldUseCustomPreambles:s().bool,scoreSubscriptionUrl:s().string,shouldAlignCenterWhenNoCaption:s().bool,shouldDisplaySignage:s().bool,shouldEnableNativeShareOnDesktop:s().bool,shouldFitToViewport:s().bool,shouldHeaderFitToViewport:s().bool,shouldRenderScoreBoxInTitleBlock:s().bool,shouldStackBylinesOnMobile:s().bool,shouldUseViewportBasedScoreBox:s().bool,showContentDivider:s().bool,showContributorImage:s().bool,showFullHeaderViewInMobile:s().bool,showHeaderDivider:s().bool,showReviewLink:s().bool,signage:s().string,socialDescription:s().string,socialTitle:s().string,textAlign:s().oneOf(["left","center"]),theme:s().shape({art:s().string,text:s().string})},$t.displayName="SplitScreenContentHeader";const vt=$t;var Ct=n(96307);He.TextAboveCenterGridWidth=(0,o.y)(He,"TextAboveCenterGridWidth",{contentAlign:"center",contentPosition:"above"}),He.TextAboveCenterGridWidthTopCardSmall=(0,o.y)(He,"TextAboveCenterGridWidthTopCardSmall",{contentAlign:"center",contentPosition:"above",copyWidth:"fullbleed",leadRailAnchor:!0,mediaWidth:"small"}),He.TextAboveCenterFullBleed=(0,o.y)(He,"TextAboveCenterFullBleed",{contentAlign:"center",contentPosition:"above",mediaWidth:"fullbleed"}),He.TextAboveCenterFullBleedNoContributor=(0,o.y)(He,"TextAboveCenterFullBleedNoContributor",{contentAlign:"center",contentPosition:"above",mediaWidth:"fullbleed"},{hasDesktopTitleBlockDivider:!1,captionStyle:"span-content-well",captionWidth:"fullbleed",showContributorImage:!1}),He.TextAboveCenterFullBleedTop=(0,o.y)(He,"TextAboveCenterFullBleedTop",{contentAlign:"center",contentPosition:"above",copyWidth:"fullbleed"}),He.TextAboveCenterFullBleedGridWidthCard=(0,o.y)(He,"TextAboveCenterFullBleedGridWidthCard",{contentAlign:"center",contentPosition:"above",copyWidth:"fullbleed"}),He.TextAboveCenterFullBleedCard=(0,o.y)(He,"TextAboveCenterFullBleedCard",{contentAlign:"center",contentPosition:"above",mediaWidth:"fullbleed",copyWidth:"fullbleed"}),He.TextAboveLeftSmall=(0,o.y)(He,"TextAboveLeftSmall",{contentAlign:"left",contentPosition:"above",leadRailAnchor:!0,mediaWidth:"small"}),He.TextAboveLeftSmallWithRule=(0,o.y)(He,"TextAboveLeftSmallWithRule",{contentAlign:"left",contentPosition:"above",hasLedeLightbox:!0,leadRailAnchor:!0,mediaWidth:"smallrule",hasInlinePublishDate:!0,hasNoRowPadding:!0},{}),He.TextAboveCenterSmallWithRule=(0,o.y)(He,"TextAboveCenterSmallWithRule",{contentAlign:"center",contentPosition:"above",leadRailAnchor:!0,ledeAlign:"center",mediaWidth:"smallrule",hasInlinePublishDate:!0,hasNoRowPadding:!0},{}),He.InlineImage=(0,o.y)(He,"InlineImage",{contentAlign:"center",contentPosition:"above",leadRailAnchor:!0,ledeAlign:"center",mediaWidth:"smallrule",hasInlinePublishDate:!0,hasNoRowPadding:!0},{dividerType:"bottom",hideLede:!0,showContributorImage:!1}),He.TextAboveLeftFullBleed=(0,o.y)(He,"TextAboveLeftFullBleed",{contentAlign:"left",contentPosition:"above",copyWidth:"grid",hasLedeLightbox:!0,mediaWidth:"fullbleed"}),He.TextAboveLeftGridWidth=(0,o.y)(He,"TextAboveLeftGridWidth",{contentAlign:"left",contentPosition:"above",mediaWidth:"grid"}),He.TextAboveLeftGridWidthCard=(0,o.y)(He,"TextAboveLeftGridWidthCard",{contentAlign:"left",contentPosition:"above",mediaWidth:"grid"}),He.TextAboveLeftNoImg=(0,o.y)(He,"TextAboveLeftNoImg",{contentAlign:"left",contentPosition:"above"},{className:"content-header--no-lede",lede:null}),He.TextBelowCenterGridWidth=(0,o.y)(He,"TextBelowCenterGridWidth",{contentAlign:"center",contentPosition:"below"}),He.TextBelowCenterFullBleed=(0,o.y)(He,"TextBelowCenterFullBleed",{contentAlign:"center",contentPosition:"below",mediaWidth:"fullbleed"}),He.TextBelowCenterFullBleedNoContributor=(0,o.y)(He,"TextBelowCenterFullBleedNoContributor",{contentAlign:"center",contentPosition:"below",mediaWidth:"fullbleed"},{hasDesktopTitleBlockDivider:!1,captionStyle:"span-content-well",captionWidth:"fullbleed",showContributorImage:!1}),He.TextBelowLeftGridWidth=(0,o.y)(He,"TextBelowLeftGridWidth",{contentAlign:"left",contentPosition:"below"}),He.TextBelowLeftFullBleed=(0,o.y)(He,"TextBelowLeftFullBleed",{contentAlign:"left",contentPosition:"below",mediaWidth:"fullbleed"}),He.TextOverlay=(0,o.y)(st,"TextOverlayContentHeader",{}),He.TextOverlayWithLogo=(0,o.y)(st,"TextOverlayContentHeaderWithLogo",{isFeatured:!0}),He.TextOverlayCenterFullBleedGradient=(0,o.y)(st,"TextOverlayCenterFullBleedGradient",{contentAlign:"center",background:"gradient"}),He.SplitScreenImgRight=(0,o.y)(vt,"SplitScreenImageRightInset",{},{isInset:!0,isTextRight:!1,showContributorImage:!1,hideHeaderDividerInMobile:!0}),He.SubjectFocus=(0,o.y)(He,"SubjectFocus",{contentAlign:"left",contentPosition:"above",hasExtraSpaceBetweenSeparator:!0,leadRailAnchor:!0,mediaWidth:"small",publishDatePosition:"top"},{showContributorImage:!1}),He.SplitScreenImageRightFullBleed=(0,o.y)(vt,"SplitScreenImageRightFullBleed",{},{isTextRight:!1,showContributorImage:!1}),He.SplitScreenImageRightInset=(0,o.y)(vt,"SplitScreenImageRightInset",{},{isInset:!0,isTextRight:!1,showContributorImage:!1,hideHeaderDividerInMobile:!0}),He.SplitScreenImageLeftFullBleed=(0,o.y)(vt,"SplitScreenImageLeftFullBleed",{},{isTextRight:!0,showContributorImage:!1}),He.SplitScreenImageLeftInset=(0,o.y)(vt,"SplitScreenImageLeftInset",{},{isInset:!0,isTextRight:!0,showContributorImage:!1,hideHeaderDividerInMobile:!0}),He.BusinessContentHeader=(0,o.y)(He,"BusinessContentHeader",{contentAlign:"center",contentPosition:"below",mediaWidth:"fullbleed",showContentDivider:!0,hideRubric:!0}),He.PodcastContentHeader=(0,o.y)(He,"PodcastContentHeader",{contentAlign:"center",contentPosition:"below",shouldUseSmallLede:!0,showPodcastButton:!0,hasDivider:!0},{hideLedeCaption:!0}
6221),He.TextAboveCenterFullBleedVideo=(0,o.y)(He,"ContentHeaderFullBleedVideo",{contentAlign:"center",contentPosition:"above",mediaWidth:"fullbleed",isFullBleedVideo:!0}),He.SplitScreenWithMultiReviewContent=(0,o.y)(Ct.A,"SplitScreenWithMultiReviewContent",{});const kt=He},87160(e,t,n){n.d(t,{A:()=>p});var o=n(5556),i=n.n(o),a=n(96540),r=n(18608),s=n(38267),l=n(26865);const d=s.Ay.div.withConfig({displayName:"ContentWithCTAWrapper"})` 6222 display: grid; 6223 grid-gap: ${(0,l.Kq)(1)}; 6224 grid-template-columns: 1fr; 6225 overflow-anchor: none; 6226`,c=s.Ay.div.withConfig({displayName:"ContentWithCTAButtonWrapper"})` 6227 display: flex; 6228 align-items: center; 6229 justify-content: center; 6230`;var m=n(53499);const u=({contentComponent:e,ctaComponent:t,attributes:n={}})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"ContentWithCTA"})},[]),a.createElement(d,{...n,"data-testid":"ContentWithCTA"},a.createElement(r.c7,null,e),a.createElement(c,{"data-journey-hook":"content-cta-button"},t)));u.propTypes={attributes:i().object,contentComponent:i().node.isRequired,ctaComponent:i().node.isRequired};const p=u},54608(e,t,n){n.d(t,{A:()=>S});var o=n(13465),i=n(31581),a=n(96540),r=n(5556),s=n.n(r),l=n(6442);const d=(0,n(72267).YK)({viewMoreText:{id:"FeaturedContributorAllFiction.ViewMore",defaultMessage:"View more",description:"View more all fiction in featured contributor page"}});var c=n(38267),m=n(26865),u=n(96472),p=n(99906),g=n(68116),h=n(33500),y=n(4534);const b=c.Ay.div.withConfig({displayName:"AllFictionFooter"})` 6231 display: flex; 6232 justify-content: center; 6233 margin-top: ${(0,m.Kq)(4)}; 6234`,f=c.Ay.a.withConfig({displayName:"AllFictionViewMore"})` 6235 ${(0,m.Gg)("typography.definitions.foundation.link-primary")} 6236 6237 display: flex; 6238 align-items: center; 6239 justify-content: center; 6240 border: 1px solid ${(0,m.HK)("colors.discovery.body.white.accent")}; 6241 min-width: ${(0,m.Kq)(20)}; 6242 height: ${(0,m.Kq)(6)}; 6243 text-decoration: none; 6244 ${({theme:e})=>e&&`\n background: ${(0,m.HK)(e,"colors.discovery.lead.secondary.background")};\n color: ${(0,m.HK)(e,"colors.interactive.base.black")};\n `} 6245 6246 &:hover { 6247 ${({theme:e})=>e&&`\n background: ${(0,m.HK)(e,"colors.interactive.base.black")};\n color: ${(0,m.HK)(e,"colors.interactive.base.white")};\n `} 6248 } 6249`,w=c.Ay.div.withConfig({displayName:"AllFictionDesktop"})``,$=c.Ay.div.withConfig({displayName:"AllFictionMobile"})` 6250 ${y.Vo} { 6251 ${g.Rp}:last-child { 6252 border-bottom: none; 6253 } 6254 } 6255`,v=c.Ay.section.withConfig({displayName:"ContributorAllFiction"})` 6256 ${({theme:e})=>e&&`background: ${(0,m.HK)(e,"colors.discovery.lead.secondary.background")}; }`} 6257 padding-top: ${(0,m.Kq)(4)}; 6258 6259 ${h.QW} { 6260 margin-bottom: ${(0,m.Kq)(1)}; 6261 border-top: 1px solid ${(0,m.HK)("colors.discovery.body.white.accent")}; 6262 border-bottom: 1px solid 6263 ${(0,m.HK)("colors.discovery.body.white.accent")}; 6264 6265 ${(0,m.H4)(`${p.VS.lg+1}px`)} { 6266 margin-bottom: ${(0,m.Kq)(4)}; 6267 } 6268 } 6269 6270 ${g.Tr} { 6271 margin-bottom: 0; 6272 } 6273 6274 ${w} { 6275 ${(0,m.L7)(`${p.VS.lg}px`)} { 6276 display: none; 6277 } 6278 } 6279 6280 ${$} { 6281 ${(0,m.H4)(`${p.VS.lg+1}px`)} { 6282 display: none; 6283 } 6284 ${(0,m.L7)(`${p.VS.lg}px`)} { 6285 display: block; 6286 } 6287 } 6288 6289 ${y.Ee} { 6290 &:not(.summary-item--layout-placement-side-by-side-mobile-only) { 6291 .summary-item__hed { 6292 ${(0,m.H4)(u.LO.md)} { 6293 ${({theme:e})=>(0,m.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 6294 } 6295 } 6296 } 6297 } 6298`;var C=n(91706),k=n(62930);const A=(e,t,n=1)=>n*e>=t,x=({configuredComponentRef:e,dangerousHed:t,hasBorderOnMobileAndTabletOnly:n=!0,hasBorderOnMobileOnly:o=!1,hasItemsRule:i=!1,hideIssueDate:r=!1,hideRubricItemSummary:s=!0,sectionTitleVariation:c="LineAboveLineBelowTextCenter",shouldHideContributors:m,shouldHidePublishDate:u,mobileSummaryItemVariation:p="SideBySideDense",mobileSummaryItemVerticalAlign:g="center",items:h,paginatedContainerPosition:y,pageNumber:x=1,pageSize:E,totalResults:S,showViewMoreButton:L=!1})=>{const T=(0,l.A)(),N=(e=>2===e.length?C.A.TwoColumns:e.length%4==0?C.A.FourColumns:C.A.ThreeColumns)(h),[H,I]=a.use
6298State(h),[B,O]=a.useState(""),[K,D]=a.useState(!1),[_,P]=a.useState({currentPage:x,itemsCount:h.length,isLastPage:A(E,S,x)});if(a.useEffect(()=>{O(window.location.href.split(/[?#]/)[0])},[]),S<2)return null;const{isLastPage:R,currentPage:q}=_,M={dangerousHed:t,hasBorderOnMobileAndTabletOnly:n,hasItemsRule:i,hideIssueDate:r,hideRubricItemSummary:s,sectionTitleVariation:c,shouldHideContributors:m,shouldHidePublishDate:u,hasBorderOnMobileOnly:o,items:H};return a.createElement(v,{ref:e},a.createElement(w,{as:N,...M}),a.createElement($,{as:N,...M,summaryItemVariation:p,sideBySideVerticalAlign:g}),L&&!R&&a.createElement(b,null,a.createElement(f,{href:!K&&`${B}?page=${q+1}`,onClick:!K&&(e=>{e.preventDefault();const{currentPage:t}=_,n=t+1,[o]=window.location.href.split(/[?#]/),i=`${o}?page=${n}&container=${y}&format=json`;return D(!0),fetch(i).then(e=>e.json()).then(({bundle:e})=>{const[{items:t,totalResults:o}]=e.containers,i=H.concat(t);I(i),P({currentPage:n,itemsCount:i.length,isLastPage:A(E,o,n)}),D(!1)}).catch(e=>{D(!1)})}),title:T.formatMessage(d.viewMoreText)},T.formatMessage(d.viewMoreText),K&&a.createElement(k.jl,{height:"20px",width:"20px",margin:"0"}))))};x.propTypes={configuredComponentRef:s().func,dangerousHed:s().string.isRequired,hasBorderOnMobileAndTabletOnly:s().bool,hasBorderOnMobileOnly:s().bool,hasItemsRule:s().bool,hideIssueDate:s().bool,hideRubricItemSummary:s().bool,items:s().arrayOf(s().shape({categories:s().shape({tags:s().array}),dangerousDek:s().string,dangerousHed:s().string,image:s().object,url:s().string})).isRequired,mobileSummaryItemVariation:s().string,mobileSummaryItemVerticalAlign:s().oneOf(["top","center"]),pageNumber:s().number,pageSize:s().number.isRequired,paginatedContainerPosition:s().number,sectionTitleVariation:s().string,shouldHideContributors:s().bool,shouldHidePublishDate:s().bool,showViewMoreButton:s().bool,totalResults:s().number.isRequired};const E=x,S=(0,i.N)((0,o.y)(E,"ContributorAllFiction"))},64185(e,t,n){n.d(t,{A:()=>L});var o=n(13465),i=n(31581),a=n(96540),r=n(5556),s=n.n(r),l=n(6442),d=n(91706),c=n(38267),m=n(26865),u=n(96472),p=n(99906),g=n(33500),h=n(4534),y=n(68116),b=n(277);const f=c.Ay.div.withConfig({displayName:"ContributorContributorCollectionDesktop"})` 6299 ${b.up} { 6300 ${({hideAuthorByline:e})=>e&&"display: none"} 6301 } 6302`,w=c.Ay.div.withConfig({displayName:"ContributorContributorCollectionMobile"})` 6303 ${y.tP} { 6304 width: ${(0,m.Kq)(12.5)}; 6305 } 6306 ${y.Rp} { 6307 grid-template-columns: auto auto ${(0,m.Kq)(12.5)}; 6308 } 6309 6310 ${h.Vo} { 6311 grid-template-columns: none; 6312 6313 ${y.Rp}:last-child { 6314 border-bottom: none; 6315 } 6316 } 6317`,$=c.Ay.div.withConfig({displayName:"ContributorCollectionFooter"})` 6318 display: flex; 6319 justify-content: center; 6320 margin-top: ${(0,m.Kq)(2)}; 6321 padding-bottom: ${(0,m.Kq)(8)}; 6322`,v=c.Ay.a.withConfig({displayName:"ContributorCollectionViewMore"})` 6323 ${(0,m.Gg)("typography.definitions.foundation.link-primary")} 6324 display: flex; 6325 align-items: center; 6326 justify-content: center; 6327 border: 1px solid ${(0,m.HK)("colors.discovery.body.white.accent")}; 6328 min-width: ${(0,m.Kq)(20)}; 6329 height: ${(0,m.Kq)(6)}; 6330 text-decoration: none; 6331 ${({theme:e})=>e&&`\n background: ${(0,m.HK)(e,"colors.discovery.lead.secondary.background")};\n color: ${(0,m.HK)(e,"colors.interactive.base.black")};\n `} 6332 6333 &:hover { 6334 ${({theme:e})=>e&&`\n background: ${(0,m.HK)(e,"colors.interactive.base.black")};\n color: ${(0,m.HK)(e,"colors.interactive.base.white")};\n `} 6335 } 6336`,C=c.Ay.section.withConfig({displayName:"ContributorCollection"})` 6337 padding-top: ${(0,m.Kq)(5)}; 6338 ${({theme:e})=>e&&`background: ${(0,m.HK)(e,"colors.discovery.lead.secondary.background")};\n }`} 6339 6340 ${g.QW} { 6341 margin-bottom: ${(0,m.Kq)(1)}; 6342 border-top: 1px solid ${(0,m.HK)("colors.discovery.body.white.accent")}; 6343 border-bottom: 1px solid 6344 ${(0,m.HK)("colors.discovery.body.white.accent")}; 6345 6346 ${(0,m.H4)(u.LO.lg)} { 6347 margin-bottom: ${(0,m.Kq)(4)}; 6348 } 6349 } 6350 ${f} { 6351 ${(0,m.L7)(`${p.VS.lg}px`)} { 6352 display: none; 6353 } 6354 } 6355 6356 ${w} { 6357 ${(0,m.H4)(u.LO.lg)} { 6358 display: none; 6359 } 6360 } 6361 6362 ${h.Ee} { 6363 &:not(.summary-item--layout-placement-side-by-side-mobile-only) { 6364 .summary-item__hed { 6365 ${(0,m.H4)(u.LO.md)} { 6366 ${({theme:e})=>(0,m.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 6367 } 6368 } 6369 } 6370 } 6371`;
6371const k=(0,n(72267).YK)({viewMoreText:{id:"FeaturedContributor.ViewMore",defaultMessage:"View more",description:"View more about author in author hub"}});var A=n(62930);const x=(e,t,n=1)=>n*e>=t,E=({configuredComponentRef:e,dangerousHed:t,hasBorderOnMobileAndTabletOnly:n,hasBorderOnMobileOnly:o=!1,hasItemsRule:i=!1,hideAuthorByline:r=!1,hideIssueDate:s=!1,hideRuleFromMobile:c,items:m,sectionTitleVariation:u="LineAboveLineBelowTextCenter",shouldHideDangerousDekMobileOnly:p,shouldHidePublishDate:g,shouldShowAllContentWhenDense:h,showViewMoreButton:y,summaryItemVariationForMobile:b="SideBySideDense",paginatedContainerPosition:E,pageNumber:S=1,limit:L,totalResults:T})=>{const N=(0,l.A)(),H=(e=>2===e.length?d.A.TwoColumns:e.length%4==0?d.A.FourColumns:d.A.ThreeColumns)(m),[I,B]=a.useState(m),[O,K]=a.useState(""),[D,_]=a.useState(!1),[P,R]=a.useState({currentPage:S,isLastPage:x(L,T,S)});a.useEffect(()=>{K(window.location.href.split(/[?#]/)[0])},[]);const{isLastPage:q,currentPage:M}=P;return a.createElement(C,{ref:e},a.createElement(f,{as:H,dangerousHed:t,hasBorderOnMobileAndTabletOnly:n,hasBorderOnMobileOnly:o,hasItemsRule:i,hideAuthorByline:r,hideIssueDate:s,items:I,sectionTitleVariation:u,shouldHidePublishDate:g}),a.createElement(w,{as:H,dangerousHed:t,hasBorderOnMobileAndTabletOnly:n,hasBorderOnMobileOnly:o,hasItemsRule:i,hideAuthorByline:r,hideIssueDate:s,hideRuleFromMobile:c,items:I,sectionTitleVariation:u,shouldHideDangerousDekMobileOnly:p,shouldHidePublishDate:g,shouldShowAllContentWhenDense:h,summaryItemVariation:b}),y&&!q&&a.createElement($,null,a.createElement(v,{href:!D&&`${O}?page=${M+1}`,onClick:!D&&(e=>{e.preventDefault();const{currentPage:t}=P,n=t+1,[o]=window.location.href.split(/[?#]/),i=`${o}?page=${n}&container=${E}&format=json`;return _(!0),fetch(i).then(e=>e.json()).then(({bundle:e})=>{const[{items:t,totalResults:n}]=e.containers;return B(I.concat(t)),n}).then(e=>{R({currentPage:n,isLastPage:x(L,e,n)}),_(!1)}).catch(e=>{_(!1)})}),title:N.formatMessage(k.viewMoreText)},N.formatMessage(k.viewMoreText),D&&a.createElement(A.jl,{height:"20px",width:"20px",margin:"0"}))))};E.propTypes={configuredComponentRef:s().func,dangerousHed:s().string.isRequired,hasBorderOnMobileAndTabletOnly:s().bool,hasBorderOnMobileOnly:s().bool,hasItemsRule:s().bool,hideAuthorByline:s().bool,hideIssueDate:s().bool,hideRuleFromMobile:s().bool,items:s().arrayOf(s().shape({categories:s().shape({tags:s().array}),dangerousDek:s().string,dangerousHed:s().string,image:s().object,url:s().string})).isRequired,limit:s().number.isRequired,pageNumber:s().number,paginatedContainerPosition:s().number,sectionTitleVariation:s().string,shouldHideDangerousDekMobileOnly:s().bool,shouldHidePublishDate:s().bool,shouldShowAllContentWhenDense:s().bool,showViewMoreButton:s().bool,summaryItemVariationForMobile:s().string,totalResults:s().number.isRequired};const S=E,L=(0,i.N)((0,o.y)(S,"ContributorCollectionItems"))},50417(e,t,n){n.d(t,{A:()=>r});var o=n(13465),i=n(31581),a=n(62251);const r=(0,i.N)((0,o.y)(a.A,"ContributorHeader"))},24283(e,t,n){n.d(t,{BQ:()=>H,HY:()=>x,JR:()=>A,Qk:()=>S,Wz:()=>L,eS:()=>O,lf:()=>k,qL:()=>E,s_:()=>K,tX:()=>D,tr:()=>C,vk:()=>T,vo:()=>v,wh:()=>N,y:()=>$});var o=n(38267),i=n(96472),a=n(52027),r=n(1123),s=n(26865),l=n(18608),d=n(60881),c=n(75163),m=n(73275),u=n(63175),p=n(51e3),g=n(48286),h=n(50531),y=n(15956);const b="126px",f="200px",w=`a, && a.${c.pT.Component.Link.split(" ").join(".")}`,$=(0,o.Ay)(l.vm).withConfig({displayName:"ContributorHeaderName"}).attrs(e=>({as:"h1",...e}))` 6372 ${({isDenseHeader:e,theme:t})=>e?(0,s.Gg)(t,"typography.definitions.discovery.hed-break-out"):(0,s.Gg)(t,"typography.definitions.discovery.page-hed-subsection")}; 6373 6374 margin-top: 0; 6375 margin-bottom: ${(0,s.Kq)(1)}; 6376 6377 ${({shouldRemoveNameMargin:e})=>e&&o.AH` 6378 margin: 0; 6379 `} 6380 color: ${({theme:e})=>(0,s.HK)(e,"colors.discovery.lead.secondary.hed")}; 6381`,v=(0,o.Ay)(l.vm).withConfig({displayName:"ContributorHeaderTitle"}).attrs(e=>({as:"h2",...e}))` 6382 margin-top: 0; 6383 margin-bottom: ${(0,s.Kq)(3)}; 6384 6385 ${({isDenseHeader:e,theme:t})=>e?o.AH` 6386 margin-bottom: 0; 6387 color: ${(0,s.HK)(t,"colors.discovery.lead.secondary.description")}; /* 1 */ 6388 `:o.AH` 6389 color: ${(0,s.HK)(t,"colors.discovery.lead.secondary.accent")}; /* 1 */ 6390 `} 6391 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.globalEditorial.accreditation-feature")}; 6392`,C=o.Ay.div.withConfig({displayName:"ContributorHeaderBio"})` 6393 ${o.AH` 6394 ${({enableFictionContributor:e,isDenseHeader:t,isFeaturedAuthor:n,theme:i})=>e||n||t?o.AH` 6395 ${(0,s.Gg)(i,"typography.definitions.discovery.description-feature")} 6396 `:o.AH` 6397 ${(0,s.Gg)(i,"typography.definitions.discovery.description-page")} 6398 `} 6399`}; 6400 6401 ${({contributorBioAlignment:e})=>"default"!==e&&o.AH` 6402 text-align: ${e}; 6403 `} 6404 6405 margin-top: 0; 6406 margin-bottom: 1rem; 6407 6408 ${({theme:e,descriptionToken:t="colors.discovery.lead.secondary.description"})=>(0,s._o)(e,"color",t)}; 6409 6410 ${({isDenseHeader:e,theme:t})=>!e&&o.AH` 6411 ${w} { 6412 ${(0,s.pe)(t,"colors.discovery.lead.secondary.link","colors.discovery.lead.secondary.link-hover")} 6413 } 6414 `} 6415 6416 ${({isFeaturedAuthor:e})=>e&&o.AH` 6417 > p { 6418 margin-top: ${(0,s.Kq)(2)}; 6419 margin-bottom: ${(0,s.Kq)(2)}; 6420 } 6421 `} 6422 ${({isDenseHeader:e,theme:t})=>e&&o.AH` 6423 margin-top: ${(0,s.Kq)(2)}; 6424 margin-bottom: 0; 6425 6426 > p { 6427 margin-bottom: 0; 6428 } 6429 6430 ${w} { 6431 ${(0,s.pe)(t,"colors.discovery.body.light.accent","colors.discovery.lead.secondary.link-hover","global")} 6432 } 6433 `} 6434`,k=o.Ay.div.withConfig({displayName:"ContributorHeaderShortBio"})` 6435 margin-top: 0; 6436 margin-bottom: 1rem; 6437 color: ${({theme:e})=>(0,s.HK)(e,"colors.discovery.lead.secondary.description")}; 6438 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.consumptionEditorial.body-core")}; /* 1 */ 6439 ${w} { 6440 ${({theme:e})=>
6440(0,s.pe)(e,"colors.consumption.body.standard.link",null)} 6441 } 6442 6443 a + a { 6444 margin-left: 1rem; /* 2 */ 6445 border-left: 1px solid; 6446 padding-left: 1rem; 6447 } 6448`,A=o.Ay.div.withConfig({displayName:"ContributorDenseHeaderWrapper"})` 6449 display: grid; 6450 ${({isImage:e})=>e?o.AH` 6451 grid-template-columns: ${(0,s.Kq)(10.5)} auto; 6452 `:o.AH` 6453 grid-template-columns: auto auto; 6454 `} 6455`,x=o.Ay.div.withConfig({displayName:"ContributorNameAndTitleWrapper"})` 6456 ${({isDenseHeader:e})=>e&&o.AH` 6457 grid-column: auto; 6458 min-width: 0; 6459 `} 6460`,E=(0,o.Ay)(u.A).withConfig({displayName:"ContributorHeaderSocialIcons"})` 6461 .contributor-header__social-icons { 6462 ${p.eO} { 6463 @media (min-width: ${i.LO.md}) { 6464 justify-content: flex-start; 6465 } 6466 } 6467 } 6468 ${p.eO} { 6469 justify-content: center; 6470 @media (min-width: ${i.LO.md}) { 6471 justify-content: flex-start; 6472 } 6473 6474 ${p.KS} { 6475 .icon { 6476 path { 6477 fill: ${({theme:e})=>(0,s.HK)(e,"colors.discovery.lead.secondary.link")}; 6478 } 6479 } 6480 6481 &:hover { 6482 .icon { 6483 path { 6484 fill: ${({theme:e})=>(0,s.HK)(e,"colors.discovery.lead.secondary.link-hover")}; 6485 } 6486 } 6487 } 6488 } 6489 } 6490`,S=o.Ay.div.withConfig({displayName:"ContributorGrid"})` 6491 ${(0,r.VO)()} 6492 ${(0,r.aU)("padding")} 6493 ${({hasLeftAlignedHeader:e})=>e&&o.AH` 6494 margin: 0 auto; 6495 `} 6496 ${({shouldApplyMaxWidth:e})=>e&&o.AH` 6497 max-width: ${i.LO.xxl}; 6498 `} 6499 ${({hasPaddingTop:e})=>e&&o.AH` 6500 padding-top: ${(0,s.Kq)(8)}; 6501 `} 6502 6503 display: grid; 6504 grid-template-columns: repeat(4, 1fr); 6505 column-gap: var(--grid-gap); 6506 padding-bottom: ${(0,s.Kq)(8)}; 6507 width: 100%; 6508 text-align: center; 6509 row-gap: var(--grid-gap); 6510 6511 ${(0,s.H4)(i.LO.md)} { 6512 grid-template-columns: repeat(12, 1fr); 6513 justify-items: auto; 6514 text-align: inherit; 6515 } 6516`,L=o.Ay.div.withConfig({displayName:"ContributorHeaderWrapper"})` 6517 ${({enableFictionContributor:e,theme:t})=>e?t&&o.AH` 6518 background: ${(0,s.HK)(t,"colors.discovery.lead.primary.background")}; 6519 `:t&&o.AH` 6520 background: ${(0,s.HK)(t,"colors.discovery.lead.secondary.background")}; 6521 `} 6522`,T=o.Ay.div.withConfig({displayName:"ContributorAvatarImageWrapper"})` 6523 grid-column: 1 / -1; 6524 justify-self: center; 6525 6526 ${({theme:e,hasAvatarImageBackground:t})=>t?o.AH` 6527 background: ${(0,s.HK)(e,"colors.discovery.lead.secondary.background")}; 6528 border-radius: 50%; 6529 `:o.AH` 6530 background: ${(0,s.HK)(e,"colors.discovery.lead.primary.background")}; 6531 `} 6532 6533 ${(0,s.H4)(i.LO.md)} { 6534 align-self: start; 6535 6536 ${({ledeAlignment:e})=>"center"===e?o.AH` 6537 grid-column: 5 / span 4; 6538 `:o.AH` 6539 grid-column: 1 / span 3; 6540 `} 6541 6542 ${({hasLeftAlignedHeader:e})=>e&&o.AH` 6543 grid-column: 1 / span 3; 6544 justify-self: auto; 6545 margin-right: auto; 6546 margin-left: auto; 6547 min-width: ${b}; 6548 max-width: ${f}; 6549 `} 6550 } 6551`,N=(0,o.Ay)(m.A).withConfig({displayName:"ContributorAvatarImage"})` 6552 img { 6553 width: 100%; 6554 min-width: ${b}; 6555 max-width: ${f}; 6556 } 6557 6558 ${({avatarImageShape:e})=>"round"===e?(0,a.P)("100%",b,f):null} 6559 6560 ${({hasSmallAvatar:e})=>e?o.AH` 6561 width: ${b}; 6562 `:null} 6563`,H=(0,o.Ay)(m.A).withConfig({displayName:"ContributorLogo"})` 6564 grid-column: auto; 6565 6566 img { 6567 margin-right: ${(0,s.Kq)(2.5)}; 6568 border-radius: 50%; 6569 width: ${(0,s.Kq)(8)}; 6570 height: ${(0,s.Kq)(8)}; 6571 } 6572`,I=o.AH` 6573 grid-column: 1 / -1; 6574 text-align: center; 6575 6576 ${p.eO} { 6577 justify-content: center; 6578 } 6579 6580 ${(0,s.H4)(i.LO.md)} { 6581 grid-column: 4 / span 6; 6582 6583 ${({isContributorImageEmpty:e,isFeaturedAuthor:t})=>t&&e&&o.AH` 6584 grid-column: 1 / span 6; 6585 `} 6586 } 6587`,B=o.AH` 6588 grid-column: 1 / -1; 6589 6590 ${(0,s.H4)(i.LO.md)} { 6591 grid-column: 4 / span 8; 6592 6593 ${({isContributorImageEmpty:e,isFeaturedAuthor:t})=>t&&e&&o.AH` 6594 grid-column: 1 / span 8; 6595 `} 6596 } 6597 6598 ${(0,s.H4)(i.LO.lg)} { 6599 grid-column: 4 / span 6; 6600 6601 ${({hasLeftAlignedHeader:e})=>e&&o.AH` 6602 grid-column: 4 / span 6; 6603 `} 6604 6605 ${({isContributorImageEmpty:e,isFeaturedAuthor:t})=>t&&e&&o.AH` 6606 grid-column: 1 / span 6; 6607 `} 6608 } 6609`,O=o.Ay.div.withConfig({displayName:"ContributorHeaderContent"})` 6610 ${({ledeAlignment:e})=>"center"===e?I:B} 6611 ${({hasBorders:e,theme:t})=>e&&o.AH` 6612 padding-top: ${(0,s.Kq)(4)}; 6613 padding-bottom: ${(0,s.Kq)(4)}; 6614 border-width: 1px 0; 6615 border-style: solid; 6616 border-bottom-style: ridge; 6617 ${(0,s._o)(t,"border-top-color","colors.consumption.lead.standard.divider")}; 6618 `} 6619${y.Cj}, ${y.lP} { 6620 color: ${({theme:e})=>(0,s.HK)(e,"colors.discovery.body.white.description")}; 6621 } 6622`,K=(0,o.Ay)(g.A).withConfig({displayName:"ContributorHeaderBioClamp"})` 6623 ${({enableFictionContributor:e,breakpoint:t})=>e&&o.AH` 6624 ${(0,s.H4)(i.LO[t])} { 6625 button { 6626 display: none; 6627 } 6628 } 6629 `} 6630 6631 ${({contributorBioAlignment:e})=>"default"!==e&&o.AH` 6632 text-align: ${e}; 6633 `} 6634 6635 ${h.Lj}:hover { 6636 text-decoration: underline; 6637 } 6638`,D=(0,o.Ay)(d.s).withConfig({displayName:"ContributorHeaderSeeMoreLink"}).attrs(e=>
6638({as:"a",colorStaticLinkToken:"colors.discovery.body.light.accent",colorToken:null,linkStyle:"global",typeIdentity:"typography.definitions.discovery.description-core",...e}))` 6639 ${(0,s.Gg)("typography.definitions.globalEditorial.context-primary")} 6640 ${({showReadMore:e})=>e?o.AH` 6641 font-size: ${(0,s.Kq)(1.5)}; 6642 `:null} 6643 display: inline-block; 6644`},62251(e,t,n){n.d(t,{A:()=>b});var o=n(47655),i=n(5556),a=n.n(i),r=n(96540),s=n(6442),l=n(15956);const d=({btnStyle:e="filled",rubric:t,dek:n,source:o,target:i,url:a})=>{const s=o||"Explore Now";return r.createElement(l.e8,null,r.createElement(l.ww,null,t&&r.createElement(l.Cj,{"data-testid":"ToutHed",dangerouslySetInnerHTML:{__html:t}}),n&&r.createElement(l.lP,{"data-testid":"ToutDek",dangerouslySetInnerHTML:{__html:n}})),a&&r.createElement(l.Zy,{btnStyle:e,href:a,label:s,target:i,inputKind:"link"}))};d.propTypes={btnStyle:a().string,dek:a().string,rubric:a().string,source:a().string,target:a().string,url:a().string},d.displayName="Tout";const c=d;var m=n(57744),u=n(53499);const p=(0,n(72267).YK)({seeMoreContributorLink:{id:"ContributorHeader.SeeMoreContributorLink",defaultMessage:"See More By",description:"See More article link of contributor"}});var g=n(24283);const h=({avatarImageShape:e="rectangle",clampBreakpoint:t="xxl",configuredComponentRef:n,contributorBioAlignment:o="default",contributorHedMaxLines:i=0,contributorHedMaxLinesOnMobile:a=0,dangerousBio:l,dangerousShortBio:d,descriptionToken:m,featureFlags:{enableFictionContributor:h},hasAvatarImageBackground:y=!1,hasSmallAvatar:b=!1,clampReadLessText:f,clampReadMoreText:w,image:$,ledeAlignment:v="default",name:C,fallbackBioSuffix:k,shouldHideTitle:A=!1,shouldRemoveNameMargin:x=!1,showSocialIcons:E=!0,socialIconsProps:S,socialIconType:L="standard",title:T,url:N="",className:H,shouldApplyMaxWidth:I=!1,hasLeftAlignedHeader:B=!1,hasPaddingTop:O=!0,showSeeMoreLink:K,variations:{isFeaturedAuthor:D,isDenseHeader:_}={isFeaturedAuthor:!1,isDenseHeader:!1},externalLinkData:P,hasBorders:R=!1})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"ContributorHeader"})},[]);const{formatMessage:q}=(0,s.A)(),M=`${q(p.seeMoreContributorLink)} ${C} `,F=l||(k?`${C} ${k}`:"");let U=r.createElement(g.tr,{"data-testid":"ContributorHeaderBio",dangerouslySetInnerHTML:{__html:F},isFeaturedAuthor:D,isDenseHeader:_,enableFictionContributor:h,contributorBioAlignment:o,descriptionToken:m});const V=r.createElement(r.Fragment,null,C&&r.createElement(g.y,{"data-testid":"ContributorHeaderName",shouldRemoveNameMargin:x,isDenseHeader:_},C),T&&!A&&r.createElement(g.vo,{isDenseHeader:_},T)),G=r.createElement(g.JR,{isImage:$},$&&r.createElement(g.BQ,{...$}),r.createElement(g.HY,{isDenseHeader:_},V));return i>0&&(U=r.createElement(g.s_,{lines:i,clampReadMoreText:w,clampReadLessText:f,contributorBioAlignment:o,isCollapsible:!0,enableFictionContributor:h,breakpoint:t,linesInMobile:a},U)),r.createElement(g.Wz,{ref:n,className:H,enableFictionContributor:h},r.createElement(g.Qk,{shouldApplyMaxWidth:I,hasLeftAlignedHeader:B,hasPaddingTop:O},$&&!_&&r.createElement(g.vk,{ledeAlignment:v,hasAvatarImageBackground:y,hasLeftAlignedHeader:B},r.createElement(g.wh,{...$,avatarImageShape:e,hasSmallAvatar:b})),r.createElement(g.eS,{ledeAlignment:v,isContributorImageEmpty:!$,isFeaturedAuthor:D,hasLeftAlignedHeader:B,hasBorders:R},_?G:V,d&&r.createElement(g.lf,{"data-testid":"ContributorHeaderShortBio",dangerouslySetInnerHTML:{__html:d}}),F&&U,E&&S&&r.createElement(g.qL,{...S,variations:{theme:L}}),K&&r.createElement(g.tX,{href:N},M,"»"),_&&P&&r.createElement(c,{...P}))))};h.propTypes={configuredComponentRef:a().func,avatarImageShape:a().oneOf(["round","rectangle"]),clampBreakpoint:a().string,clampReadLessText:a().string,clampReadMoreText:a().string,className:a().string,contributorBioAlignment:a().oneOf(["center","default","left","right"]),contributorHedMaxLines:a().number,contributorHedMaxLinesOnMobile:a().number,dangerousBio:a().string,dangerousShortBio:a().string,descriptionToken:a().string,externalLinkData:a().object,fallbackBioSuffix:a().string,featureFlags:a().object,hasAvatarImageBackgroun
6644d:a().bool,hasBorders:a().bool,hasLeftAlignedHeader:a().bool,hasPaddingTop:a().bool,hasSmallAvatar:a().bool,image:a().object,ledeAlignment:a().oneOf(["center","default"]),name:a().string.isRequired,shouldApplyMaxWidth:a().bool,shouldHideTitle:a().bool,shouldRemoveNameMargin:a().bool,showSeeMoreLink:a().bool,showSocialIcons:a().bool,socialIconsProps:a().object,socialIconType:a().oneOf(["footer","has-background","circular","overlay","standard"]),title:a().string,url:a().string,variations:a().shape({isFeaturedAuthor:a().bool,isDenseHeader:a().bool})},h.displayName="ContributorHeader";const y=(0,m.M3)(h,{keysToPluck:["featureFlags"]});y.FeaturedAuthor=(0,o.y)(y,"FeaturedAuthor",{isFeaturedAuthor:!0},{clampBreakpoint:"xxxl",contributorHedMaxLines:6,contributorHedMaxLinesOnMobile:10,contributorBioAlignment:"left",shouldHideTitle:!0,showSocialIcons:!1,shouldRemoveNameMargin:!0,shouldApplyMaxWidth:!0,hasLeftAlignedHeader:!0,hasPaddingTop:!0}),y.DenseHeader=(0,o.y)(y,"DenseHeader",{isDenseHeader:!0},{avatarImageShape:"round",shouldHideTitle:!1,shouldRemoveNameMargin:!0,showSocialIcons:!1});const b=y},30259(e,t,n){n.d(t,{eG:()=>p,o9:()=>g,z4:()=>h});var o=n(38267),i=n(26865),a=n(99906),r=n(96472),s=n(73347),l=n(22539),d=n(63637),c=n(277),m=n(68116),u=n(36211);const p=(0,o.Ay)(l.A).withConfig({displayName:"FeaturedStoriesList"})``,g=o.Ay.section.withConfig({displayName:"FeaturedStoriesGrid"})` 6645 ${(0,i.L7)(`${a.VS.md}px`)} { 6646 display: none; 6647 } 6648 ${p} { 6649 padding: 0; 6650 6651 ${m.tP} { 6652 ${(0,i.H4)(r.LO.md)} { 6653 width: ${(0,i.Kq)(15,"px")}; 6654 height: ${(0,i.Kq)(11.25,"px")}; 6655 } 6656 width: ${(0,i.Kq)(10,"px")}; 6657 height: ${(0,i.Kq)(7.5,"px")}; 6658 } 6659 6660 ${d.Rp} { 6661 display: grid; 6662 grid-template-areas: 'image content'; 6663 grid-template-columns: ${(0,i.Kq)(7.5)} auto; 6664 margin-bottom: ${(0,i.Kq)(2)}; 6665 padding-bottom: ${(0,i.Kq)(2)}; 6666 gap: ${(0,i.Kq)(4)}; 6667 ${(0,i.H4)(r.LO.md)} { 6668 gap: ${(0,i.Kq)(10)}; 6669 margin-bottom: ${(0,i.Kq)(1)}; 6670 } 6671 6672 &:last-of-type { 6673 margin-bottom: 0; 6674 border-bottom: 0; 6675 padding-bottom: 0; 6676 } 6677 } 6678 6679 ${m.Tr} { 6680 padding-top: 0; 6681 6682 ${u.Y} { 6683 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 6684 } 6685 6686 ${m.IB} { 6687 margin: 0; 6688 } 6689 6690 ${c.ir} { 6691 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")}; 6692 display: flex; 6693 align-items: center; 6694 padding-top: ${(0,i.Kq)(.625,"px")}; 6695 } 6696 } 6697 } 6698`,h=(0,o.Ay)(s.Ay).withConfig({displayName:"FeaturedStoriesSectionTitle"})` 6699 ${(0,i.H4)(r.LO.md)} { 6700 margin-top: ${(0,i.Kq)(5)}; 6701 border-bottom-width: 1px; 6702 } 6703 6704 h2 { 6705 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 6706 justify-self: start; 6707 width: 444.8px; 6708 height: 18px; 6709 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.context-tertiary")}; 6710 } 6711 6712 ${(0,i.L7)(r.LO.md)} { 6713 margin-bottom: ${(0,i.Kq)(1)}; 6714 } 6715 6716 ${(0,i.H4)(r.LO.md)} { 6717 margin-bottom: ${(0,i.Kq)(2)}; 6718 } 6719`},74898(e,t,n){n.d(t,{e:()=>u,z:()=>m});var o=n(38267),i=n(26865),a=n(96472),r=n(73347),s=n(6613),l=n(68116),d=n(44802),c=n(34751);const m=(0,o.Ay)(r.Ay).withConfig({displayName:"FeaturedStoriesSectionTitle"})` 6720 padding-bottom: 0; 6721 ${(0,i.L7)(a.LO.md)} { 6722 margin-top: ${(0,i.Kq)(3)}; 6723 border-bottom-width: 1px; 6724 } 6725 6726 h2 { 6727 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 6728 justify-self: start; 6729 width: 444.8px; 6730 height: 18px; 6731 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.context-tertiary")}; 6732 } 6733`,u=o.Ay.section.withConfig({displayName:"FeaturedStoriesCarousel"})` 6734 .featured-stories-carousel { 6735 ul { 6736 margin-right: ${(0,i.Kq)(-3)}; 6737 margin-left: ${(0,i.Kq)(-3)}; 6738 6739 li { 6740 width: 60%; 6741 6742 &:last-child { 6743 padding-right: ${(0,i.Kq)(3)}; 6744 } 6745 } 6746 } 6747 } 6748 ${c.F5} { 6749 padding-bottom: 0; 6750 } 6751 6752 ${(0,i.H4)(a.LO.md)} { 6753 display: none; 6754 } 6755 6756 ${d.nk} { 6757 display: none; 6758 } 6759 ${d.wq} { 6760 margin-bottom: 0; 6761 } 6762 ${s.fq} { 6763 display: none; 6764 } 6765 6766 ${l.Tr} { 6767 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 6768 } 6769`},70231(e,t,n){n.d(t,{A:()=>C});var o=n(5556),i=n.n(o),a=n(96540),r=n(13465),s=n(62251),l=n(6442);const d=(0,n(72267).YK)({hedText:{id:"FeaturedStories.HedText",defaultMessage:"Featured Articles By {contributorName}",description:"Hed text for Featured Stories Section"}});var c=n(30259);const m=({selectedStories:e,contributorName:t})=>{const{formatMessage:n}=(0,l.A)();return e&&e.length?a.createElement(c.o9,null,a.createElement(c.z4,{className:"FeaturedStoriesSectionTitle",dangerousHed:n(d.hedText,{contributorName:t})}),a.createElement(c.eG,{items:e,shouldHideFinalBorder:!0,shouldHideSponsoredAd:!0,hasMarginSpacing:!0,hideRubricItemSummary:!0,hasUnderlineHed:!1,shouldHideBylines:!0,summaryItemVariation:"SideBySideThirdsImageLeftWithNoDekNoBorder",shouldUseSmallHed:!0})):null};
6769m.propTypes={contributorName:i().string,selectedStories:i().array.isRequired},m.displayName="FeaturedStories";const u=m;var p=n(29752),g=n(74898);const h=({selectedStories:e,contributorName:t})=>{const{formatMessage:n}=(0,l.A)();return e&&e.length?a.createElement(g.e,null,a.createElement(g.z,{className:"FeaturedStoriesSectionTitle",dangerousHed:n(d.hedText,{contributorName:t})}),a.createElement(p.A,{className:"featured-stories-carousel",items:e,shouldShowViewAllButton:!1,isSummaryHeadingSecondary:!0})):null};h.propTypes={contributorName:i().string,selectedStories:i().array.isRequired},h.displayName="SmallDeviceFeaturedStories";const y=h;var b=n(12378);const f=({selectedStories:e=[],header:t,hasBorders:n})=>{const o=t&&t.name||"",i=e&&e.length>0;return a.createElement(b.O,{hasFeaturedStories:i},t&&a.createElement(s.A.DenseHeader,{...t,hasBorders:n,showSeeMoreLink:!0}),a.createElement(u,{selectedStories:e,contributorName:o}),a.createElement(y,{selectedStories:e,contributorName:o}))};f.propTypes={hasBorders:i().bool,header:i().object.isRequired,selectedStories:i().array,showSeeMoreLink:i().bool};const w=f;var $=n(5676);const v=({configuredComponentRef:e,dangerousHed:t,selectedStories:n,header:o,hasBordersForHeader:i,hasConsistentSpacing:r=!1})=>{const s={dangerousHed:t,className:"ContributorSpotlightSectionTitle"};return a.createElement($.hO,{ref:e,hasConsistentSpacing:r,"data-testid":"ContributorSpotlightContainer"},a.createElement($.zv,null,a.createElement($.UH,null,t&&a.createElement($.Vm,{...s}),a.createElement($.k6,null,a.createElement(w,{header:o,selectedStories:n,hasBorders:i})))))};v.propTypes={configuredComponentRef:i().func,dangerousHed:i().string,hasBordersForHeader:i().bool,hasConsistentSpacing:i().bool,header:i().object,selectedStories:i().array},v.displayName="ContributorSpotlight";const C=(0,r.y)(v,"ContributorSpotlight")},5676(e,t,n){n.d(t,{UH:()=>u,Vm:()=>p,hO:()=>c,k6:()=>g,zv:()=>m});var o=n(1123),i=n(38267),a=n(26865),r=n(16800),s=n(96472),l=n(73347),d=n(33500);const c=i.Ay.section.withConfig({displayName:"ContributorSpotlightContainer"})` 6770 padding: ${(0,a.Kq)(3)}; 6771 6772 ${(0,a.H4)(s.LO.md)} { 6773 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,r.F)(t,"gap-md")?"padding-top: 0; padding-bottom: 0":`padding-top: ${(0,a.Kq)(4)};\n padding-bottom: ${(0,a.Kq)(4)};`} 6774 } 6775 6776 ${(0,o.VO)()} 6777 ${(0,o.aU)("padding")} 6778`,m=i.Ay.div.withConfig({displayName:"ContributorSpotlightInnerContainer"})` 6779 margin: 0 auto; 6780 border-bottom: ${(0,a.Kq)(.125,"px")} solid; 6781 max-width: calc(${s.LO.xxl} - (2 * ${(0,a.Kq)(8)})); 6782`,u=i.Ay.div.withConfig({displayName:"ContributorSpotlightSingleColumn"})` 6783 .summary-item { 6784 width: 100%; 6785 } 6786`,p=(0,i.Ay)(l.Ay).withConfig({displayName:"ContributorSpotlightHeader"})` 6787 display: flex; 6788 6789 justify-content: center; 6790 border-top: ${(0,a.Kq)(.125,"px")} solid; 6791 border-bottom: ${(0,a.Kq)(.125)} solid 6792 ${(0,a.HK)("colors.foundation.menu.dividers")}; 6793 6794 ${d.sM} { 6795 margin-top: 0; 6796 padding-top: 0; 6797 text-underline-offset: ${(0,a.Kq)(.375,"px")}; 6798 ${({theme:e})=>(0,a.pe)(e,"colors.foundation.collapsed-menu.utility-link.default","colors.foundation.collapsed-menu.utility-link.hover","navigation")}; 6799 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.foundation.link-primary")}; 6800 } 6801`,g=i.Ay.section.withConfig({displayName:"ContributorSpotlightSummaryGrid"})` 6802 display: grid; 6803 ${(0,o.VO)()} 6804 grid-template-areas: 6805 'stories' 6806 'body'; 6807 grid-template-columns: repeat(1, 1fr); 6808 padding-bottom: ${(0,a.Kq)(3)}; 6809 6810 ${(0,a.H4)(s.LO.md)} { 6811 grid-template-areas: 'body'; 6812 } 6813`;i.Ay.h2.withConfig({displayName:"SpotlightMainFeatureHeader"})` 6814 margin: 0 auto; 6815 padding-bottom: ${(0,a.Kq)(3)}; 6816 text-align: center; 6817 text-transform: uppercase; 6818 6819 ${({theme:e})=>i.AH` 6820 ${(0,a.Gg)(e,"typography.definitions.discovery.hed-feature")} 6821 ${(0,a._o)(e,"color","colors.discovery.body.brand.heading")}; 6822 `}; 6823 6824 ${(0,a.H4)(s.LO.lg)} { 6825 max-width: 80%; 6826 } 6827`},41375(e,t,n){n.d(t,{A:()=>h});var o=n(5556),i=n.n(o),a=n(96540),r=n(57744),s=n(62171),l=n(38267),d=n(26865),c=n(96472),m=n(77346);const u=(0,l.Ay)(m.A).withConfig({displayName:"CuratedShowsSectionTitle"})` 6828 && { 6829 padding: ${(0,d.Kq)(3)}; 6830 text-align: center; 6831 6832 @media (min-width: ${c.LO.md}) { 6833 padding: ${(0,d.Kq)(5)}; 6834 } 6835 6836 .section-header__hed { 6837 color: ${({theme:e})=>(0,d.HK)(e,"colors.discovery.body.white.heading")}; 6838 6839 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.discovery.subhed-section-primary")} 6840 } 6841 6842 .section-header__subhed { 6843 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.globalEditorial.context-primary")} 6844 6845 padding-bottom: ${(0,d.Kq)(2)}; 6846 6847 color: ${({theme:e})=>(0,d.HK)(e,"colors.discovery.body.white.accent")}; 6848 } 6849 } 6850`;u.displayName="CuratedShowsSectionTitle";var p=n(53499);const g=({dangerousHed:e,items:t,hideCuratedShowsList:n,subHed:o,variationValue:i,variationName:r})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"CuratedShowsSection",variation:r})},[r]);const[l]=t;if(!l)return null;const d=t[0].curatedShows.length>0;return a.createElement(a.Fragment,null,d&&a.createElement("section",{"data-testid":"CuratedShowsSection"},e&&a.createElement(u,{subHed:o,dangerousHed:e,subHedPosition:"above"}),a.createElement(s.A,{...l,hasCuratedShowsVariation:i,hideCuratedShowsList:n})))};g.propTypes={dangerousHed:i().string,hideCuratedShowsList:i().bool,items:i().array,subHed:i().string,variationName:i().string,variationValue:i().string};const h=(0,r.M3)(g,{keysToPluck:[]})},62171(e,t,n){n.d(t,{A:()=>Ie});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(72267);const l=(0,s.YK)({groupedNavigationFilterLabel:{id:"CuratedShows.GroupedNavigationFilterLabel",defaultMessage:"Search for a designer...",description:"CuratedShows component grouped navigation filter label"},groupedNavigationBrowserFilterLabel:{id:"CuratedShows.GroupedNavigationBrowserFilterLabel",defaultMessage:"Search...",description:"CuratedShows component grouped navigation filter label"},groupedNavigationSummaryCarouselFilterLabel:{id:"CuratedShows.GroupedNavigationSummaryCarouselFilterLabel",defaultMessage:"Search...",description:"CuratedShows component grouped navigation filter label"},buttonLabel:{id:"CuratedShows.ButtonLabel",defaultMessage:"View all shows",description:"CuratedShows component button label"},drawerContentLabel:{id:"CuratedShows.DrawerContentLabel",defaultMessage:"Runway All Shows navigation",description:"CuratedShows component drawer content label"}});var d=n(94327),c=n(31226),m=n(39733),u=n(90506),p=n(13465),g=n(38221),h=n.n(g);var y=n(53499),b=n(38267),f=n(18608),w=n(26865),$=n(48188),v=n(96472);const C=b.Ay.div.withConfig({displayName:"GroupedNavigationWrapper"})` 6851 padding-top: ${(0,w.Kq)(4)}; 6852 6853 ${({hasFilter:e})=>e&&`padding-top: ${(0,w.Kq)(2)};`} 6854 6855 .navigation__heading { 6856 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.title-primary")}; 6857 margin: 0; 6858 line-height: normal; 6859 ${({theme:e})=>(0,w._o)(e,"color","colors.foundation.expanded-utility.nav-link.default")}; 6860 } 6861 6862 .navigation__list-item { 6863 white-space: normal; 6864 } 6865 6866 .content-divider { 6867 display: block; 6868 margin-bottom: ${(0,w.Kq)(2)}; 6869 border-bottom-width: ${(0,w.Kq)(.5)}; 6870 border-bottom-style: solid; 6871 ${({theme:e})=>(0,w._o)(e,"border-bottom-color","colors.discovery.lead.secondary.accent")}; 6872 padding-top: ${(0,w.Kq)(1)}; 6873 width: ${(0,w.Kq)(2)}; 6874 } 6875 6876 .grouped-navigation__link { 6877 ${({theme:e})=>(0,w.pe)(e,"colors.foundation.expanded-utility.nav-link.default","colors.foundation.expanded-utility.nav-link.hover","navigation")} 6878 6879 &.link--primary { 6880 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-primary")}; 6881 } 6882 6883 &.link--secondary { 6884 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-secondary")}; 6885 } 6886 } 6887`,k=b.Ay.div.withConfig({displayName:"GroupedNavigationFilter"})` 6888 position: static; 6889 border-width: 0 0 1px; 6890 border-style: none; 6891 padding-top: 2rem; 6892 width: 100%; 6893 6894 ${({theme:e})=>(0,w._o)(e,"color","colors.discovery.body.white.divider")}; 6895 6896 .icon { 6897 position: absolute; 6898 top: 10px; 6899 pointer-events: none; 6900 } 6901`,A=b.Ay.div.withConfig({displayName:"GroupedNavigationFilterContent"})` 6902 position: relative; 6903 width: 100%; 6904 text-align: center; 6905`,x=(0,b.Ay)(f.vm).withConfig({displayName:"GroupedNavigationFilterInput"}).attrs(e=>({as:"input",typeIdentity:"typography.definitions.foundation.link-secondary",...e}))` 6906 ${({theme:e})=>(0,w.FM)(e,"normal","background")}; 6907 ${({theme:e})=>(0,w.FM)(e,"normal","text")}; 6908 border: 1px solid #d8d8d8; 6909 padding-left: 48px; 6910 width: 385px; 6911 height: 50px; 6912 @media (max-width: ${v.LO.lg}) { 6913 width: 100%; 6914 } 6915`,E=b.Ay.div.withConfig({displayName:"GroupedNavigationContent"})` 6916 display: flex; 6917 width: 100% 6918 ${({hasFilter:e})=>e&&`\n padding-top: ${(0,w.Kq)(4)};\n height: calc(100% - 60px);\n width: 100%\n\n `}; 6919 height: 100%; 6920`,S=b.Ay.div.withConfig({displayName:"GroupedNavigationLinks"})` 6921 flex: 1; 6922 padding-top: 2rem; 6923 width: 100%; 6924 height: 100%; 6925 overflow-y: auto; 6926 6927 && li { 6928 padding-bottom: ${(0,w.Kq)(2)}; 6929 6930 &.link--primary { 6931 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-primary")}; 6932 } 6933 6934 &.link--secondary { 6935 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-secondary")}; 6936 } 6937 } 6938`,L=(0,b.Ay)(f.vm).withConfig({displayName:"GroupedNavigationNoResult"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.foundation.title-primary",...e}))` 6939 margin: 30px 10px; 6940 text-align: center; 6941 text-transform: lowercase; 6942 color: rgb(0, 0, 0); 6943`,T=(0,b.Ay)(f.vm).withConfig({displayName:"GroupedNavigationQuote"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.foundation.title-primary",...e}))` 6944 color: rgb(0, 0, 0); 6945`,N=(0,b.Ay)($.A.Vertical).withConfig({displayName:"GroupedNavigationGroup"})` 6946 padding-right: 1rem; 6947`,H=(b.Ay.div.withConfig({displayName:"GroupedNavigationIndex"})` 6948 position: static; 6949 padding-right: ${(0,w.Kq)(1)}; 6950 overflow-y: auto; 6951`,(0,s.YK)({filterInputAriaLabelText:{id:"GroupedNavigationHasSummaryCarousel.FilterInputAriaLabel",defaultMessage:"Filter links",de
6951scription:"Grouped Navigation Filter component aria label text",isConfigurable:!0}}));var I=n(34751),B=n(68397),O=n(73347);const K=({className:e,configuredComponentRef:t,dangerousHed:n,groupedLinks:o,showContentDivider:i=!0,hasFilter:s=!1,analyticsEventForFilter:l,filterLabel:c})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"GroupedNavigationHasSummaryCarousel"})},[]);const{formatMessage:m}=(0,r.A)(),p=a.useRef(null),[g,b]=(0,a.useState)(""),[f,w]=((e,t)=>{const[n,o]=(0,a.useState)(e),i=(0,a.useCallback)(h()(e=>{o(e)},t),[]);return[n,e=>{i(e)}]})(o,200);let $=[];if(f.length>0){$=[];let e=0;f.forEach(t=>{(!$.length||e>=9)&&($.push([]),e=0),t.links&&(e=e+t.links.length+1),e<9?$[$.length-1].push(t):($.push([]),$[$.length-1].push(t),e=t.links.length)}),$.length%2!=0&&($.push([]),$[$.length-1].push({groupName:"",links:[]}))}return o&&o.length?a.createElement(C,{ref:t,className:e,hasFilter:s,"data-testid":"GroupedNavigationWrapper"},n&&a.createElement(O.Ay,{dangerousHed:n,hasDividerAbove:!0,hasDividerBelow:!0,textAlign:"center","data-testid":"section-title"}),s&&a.createElement(k,null,a.createElement(A,null,a.createElement(u.A,null),a.createElement(x,{placeholder:c,"aria-label":c||m(H.filterInputAriaLabelText),name:"filter",type:"text",onChange:e=>{const t=e.target.value;b(t),w(()=>((e,t)=>{if(!t?.trim())return e;const n=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(t)?n(e.text).includes(n(t)):e.text.match(/([a-zA-Z]\.){2,}/)?e.text.split(" ").filter(e=>n(e).startsWith(n(t))).length:e.text.split(/([ \-'â.]+)/).filter(e=>n(e).startsWith(n(t))).length)})).filter(e=>e.links?.length)})(o,t))},onFocus:()=>{l&&(0,d.W8)(l)},value:g}))),a.createElement(E,{hasFilter:s},a.createElement(S,{ref:p},f.length>0?a.createElement(I.F5,{backgroundColor:"white"},a.createElement(B.A,{carouselSettings:{showControls:!0,hasPaginationDots:!0,isPaginationClickable:!0}},$.map((e,t)=>a.createElement(B.A.CarouselItem,{key:`grouped-navigation-${t}`,trackingEventData:{carouselName:n,itemIndex:t,totalItems:$.length}},e.map(e=>{if(!e.links)return null;const t=e.links.map(e=>{const t=!0===e.isSecondary?"link--secondary":"link--primary";return{...e,className:t}});return a.createElement(N,{key:e.groupName,className:"grouped-navigation__group",links:t,linkClassName:"grouped-navigation__link",heading:e.groupName,showContentDivider:i,shouldStyleListItems:!0,attributes:{}})}))))):a.createElement(L,null,"0 results for"," ",a.createElement(T,null,'"',g,'"'))))):null},D=i().shape({text:i().string.isRequired,url:i().string.isRequired,isSecondary:i().bool,analyticsEvent:i().string}),_=i().arrayOf(i().shape({links:i().arrayOf(D),groupName:i().string,groupId:i().string}));K.propTypes={configuredComponentRef:i().func,analyticsEventForFilter:i().string,className:i().string,dangerousHed:i().string,filterLabel:i().string,groupedLinks:_,hasFilter:i().bool,showContentDivider:i().bool},K.displayName="GroupedNavigationHasSummaryCarousel";const P=(0,p.y)(K,"GroupedNavigationHasSummaryCarousel");var R=n(97200),q=n.n(R);const M=(e,t)=>{if(!t?.trim())return e;const n=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(t)?n(e.text).includes(n(t)):e.text.match(/([a-zA-Z]\.){2,}/)?e.text.split(" ").filter(e=>n(e).startsWith(n(t))).length:e.text.split(/([ \-'â.]+)/).filter(e=>n(e).startsWith(n(t))).length)})).filter(e=>e.links?.length)};var F=n(86659);const U=b.Ay.div.withConfig({displayName:"GroupedNavigationWrapper"})` 6952 padding-top: ${(0,w.Kq)(4)}; 6953 scroll-behavior: smooth; 6954 ${({hasFilter:e})=>e&&`padding-top: ${(0,w.Kq)(2)};`} 6955 6956 .navigation__heading { 6957 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-feature")}; 6958 margin: 0; 6959 line-height: normal; 6960 ${({theme:e})=>(0,w._o)(e,"color","colors.foundation.expanded-utility.nav-link.default")}; 6961 } 6962 6963 .navigation__list-item { 6964 width: 50%; 6965 white-space: normal; 6966 @media (min-width: ${v.LO.lg}) { 6967 width: 33.3%; 6968 } 6969 } 6970 6971 .navigation__list { 6972 margin-bottom: 0; 6973 } 6974 6975 .content-divider { 6976 display: block; 6977 margin-bottom: ${(0,w.Kq)(2)}; 6978 border-bottom-width: ${(0,w.Kq)(.5)}; 6979 border-bottom-style: solid; 6980 ${({theme:e})=>(0,w._o)(e,"border-bottom-color","colors.discovery.lead.secondary.accent")}; 6981 padding-top: ${(0,w.Kq)(1)}; 6982 width: ${(0,w.Kq)(3)}; 6983 } 6984 6985 .grouped-navigation__link { 6986 ${({theme:e})=>(0,w.pe)(e,"colors.foundation.expanded-utility.nav-link.default","colors.foundation.expanded-utility.nav-link.hover","navigation")} 6987 6988 &.link--primary { 6989 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-primary")}; 6990 } 6991 6992 &.link--secondary { 6993 ${({theme:e})=>
6993(0,w.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")}; 6994 } 6995 } 6996`,V=b.Ay.div.withConfig({displayName:"GroupedNavigationFilter"})` 6997 position: static; 6998 border-width: 0 0 1px; 6999 border-style: none; 7000 padding-top: 2rem; 7001 width: 100%; 7002 7003 ${({isPaginated:e})=>e&&`\n border-bottom: 1px solid rgb(223, 223, 223);\n padding-bottom: ${(0,w.Kq)(4)};\n `} 7004 7005 ${({theme:e})=>(0,w._o)(e,"color","colors.discovery.body.white.divider")}; 7006 7007 .icon { 7008 position: absolute; 7009 top: 10px; 7010 pointer-events: none; 7011 } 7012 @media (min-width: ${v.LO.lg}) { 7013 display: flex; 7014 flex-direction: row; 7015 } 7016`,G=b.Ay.div.withConfig({displayName:"GroupedNavigationFilterContent"})` 7017 position: relative; 7018 width: 100%; 7019 text-align: left; 7020 @media (min-width: ${v.LO.lg}) { 7021 width: 25%; 7022 } 7023`,W=b.Ay.div.withConfig({displayName:"GroupedNavigationFilterBrowser"})` 7024 position: relative; 7025 padding-top: 5%; 7026 width: 100%; 7027 text-align: left; 7028 @media (min-width: ${v.LO.lg}) { 7029 ${({isPaginated:e})=>e?"padding-top: 0px;":"padding-top: 1%;"}; 7030 padding-left: 2%; 7031 width: 75%; 7032 } 7033`,j=(0,b.Ay)(f.vm).withConfig({displayName:"GroupedNavigationFilterInput"}).attrs(e=>({as:"input",typeIdentity:"typography.definitions.foundation.link-secondary",...e}))` 7034 ${({theme:e})=>(0,w.FM)(e,"normal","background")}; 7035 ${({theme:e})=>(0,w.FM)(e,"normal","text")}; 7036 border: 1px solid #d8d8d8; 7037 padding-left: 48px; 7038 width: 100%; 7039 height: 50px; 7040`,z=b.Ay.div.withConfig({displayName:"GroupedNavigationContent"})` 7041 display: flex; 7042 width: 100% 7043 ${({hasFilter:e})=>e&&`\n padding-top: ${(0,w.Kq)(4)};\n\n `}; 7044 height: 100%; 7045`,Y=(0,b.Ay)(F.A.ContentWithAdRail).withConfig({displayName:"GroupedNavigationAdRail"})` 7046 &&& { 7047 margin: 0 0; 7048 padding: 0 0; 7049 height: 100%; 7050 --grid-margin: 0; 7051 } 7052`,X=b.Ay.div.withConfig({displayName:"GroupedNavigationLinks"})` 7053 flex: 1; 7054 padding-top: 1rem; 7055 width: 100%; 7056 height: 100%; 7057 overflow-y: auto; 7058 7059 @media (min-width: ${v.LO.lg}) { 7060 padding-top: 2rem; 7061 } 7062 7063 && li { 7064 padding-bottom: ${(0,w.Kq)(2)}; 7065 7066 &.link--primary { 7067 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-primary")}; 7068 } 7069 7070 &.link--secondary { 7071 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.link-secondary")}; 7072 } 7073 } 7074`,Z=(0,b.Ay)($.A).withConfig({displayName:"GroupedNavigationGroup"})` 7075 margin-bottom: 15px; 7076 ${({isPaginated:e})=>!e&&"border-bottom: 1px solid #dddddd;"} 7077 7078 &:last-child { 7079 border-bottom: 0; 7080 } 7081`,J=(b.Ay.div.withConfig({displayName:"GroupedNavigationIndex"})` 7082 position: static; 7083 padding-right: ${(0,w.Kq)(1)}; 7084 overflow-y: auto; 7085`,(0,b.Ay)(f.vm).withConfig({displayName:"AtoZIndexWrapper"}).attrs(e=>({as:"nav",...e}))` 7086 width: 100%; 7087 text-align: center; 7088 7089 @media (min-width: ${v.LO.lg}) { 7090 text-align: left; 7091 } 7092`),Q=(0,b.Ay)(f.vm).withConfig({displayName:"AtoZIndexList"}).attrs(e=>({as:"ul",...e}))` 7093 display: inline; 7094 top: 10px; 7095 margin-top: 0; 7096 padding: 0; 7097 list-style: none; 7098`,ee=(0,b.Ay)(f.vm).withConfig({displayName:"AtoZIndexValue"}).attrs(e=>({as:"span",...e}))` 7099 display: inline-block; 7100 width: 25px; 7101`,te=(0,b.Ay)(f.sH).withConfig({displayName:"AtoZIndexLink"}).attrs(e=>({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-feature",...e}))` 7102 display: inline; 7103 padding-top: ${(0,w.Kq)(.25)}; 7104 padding-bottom: ${(0,w.Kq)(.25)}; 7105 letter-spacing: 0; 7106`,ne=(0,b.Ay)(f.vm).withConfig({displayName:"AtoZIndexText"}).attrs(e=>({as:"li",colorToken:"colors.foundation.expanded-utility.nav-link.default",typeIdentity:"typography.definitions.foundation.link-feature",...e}))` 7107 display: inline; 7108 padding-top: ${(0,w.Kq)(.25)}; 7109 padding-bottom: ${(0,w.Kq)(.25)}; 7110 color: #757575; 7111`,oe=(0,b.Ay)(f.vm).withConfig({displayName:"AtoZHeading"}).attrs(e=>({typeIdentity:"typography.definitions.foundation.link-feature",...e}))` 7112 top: 10px; 7113 padding-right: 10px; 7114 padding-bottom: 4%; 7115 color: rgb(0, 0, 0); 7116 7117 @media (min-width: ${v.LO.lg}) { 7118 display: inline; 7119 padding-bottom: 0%; 7120 } 7121`,ie=(0,b.Ay)(f.vm).withConfig({displayName:"GroupedNavigationNoResult"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.foundation.title-primary",...e}))` 7122 margin: 30px 10px; 7123 text-align: center; 7124 text-transform: lowercase; 7125 color: rgb(0, 0, 0); 7126`,ae=(0,b.Ay)(f.vm).withConfig({displayName:"GroupedNavigationQuote"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.foundation.title-primary",...e}))` 7127 color: rgb(0, 0, 0); 7128`,re=["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"],se=({links:e,navId:t,setLinkValue:n,isPaginated:o,setFilterResult:i})=>{if(!e||!e.length)return null;const r=e=>{e.preventDefault();const t=document.getElementById(e.target.hash.replace("#",""));if(!t)return;const{offsetTop:n}=t,o=n-90,i=4*(o-window.pageYOffset)/400;let a;a=setInterval(function(){const e=Math.ceil(window.pageYOffset);e>=o&&i>=0||e<=o&&i<=0?clearInterval(a):window.scrollBy(0,i)},4)},s=t=>{t.preventDefault();const o=t.target.hash.replace("#",""),[,a]=o.split("-");n(a),i(()=>M([e[a]],""))};return a.createElement(J,{"data-testid":"AtoZIndexWrapper"},a.createElement(oe,null,"Browse by letter:"),a.createElement(Q,null,re.map(n=>{const i=e.find(e=>e.groupName===n),l=e.findIndex(e=>e.groupName===n),d=o?l:t,c=o?s:r;return i?a.createElement(ee,{key:n},a.createElement(te,{"data-testid":"AtoZIndexLink",href:"#"+("#"===i.groupName?`other-${d}`:`${i.groupName.toLowerCase()}-${d}`),onClick:c},n)):a.createElement(ee,{key:n},a.createElement(ne,null,n," "))})))};
7128se.propTypes={isPaginated:i().bool,links:i().arrayOf(i().shape({groupName:i().string.isRequired})),navId:i().string,setFilterResult:i().func,setLinkValue:i().func};const le=se;var de=n(19607),ce=n(11025),me=n(38080);const ue=(0,s.YK)({filterInputAriaLabelText:{id:"GroupedNavigationHasBrowser.FilterInputAriaLabel",defaultMessage:"Filter links",description:"Grouped Navigation Filter component aria label text",isConfigurable:!0}}),pe=({className:e,configuredComponentRef:t,dangerousHed:n,groupedLinks:o,hasAtoZIndex:i=!0,hasFilter:s=!1,analyticsEventForFilter:l,filterLabel:c="Search..",showContentDivider:m=!1,isPaginated:p=!1})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"GroupedNavigationHasBrowser"})},[]);const{formatMessage:g}=(0,r.A)(),b=q()(),[f,w]=(0,a.useState)(""),$=p?[o[0]]:o,[v,C]=((e,t)=>{const[n,o]=(0,a.useState)(e),i=(0,a.useCallback)(h()(e=>{o(e)},t),[]);return[n,e=>{i(e)}]})($,200),[k,A]=(0,a.useState)("0");return o&&o.length?a.createElement(U,{ref:t,className:e,hasFilter:s,"data-testid":"GroupedNavigationWrapper"},n&&a.createElement(O.Ay,{dangerousHed:n,hasDividerAbove:!0,hasDividerBelow:!0,textAlign:"center","data-testid":"section-title"}),s&&a.createElement(V,{isPaginated:p},a.createElement(G,null,a.createElement(u.A,null),a.createElement(j,{placeholder:c,"aria-label":c||g(ue.filterInputAriaLabelText),name:"filter",type:"text",onChange:e=>{const t=e.target.value,n=p?[o[k]]:o;w(t),C(()=>M(n,t))},onFocus:()=>{l&&(0,d.W8)(l)},value:f})),a.createElement(W,{isPaginated:p},i&&a.createElement(le,{links:o,navId:b,setLinkValue:A,isPaginated:p,setFilterResult:C}))),a.createElement(Y,null,v.length>0?a.createElement(z,{hasFilter:s},a.createElement(X,null,v.map(e=>{if(!e.links)return null;const t=e.links.map(e=>{const t=!0===e.isSecondary?"link--secondary":"link--primary";return{...e,className:t}}),n={};return i&&(n.id="#"===e.groupName?`other-${b}`:`${e.groupName.toLowerCase()}-${b}`),a.createElement(Z,{key:e.groupName,className:"grouped-navigation__group",links:t,linkClassName:"grouped-navigation__link",heading:e.groupName,showContentDivider:m,shouldStyleListItems:!0,attributes:n,isPaginated:p})}))):a.createElement(ie,null,"0 results for"," ",a.createElement(ae,null,'"',f,'"')),a.createElement(me.Z,{group:"ads"},a.createElement(ce.A,null,a.createElement(de.A,{position:"rail"}))))):null},ge=i().shape({text:i().string.isRequired,url:i().string.isRequired,isSecondary:i().bool,analyticsEvent:i().string}),he=i().arrayOf(i().shape({links:i().arrayOf(ge),groupName:i().string,groupId:i().string}));pe.propTypes={configuredComponentRef:i().func,analyticsEventForFilter:i().string,className:i().string,dangerousHed:i().string,filterLabel:i().string,groupedLinks:he,hasAtoZIndex:i().bool,hasFilter:i().bool,isPaginated:i().bool,showContentDivider:i().bool},pe.displayName="GroupedNavigationHasBrowser";const ye=(0,p.y)(pe,"GroupedNavigationHasBrowser");var be=n(6082),fe=n(96747),we=n(67170),$e=n(51054),ve=n(34520),Ce=n(35089),ke=n(89085),Ae=n(1123);const xe=(0,b.Ay)("div").withConfig({displayName:"CuratedShowsWrapper"})` 7129 ${(0,ke.VG)()} 7130 ${(0,Ae.aU)("padding")} 7131 &&& { 7132 row-gap: 0; 7133 } 7134`,Ee=b.Ay.div.withConfig({displayName:"CuratedShowsFullWrapper"})` 7135 grid-column: 1 / -1; 7136`,Se=(0,b.Ay)(ve.A.Right).withConfig({displayName:"CuratedShowsDrawer"})` 7137 &&& { 7138 padding: 0 ${(0,w.Kq)(4)}; 7139 } 7140`,Le=b.Ay.div.withConfig({displayName:"CuratedShowsListWrapper"})` 7141 display: none; 7142 7143 @media (min-width: ${v.LO.lg}) { 7144 display: block; 7145 position: sticky; 7146 top: ${(0,w.Kq)(8)}; 7147 margin-bottom: auto; 7148 border: 1px solid 7149 ${({theme:e})=>(0,w.HK)(e,"colors.discovery.body.white.divider")}; 7150 height: 100%; 7151 max-height: calc(100vh - ${(0,w.Kq)(8)}); 7152 ${({hideCuratedShowsList:e})=>!e&&`\n grid-column: 1 / span 3;\n @media (min-width: ${v.LO.xxl}) {\n grid-column: 1 / span 2;\n }\n `} 7153 7154 ${Ce.UW} { 7155 position: absolute; 7156 padding-left: ${(0,w.Kq)(2)}; 7157 width: 100%; 7158 } 7159 } 7160`,Te=b.Ay.div.withConfig({displayName:"CuratedShowsGridWrapper"})` 7161 grid-column: 1 / -1; 7162 margin-bottom: auto; 7163 7164 @media (min-width: ${v.LO.lg}) { 7165 ${({hideCuratedShowsList:e})=>e?"grid-column: 1 / -1;":"\n grid-column: 4 / -1;\n "} 7166 border: 1px solid 7167 ${({theme:e})=>(0,w.HK)(e,"colors.discovery.body.white.divider")}; 7168 } 7169 7170 @media (min-width: ${v.LO.xxl}) { 7171 ${({hideCuratedShowsList:e})=>e?"grid-column: 1 / -1;":"\n grid-column: 3 / -1;\n "} 7172 } 7173`,Ne=b.Ay.div.withConfig({displayName:"CuratedShowsViewAllWrapper"})` 7174 display: flex; 7175 grid-column: 1 / -1; 7176 grid-row: 2; 7177 justify-content: center; 7178 border-top: 1px solid 7179 ${({theme:e})=>(0,w.HK)(e,"colors.discovery.body.white.divider")}; 7180 padding-top: ${(0,w.Kq)(2)}; 7181 7182 .button__icon-container--after { 7183 display: flex; 7184 padding-left: ${(0,w.Kq)(.5)}; 7185 fill: ${({theme:e})=>(0,w.HK)(e,"colors.interactive.base.brand-secondary")}; 7186 } 7187 7188 @media (min-width: ${v.LO.lg}) { 7189 display: none; 7190 } 7191`,He=({curatedShows:e,allShows:t,label:n="",hasCuratedShowsVariation:o="CuratedShowsWithImage",hideCuratedShowsList:i})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"CuratedShows"})},[]);const[s,u]=(0,a.useState)(!1),{formatMessage:p}=(0,r.A)(),g=""===n?p(l.buttonLabel):n;switch(o){case"CuratedShowsWithImage":return a.createElement(xe,null,!i&&a.createElement(Le,{hideCuratedShowsList:i},a.createElement($e.A,null,a.createElement(be.A,{hasAtoZIndex:!0,groupedLinks:t,hasFilter:!0,filterLabel:p(l.groupedNavigationFilterLabel)}))),a.createElement(Te,{hideCuratedShowsList:i},a.createElement($e.A,null,a.createElement(fe.A,{items:e}))),a.createElement(Ne,null,a.createElement(c.A.Utility,{btnStyle:"text",label:g,onClickHandler:()=>{u(!0),(0,d.W8)("view_all_shows")},ButtonIcon:()=>
7191a.createElement(m.A,{width:"1rem",height:"1rem"}),iconPosition:"after",hasEnableIcon:!0})),a.createElement(Se,{isOpen:s,onClose:()=>{u(!1)},contentLabel:p(l.drawerContentLabel),showCloseButton:!0,hideOnDesktop:!0},a.createElement(be.A,{hasAtoZIndex:!0,groupedLinks:t,hasFilter:!0,filterLabel:p(l.groupedNavigationFilterLabel)})));case"CuratedShowsWithSummaryCarousel":return a.createElement(xe,null,a.createElement(Ee,null,a.createElement($e.A,null,a.createElement(P,{groupedLinks:t,hasFilter:!0,filterLabel:p(l.groupedNavigationSummaryCarouselFilterLabel)}))));case"CuratedShowsWithBrowser":return a.createElement(xe,null,a.createElement(Ee,null,a.createElement($e.A,null,a.createElement(ye,{hasAtoZIndex:!0,groupedLinks:t,hasFilter:!0,filterLabel:p(l.groupedNavigationBrowserFilterLabel)}))));default:return null}};He.propTypes={allShows:be.X.isRequired,curatedShows:i().arrayOf(i().shape(we.A.propTypes)).isRequired,hasCuratedShowsVariation:i().string,hideCuratedShowsList:i().bool,label:i().string};const Ie=He},13099(e,t,n){n.d(t,{i:()=>w,M:()=>f});var o=n(13465),i=n(47655),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(6442);const m=(0,n(72267).YK)({disclaimerText:{id:"Disclaimer.Text",defaultMessage:"All products featured on {brandName} are independently selected by our editors. However, when you buy something through our retail links, we may earn an affiliate commission.",description:"Text for the disclaimer"},nativeDisclaimerText:{id:"NativeDisclaimer.Text",defaultMessage:"This article was published by The New Yorker Brand Studio for {sponsorName}. The editorial staff of The New Yorker had no role in this post's preparation.",description:"Text for the native disclaimer"}});var u=n(57744),p=n(91402),g=n(53499),h=n(90239);const y=({isEnabled:e=!0,...t})=>{d.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(g.G.RENDER,{name:"Disclaimer"})},[]);const{formatMessage:n}=(0,c.A)();if(!e)return null;const{contentAlign:o="left",hasHigherHorizontalPadding:i=!1,hasHorizontalPadding:a=!1,hasMarginTop:s=!1,hasTopRule:l=!0,isSponsored:u=!1,className:y,disclaimerHtml:b,brandName:f,hasDisclaimerBottomMargin:w,sponsorName:$,hasProductDisclaimerAlternativeStyle:v,configuredComponentRef:C}=t;let k;return k=u?b||n(m.nativeDisclaimerText,{sponsorName:$}):b||n(m.disclaimerText,{brandName:f}),d.createElement(h.A,null,d.createElement(p.E,{configuredComponentRef:C,className:r()("disclaimer",y),hasMarginTop:s,contentAlign:o,dangerousText:k,hasTopRule:l,hasHorizontalPadding:a,isSponsored:u,hasDisclaimerBottomMargin:w,hasProductDisclaimerAlternativeStyle:v,hasHigherHorizontalPadding:i}))};y.propTypes={brandName:l().string,className:l().string,contentAlign:l().oneOf(["left","center"]),configuredComponentRef:l().func,disclaimerHtml:l().string,hasDisclaimerBottomMargin:l().bool,hasHigherHorizontalPadding:l().bool,hasHorizontalPadding:l().bool,hasMarginTop:l().bool,hasProductDisclaimerAlternativeStyle:l().bool,hasTopRule:l().bool,isEnabled:l().bool,isSponsored:l().bool,sponsorName:l().string},y.displayName="Disclaimer";const b=(0,u.M3)(y,{keysToPluck:["brandName"]});b.TextCenterNoTopRule=(0,i.y)(b,"TextCenterNoTopRule",{},{hasTopRule:!1,contentAlign:"center",hasHorizontalPadding:!0});const f=b,w=(0,o.y)(f,"Disclaimer")},91402(e,t,n){n.d(t,{E:()=>b});var o=n(38267),i=n(5556),a=n.n(i),r=n(96540),s=n(53499),l=n(26865),d=n(18730),c=n(75163);const m=o.Ay.div.withConfig({displayName:"TextBlockWrapper"})` 7192 ${({hasTopRule:e})=>e?o.AH` 7193 border-width: 1px 0 0; 7194 border-style: solid; 7195 border-color: var(${c.pT.Color.Border}); 7196 `:""} 7197 7198 padding: ${(0,l.Kq)(4)} 0; 7199 color: var(${c.pT.Color.Text}); 7200 7201 &.disclaimer { 7202 padding: ${(0,l.Kq)(2)} 0; 7203 width: 100%; 7204 } 7205`,u=(0,o.Ay)(d.v).withConfig({displayName:"TextBlockHed"}).attrs(e=>({bottomSpacing:2,typeIdentity:"typography.definitions.consumptionEditorial.subhed-break-secondary",...e}))``,p=(0,o.Ay)(d.v).withConfig({displayName:"TextBlockText"}).attrs(e=>({typeIdentity:"typography.definitions.utility.legal-text",...e}))` 7206 color: var(${c.pT.Color.Text}), 7207 `,g=({className:e,dangerousText:t,hed:n,hasTopRule:o=!0,hasProductDisclaimerAlternativeStyle:i,configuredComponentRef:a})=>(r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"Textblock"})},[]),r.createElement(m,{ref:a,className:e,hasTopRule:o},n&&r.createElement(u,null,n),r.createElement(p,{dangerouslySetInnerHTML:{__html:t},hasProductDisclaimerAlternativeStyle:i})));g.propTypes={className:a().string,configuredComponentRef:a().func,dangerousText:a().string.isRequired,hasProductDisclaimerAlternativeStyle:a().bool,hasTopRule:a().bool,hed:a().string};const h=g;var y=n(96472);const b=(0,o.Ay)(h).withConfig({displayName:"StyledTextblock"})` 7208 ${({hasMarginTop:e})=>e&&`\n ${(0,l.Xm)(y.LO.md,y.LO.lg)}{\n margin-top: ${(0,l.Kq)(6)};\n }\n ${(0,l.Xm)(y.LO.sm,y.LO.md)}{\n margin-top: ${(0,l.Kq)(4)};\n }\n `} 7209 7210 display: flex; 7211 width: 100%; 7212 ${({contentAlign:e})=>"center"===e&&"justify-content: center;"} 7213 7214 p { 7215 ${({contentAlign:e})=>"center"===e&&"\n text-align: center;\n width: 100%;\n "} 7216 7217 ${({hasHorizontalPadding:e})=>e&&`padding: 0 ${(0,l.Kq)(2)};`} 7218 7219 ${({hasHigherHorizontalPadding:e})=>e&&`\n padding: 0 ${(0,l.Kq)(6)};\n @media (min-width: ${y.LO.lg}
7219) {\n width: 90%;\n }\n @media (max-width: ${y.LO.md}) {\n padding: 0 ${(0,l.Kq)(2.5)};\n }\n \n `} 7220 7221 ${({isSponsored:e})=>!0===e&&"\n font-family: inherit;\n font-style: italic;\n "} 7222 ${({hasDisclaimerBottomMargin:e})=>e&&`\n ${(0,l.H4)(y.LO.md)}{\n margin-bottom: ${(0,l.Kq)(14)};\n }\n `} 7223 } 7224`},22514(e,t,n){n.d(t,{A:()=>b});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(6442);const d=(0,n(72267).YK)({buttonLabel:{id:"Drawer.ButtonLabel",defaultMessage:"Close drawer",description:"Drawer component button label"},contentLabel:{id:"Drawer.ContentLabel",defaultMessage:"Secondary menu navigation",description:"Drawer component content label"}});var c=n(49235),m=n(76399),u=n(82752),p=n(31581),g=n(13465),h=n(53499);const y=({appElement:e="#app-root",children:t,className:n,configuredComponentRef:o,contentLabel:a,drawerDek:r,drawerTitle:p,hasBodyScrollWhenDrawerOpen:g=!0,hasSpecificTopPosition:y=0,hideChannelNavigation:b,hideDrawerScroll:f=!1,hideOnDesktop:w=!1,hideOnMobile:$=!1,isBookmarkDrawersEnabled:v=!1,isOpen:C,minHeight:k,onClose:A,overlayColor:x="black",shouldCloseOnOverlayClick:E=!0,showCloseButton:S=!1,theme:L="standard",transitionTimeMS:T=600,variationName:N,variations:H={animation:"slide-down",align:"center",increasedTopPosition:!1}})=>{let I;s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"Drawer",variation:N})},[]);const{formatMessage:B}=(0,l.A)();s.useEffect(()=>{if(C&&g)document.body.style.top=`-${window.scrollY}px`,document.body.style.position="fixed",document.body.style.width="100%",document.querySelector("body").classList.add("body__drawer--open");else if(g&&"fixed"===document.body.style.position){document.querySelector("body").classList.remove("body__drawer--open");const e=parseInt(document.body.style.top,10)||0;document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,-1*e)}},[C,H.animation,g]);return s.createElement(c.A,{palette:L},s.createElement(u.od,{configuredComponentRef:o,appElement:e,contentRef:e=>{I=e},hideDrawerScroll:f,drawerTitle:p,hideChannelNavigation:b,"data-testid":"DrawerModalWrapper",additionalClassName:n,overlayClassName:{base:i()("drawer__overlay",`drawer--overlay-color-${x}`,`drawer__overlay--align-${H.align}`,{"drawer__overlay--hide-on-desktop":w,"drawer__overlay--hide-on-mobile":$,"drawer__overlay--increased-top-position":H.increasedTopPosition}),afterOpen:"drawer__overlay--opening",beforeClose:"drawer__overlay--closing"},align:H.align,animation:H.animation,htmlOpenClassName:"html__drawer--open",closeTimeoutMS:T,contentLabel:a||B(d.contentLabel),isOpen:C,minHeight:k,onAfterOpen:()=>{setTimeout(()=>{I&&I.classList&&I.classList.add("drawer--open-positioned")},0)},onRequestClose:A,shouldCloseOnOverlayClick:E,role:"dialog",hasSpecificTopPosition:y,isBookmarkDrawersEnabled:v},S&&s.createElement(u.ov,{isIconButton:!0,ButtonIcon:m.A,label:B(d.buttonLabel),onClickHandler:A,role:"button",isBookmarkDrawersEnabled:v}),p&&s.createElement(u.gk,{dangerouslySetInnerHTML:{__html:p}}),r&&s.createElement(u.Aj,{dangerouslySetInnerHTML:{__html:r}}),t,s.createElement(u.r7,null)))};y.propTypes={configuredComponentRef:r().func,appElement:r().oneOfType([r().string,r().element]),children:r().node,className:r().string,contentLabel:r().string,drawerTitle:r().string,drawerDek:r().string,hasBodyScrollWhenDrawerOpen:r().bool,hasSpecificTopPosition:r().number,hideChannelNavigation:r().bool,hideDrawerScroll:r().bool,hideOnDesktop:r().bool,hideOnMobile:r().bool,isBookmarkDrawersEnabled:r().bool,isOpen:r().bool.isRequired,minHeight:r().number,onClose:r().func.isRequired,overlayColor:r().oneOf(["black","white"]),shouldCloseOnOverlayClick:r().bool,showCloseButton:r().bool,theme:r().string,transitionTimeMS:r().number,variationName:r().string,variations:r().shape({animation:r().oneOf(["slide-down","slide-right","slide-left","slide-up","none"]),align:r().oneOf(["center","left","right","bottom"]),increasedTopPosition:r().bool})},y.displayName="Drawer";const b=(0,p.N)((0,g.y)(y,"Drawer"))},34520(e,t,n){n.d(t,{A:()=>a});var o=n(47655),i=n(22514);i.A.Left=(0,o.y)(i.A,"Left",{animation:"slide-right",align:"left"}),i.A.Right=(0,o.y)(i.A,"Right",{animation:"slide-left",align:"right"}),i.A.SiteHeaderDrawer=(0,o.y)(i.A,"SiteHeaderDrawer",{animation:"none",align:"center",increasedTopPosition:!0}),i.A.Bottom=(0,o.y)(i.A,"Bottom",{animation:"slide-up",align:"bottom"});const a=i.A},82752(e,t,n){n.d(t,{ov:()=>v,Aj:()=>k,r7:()=>w,od:()=>$,gk:()=>C});var o=n(38267),i=n(96540),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(20312),c=n.n(d),m=n(31581);const u=({children:e,align:t,appElement:n,className:o,additionalClassName:a,configuredComponentRef:s,...l})=>(i.useEffect(()=>{n&&c().setAppElement(n)},[n]),i.createElement(c(),{...l,portalClassName:o,className:{base
7224:r()("drawer",a,{[`drawer--align-${t}`]:t}),afterOpen:"drawer--open",beforeClose:"drawer--closing"},ref:s},e));u.propTypes={additionalClassName:l().string,align:l().string,appElement:l().oneOfType([l().string,l().element]),children:l().node,className:l().string,configuredComponentRef:l().func};const p=(0,m.N)(u);var g=n(73730),h=n(26865),y=n(18608),b=n(96472),f=n(56341);const w=o.DU` 7225 .body__drawer--open { 7226 overflow: hidden; 7227 } 7228`,$=(0,o.Ay)(p).withConfig({displayName:"DrawerModalWrapper"})` 7229 .drawer { 7230 transition: transform 100ms cubic-bezier(0.23, 1, 0.32, 1); 7231 animation: fadeIn 0.3s; 7232 outline: none; 7233 7234 background-color: ${({theme:e,isBookmarkDrawersEnabled:t})=>!t&&(0,h.HK)(e,"standard"===e.palette?"colors.foundation.menu-bg.expanded":"colors.consumption.lead.inverted.background")}; 7235 7236 ${({drawerTitle:e})=>o.AH` 7237 padding: ${(0,h.Kq)(e?3:6)} 0 0; 7238 `} 7239 max-height: 100%; 7240 overflow: hidden; 7241 7242 ${(0,h.R9)("align",e=>["left","right","bottom"].includes(e),o.AH` 7243 ${(0,h.H4)(b.LO.md)} { 7244 max-width: 50%; 7245 } 7246 .drawer__social-icons { 7247 justify-content: flex-start; 7248 } 7249 `)} 7250 7251 &.fullScreen { 7252 background-color: transparent; 7253 padding: 0; 7254 } 7255 } 7256 7257 div[class*='SecondaryMenuContent-'] 7258 a[class*='SocialIconExternalLink-'] 7259 .icon 7260 path { 7261 fill: ${({theme:e})=>(0,h.HK)(e,"colors.foundation.expanded-menu.nav-link.default")}; 7262 } 7263 7264 @keyframes fadeIn { 7265 0% { 7266 opacity: 0; 7267 } 7268 7269 100% { 7270 opacity: 1; 7271 } 7272 } 7273 7274 @-moz-keyframes fadeIn { 7275 0% { 7276 opacity: 0; 7277 } 7278 7279 100% { 7280 opacity: 1; 7281 } 7282 } 7283 7284 @-webkit-keyframes fadeIn { 7285 0% { 7286 opacity: 0; 7287 } 7288 7289 100% { 7290 opacity: 1; 7291 } 7292 } 7293 7294 @-o-keyframes fadeIn { 7295 0% { 7296 opacity: 0; 7297 } 7298 7299 100% { 7300 opacity: 1; 7301 } 7302 } 7303 7304 @-ms-keyframes fadeIn { 7305 0% { 7306 opacity: 0; 7307 } 7308 7309 100% { 7310 opacity: 1; 7311 } 7312 } 7313 7314 .drawer.drawer--open { 7315 left: 0; 7316 height: 100vh; 7317 ${(0,h.H4)(b.LO.lg)} { 7318 outline: none; 7319 height: auto; 7320 max-height: 100vh; 7321 overflow: hidden; 7322 transition-delay: 0.2s; 7323 } 7324 transition-delay: 0.2s; 7325 overflow: hidden; 7326 7327 .drawer__content { 7328 transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1); 7329 opacity: 1; 7330 } 7331 7332 ${(0,h.R9)("align","right",o.AH` 7333 right: 0; 7334 left: unset; 7335 margin-left: auto; 7336 `)} 7337 ${(0,h.R9)("align","bottom",o.AH` 7338 position: absolute; 7339 right: 0; 7340 bottom: 0; 7341 max-width: 100%; 7342 `)} 7343 } 7344 7345 .drawer.drawer--open.drawer--open-positioned { 7346 transform: translateZ(0); 7347 ${({hideDrawerScroll:e})=>!e&&o.AH` 7348 ${(0,h.H4)(b.LO.lg)} { 7349 overflow-y: auto; 7350 } 7351 `} 7352 } 7353 7354 .drawer.drawer--open.drawer--megamenu { 7355 background-color: ${({theme:e})=>(0,h.HK)(e,"inverted"===e.palette?"colors.background.black":"colors.foundation.menu-bg.expanded")}; 7356 } 7357 7358 .drawer.drawer--open.drawer--search { 7359 background-color: ${({theme:e})=>(0,h.HK)(e,"colors.background.white")}; 7360 height: auto; 7361 } 7362 7363 .drawer.drawer--open.drawer--filter-mobile { 7364 padding: 0; 7365 overflow-y: auto; 7366 } 7367 7368 ${(0,h.R9)("animation","slide-down",o.AH` 7369 .drawer { 7370 transform: translate3d(0, -100%, 0); 7371 } 7372 7373 .drawer.drawer--open { 7374 transition: 'transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)'; 7375 7376 .drawer__content { 7377 transition-delay: 0.8s; 7378 } 7379 } 7380 7381 .drawer.drawer--closing { 7382 transform: translate3d(0, -100%, 0); 7383 transition: 'transform 0.6s cubic-bezier(0.23, 1, 0.32, 1)'; 7384 transition-delay: 0.3s; 7385 } 7386 7387 .drawer.drawer--open.drawer--megamenu { 7388 transform: translateZ(0); 7389 } 7390 `)} 7391 7392 ${(0,h.R9)("animation","slide-right",o.AH` 7393 .drawer { 7394 transform: translate3d(-100%, 0, 0); 7395 } 7396 7397 .drawer.drawer--open { 7398 transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); 7399 7400 .drawer__content { 7401 transition-delay: 0.2s; 7402 } 7403 } 7404 7405 .drawer.drawer--closing { 7406 transform: translate3d(-100%, 0, 0); 7407 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); 7408 } 7409 `)} 7410 7411 ${(0,h.R9)("animation","slide-left",o.AH` 7412 .drawer { 7413 transform: translate3d(100%, 0, 0); 7414 } 7415 7416 .drawer.drawer--open { 7417 transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1); 7418 7419 .drawer__content { 7420 transition-delay: 0.2s; 7421 } 7422 } 7423 7424 .drawer.drawer--closing { 7425 transform: translate3d(100%, 0, 0); 7426 transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); 7427 } 7428 `)} 7429 7430 ${(0,h.R9)("animation","slide-up",o.AH` 7431 .drawer { 7432 height: 0; 7433 transform: translate3d(0, 100%, 0); 7434 } 7435 7436 .drawer.drawer--open { 7437 height: auto; 7438 transition: 7439 transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), 7440 height 0.8s cubic-bezier(0.23, 1, 0.32, 1); 7441 7442 .drawer__content { 7443 transition-delay: 0.2s; 7444 } 7445 } 7446 7447 .drawer.drawer--closing { 7448 height: 0; 7449 transform: translate3d(0, 100%, 0); 7450 transition: 7451 transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), 7452 height 0.8s cubic-bezier(0.23, 1, 0.32, 1); 7453 transition-delay: 0.2s; 7454 } 7455 `)} 7456 7457 .drawer.drawer--closing { 7458 .drawer__content { 7459 transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1); 7460 opacity: 0; 7461 } 7462 } 7463 7464 .drawer__overlay { 7465 position: fixed; 7466 top: 0; 7467 right: 0; 7468 bottom: 0; 7469 left: 0; 7470 ${({hideChannelNavigation:e})=>e?o.AH` 7471 z-index: 999; 7472 `:o.AH` 7473 z-index: ${(0,h.fl)("persistentBottomLayer")}; 7474 `} 7475 transition: opacity 0.5s ease; 7476 background-color: rgba( 7477 ${(0,h.HK)("colors.interactive.base.black",{rgbOnly:!0})}, 7478 0 7479 ); 7480 7481 &.drawer__overlay--opening { 7482 opacity: 1; 7483 7484 &.drawer__overlay--increased-top-position { 7485 ${({hasSpecificTopPosition:e})=>e>0?o.AH` 7486 top: ${e}px; 7487 `:o.AH` 7488 top: ${(0,h.Kq)(0)}; 7489 `}
7490 .drawer.drawer--open.drawer--open-positioned { 7491 width: calc(100% - ${(0,h.Kq)(10)}); 7492 } 7493 7494 ${(0,h.H4)(b.LO.lg)} { 7495 .drawer.drawer--open.drawer--open-positioned { 7496 width: auto; 7497 } 7498 } 7499 } 7500 7501 &.drawer--overlay-color-white { 7502 background-color: rgba( 7503 ${(0,h.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 7504 0.7 7505 ); 7506 } 7507 7508 &.drawer--overlay-color-black { 7509 background-color: rgba( 7510 ${(0,h.HK)("colors.interactive.base.black",{rgbOnly:!0})}, 7511 0.7 7512 ); 7513 } 7514 } 7515 7516 &.drawer__overlay--closing { 7517 opacity: 0; 7518 7519 &.drawer--overlay-color-white { 7520 background-color: rgba( 7521 ${(0,h.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 7522 0 7523 ); 7524 } 7525 7526 &.drawer--overlay-color-black { 7527 background-color: rgba( 7528 ${(0,h.HK)("colors.interactive.base.black",{rgbOnly:!0})}, 7529 0 7530 ); 7531 } 7532 } 7533 7534 &.drawer__overlay--align-right { 7535 z-index: ${(0,h.fl)("hyperstitialLayer")}; 7536 } 7537 7538 &.drawer__overlay--hide-on-desktop { 7539 display: block; 7540 7541 ${(0,h.H4)(b.LO.lg)} { 7542 display: none; 7543 } 7544 } 7545 7546 &.drawer__overlay--hide-on-mobile { 7547 display: block; 7548 7549 ${(0,h.L7)(`calc(${b.LO.lg} - 1px)`)} { 7550 display: none; 7551 } 7552 } 7553 } 7554`,v=(0,o.Ay)(g.A.Utility).withConfig({displayName:"DrawerButton"})` 7555 ${({theme:e})=>(0,f.j)(e,!0)} 7556 7557 position: absolute; 7558 top: ${(0,h.Kq)(1)}; 7559 right: ${(0,h.Kq)(1)}; 7560 width: ${(0,h.Kq)(4)}; 7561 height: ${(0,h.Kq)(4)}; 7562 7563 .icon-close { 7564 padding: 6px; 7565 7566 path { 7567 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,h._o)(e,"stroke","standard"===e.palette?"colors.interactive.base.border":"colors.interactive.base.white")}; 7568 } 7569 } 7570`,C=(0,o.Ay)(y.vm).withConfig({displayName:"DrawerTitle"}).attrs(e=>({as:"div",colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.subheading",...e}))` 7571 margin-bottom: ${(0,h.Kq)(.5)}; 7572 padding: 0 ${(0,h.Kq)(6)}; 7573 text-align: center; 7574`,k=(0,o.Ay)(y.vm).withConfig({displayName:"DrawerDek"}).attrs(e=>({as:"div",colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.body",...e}))` 7575 margin-bottom: ${(0,h.Kq)(2)}; 7576 padding: 0 ${(0,h.Kq)(3)}; 7577 text-align: center; 7578`},69147(e,t,n){n.d(t,{A:()=>T});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(32485),l=n.n(s),d=n(6442),c=n(67805),m=n(15343),u=n(83108),p=n(13099),g=n(73347),h=n(68397),y=n(53499),b=n(90090),f=n(41598),w=n(22482),$=n(34751),v=n(72362);const C=(0,n(72267).YK)({atArticleGalleryCarouselBtnText:{id:"FilterableSummaryList.AtArticleGalleryCarouselBtnText",defaultMessage:"VIEW ALL {categoryName}",description:"Article and Gallery carousel button text"},atArticleGalleryCarouselBtnTextWithCtaLink:{id:"FilterableSummaryList.AtArticleGalleryCarouselBtnTextWithCtaLink",defaultMessage:"{categoryName}",description:"Article and Gallery carousel button text for cta link"}});var k=n(62193),A=n.n(k);const x=(e,t)=>t?.find(t=>t?.label===e)?.items?.length,E=(e,t,n)=>{const o=new Set,a=new Set;return e.forEach((e,r)=>{if(!i.isValidElement(e)||!(0,f.ti)(e.props.contentType))return;const s=Math.floor(r/t);n&&0===s||o.has(s)||(o.add(s),a.add(r))}),a},S=({affiliateDisclaimer:e,buttonConfig:t={name:"",showButton:!1,url:""},children:n,className:o,dangerousDek:a,dangerousHed:r,defaultToggleChipTitle:s,editor:f,hasBorderBottom:k,hasGridBottomPadding:S,hasCustomMargin:L=!1,hasModerateSpacingOnMobile:T,hasPadding:N,itemsDensity:H,hasProductDisclaimerAlternativeStyle:I,hasToggleGridColor:B,hasHigherHorizontalPadding:O=!1,sectionTitleVariation:K,selectedToggleChipTitle:D,shouldAppendFilterInUrl:_=!0,shouldChipsRedirectOnClick:P=!1,shouldEnableSnowplowTracking:R,shouldDisplaySingleSlot:q=!1,shouldNotDisplayAllLabel:M=!1,shouldEnableBundleComponentAnalytics:F=!1,shouldShowDangerousDek:U,shouldApplyCustomHeaderHeight:V=!1,shouldUseInteractiveBrandColor:G=!1,isFirstProductListingContainer:W=!1,shouldUseAlternativeTitleStyle:j=!1,toggleChipRole:z,trackingNamespace:Y,layout:X,gridConfig:Z,groups:J,hasTitleMarginTop:Q=!1,hasTitleNoMargin:ee,isEditorsPicksCarousel:te=!1,isPlpCurated:ne,isUpcEnabled:oe,isSeriesNavigation:ie,showDisclaimer:ae=!1,shouldHideMarginUnderDek:re,showRichTextInDek:se,containerIndex:le,enableAffiliateDisclaimerLabel:de,shouldHideAffiliateLabelOnFirstRow:ce})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"FilterableSummaryList"})},[]);const me=(0,v.Zm)()?6:4,{formatMessage:ue}=(0,d.A)(),{slots:pe,urlData:ge}=(0,c.S)(n),he=Object.keys(pe),[ye,be]=i.useState(he),[fe,we]=i.useState(ye[0]),[$e,ve]=i.useState(s);i.useEffect(()=>{((e,t)=>
7578{{const n=decodeURIComponent(window?.location?.hash),o=e.findIndex(e=>`#${e.toLowerCase()}`===n.toLowerCase());t(e[o>=0?o:0])}})(ye,we)},[ye]);const Ce=r||a,ke=e=>Y?.[e]||r,Ae=ke("toggle"),xe=ke("card");if(0===ye.length)return null;const Ee=((e,t)=>e.length>1||t)(ye,q),Se=((e,t,n)=>e.hasCtaLink?t(n.atArticleGalleryCarouselBtnTextWithCtaLink,{categoryName:e.name}):t(n.atArticleGalleryCarouselBtnText,{categoryName:e.name}))(t,ue,C),{isDynamicGridItemLayout:Le,shouldDisplayDenseGrid:Te}=Z||{},Ne=(e,t)=>{if(!(e=>ne&&e<me)(t))return e;const{image:n}=e.props,o=(e=>void 0!==e?{...e,shouldEagerLoad:!0}:e)(n);return{...e,props:{...e.props,image:o}}},He=(e,t)=>l()("grid-item-child-wrapper-filterable-summary-list",{"text-external-link":e,"two-col-external-link":e&&2===t,"one-col-external-link":e&&2!==t}),Ie=()=>{const e=i.Children.toArray(pe[fe].props.children),t=E(e,4,ce),n=E(e,2,ce);return e.map((e,o)=>{const a=((e,t)=>{const{isTextExternalLink:n,gridItemColSpan:o}=e.props,a=Ne(e,t),r=(0,b.NY)(F,`${xe}/${fe}/`,t,!1),s=i.cloneElement(a,{analyticsDataAttribute:r});return i.createElement("div",{key:e.key||t,className:He(n,o)},s)})(e,o),r=t.has(o),s=n.has(o);if(!de||"GridFourColumns"!==X||!s)return a;const d=i.createElement(w.jG,{$mobileOnly:!r,enableAffiliateDisclaimerLabel:!0});return i.cloneElement(a,{className:l()(a.props.className,"has-affiliate-links-row-label")},d,a.props.children)})},Be=()=>t.showButton&&t.url?i.createElement($.sZ,null,i.createElement("div",{className:"more-products"},i.createElement($.lV,{className:"article-gallery__more-button",label:Se,btnStyle:"outlined",ariaLabel:Se,href:t.hasCtaLink?t.url:`/products/shop${t.url}`,inputKind:"link"}))):null,Oe=()=>Le?i.createElement(w.Np,{shouldDisplayDenseGrid:Te,hasGridBottomPadding:S,isUpcEnabled:oe,containerIndex:le},Ie()):i.createElement(w.l_,{isUpcEnabled:oe},Ie()),Ke=(e=>{const t=[];for(const[n,o]of Object.entries(e))t.push({label:n,items:o.props.children});return t})(pe),De=(e,t)=>{const n=(0,b.NY)(F,`${xe}/${fe}/`,t,!1),o=i.cloneElement(e,{analyticsDataAttribute:n}),a=`${Ce}/${fe}`;return i.createElement(h.A.CarouselItem,{...F,key:`${fe}-${t}`,itemsDensity:_e(),trackingEventData:{itemIndex:t,totalItems:e?.length,carouselName:a,shouldTrackSnowplowEvent:R}},o)},_e=()=>H||"min",Pe=()=>i.createElement(w.wq,{shouldApplyCustomHeaderHeight:V,shouldUseInteractiveBrandColor:G},i.createElement(p.M.TextCenterNoTopRule,{isEnabled:ae&&W,hasHigherHorizontalPadding:O,hasProductDisclaimerAlternativeStyle:I,disclaimerHtml:e}),i.createElement(h.A,{headerProps:{dangerousHed:Ce,dangerousDek:a,shouldDisplayDangerousDek:!0,contentAlign:j?"left":"center",sectionTitleVariation:K},carouselSettings:{itemsDensity:_e()},groups:Ke},i.Children.map(pe[fe].props.children,De)),Be()),Re=(e,t)=>{e.detail.checked?(e=>{be([e]),D&&ve(D)})(t):(we(he[0]),be(he),ve(s))},qe=(e,t)=>{var n,o;we(t),q&&Re(e,t),n=t,o="body",(0,b.zJ)("toggle-click",{clickText:n,clickType:o})},Me=()=>i.createElement(p.M.TextCenterNoTopRule,{isEnabled:ae&&W,disclaimerHtml:e});function Fe(){switch(X){case"GridFourColumns":return Oe();case"FullBleed":return i.createElement("div",null,Ie());case"FullBleedSideBySideContent":return i.createElement(w.Mn,null,Ie());default:return Pe()}}const Ue=(e,t)=>({index:t,analyticsDataAttribute:(0,b.NY)(F,`${Ae}/${e}`),key:e,isChecked:e===fe,hasToggleGridColor:B,onChange:t=>qe(t,e),isAnchorUrl:_,redirectUrl:ge[t],shouldUrlRedirect:P,shouldDisplaySingleChip:q,shouldTrackSnowplowEvent:R,role:z,totalCount:x(e,J),sectionTitle:r}),Ve=(e,t)=>(e=>M&&"All"===e)(e)?null:i.createElement(m.A,{...Ue(e,t)},e),Ge=()=>Ee?i.createElement(w.kC,{className:"clip-list",hasToggleGridColor:B,hasPadding:N,hasModerateSpacingOnMobile:T},i.createElement(u.A,{contentAlign:"center",layout:"nowrap",hasToggleGridColor:B,label:$e},ye.map(Ve))):null,We=()=>i.createElement(w.h7,null,i.createElement(w.Te,null,f.editorPhoto?i.createElement(w.WT,{...f.editorPhoto}):null,i.createElement(w.QG,null,i.createElement(w.Vt,null,f.name),i.createElement(w.Q,null,f.title)),i.createElement(w.U0,null,f.editorNote)),Pe()),je=((e,t,n)=>e&&!t.includes(n))(Ce,["ContentCarousel","Carousel","EditorsPicksCarousel","ArticleCarousel"],X),ze=((e,t)=>!e&&"GridFourColumns"===t)(Ce,X),Ye=((e,t)=>e&&!A()(t))(te,f);return i.createElement(w.ek,{className:o,hasToggleGridColor:B,hasPadding:N,hasBorderBottom:k,isSeriesNavigation:ie},je&&i.createElement(w._p,{hasDangerousDek:U&&a,hasCustomMargin:L,shouldUseAlternativeTitleStyle:j,shouldUseInteractiveBrandColor:G},i.createElement(w.aW,{className:"section-title",hasPadding:N,hasTitleMarginTop:Q,as:g.Ay[K],dangerousHed:r,dangerousDek:a,hasTitleNoMargin:ee,affiliateDisclaimer:e,shouldHideMarginUnderDek:re,hasHigherHorizontalPadding:O,hasProductDisclaimerAlternativeStyle:I,isUpcEnabled:oe,showRichTextInDek:se}
7578),"GridFourColumns"===X&&Me(),Ge()),ze&&Me(),Ye?We():Fe())};S.propTypes={affiliateDisclaimer:r().string,buttonConfig:r().object,carouselControlTheme:r().string,children:r().node.isRequired,className:r().string,containerIndex:r().number,enableAffiliateDisclaimerLabel:r().bool,controlButtonIcon:r().oneOf(["ChevronIcon","ArrowIcon"]),controlPlacement:r().oneOf(["right","space-between"]),controlPosition:r().oneOf(["top","bottom","center"]),dangerousDek:r().string,dangerousHed:r().string,defaultToggleChipTitle:r().string,editor:r().object,gridConfig:r().object,groups:r().array,hasBorderBottom:r().bool,hasCarouselSliderPagination:r().bool,hasControls:r().bool,hasCustomMargin:r().bool,hasCustomSlider:r().bool,hasGridBottomPadding:r().bool,hasHigherHorizontalPadding:r().bool,hasModerateSpacingOnCarousel:r().bool,hasModerateSpacingOnMobile:r().bool,hasNavigationButtonVariation:r().bool,hasNoHorizontalScrollCarousel:r().bool,hasPadding:r().bool,hasPagination:r().bool,hasProductDisclaimerAlternativeStyle:r().bool,hasTitleMarginTop:r().bool,hasTitleNoMargin:r().bool,hasToggleGridColor:r().bool,hideDesktopPagination:r().bool,isDotClickable:r().bool,isEditorsPicksCarousel:r().bool,isFirstProductListingContainer:r().bool,isPimCollectionContainer:r().bool,isPlpCurated:r().bool,isSeriesNavigation:r().bool,isUpcEnabled:r().bool,itemsDensity:r().oneOf(["default","min"]),layout:r().string,paginationStyle:r().string,pos:r().number,sectionTitleVariation:r().string,selectedToggleChipTitle:r().string,shouldAppendFilterInUrl:r().bool,shouldApplyCustomHeaderHeight:r().bool,shouldChipsRedirectOnClick:r().bool,shouldDisplaySingleSlot:r().bool,shouldEnableBundleComponentAnalytics:r().bool,shouldEnableSnowplowTracking:r().bool,shouldHideMarginOnCarousel:r().bool,shouldHideMarginUnderDek:r().bool,shouldHideAffiliateLabelOnFirstRow:r().bool,shouldNotDisplayAllLabel:r().bool,shouldShowDangerousDek:r().bool,shouldUseAlternativeTitleStyle:r().bool,shouldUseInteractiveBrandColor:r().bool,showDisclaimer:r().bool,showRichTextInDek:r().bool,toggleChipRole:r().string,trackingNamespace:r().shape({toggle:r().string,card:r().string})},S.displayName="FilterableSummaryList";const L=S,T=(0,o.y)(L,"FilterableSummaryList")},22482(e,t,n){n.d(t,{Mn:()=>w,Np:()=>$,Q:()=>H,QG:()=>T,Te:()=>S,U0:()=>I,Vt:()=>N,WT:()=>L,_p:()=>C,aW:()=>k,ek:()=>v,h7:()=>E,jG:()=>y,kC:()=>A,l_:()=>f,wq:()=>x});var o=n(38267),i=n(26865),a=n(33500),r=n(86659),s=n(96472),l=n(86157),d=n(18161),c=n(68116),m=n(36211),u=n(72662),p=n(14952),g=n(40653),h=n(72899);const y=(0,o.Ay)(h.A).withConfig({displayName:"AffiliateLinksRowLabel"})` 7579 display: block; 7580 position: absolute; 7581 bottom: 100%; 7582 left: 0; 7583 padding: 0; 7584 height: auto; 7585 text-align: left; 7586 7587 ${({$mobileOnly:e})=>e&&o.AH` 7588 ${(0,i.H4)(s.LO.md)} { 7589 display: none; 7590 } 7591 `} 7592`,b=o.AH` 7593 .has-affiliate-links-row-label { 7594 position: relative; 7595 } 7596`,f=(0,o.Ay)(r.A.EvenFour).withConfig({displayName:"FilterableSummaryListGrid"})` 7597 &.grid-even.grid-items-4 { 7598 ${(0,i.H4)(s.LO.md)} { 7599 grid-template-columns: repeat(4, minmax(0, 1fr)); 7600 } 7601 } 7602 7603 &&& { 7604 ${b} 7605 7606 .grid--item:has(.text-external-link) { 7607 display: grid; 7608 align-items: center; 7609 } 7610 ${({isUpcEnabled:e})=>e&&o.AH` 7611 ${(0,i.Xm)(0,s.LO.md)} { 7612 grid-template-columns: repeat(2, minmax(0, 1fr)); 7613 column-gap: ${(0,i.Kq)(1)}; 7614 7615 padding-right: ${(0,i.Kq)(2)}; 7616 padding-left: ${(0,i.Kq)(2)}; 7617 } 7618 column-gap: ${(0,i.Kq)(2)}; 7619 7620 padding-right: ${(0,i.Kq)(3)}; 7621 padding-left: ${(0,i.Kq)(3)}; 7622 `} 7623 } 7624 7625 &.grid-even { 7626 ${(0,i.Xm)(0,s.LO.md)} { 7627 grid-template-columns: repeat(2, minmax(0, 1fr)); 7628 padding-right: ${(0,i.Kq)(3)}; 7629 padding-left: ${(0,i.Kq)(3)}; 7630 } 7631 padding-right: ${(0,i.Kq)(4)}; 7632 padding-left: ${(0,i.Kq)(4)}; 7633 } 7634 7635 &.grid { 7636 row-gap: ${(0,i.Kq)(6)}; 7637 } 7638`,w=(0,o.Ay)(r.A.EvenFour).withConfig({displayName:"FilterableSummaryListGridFullBleed"})` 7639 &.grid-even.grid-items-4 { 7640 ${(0,i.Xm)(0,s.LO.md)} { 7641 grid-template-columns: repeat(1, minmax(0, 1fr)); 7642 padding-top: ${(0,i.Kq)(3)}; 7643 padding-right: ${(0,i.Kq)(1)}; 7644 padding-left: ${(0,i.Kq)(1)}; 7645 } 7646 grid-template-columns: repeat(1, minmax(0, 1fr)); 7647 padding: ${(0,i.Kq)(3)}; 7648 padding-left: 0; 7649 row-gap: ${(0,i.Kq)(4)}; 7650 } 7651`,$=(0,o.Ay)(r.A.DynamicGridItemLayout).withConfig({displayName:"FilterableSummaryListDynamicGridItemLayout"})` 7652 &.grid-even.grid-items-4 { 7653 ${(0,i.H4)(s.LO.md)} { 7654 grid-template-columns: repeat(4, minmax(0, 1fr)); 7655 } 7656 } 7657 ${g.E} { 7658 > .one-col-external-link { 7659 display: flex; 7660 align-items: center; 7661 } 7662 7663 > .two-col-external-link { 7664 display: flex; 7665 align-items: center; 7666 } 7667 } 7668 7669 &&& { 7670 ${b} 7671 7672 .grid--item:has(.text-external-link) { 7673 display: grid; 7674 align-items: center; 7675 } 7676 7677 ${(0,i.L7)(s.LO.md)} { 7678 .two-col-external-link, 7679 .one-col-external-link { 7680 padding-right: ${(0,i.Kq)(1)}; 7681 padding-left: ${(0,i.Kq)(1)}; 7682 } 7683 } 7684 ${(0,i.H4)(s.LO.lg)} { 7685 .two-col-external-link { 7686 padding-right: ${(0,i.Kq)(6)}; 7687 padding-left: ${(0,i.Kq)(6)}; 7688 } 7689 7690 .one-col-external-link { 7691 padding-right: ${(0,i.Kq)(2)}; 7692 padding-left: ${(0,i.Kq)(2)}; 7693 } 7694 } 7695 ${({isUpcEnabled:e})=>e&&o.AH` 7696 ${(0,i.Xm)(0,s.LO.md)} { 7697 grid-template-columns: repeat(2, minmax(0, 1fr)); 7698 column-gap: ${(0,i.Kq)(1)}; 7699 7700 padding-right: ${(0,i.Kq)(2)}; 7701 padding-left: ${(0,i.Kq)(2)}; 7702 } 7703 column-gap: ${(0,i.Kq)(2)}; 7704 7705 padding-right: ${(0,i.Kq)(3)}; 7706 padding-left: ${(0,i.Kq)(3)}; 7707 `} 7708 } 7709 7710 &.grid-even { 7711 ${(0,i.Xm)(0,s.LO.md)} { 7712 grid-template-columns: repeat(2, minmax(0, 1fr)); 7713 padding-right: ${(0,i.Kq)(3)}; 7714 padding-left: ${(0,i.Kq)(3)}; 7715 } 7716 padding-right: ${(0,i.Kq)(4)}; 7717 padding-left: ${(0,i.Kq)(4)}; 7718 } 7719 7720 &.grid { 7721 row-gap: ${(0,i.Kq)(6)}; 7722 ${({shouldDisplayDenseGrid:e=!0})=>!e&&o.AH` 7723 grid-auto-flow: row; 7724 `} 7725 7726 ${({hasGridBottomPadding:e=!1})=>e&&o.AH` 7727 padding-bottom: ${(0,i.Kq)(8)}; 7728 `} 7729 } 7730`,v=o.Ay.section.withConfig({displayName:"FilterableSummaryListWrapper"})` 7731 ${({theme:e,hasBorderBottom:t})=>t&&o.AH` 7732 border-bottom: 1px solid 7733 ${(0,i.HK)(e,"colors.consumption.lead.standard.divider")}; 7734 `} 7735 7736 ${({hasPadding:e,hasToggleGridColor:t,isSeriesNavigation:n})=>e&&!t&&o.AH` 7737 padding: ${n?`${(0,i.Kq)(4)} 0 0`:`${(0,i.Kq)(4)} 0 ${(0,i.Kq)(4)}`}; 7738 `} 7739`,C=o.Ay.div.withConfig({displayName:"TitleToggleChipListWrapper"})` 7740 ${a.pf} {
7741 ${({hasDangerousDek:e,hasCustomMargin:t})=>!e&&t?o.AH` 7742 margin-bottom: ${(0,i.Kq)(0)}; 7743 `:o.AH` 7744 margin-bottom: ${(0,i.Kq)(5)}; 7745 `} 7746 } 7747 ${({shouldUseAlternativeTitleStyle:e})=>e&&o.AH` 7748 .section-title { 7749 margin: 0; 7750 border-top: none; 7751 padding-top: 0; 7752 7753 @media (max-width: ${s.LO.md}) { 7754 h2 { 7755 text-align: center; 7756 } 7757 } 7758 } 7759 7760 @media (max-width: ${s.LO.md}) { 7761 .list-wrapper { 7762 overflow-y: hidden; 7763 overflow-x: scroll; 7764 7765 &::-webkit-scrollbar { 7766 display: none; 7767 } 7768 } 7769 } 7770 7771 @media (min-width: ${s.LO.md}) { 7772 ${(0,i._o)("border-color","colors.consumption.lead.standard.context-signature")}; 7773 7774 display: flex; 7775 align-items: center; 7776 border-top: 2px solid; 7777 gap: 2rem; 7778 7779 .clip-list { 7780 margin: 0; 7781 7782 .list-wrapper { 7783 padding: 0; 7784 gap: ${(0,i.Kq)(3)}; 7785 7786 button { 7787 border-radius: 0; 7788 background: none; 7789 padding: 0.2rem 0; 7790 font-size: 13px; 7791 font-weight: bold; 7792 7793 &[aria-checked='false'] { 7794 ${(0,i._o)("color","colors.interactive.base.border")}; 7795 } 7796 7797 &[aria-checked='true'] { 7798 ${(0,i._o)("color","colors.interactive.base.black")}; 7799 border-bottom: 1px solid; 7800 } 7801 7802 &:hover, 7803 &:focus { 7804 box-shadow: none; 7805 } 7806 } 7807 } 7808 } 7809 } 7810 `} 7811 ${d.f} { 7812 ${({shouldUseInteractiveBrandColor:e})=>e?o.AH` 7813 &[aria-checked='false'] { 7814 background-color: rgba( 7815 ${(0,i.HK)("colors.interactive.base.brand-secondary",{rgbOnly:!0})}, 7816 0.2 7817 ); 7818 } 7819 `:o.AH` 7820 &[aria-checked='false'] { 7821 ${(0,i._o)("color","colors.interactive.base.black")} 7822 } 7823 `} 7824 } 7825`,k=o.Ay.div.withConfig({displayName:"TitleWrapper"})` 7826 ${({hasTitleMarginTop:e})=>{const t=(0,i.Kq)(4),n=e?t:"0";return o.AH` 7827 margin: ${n} 0 ${t} 0; 7828 `}} 7829 7830 ${({shouldHideMarginUnderDek:e})=>e&&o.AH` 7831 margin-bottom: 0; 7832 `}; 7833 ${({hasPadding:e,isUpcEnabled:t})=>e&&(t?`padding-left: ${(0,i.Kq)(2)};\n padding-right: ${(0,i.Kq)(2)};`:`padding-left: ${(0,i.Kq)(3)};\n padding-right: ${(0,i.Kq)(3)};`)} 7834 ${({hasTitleNoMargin:e})=>e&&o.AH` 7835 margin: 0; 7836 `} 7837`,A=o.Ay.div.withConfig({displayName:"ChipWrapper"})` 7838 ${({hasToggleGridColor:e})=>e?o.AH` 7839 padding-bottom: ${(0,i.Kq)(4)}; 7840 `:o.AH` 7841 margin: ${(0,i.Kq)(4)} 0 0 0; 7842 `} 7843 ${(0,i.L7)(s.LO.md)} { 7844 ${({hasModerateSpacingOnMobile:e})=>e&&o.AH` 7845 margin: ${(0,i.Kq)(2)} 0 0 0; 7846 `} 7847 } 7848`,x=o.Ay.div.withConfig({displayName:"CarouselWrapper"})` 7849 ${u.h0} { 7850 margin-bottom: 2rem; 7851 gap: 0; 7852 ${u.hH} { 7853 margin-top: 1rem; 7854 } 7855 @media (min-width: ${s.LO.md}) { 7856 ${e=>e.shouldApplyCustomHeaderHeight?"height: 60px;":""} 7857 } 7858 ${p.s8} { 7859 margin-top: 2rem; 7860 7861 button { 7862 ${({shouldUseInteractiveBrandColor:e})=>e?o.AH` 7863 &[aria-checked='false'] { 7864 background-color: rgba( 7865 ${(0,i.HK)("colors.interactive.base.brand-secondary",{rgbOnly:!0})}, 7866 0.2 7867 ); 7868 } 7869 `:o.AH` 7870 &[aria-checked='false'] { 7871 ${(0,i._o)("color","colors.interactive.base.black")} 7872 } 7873 `} 7874 } 7875 } 7876 } 7877 @media (max-width: ${s.LO.md}) { 7878 header p { 7879 font-size: 1rem; 7880 } 7881 } 7882 ${c.Tr} { 7883 ${m.Y} { 7884 @media (max-width: ${s.LO.md}) { 7885 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 7886 } 7887 } 7888 } 7889`,E=o.Ay.section.withConfig({displayName:"EditorsPicksCarousel"})` 7890 display: grid; 7891 grid-template-columns: 100%; 7892 margin-top: ${(0,i.Kq)(4)}; 7893 overflow-x: hidden; 7894 @media (min-width: ${s.LO.lg}) { 7895 grid-column-gap: ${(0,i.Kq)(4)}; 7896 grid-template-columns: calc(20% - ${(0,i.Kq)(4)}) 80%; 7897 ${u.aF} { 7898 margin-top: 0; 7899 } 7900 } 7901 ${u.hF} { 7902 margin: 0; 7903 } 7904`,S=o.Ay.div.withConfig({displayName:"EditorCard"})` 7905 display: grid; 7906 grid-template-columns: auto 1fr; 7907 align-items: center; 7908 @media (min-width: ${s.LO.lg}) { 7909 grid-template-columns: 1fr; 7910 grid-template-rows: repeat(3, max-content); 7911 margin: ${(0,i.Kq)(4)} 0; 7912 } 7913`,L=(0,o.Ay)(l.A).withConfig({displayName:"EditorResponsiveAsset"})` 7914 border-radius: 50%; 7915 width: 80px; 7916 height: 80px; 7917`,T=o.Ay.div.withConfig({displayName:"EditorDetails"})` 7918 margin-left: ${(0,i.Kq)(1)}; 7919 @media (min-width: ${s.LO.lg}) { 7920 grid-column: 1; 7921 margin: ${(0,i.Kq)(1)} 0 0; 7922 } 7923`,N=o.Ay.div.withConfig({displayName:"EditorName"})` 7924 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 7925`,H=o.Ay.div.withConfig({displayName:"EditorTitle"})` 7926 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.accreditation-feature")}; 7927`,I=o.Ay.div.withConfig({displayName:"EditorDescription"})` 7928 grid-column: 1 / span 2; 7929 margin-top: ${(0,i.Kq)(1.5)}; 7930 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.consumptionEditorial.description-embed")}; 7931 @media (min-width: ${s.LO.lg}) { 7932 margin-top: ${(0,i.Kq)(2.5)}; 7933 } 7934`},75389(e,t,n){n.d(t,{A:()=>Z});var o=n(5556),i=n.n(o),a=n(96540),r=n(45135),s=n(80471),l=n(64214),d=n(73347),c=n(94828),m=n(38267),u=n(68116),p=n(36211),g=n(26865),h=n(96472),y=n(99906);const b=m.Ay.div.withConfig({displayName:"VarietyInvertedWrapper"})` 7935 display: grid; 7936 grid-template-columns: 1fr; 7937 7938 ${(0,g.H4)(h.LO.lg)} { 7939 grid-template-columns: repeat(12, 1fr); 7940 grid-template-rows: 1fr; 7941 gap: ${(0,g.Kq)(2)}; 7942 } 7943`,f=m.Ay.div.withConfig({displayName:"MainStory"})` 7944 ${({theme:e})=>`\n grid-column: 1;\n display: flex;\n justify-content: center;\n\n ${u.Rp} {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n\n ${u.tP} {\n width: 100%;\n }\n }\n\n ${p.Y} {\n ${(0,g.Gg)(e,"typography.definitions.discovery.hed-break-out")};\n }\n\n ${u.IB} {\n ${(0,g.Gg)(e,"typography.definitions.discovery.description-feature")};\n }\n\n ${u.Tr} {\n padding-bottom: ${(0,g.Kq)(2)};\n }\n\n &&& {\n ${(0,g.H4)(h.LO.md)} {\n ${p.Y} {\n margin-bottom: ${(0,g.Kq)(1)};\n font-size: ${(0,g.Kq)(3.5)};\n }\n }\n }\n\n\n ${(e=>`\n ${(0,g.H4)(h.LO.lg)} {\n grid-column: 1 / 7;\n margin-right: ${(0,g.Kq)(2)};\n padding-right: ${(0,g.Kq)(3)};\n position: relative;\n\n ${u.Rp}:after {\n content: '';\n position: absolute;\n right: ${(0,g.Kq)(-2)};\n height: 100%;\n width: 1px;\n ${(0,g._o)(e,"background","colors.discovery.body.black.border")};\n }\n\n ${u.Tr} {\n padding: ${(0,g.Kq)(2)}\n ${(0,g.Kq)(3)}\n 0\n ${(0,g.Kq)(3)};\n }\n }\n `)(e)};\n `} 7945`,w=m.Ay.div.withConfig({displayName:"StoryList"})` 7946 ${({theme:e})=>`\n display: grid;\n grid-column: 1;\n grid-row: 2;\n\n ${u.Tr} {\n padding: 0;\n }\n\n ${u.Rp} {\n padding: ${(0,g.Kq)(2)} 0;\n }\n\n ${p.Y} {\n ${(0,g.Gg)(e,"typography.definitions.discovery.hed-core-primary")};\n }\n \n ${(0,g.L7)(`${y.VS.lg}px`)} {\n ${u.Rp} {\n &:first-child {\n padding-top: ${(0,g.Kq)(2)};\n border-top: 1px solid;\n ${(0,g._o)(e,"border-top-color","colors.discovery.body.black.border")};\n }\n ${(0,g._o)(e,"border-color","colors.discovery.body.black.border")};\n }\n }\n\n ${u.Rp}:last-child {\n padding-bottom: 0;\n }\n\n ${u.Rp} {\n ${u.Tr} {\n ${u.tP} {\n display: none;\n }\n }\n }\n \n &&& {\n ${(0,g.L7)(`${y.VS.md}px`)} {\n ${u.Rp} {\n grid-template-areas: 'content content content';\n grid-gap: 0;\n \n ${u.Tr} {\n ${u.tP} {\n width: ${(0,g.Kq)(14)};\n float: right;\n margin-left: ${(0,g.Kq)(2)};\n display: block;\n }\n }\n }\n }\n }\n\n ${(e=>`\n ${(0,g.H4)(h.LO.lg)} {\n grid-column: 7 / -1;\n grid-row: 1;\n grid-template-columns: 1fr;\n grid-template-rows: repeat(3, min-content);\n padding-left: ${(0,g.Kq)(3)};\n\n ${u.Rp} {\n grid-template-columns: repeat(3, 1fr);\n grid-template-areas: 'image content content';\n gap: ${(0,g.Kq)(2)};\n ${(0,g._o)(e,"border-bottom-color","colors.discovery.body.black.border")};\n padding: ${(0,g.Kq)(3)} 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n &:last-child {\n padding-bottom: 0;\n }\n }\n\n ${u.tP} {\n width: 100%;\n justify-self: left;\n }\n }\n \n ${(0,g.Xm)(h.LO.lg,`${y.VS.xl}px`)} {\n ${u.tP} {\n width: ${(0,g.Kq)(23)};\n }\n }\n `)(e)};\n `} 7947`;var $=n(96872),v=n(14307);const C=({items:e,template:t})=>{const n=(n,o,i)=>
7947{const a={type:"click",subject:t,items:(0,$.jv)([n],window),placement:(0,$.R6)(o,e.length),index:o,total_index:i};(0,v.kg)(a)},[o,...i]=e;return a.createElement(b,null,a.createElement(f,null,a.createElement(c.A.TextBelowCenter,{...o,hasBorder:!1,clickHandler:()=>n(o,1,e.length),hideRubricItemSummary:!0})),a.createElement(w,null,i.map((t,o)=>a.createElement(c.A.SideBySideImageWarp,{key:o,...t,shouldHideFinalBorder:!0,clickHandler:()=>n(t,o+2,e.length),hideRubricItemSummary:!0}))))};C.propTypes={items:i().array.isRequired,template:i().string.isRequired};const k=C,A=(0,m.Ay)(c.A.TextBelowLeft).withConfig({displayName:"LargeScreenItem"})` 7948 display: none; 7949 7950 &&& { 7951 ${(0,g.H4)(h.LO.lg)} { 7952 display: unset; 7953 7954 ${({lastItem:e})=>e&&`\n ${u.tP}:after {\n display: none;\n }\n `} 7955 } 7956 } 7957`,x=(0,m.Ay)(c.A.SideBySideImageWarp).withConfig({displayName:"SmallScreenItem"})` 7958 display: block; 7959 7960 & > ${u.tP} { 7961 display: none; 7962 } 7963 7964 ${(0,g.H4)(h.LO.lg)} { 7965 display: none; 7966 } 7967`,E=m.Ay.div.withConfig({displayName:"InvertedWrapper"})` 7968 display: grid; 7969 grid-template-columns: repeat(4, 1fr); 7970 gap: 2rem; 7971 7972 ${u.Rp} { 7973 grid-column: span 4; 7974 } 7975 7976 ${(0,g.H4)(h.LO.lg)} { 7977 grid-template-columns: repeat(12, 1fr); 7978 7979 ${u.Rp} { 7980 grid-column: span 3; 7981 } 7982 } 7983 7984 && { 7985 ${(0,g.L7)(`${y.VS.lg}px`)} { 7986 ${u.Rp} { 7987 grid-gap: 0; 7988 grid-template-areas: 'content content content'; 7989 7990 ${u.Tr} { 7991 ${u.tP} { 7992 display: block; 7993 float: right; 7994 margin-left: ${(0,g.Kq)(2)}; 7995 width: ${(0,g.Kq)(14)}; 7996 } 7997 } 7998 } 7999 } 8000 } 8001`,S=({items:e,template:t})=>{const n=(n,o,i)=>{const a={type:"click",subject:t,items:(0,$.jv)([n],window),placement:(0,$.R6)(o,e.length),index:o,total_index:i};(0,v.kg)(a)};return a.createElement(E,null,e.map((t,o)=>a.createElement(a.Fragment,{key:o},a.createElement(A,{...t,hasBorder:!1,shouldHideFinalBorder:!0,lastItem:o===e.length-1,clickHandler:()=>n(t,o,e.length)}),a.createElement(x,{...t,shouldHideFinalBorder:!0,clickHandler:()=>n(t,o,e.length)}))))};S.propTypes={items:i().arrayOf(i().object).isRequired,template:i().string.isRequired};const L=S;var T=n(68397),N=n(6613),H=n(72662),I=n(33500);const B=(0,m.Ay)("div").withConfig({displayName:"ForYouCarouselWrapper"})` 8002 ${u.Tr} { 8003 ${N.zM} { 8004 &:hover { 8005 text-decoration: underline; 8006 } 8007 } 8008 } 8009 ${H.aF} { 8010 padding-right: ${(0,g.Kq)(6)}; 8011 padding-left: ${(0,g.Kq)(6)}; 8012 max-width: ${(0,g.Kq)(128)}; 8013 ${(0,g.Xm)(0,`${y.VS.md}px`)} { 8014 padding-right: ${(0,g.Kq)(3)}; 8015 padding-left: ${(0,g.Kq)(3)}; 8016 } 8017 ${(0,g.Xm)(`${y.Vh.xl}px`,`${y.VS.xxl}px`)} { 8018 max-width: ${(0,g.Kq)(160)}; 8019 } 8020 @media (min-width: ${h.LO.xl}) { 8021 padding-right: ${(0,g.Kq)(8)}; 8022 padding-left: ${(0,g.Kq)(8)}; 8023 max-width: ${(0,g.Kq)(200)}; 8024 } 8025 @media (min-width: ${h.LO.xxl}) { 8026 padding-bottom: 0; 8027 } 8028 } 8029 8030 &&& { 8031 ${I.QW} { 8032 padding-left: 0; 8033 } 8034 } 8035`;var O=n(72362);const K=({items:e,carouselSummaryItemVariation:t="TextBelowLeft",dangerousHed:n,hasBorder:o=!1,showLabels:i=!1,hasPaginationDots:r=!0,shouldHideContributors:s=!0,template:l})=>{const d=c.A[t],m=!(0,O.Zm)();return a.createElement(B,null,a.createElement(T.A,{headerProps:{dangerousHed:n},carouselSettings:{showLabels:i,hasPaginationDots:r},trackingEventData:{snowplowNavEventSubject:"carousel"}},e.map((t,i)=>a.createElement(T.A.CarouselItem,{key:`product-bundle-${i}`,trackingEventData:{carouselName:t.dangerousHed,itemIndex:i,totalItems:e.length,label:n,snowplowNavEventSubject:l,subject_version:m?"mobile_dense":"default"}},a.createElement(d,{...t,hasBorder:o,hedTag:"h3",shouldHideContributors:s,isLazy:i>4,clickHandlerRubric:e=>{e.stopPropagation()}})))))};K.propTypes={carouselSummaryItemVariation:i().string,dangerousHed:i().string,hasBorder:i().bool,hasPaginationDots:i().bool,items:i().arrayOf(i().object).isRequired,shouldHideContributors:i().bool,showLabels:i().bool,template:i().string};const D=K;var _=n(53499),P=n(82856),R=n(24695),q=n(18608),M=n(1123),F=n(74423);const U=(0,m.Ay)(q.vm).withConfig({displayName:"ForyouDek"})` 8036 ${({theme:e})=>`\n display: flex;\n justify-content: center;\n padding-bottom: ${(0,g.Kq)(6)};\n ${(0,g._o)(e,"color","colors.interactive.base.white")};\n ${(0,g.Gg)(e,"typography.definitions.utility.label")};\n svg {\n margin-right: ${(0,g.Kq)(1)};\n path {\n ${(0,g._o)(e,"fill","colors.discovery.body.dark.heading")};\n }\n }\n\n span {\n display: flex;\n align-items: center;\n }\n `} 8037`,V=(0,m.Ay)(q.c7).withConfig({displayName:"ForyouWrapper"})` 8038 ${({layout:e,theme:t})=>e&&`\n ${(0,M.VO)()};\n ${"carousel"!==e&&(e=>`\n ${(0,g._o)(e,"background","colors.discovery.body.black.background")};\n\n ${I.QW} {\n padding-top: ${(0,g.Kq)(0)};\n padding-bottom: ${(0,g.Kq)(2)};\n border: none;\n\n ${I.bU} {\n ${(0,g._o)(e,"color","colors.discovery.body.dark.heading")};\n }\n }\n\n ${N.zM} {\n ${(0,g._o)(e,"color","colors.interactive.base.white")};\n }\n\n ${p.Y}, ${u.IB} {\n ${(0,g._o)(e,"color","colors.discovery.body.black.heading")};\n }\n\n ${F.H1}, ${F.CR} {\n ${(0,g._o)(e,"color","colors.discovery.body.black.accreditation")};\n }\n `)(t)};\n ${"variety-inverted"===e&&(e=>`\n ${(0,M.aU)("padding")};\n ${(0,g._o)(e,"background","colors.discovery.body.black.background")};\n padding: ${(0,g.Kq)(6)} ${(0,g.Kq)(3)};\n \n ${(0,g.H4)(h.LO.md)} {\n padding-left: ${(0,g.Kq)(6)};\n padding-right: ${(0,g.Kq)(6)};\n }\n ${(0,g.H4)(h.LO.lg)} {\n margin: 0 calc(1 * var(--grid-margin));\n }\n\n ${(0,g.H4)(h.LO.xl)} {\n padding-left: ${(0,g.Kq)(8.5)};\n padding-right: ${(0,g.Kq)(8.5)};\n }\n\n ${I.QW} {\n padding-top: ${(0,g.Kq)(0)};\n padding-bottom: ${(0,g.Kq)(2)};\n border: none;\n\n ${I.bU} {\n ${(0,g._o)(e,"color","colors.discovery.body.dark.heading")};\n }\n }\n `)(t)};\n ${"inverted"===e&&(e=>`\n padding: ${(0,g.Kq)(6)} calc(1 * var(--grid-margin));\n\n ${u.Tr} {\n padding-bottom: 0;\n }\n\n ${u.Rp} {\n ${(0,g._o)(e,"border-bottom-color","colors.discovery.body.black.border")};\n \n &:last-child {\n ${u.tP}:after {\n display: none;\n }\n }\n }\n\n && {\n ${(0,g.H4)(h.LO.md)} {\n margin: 0 calc(1 * var(--grid-margin));\n ${p.Y} {\n margin-bottom: ${(0,g.Kq)(1)};\n }\n }\n\n ${(0,g.H4)(h.LO.lg)} {\n padding: ${(0,g.Kq)(6)} ${(0,g.Kq)(4)};\n\n ${u.tP} {\n position: relative;\n \n &:after {\n display: block;\n position: absolute;\n top: 0px;\n right: calc(-1* var(--grid-gap) / 2);\n width: 1px;\n height: 100%;\n content: "";\n ${(0,g._o)(e,"background-color","colors.discovery.body.black.border")};\n }\n }\n }\n }\n `)(t)};\n ${"carousel"===e&&`\n ${I.QW}{\n padding-left:${(0,g.Kq)(6)};\n } \n `};\n `} 8039`,G=(0,m.Ay)(q.c7).withConfig({displayName:"ForyouComponent"})` 8040 ${(0,M.VO)()}; 8041 margin: 0 auto; 8042 max-width: ${(0,g.Kq)(200)}; 8043`;var W=n(49380),j=n(70251),z=n(29810);const Y=({actionBarConfig:e,bundle:t,configuredComponentRef:n,dangerousDek:o,dangerousHed:i,id:r,index:c,template:m,sectionName:u,applicationID:p,canonicalUrl:g,contentID:h,vulcanUrl:y,renditions:b,brandSlug:f,language:w,recommendationsApiUrl:C,strategy:A,pageSize:x=4,varietyInvertedRenditions:E,varietyMainStoryRendition:S,carouselRenditions:T,shouldShowAudioIcon:N,layout:H="",showSectionTitle:I=!0,excludeCategories:B})=>
8043{const[O,K]=a.useState(!0),[q,M]=a.useState([]),[F,Y]=a.useState(!1),X={applicationID:p,vulcanUrl:y,contentID:h,recommendationsApiUrl:C,brandSlug:f,language:w,isSmallScreen:F,canonicalUrl:g,strategy:A,pageSize:x,photoConfig:b,varietyInvertedRenditions:E,varietyMainStoryRendition:S,carouselRenditions:T,actionBarConfig:e,shouldShowAudioIcon:N,isPersonalizedHomepage:!0,amgUserId:v.QQ,layout:H,excludeCategories:B};(0,j.w)(()=>Y((0,W.eD)())),a.useEffect(()=>{Y((0,W.eD)())},[]);const{ref:Z,entry:J}=(0,s.Wx)({threshold:.1,trackVisibility:!0,delay:100,triggerOnce:!0}),{containers:Q=[],dedupContainerIds:ee=[]}=t||{},te=Q.filter(e=>"verso-mid-content-ad"!==e.template);a.useEffect(()=>{if(J?.isIntersecting&&"carousel"!==H){const e={type:"impression",subject:m,items:(0,$.jv)(q,window),placement:(0,$.R6)(c,te.length),total_index:te.length};(0,v.kg)(e)}},[J,c,q,te.length,m,H]),a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(_.G.RENDER,{name:"ForYou"})},[]);const{personalizedClientData:ne={}}=(0,z.A)({...X,excludeCopilotIds:[...ee]});if(a.useEffect(()=>{M(ne),K(!1)},[ne]),O&&p)return a.createElement(P.A,null);if(!q?.length)return null;const oe=q.map(e=>({...e,id:e.contentId}));return H?a.createElement(G,{ref:n},a.createElement(V,{ref:Z,layout:H},I&&a.createElement(d.Ay,{dangerousHed:i}),o&&a.createElement(U,null,a.createElement("span",null,a.createElement(R.Subscribe,null)," ",o)),"variety-inverted"===H&&a.createElement(k,{items:q,template:m}),"inverted"===H&&a.createElement(L,{items:q,template:m}),"carousel"===H&&a.createElement(D,{items:q,dangerousHed:i,template:m,layout:H}))):a.createElement("div",{ref:n},a.createElement(l.A,{dangerousDek:o,dangerousHed:i,id:r,index:c,items:oe,template:m,sectionName:u}))};Y.propTypes={configuredComponentRef:i().func,applicationID:i().string,brandSlug:i().string,bundle:i().shape({containers:i().array}).isRequired,canonicalUrl:i().string,carouselRenditions:i().object,contentID:i().string,dangerousDek:i().string,dangerousHed:i().string,excludeCategories:i().array,actionBarConfig:i().object,id:i().string,index:i().number.isRequired,language:i().string,layout:i().string,pageSize:i().number,recommendationsApiUrl:i().string,renditions:i().object,sectionName:i().string.isRequired,showSectionTitle:i().bool,shouldShowAudioIcon:i().bool,strategy:i().string,template:i().string,varietyInvertedRenditions:i().object,varietyMainStoryRendition:i().object,vulcanUrl:i().string};const X=(0,r.Ng)(e=>{const{config:{contentSystem:t,recommendations:n},renditions:o,appConfig:i,coreDataLayer:a,bundle:r,"head.contentID":s,"head.canonicalUrl":l}=e;return{contentID:s,bundle:r,vulcanUrl:t?.mediaDomain?`https://${t.mediaDomain}`:"",renditions:o?.homepage?.["verso-for-you-package"]||{},varietyInvertedRenditions:o?.homepage?.["variety-inverted-for-you-package"]||{},varietyMainStoryRendition:o?.homepage?.["variety-main-story-rendition"]||{},carouselRenditions:o?.homepage?.["carousel-for-you-package"]||{},brandSlug:i?.brandSlug,language:a?.content?.contentLang,canonicalUrl:l,recommendationsApiUrl:n?.personalisedApiUrl||""}},{})(Y);const Z=(0,n(13465).y)(X,"ForYou")},2060(e,t,n){n.d(t,{A:()=>C});var o=n(13465),i=n(31581),a=n(47655),r=n(5556),s=n.n(r),l=n(96540),d=n(73275),c=n(38267),m=n(18608),u=n(18117),p=n(26865);const g=c.Ay.div.withConfig({displayName:"FullBleedBannerWrapper"})` 8044 margin-bottom: ${(0,p.Kq)(3.2)}; 8045`,h=c.Ay.div.withConfig({displayName:"FullBleedTextWrapper"})``,y=(0,c.Ay)(m.vm).withConfig({displayName:"SectionTitleWrapper"}).attrs(e=>({colorToken:"colors.interactive.base.white",typeIdentity:"typography.definitions.discovery.hed-feature",...e}))``,b=(0,c.Ay)(m.vm).withConfig({displayName:"SectionDekWrapper"}).attrs(e=>({colorToken:"colors.consumption.body.inverted.body",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))``,f=c.Ay.div.withConfig({displayName:"GridWrapper"})` 8046 display: grid; 8047 8048 position: relative; 8049 grid-template: 'box'; 8050 z-index: 0; 8051 /* Grid properties */ 8052 width: 100%; 8053 overflow: hidden; 8054 8055 > *, 8056 &::before { 8057 grid-area: box; 8058 } 8059 8060 ${h} { 8061 place-self: center; 8062 } 8063 8064 ${y} { 8065 text-align: center; 8066 } 8067 8068 ${b} { 8069 text-align: center; 8070 } 8071 8072 /* semi-transparent layer to darken image */ 8073 &::before { 8074 position: relative; 8075 opacity: 0.4; 8076 z-index: -1; 8077 background: black; 8078 content: ''; 8079 } 8080 8081 ${u.B} { 8082 img { 8083 position: relative; 8084 z-index: -2; 8085 height: auto; 8086 /* object-fit and aspect-ratio in use for a consistent aspect ratio pattern for the image */ 8087 object-fit: cover; 8088 aspect-ratio: 3 / 2; /* @TODO: dynamicize this in order for a brand to set which ratio they prefer */ 8089 inline-size: 100%; 8090 max-height: 424px; /* @TODO: max-height value should be configurable on a per brand basis */ 8091 } 8092 } 8093`,w=e=>{const{dek:t,fullBleedVisualAsset:n,hed:o,isLazy:i}=e;return l.createElement(g,null,l.createElement(f,null,l.createElement(h,null,o&&l.createElement(y,{as:"h2",dangerouslySetInnerHTML:{__html:o}}),t&&l.createElement(b,{as:"p",dangerouslySetInnerHTML:{__html:t}})),n&&l.createElement(d.A,{...n,isLazy:i})))};w.propTypes={dek:s().string,fullBleedVisualAsset:s().object,hed:s().string,isLazy:s().bool},w.displayName="FullBleedBanner";const $=w;$.Default=(0,a.y)($,"Default",{});const v=$,C=(0,i.N)((0,o.y)(v,"FullBleedBanner"))},66823(e,t,n){n.d(t,{A:()=>K});var o=n(96540),i=n(5556),a=n.n(i),r=n(68397),s=n(6442),l=n(30630),d=n(7285),c=n(26576),m=n(90637),u=n(73275),p=n(39311),g=n(38267),h=n(75163),y=n(72662),b=n(18608),f=n(96472),w=n(26865);const $=(0,g.Ay)(b.sH).withConfig({displayName:"LatestCommentCardWrapper"})` 8094 display: flex; 8095 flex-direction: column; 8096 align-items: flex-start; 8097 border: 1px solid var(${h.pT.Color.Text}); 8098 border-radius: ${(0,w.Kq)(1)}; 8099 background: var(${h.pT.Color.Surface}); 8100 padding: ${(0,w.Kq)(1.5)} ${(0,w.Kq)(1.5)} 8101 ${(0,w.Kq)(2.5)};
8102 width: ${(0,w.Kq)(36.75)}; /* 294px */ 8103 max-width: 100%; 8104 text-decoration: none; 8105 color: var(${h.pT.Color.Text}); 8106 gap: ${(0,w.Kq)(1.5)}; 8107 box-sizing: border-box; 8108 8109 &:active, 8110 &:focus, 8111 &:hover, 8112 &:link, 8113 &:visited { 8114 text-decoration: none; 8115 color: var(${h.pT.Color.Text}); 8116 } 8117 8118 &:focus-visible { 8119 outline: 2px solid var(${h.pT.Color.BorderFocus}); 8120 outline-offset: ${(0,w.Kq)(.25)}; 8121 } 8122`,v=g.Ay.div.withConfig({displayName:"LatestCommentCardImageFrame"})` 8123 position: relative; 8124 background: var(${h.pT.Color.SurfacePlaceholder}); 8125 width: 100%; 8126 overflow: hidden; 8127 aspect-ratio: 1 / 1; 8128 8129 img, 8130 picture, 8131 span { 8132 display: block; 8133 width: 100%; 8134 height: 100%; 8135 } 8136 8137 img { 8138 object-fit: cover; 8139 } 8140`,C=g.Ay.div.withConfig({displayName:"LatestCommentCardImageOverlay"})` 8141 display: flex; 8142 position: absolute; 8143 right: 0; 8144 bottom: 0; 8145 left: 0; 8146 flex-direction: column; 8147 background: linear-gradient( 8148 180deg, 8149 rgba(0, 0, 0, 0) 0%, 8150 rgba(0, 0, 0, 0.82) 100% 8151 ); 8152 padding: ${(0,w.Kq)(9)} ${(0,w.Kq)(1.5)} 8153 ${(0,w.Kq)(2)}; 8154 gap: ${(0,w.Kq)(1)}; 8155`,k=(0,g.Ay)(b.vm).withConfig({displayName:"LatestCommentCardStoryTitle"}).attrs({as:"h3",typeIdentity:"typography.definitions.consumptionEditorial.hed-standard"})` 8156 margin: 0; 8157 line-height: ${(0,w.Kq)(3.75)}; /* 30px */ 8158 color: var(${h.pT.Color.ActionBrandInverse}); 8159 font-size: ${(0,w.Kq)(2.75)}; /* 22px */ 8160 font-style: italic; 8161`,A=(0,g.Ay)(b.vm).withConfig({displayName:"LatestCommentCardArtistName"}).attrs({as:"p",typeIdentity:"typography.definitions.consumptionEditorial.description-core"})` 8162 margin: 0; 8163 line-height: ${(0,w.Kq)(3.125)}; /* 25px */ 8164 color: var(${h.pT.Color.ActionBrandInverse}); 8165 font-size: ${(0,w.Kq)(2.375)}; /* 19px */ 8166`,x=g.Ay.div.withConfig({displayName:"LatestCommentCardMetadata"})` 8167 display: flex; 8168 flex-direction: column; 8169 align-items: flex-start; 8170 gap: ${(0,w.Kq)(1)}; /* 8px */ 8171 width: 100%; 8172`,E=g.Ay.div.withConfig({displayName:"LatestCommentCardReviewerRow"})` 8173 display: flex; 8174 align-items: center; 8175 gap: ${(0,w.Kq)(1.25)}; /* 10px */ 8176 min-width: 0; 8177 color: var(${h.pT.Color.Text}); 8178`,S=g.Ay.span.withConfig({displayName:"LatestCommentCardReviewerName"})` 8179 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.globalEditorial.accreditation-feature")}; 8180 overflow: hidden; 8181 text-transform: uppercase; 8182 text-overflow: ellipsis; 8183 line-height: ${(0,w.Kq)(2.87,"px")}; /* 22.96px */ 8184 letter-spacing: ${(0,w.Kq)(.1225,"px")}; /* 0.98px */ 8185 white-space: nowrap; 8186 color: var(${h.pT.Color.Text}); 8187 font-weight: 500; 8188`,L=g.Ay.div.withConfig({displayName:"LatestCommentCardTimeAndLocation"})` 8189 display: flex; 8190 align-items: center; 8191 gap: ${(0,w.Kq)(.75)}; /* 6px */ 8192 color: var(${h.pT.Color.TextPlaceholder}); 8193 ${({theme:e})=>(0,w.Gg)(e,"typography.definitions.foundation.meta-primary")}; 8194`,T=g.Ay.div.withConfig({displayName:"LatestCommentCardRatingFrame"})` 8195 display: flex; 8196 align-items: center; 8197 justify-content: center; 8198 margin-right: ${(0,w.Kq)(.25)}; 8199 width: ${(0,w.Kq)(7)}; /* 56px */ 8200 height: ${(0,w.Kq)(7)}; 8201 color: var(${h.pT.Color.TextHeading}); 8202`,N=g.Ay.span.withConfig({displayName:"LatestCommentCardMetaDivider"})` 8203 color: inherit; 8204`,H=g.Ay.div.withConfig({displayName:"HomepageLatestCommentsCarouselWrapper"})` 8205 ${y.aF} { 8206 margin-right: auto; 8207 margin-left: auto; 8208 padding-right: ${(0,w.Kq)(3)}; 8209 padding-left: ${(0,w.Kq)(3)}; 8210 max-width: ${f.LO.lg}; 8211 8212 @media (min-width: ${f.LO.md}) { 8213 padding-right: ${(0,w.Kq)(6)}; 8214 padding-left: ${(0,w.Kq)(6)}; 8215 max-width: ${f.LO.lg}; 8216 } 8217 8218 @media (min-width: ${f.LO.lg}) { 8219 padding-right: ${(0,w.Kq)(6)}; 8220 padding-left: ${(0,w.Kq)(6)}; 8221 max-width: ${f.LO.xl}; 8222 } 8223 8224 @media (min-width: ${f.LO.xl}) { 8225 padding-right: ${(0,w.Kq)(8)}; 8226 padding-left: ${(0,w.Kq)(8)}; 8227 max-width: ${f.LO.xxl}; 8228 } 8229 } 8230 8231 ${y.oX} { 8232 width: ${(0,w.Kq)(36.75)}; 8233 max-width: calc(100vw - ${(0,w.Kq)(6)}); 8234 } 8235 8236 ${$} { 8237 width: 100%; 8238 height: 100%; 8239 } 8240`,I=({author:e,className:t,createdAt:n,rating:i,reviewerBadges:a=[],story:r})=>{const{formatMessage:g}
8240=(0,s.A)(),{badgeValue:h,dateBadges:y,userSpecificBadges:b}=(0,c.D4)({role:e?.orgRole??"",coralBadges:e?.badges??[],reviewerCreatedAt:e?.reviewerCreatedAt??"",reviewerBadges:a}),f=y.length>0&&0===b.length,w=n?(0,p.BD)(n,g):null,H=e?.location?(0,m.J)(e.location):null,I=r?.artistNames?.filter(Boolean).join(", "),B=null!=i&&""!==i;return o.createElement($,{className:t,"data-testid":"latest-comment-card",href:r?.url},r&&o.createElement(v,null,r?.image?.sources&&o.createElement(u.A,{...r.image,hasNativeImgLazyLoading:!0,isLazy:!0,sizes:"270px"}),o.createElement(C,null,r?.hed&&o.createElement(k,null,r.hed),I&&o.createElement(A,null,I))),o.createElement(x,null,o.createElement(E,null,e?.name&&o.createElement(S,null,e.name),h&&o.createElement(l.A,{badgeText:h,showRoleBadge:!0,shouldUsePrimaryColorForBadges:!0}),f&&y.map((e,t)=>{const n=(0,c.BM)(e);return n?o.createElement(l.A,{badgeText:n,key:`${n}-${t}`,showRoleBadge:!0,shouldUsePrimaryColorForBadges:!0}):null})),o.createElement(L,null,B&&o.createElement(T,null,o.createElement(d.A,{rating:i})),w&&o.createElement(o.Fragment,null,o.createElement(N,{"aria-hidden":"true"},"â¢"),o.createElement("span",null,w)),H&&o.createElement(o.Fragment,null,o.createElement(N,{"aria-hidden":"true"},"â¢"),o.createElement("span",null,H)))))};I.displayName="LatestCommentCard",I.propTypes={author:a().shape({badges:a().array,location:a().string,name:a().string,orgRole:a().string,reviewerCreatedAt:a().string}),className:a().string,createdAt:a().string,rating:a().oneOfType([a().number,a().string]),reviewerBadges:a().array,story:a().shape({artistNames:a().arrayOf(a().string),hed:a().string,image:a().object,url:a().string})};const B=I,O=({className:e,configuredComponentRef:t,dangerousDek:n="",dangerousHed:i="",items:a=[],reviewerBadges:s=[],sectionTitleVariation:l="LineAboveLineBelowTextLeft"})=>0===a.length?null:o.createElement(H,{className:e,"data-testid":"homepage-latest-comments-carousel",ref:t},o.createElement(r.A,{carouselSettings:{hasPaginationDots:!1,hideScrollbar:!0,showControls:!0,showLabels:!1,shouldCenterAlignIfItemsAreLess:!0},headerProps:{dangerousDek:n,dangerousHed:i,sectionTitleVariation:l,shouldDisplayDangerousDek:!!n}},a.map((e,t)=>{const n=void 0!==e.id?String(e.id):`latest-comment-${t}`,i={...e,contentId:n,reviewerBadges:s};return o.createElement(r.A.CarouselItem,{disableSnowplowTracking:!0,key:n},o.createElement(B,{...i}))})));O.displayName="HomepageLatestCommentsCarousel",O.propTypes={className:a().string,configuredComponentRef:a().oneOfType([a().func,a().shape({current:a().any})]),dangerousDek:a().string,dangerousHed:a().string,items:a().arrayOf(a().shape({id:a().oneOfType([a().string,a().number]),author:a().object,createdAt:a().string,rating:a().oneOfType([a().number,a().string]),story:a().object})),reviewerBadges:a().arrayOf(a().shape({role:a().string,badge:a().string})),sectionTitleVariation:a().string};const K=O},78853(e,t,n){n.d(t,{A:()=>E});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(94828),l=n(73347),d=n(90090),c=n(53499),m=n(38267),u=n(96472),p=n(99906),g=n(26865),h=n(86659),y=n(40653),b=n(33500),f=n(16800);const w=(0,m.Ay)(h.A.EvenFourMobileUp).withConfig({displayName:"HorizontalListGrid"})` 8241 &&& { 8242 grid-row-gap: 0; 8243 8244 /* the grids are designed around 'max-widths', so the tablet grid kicks in at 769, but we actually want 768 */ 8245 @media (min-width: ${u.LO.md}) { 8246 grid-template-columns: repeat(12, 1fr); 8247 } 8248 8249 @media (min-width: ${u.LO.md}) and (max-width: ${p.VS.lg}px) { 8250 position: relative; 8251 grid-column-gap: ${(0,g.Kq)(4)}; 8252 grid-template-columns: repeat(12, 1fr); 8253 8254 /* crosshairs y axis */ 8255 &::after { 8256 position: absolute; 8257 left: 50%; 8258 background: ${({theme:e})=>(0,g.HK)(e,"colors.discovery.body.white.divider")}; 8259 width: 1px; 8260 height: 100%; 8261 content: ''; 8262 } 8263 } 8264 8265 > ${y.E} { 8266 @media (max-width: ${p.VS.lg}px) { 8267 padding-top: ${(0,g.Kq)(2)}; 8268 } 8269 8270 @media (min-width: ${u.LO.lg}) { 8271 /* grids dont turn over until xxl so had to override */ 8272 grid-column: auto / span 3; 8273 } 8274 8275 /* crosshairs x axis */ 8276 &:nth-child(1), 8277 &:nth-child(2) { 8278 @media (min-width: ${u.LO.md}) and (max-width: ${p.VS.lg}px) { 8279 position: relative; 8280 8281 &::before { 8282 position: absolute; 8283 bottom: 0; 8284 background: ${({theme:e})=>(0,g.HK)(e,"colors.discovery.body.white.divider")}; 8285 width: 100%; 8286 height: 1px; 8287 content: ''; 8288 } 8289 } 8290 } 8291 8292 :nth-last-child(1) { 8293 > div { 8294 @media (max-width: ${p.VS.md}px) { 8295 border-bottom: none; 8296 } 8297 } 8298 } 8299 8300 @media (min-width: ${u.LO.md}) and (max-width: ${p.VS.lg}px) { 8301 grid-column: auto / span 6; 8302 } 8303 } 8304 } 8305`,$=m.Ay.div.withConfig({displayName:"HorizontalListItem"})` 8306 &&& { 8307 border-color: ${({theme:e})=>(0,g.HK)(e,"colors.discovery.body.white.divider")}; 8308 8309 @media (max-width: ${p.VS.md}px) { 8310 border-bottom-width: 1px; 8311 border-bottom-style: solid; 8312 padding: 0; 8313 ${({hasTopMobilePadding:e})=>e&&"padding-top: 1rem; padding-bottom: 2rem"} 8314 } 8315 8316 @media (min-width: ${u.LO.md}) and (max-width: ${p.VS.lg}px) { 8317 border: none; 8318 } 8319 8320 @media (max-width: ${p.VS.lg}px) { 8321 grid-column-gap: ${(0,g.Kq)(0)}; 8322 align-items: center; 8323 padding-bottom: 0; 8324 ${({hasTopMobilePadding:e})=>e&&"padding-top: 1rem; padding-bottom: 2rem"} 8325 } 8326 8327 @media (min-width: ${u.LO.lg}) { 8328 grid-column-gap: ${(0,g.Kq)(2)}; 8329 border: none; 8330 padding-top: ${(0,g.Kq)(2)}; 8331 height: 100%; 8332 8333 &::before { 8334 top: ${(0,g.Kq)(2)}; 8335 left: calc(var(--grid-gap) / -2); 8336 height: calc(100% - 1rem); 8337 } 8338 } 8339 8340 .summary-item__hed-link, 8341 .summary-item__hed-link:link, 8342 .summary-item__hed-link:visited { 8343 .summary-item__hed { 8344 margin-bottom: ${(0,g.Kq)(1)}; 8345 ${({theme:e})=>(0,g.Gg)(e,"typography.definitions.discovery.subhed-section-tertiary")}; 8346 color: ${({theme:e})=>(0,g.HK)(e,"colors.discovery.lead.primary.hed")}; 8347 } 8348 } 8349 8350 .summary-item__asset-container { 8351 @media (max-width: ${p.VS.lg}px) { 8352 margin: ${(0,g.Kq)(2)} ${(0,g.Kq)(2)} 8353 ${(0,g.Kq)(2)} 0; 8354 ${({shouldThumbnailAlignTop:e})=>e&&"align-self: baseline; margin-top: 0;"} 8355 } 8356 } 8357 8358 .summary-item__asset-container { 8359 width: ${(0,g.Kq)(8)}; 8360 } 8361 8362 &.summary-item--text-align-center { 8363 .summary-item__asset-container { 8364 margin: 0 auto; 8365 } 8366 } 8367 8368 &.summary-item--layout-placement-side-by-side { 8369 grid-column-gap: ${(0,g.Kq)(2)}; 8370 align-items: normal; 8371 8372 &.summary-item--layout-proportions-33-66 { 8373 grid-template-columns: ${(0,g.Kq)(8)} 1fr 1fr; 8374 } 8375 8376 &.summary-item--layout-proportions-66-33 { 8377 grid-template-columns: 1fr 1fr ${(0,g.Kq)(8)}; 8378 } 8379 8380 .summary-item__content { 8381 padding-top: 0; 8382 } 8383 } 8384 8385 .summary-item__content { 8386 padding: ${(0,g.Kq)(2)} 0 ${(0,g.Kq)(2)}; 8387 8388 @media (max-width: ${p.VS.lg}px) { 8389 margin-bottom: 0; 8390 } 8391 } 8392 8393 .summary-item__dek { 8394 margin: 0; 8395 /* allows short deks to occupy same space as wrapped deks */ 8396 min-height: 30px; 8397 ${({theme:e,shouldEnableDekStyling:t})=>t&&(0,g.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")}; 8398 ${({theme:e,shouldEnableDekStyling:t})=>t&&`color: ${(0,g.HK)(e,"colors.discovery.body.white.context-tertiary")}`}; 8399 } 8400 } 8401`,v=m.Ay.div.withConfig({displayName:"HorizontalListTitle"})` 8402 margin-bottom: ${(0,g.Kq)(3)}; 8403 8404 ${b.bU} { 8405 color: ${({theme:e})=>(0,g.HK)(e,"colors.discovery.lead.primary.hed")}; 8406 ${({theme:e,sectionTitleTypeToken:t})=>(0,g.Gg)(e,`typography.definitions.discovery.${t}`)}; 8407 } 8408`,C=(0,m.Ay)(h.A.WithMargins).withConfig({displayName:"HorizontalListWrapper"})` 8409 grid-row-gap: ${(0,g.Kq)(0)}; 8410 8411 && { 8412 ${({hasTopSpacing:e})=>e?`\n ${(0,g.H4)(u.LO.md)} {\n ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,f.F)(t,"gap-sm")?"margin-top: 0;":`margin-top: ${(0,g.Kq)(4)};`}\n }\n `:""} 8413 } 8414 8415 > ${y.E} { 8416 grid-column: 1 / span 4; 8417 8418 @media (min-width: ${u.LO.md}) { 8419 grid-column: 1 / span 12; 8420 } 8421 } 8422`,k=m.Ay.div.withConfig({displayName:"HorizontalListContainer"})` 8423 --divider-width: ${({theme:e})=>(0,g.Pp)(e,"dividerWidth")}; 8424 8425 ${({hasDividerAbove:e,theme:t})=>
8425e?`\n border-top: var(--divider-width) solid ${(0,g.HK)(t,"colors.discovery.body.white.divider")};\n margin-top: ${(0,g.Kq)(3)};\n\n ${(0,g.H4)(u.LO.md)} {\n padding-top: ${(0,g.Kq)(3)};\n }\n `:""} 8426`,A=({configuredComponentRef:e,dangerousHed:t="",hasDividerAbove:n=!1,hasTopMobilePadding:o=!1,hasTopSpacing:i=!1,hasVerticalRule:a=!0,hideRubricItemSummary:m=!1,items:u=[],sectionTitleTypeToken:p="subhed-section-primary",sectionTitleVariation:g="LineAboveLineBelowTextCenter",shouldEnableBundleComponentAnalytics:h=!1,shouldEnableDekStyling:y=!0,shouldHideBylines:b=!1,shouldThumbnailAlignTop:f=!1,summaryItemVariation:A="SideBySideThirds"})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(c.G.RENDER,{name:"HorizontalList"})},[]);const x=l.Ay[g]||l.Ay,E=s.A[A]||s.A;return u&&u.length>0?r.createElement(C,{ref:e,"data-testid":"HorizontalListWrapper",hasTopSpacing:i},r.createElement(k,{hasDividerAbove:n},t&&r.createElement(v,{as:x,dangerousHed:t,sectionTitleTypeToken:p}),r.createElement(w,{"data-testid":"HorizontalListGrid"},u.map((e,n)=>{const i=(0,d.NY)(h,t,n);
8426return r.createElement($,{as:E,key:e.copilotID,hedTag:"h3",analyticsDataAttribute:i,...e,hasRule:!1,hasTopMobilePadding:o,hideRubricItemSummary:m,hasVerticalRule:a&&n>0,shouldEnableDekStyling:y,shouldHideBylines:b,shouldThumbnailAlignTop:f})})))):null};A.propTypes={configuredComponentRef:a().func,dangerousHed:a().string,hasDividerAbove:a().bool,hasTopMobilePadding:a().bool,hasTopSpacing:a().bool,hasVerticalRule:a().bool,hideRubricItemSummary:a().bool,items:a().array,sectionTitleTypeToken:a().oneOf(["subhed-section-primary","subhed-section-collection"]),sectionTitleVariation:a().string,shouldEnableBundleComponentAnalytics:a().bool,shouldEnableDekStyling:a().bool,shouldHideBylines:a().bool,shouldThumbnailAlignTop:a().bool,summaryItemVariation:a().string},A.displayName="HorizontalList";const x=A,E=(0,o.y)(x,"HorizontalList")},2860(e,t,n){n.d(t,{A:()=>$e});var o=n(96540),i=n(5556),a=n.n(i),r=n(45135),s=n(6442),l=n(7350),d=n.n(l),c=n(16025),m=n(38267),u=n(1123),p=n(26865),g=n(96472),h=n(40653),y=n(72542),b=n(7228),f=n(99906),w=n(71750);const $=m.Ay.div.withConfig({displayName:"IssueExplorerLatestIssue"})` 8427 display: grid; 8428 grid-column: 1 / -1; 8429`,v=m.Ay.div.withConfig({displayName:"IssueExplorerWrapper"})` 8430 ${(0,u.VO)()} 8431 display: grid; 8432 grid-template-columns: repeat(4, 1fr); 8433 gap: var(--grid-gap); 8434 row-gap: 0; 8435 ${(0,p.H4)(g.LO.md)} { 8436 grid-template-columns: repeat(12, 1fr); 8437 } 8438 8439 ${w.xh} { 8440 grid-column: 1 / -1; 8441 } 8442 8443 ${w.L5} { 8444 ${(0,p.Gg)("typography.definitions.discovery.page-hed-section")}; 8445 margin: 0; 8446 padding: ${(0,p.Kq)(5)} 0; 8447 text-align: center; 8448 } 8449 8450 > ${h.E}:first-child { 8451 display: none; 8452 } 8453 8454 > ${h.E}:nth-child(2) { 8455 display: flex; 8456 align-items: center; 8457 justify-content: center; 8458 } 8459 8460 ${y.MS} { 8461 grid-column: 1 / -1; 8462 min-width: 100%; 8463 row-gap: 0; 8464 8465 ${(0,p.H4)(g.LO.md)} { 8466 min-height: ${(0,p.Kq)(55.5)}; 8467 } 8468 8469 ${({theme:e})=>(0,p._o)(e,"background-color","colors.discovery.body.light.background")}; 8470 8471 ${y.CM} { 8472 ${({theme:e})=>`\n ${(0,p.Gg)(e,"typography.definitions.discovery.subhed-section-primary")}\n ${(0,p._o)(e,"color","colors.discovery.body.white.heading")}\n `} 8473 } 8474 8475 ${y.H$} { 8476 ${({theme:e})=>`\n ${(0,p.Gg)(e,"typography.definitions.discovery.subhed-section-collection")}\n ${(0,p._o)(e,"color","colors.discovery.body.white.heading")}\n `} 8477 } 8478 8479 ${y.H$}:has(~ ${y.Rh}) { 8480 ${(0,p.H4)(g.LO.sm)} { 8481 margin-bottom: ${(0,p.Kq)(1)}; 8482 } 8483 ${(0,p.H4)(g.LO.md)} { 8484 margin-top: ${(0,p.Kq)(1)}; 8485 } 8486 } 8487 8488 ${(0,p.H4)(g.LO.md)} { 8489 ${y.Rh} { 8490 margin-top: 0; 8491 } 8492 } 8493 8494 ${y.ep} { 8495 ${(0,p.H4)(g.LO.md)} { 8496 > ${h.E}:first-child { 8497 grid-column: 1 / 8; 8498 } 8499 > ${h.E}:nth-child(2) { 8500 grid-column: 8 / -1; 8501 } 8502 } 8503 8504 ${(0,p.H4)(g.LO.xl)} { 8505 > ${h.E}:first-child { 8506 grid-column: 2 / 8; 8507 } 8508 max-width: ${(0,p.Kq)(118.75)}; 8509 } 8510 } 8511 8512 ${b.Em} { 8513 img { 8514 aspect-ratio: 3/4; 8515 } 8516 } 8517 8518 ${(0,p.L7)(`${f.VS.md}px`)} { 8519 ${y.yO} { 8520 padding-top: ${(0,p.Kq)(4)}; 8521 8522 ${b.Em} { 8523 width: ${(0,p.Kq)(20.5)}; 8524 } 8525 } 8526 8527 ${y.CM} { 8528 margin-top: 0; 8529 margin-bottom: ${(0,p.Kq)(1)}; 8530 8531 &:empty { 8532 margin: 0; 8533 } 8534 } 8535 8536 ${y.n3} { 8537 padding: 0; 8538 padding-bottom: ${(0,p.Kq)(3)}; 8539 max-width: fit-content; 8540 } 8541 8542 ${y.TC} { 8543 margin-bottom: ${(0,p.Kq)(4)}; 8544 } 8545 8546 ${y.Rh} { 8547 margin-bottom: ${(0,p.Kq)(3)}; 8548 } 8549 } 8550 8551 ${(0,p.H4)(g.LO.xl)} { 8552 ${y.n3} { 8553 padding: ${(0,p.Kq)(5)} 0; 8554 max-width: ${(0,p.Kq)(37.5)}; 8555 } 8556 } 8557 } 8558`;var C=n(53499),k=n(94587),A=n(80471),x=n(18117);const E=m.Ay.a.withConfig({displayName:"IssueMagazine"})` 8559 display: block; 8560 grid-column: span 2; 8561 cursor: pointer; 8562 8563 ${b.Em} { 8564 transition: transform 200ms ease; 8565 overflow: visible; 8566 will-change: transform; 8567 8568 ${({theme:e})=>(0,p._o)(e,"background-color","colors.discovery.body.light.background")}; 8569 8570 ${(0,p.H4)(`${f.Vh.xxl}px`)} { 8571 &:hover, 8572 &:focus { 8573 position: relative; 8574 transform: translateY(-4px); 8575 z-index: 1; 8576 background-color: transparent; 8577 } 8578 } 8579 8580 img { 8581 aspect-ratio: 3/4; 8582 } 8583 } 8584 8585 ${x.B} { 8586 aspect-ratio: 3/4; 8587 overflow: visible; 8588 } 8589 8590 ${(0,p.Xm)(`${f.Vh.lg}px`,`${f.VS.xl}px`)} { 8591 grid-column: span 3; 8592 } 8593 8594 a { 8595 text-decoration: none; 8596 } 8597`,S=m.Ay.div.withConfig({displayName:"IssueCaption"})` 8598 margin-top: ${(0,p.Kq)(1)}; 8599 text-align: center; 8600 ${(0,p.Gg)("typography.definitions.globalEditorial.context-secondary")} 8601 ${({theme:e})=>(0,p._o)(e,"color","colors.discovery.body.white.description")}; 8602`;var L=n(14307),T=n(70632),N=n(73275);n(16075);const H=m.Ay.div.withConfig({displayName:"IssueExplorerMagazineWrapper"})` 8603 display: flex; 8604 grid-column: 1 / -1; 8605 flex-direction: column; 8606`,I=m.Ay.div.withConfig({displayName:"IssueExplorerYear"})` 8607 display: flex; 8608 flex-direction: column; 8609 align-items: center; 8610 justify-content: center; 8611 margin-bottom: ${(0,p.Kq)(3)}; 8612 padding-top: ${(0,p.Kq)(4)}; 8613 ${(0,p.Gg)("typography.definitions.discovery.hed-break-out")} 8614 8615 ${(0,p.H4)(g.LO.lg)} { 8616 line-height: ${(0,p.Kq)(4)}; 8617 font-size: ${(0,p.Kq)(3.5)}; 8618 } 8619 8620 ${(0,p.H4)(g.LO.xl)} { 8621 margin-bottom: ${(0,p.Kq)(4)}; 8622 line-height: ${(0,p.Kq)(5.825)}; 8623 font-size: ${(0,p.Kq)(5.25)}; 8624 } 8625`,B=m.Ay.div.withConfig({displayName:"IssueMagazineList"})` 8626 display: grid; 8627 grid-template-columns: repeat(4, 1fr); 8628 gap: var(--grid-gap); 8629 margin-bottom: ${(0,p.Kq)(10)}; 8630 row-gap: ${(0,p.Kq)(3)}; 8631 ${(0,p.H4)(g.LO.md)} { 8632 grid-template-columns: repeat(12, 1fr); 8633 } 8634 8635 ${(0,p.H4)(g.LO.xl)} { 8636 grid-template-columns: repeat(8, 1fr); 8637 row-gap: ${(0,p.Kq)(4)}; 8638 } 8639 8640 a { 8641 text-decoration: none; 8642 } 8643`,O=m.Ay.div.withConfig({displayName:"LoadingSkeletonItem"})` 8644 display: flex; 8645 grid-column: span 2; 8646 flex-direction: column; 8647 align-items: center; 8648 gap: ${(0,p.Kq)(1)}; 8649 8650 ${(0,p.Xm)(`${f.Vh.lg}px`,`${f.VS.xl}px`)} { 8651 grid-column: span 3; 8652 } 8653`,K=m.i7` 8654 0% { 8655 background-position: -${(0,p.Kq)(25)} 0; 8656 } 8657 8658 100% { 8659 background-position: calc(${(0,p.Kq)(25)} + 100%) 0; 8660 } 8661`,D=m.Ay.div.withConfig({displayName:"LoadingBox"})` 8662 display: flex; 8663 position: relative; 8664 flex-shrink: 0; 8665 align-items: center; 8666 justify-content: center; 8667 border-radius: ${(0,p.Kq)(.25)}; 8668 overflow: hidden; 8669 8670 svg { 8671 width: ${(0,p.Kq)(2)}; 8672 height: ${(0,p.Kq)(2)}; 8673 } 8674 8675 ${({theme:e,loadingFailed:t})=>{const n=(0,p.HK)(e,"colors.discovery.body.light.background",{rgbOnly:!0});return t?(0,p._o)(e,"background-color","colors.discovery.body.light.background"):m.AH` 8676 animation: ${K} 1.5s infinite; 8677 background: linear-gradient( 8678 90deg, 8679 rgba(${n}, 1) 25%, 8680 rgba(${n}, 0.7) 50%, 8681 rgba(${n}, 1) 75% 8682 ); 8683 background-size: ${(0,p.Kq)(25)} 100%; 8684 `}} 8685`,_=(0,m.Ay)(D).withConfig({displayName:"LoadingCoverBox"})` 8686 width: 100%; 8687 aspect-ratio: 3/4; 8688`,P=(0,m.Ay)(D).withConfig({displayName:"LoadingTitleBox"})` 8689 width: 50%; 8690 height: ${(0,p.Kq)(2)}; 8691`,R=m.Ay.div.withConfig({displayName:"BrokenImageIcon"})` 8692 position: relative; 8693 width: ${(0,p.Kq)(4)}; 8694 height: ${(0,p.Kq)(4)}; 8695 8696 /* Image frame */ 8697 &::before { 8698 position: absolute; 8699 top: 0; 8700 left: 0; 8701 opacity: 0.5; 8702 border: 2px solid currentColor; 8703 border-radius: ${(0,p.Kq)(.25)}; 8704 width: 100%; 8705 height: 100%; 8706 content: ''; 8707 } 8708 8709 /* Diagonal crack line 1 */ 8710 &::after { 8711 position: absolute; 8712 top: 50%; 8713 left: 50%; 8714 transform: translate(-50%, -50%) rotate(-45deg); 8715 opacity: 0.5; 8716 background-color: currentColor; 8717 width: 70%; 8718 height: 2px; 8719 content: ''; 8720 } 8721 8722 /* Mountain/landscape icon inside frame */ 8723 span { 8724 position: absolute; 8725 top: 50%; 8726 left: 20%; 8727 transform: translateY(-20%); 8728 opacity: 0.3; 8729 border-right: ${(0,p.Kq)(.5)} solid transparent; 8730 border-bottom: ${(0,p.Kq)(.75)}
8730 solid currentColor; 8731 border-left: ${(0,p.Kq)(.5)} solid transparent; 8732 width: 0; 8733 height: 0; 8734 8735 /* Second mountain peak */ 8736 &::before { 8737 position: absolute; 8738 top: ${(0,p.Kq)(.5)}; 8739 left: ${(0,p.Kq)(.75)}; 8740 border-right: ${(0,p.Kq)(.375)} solid transparent; 8741 border-bottom: ${(0,p.Kq)(.625)} solid currentColor; 8742 border-left: ${(0,p.Kq)(.375)} solid transparent; 8743 width: 0; 8744 height: 0; 8745 content: ''; 8746 } 8747 } 8748`,q=m.Ay.div.withConfig({displayName:"YearSection"})` 8749 /* Wrapper for year heading and magazine list */ 8750 display: flex; 8751 flex-direction: column; 8752 padding-right: calc(1 * var(--grid-margin)); 8753 padding-left: calc(1 * var(--grid-margin)); 8754 8755 ${(0,p.H4)(g.LO.xl)} { 8756 padding-right: ${(0,p.Kq)(14)}; 8757 padding-left: ${(0,p.Kq)(14)}; 8758 } 8759`,M=_,F=({item:e,index:t,snowplowBatch:n,totalIndex:i})=>{const a=(e,t,n,o)=>{e.preventDefault(),t.url&&((0,L.kg)({type:"click",subject:"issues_card",label:t.dangerousHed,items:[{content_id:t.id,content_title:t.dangerousHed,content_type:t.contentType||"",content_url:new URL(t.url,window.location.origin).href}],index:n,total_index:o,placement:"list"}),e.ctrlKey||e.metaKey?window.open(t.url,"_blank"):window.location.href=t.url)},r=(0,T.A)(()=>{})||"desktop",{ref:s,entry:l}=(0,A.Wx)({threshold:.1,triggerOnce:!0,trackVisibility:!0,delay:100});o.useEffect(()=>{if(!l?.isIntersecting)return;n.current=[...n.current,{content_id:e.id,content_title:e.dangerousHed,content_type:e.contentType||"",content_url:new URL(e.url,window.location.origin).href}],(t+1)%("mobile"===r?2:4)==0&&((0,L.kg)({type:"impression",subject:"issues_card",items:n.current,placement:"list"}),n.current=[])},[l,e.url,e.dangerousDek,e.dangerousHed,t,n,r,e.contentType,e.id]);return o.createElement(E,{ref:s,key:e.id,href:e.url,onClick:n=>a(n,e,t,i)},o.createElement(o.Fragment,null,(d=e.image)&&(d.sources||d.segmentedSources)?o.createElement(N.A,{...d}):o.createElement(O,{key:t},o.createElement(M,{loadingFailed:!0},o.createElement(R,null,o.createElement("span",null)))),o.createElement(S,{tabIndex:0,onKeyDown:n=>{"Enter"!==n.key&&" "!==n.key||a(n,e,t,i)},dangerouslySetInnerHTML:{__html:e.dangerousHed}})));var d};var U=n(80046);const V=_,G=P,W=({loadingFailed:e=!1})=>{const t=Array.from({length:28},(t,n)=>o.createElement(O,{key:n},o.createElement(V,{loadingFailed:e},e&&o.createElement(U.A,null)),o.createElement(G,{loadingFailed:e})));return o.createElement(o.Fragment,null,t)};var j=n(19607),z=n(38080),Y=n(5303),X=n(27985),Z=n(77630);const J=m.AH` 8760 border-bottom: 1px solid 8761 ${(0,p.HK)("colors.discovery.body.white.divider")}; 8762`,Q=m.Ay.div.withConfig({displayName:"YearNavigationStickyWrapper"})` 8763 position: sticky; 8764 top: ${X.TX}; 8765 height: ${(0,p.Kq)(6)}; 8766 background-color: ${(0,p.HK)("colors.interactive.base.white")}; 8767 z-index: ${g.KV.navFixed}; 8768 transform: translateZ(0); 8769 will-change: transform; 8770 ${J} 8771 grid-column: 1 / -1; 8772 8773 ${(0,p.H4)(g.LO.lg)} { 8774 height: ${(0,p.Kq)(8)}; 8775 background-color: ${(0,p.HK)("colors.interactive.base.white")}; 8776 8777 top: ${X.S4}; 8778 transition: top 0.2s ease-out; 8779 } 8780`,ee=m.Ay.nav.withConfig({displayName:"YearNavigationWrapper"})` 8781 display: flex; 8782 align-items: center; 8783 8784 /* Mobile: no left margin so items scroll flush to edge */ 8785 width: 100%; 8786 margin-left: 0; 8787 margin-right: 0; 8788 8789 /* XL and up: use the larger spacing (8) as before */ 8790 ${(0,p.H4)(g.LO.xl)} { 8791 width: calc(100% - ${(0,p.Kq)(28)}); 8792 margin-left: ${(0,p.Kq)(14)}; 8793 margin-right: ${(0,p.Kq)(14)}; 8794 } 8795`,te=m.Ay.div.withConfig({displayName:"NavigationContainer"})` 8796 display: flex; 8797 flex: 1; 8798 gap: ${(0,p.Kq)(2)}; 8799 flex-direction: row; 8800 white-space: nowrap; 8801 overflow-x: auto; 8802 overflow-y: hidden; 8803 scrollbar-width: none; 8804 -ms-overflow-style: none; 8805 padding: 0; 8806 padding-left: ${(0,p.Kq)(3)}; 8807 padding-right: ${(0,p.Kq)(3)}; 8808 scroll-behavior: smooth; 8809 min-width: 0; 8810 8811 /* Touch scrolling controls for mobile devices */ 8812 touch-action: pan-x; 8813 -webkit-overflow-scrolling: touch; 8814 8815 height: ${(0,p.Kq)(6)}; 8816 list-style: none; /* Remove default list styling */ 8817 margin: 0; /* Remove default margin */ 8818 8819 ${(0,p.H4)(g.LO.md)} { 8820 padding-left: ${(0,p.Kq)(6)}; 8821 padding-right: ${(0,p.Kq)(6)}; 8822 } 8823 8824 ${(0,p.H4)(g.LO.lg)} { 8825 height: ${(0,p.Kq)(8)}; 8826 } 8827 8828 ${(0,p.H4)(g.LO.xl)} { 8829 padding-left: 0; 8830 padding-right: 0; 8831 } 8832 8833 &::-webkit-scrollbar {
8834 display: none; 8835 } 8836`,ne=m.Ay.button.withConfig({displayName:"YearItem"})` 8837 display: flex; 8838 flex-direction: column; 8839 justify-content: center; 8840 height: ${(0,p.Kq)(6)}; 8841 background: none; 8842 border: none; 8843 padding: 2px 0 0 0; 8844 8845 font-family: Graphik, sans-serif; 8846 ${({isLarge:e})=>`\n font-size: ${e?(0,p.Kq)(3):(0,p.Kq)(1.875)};\n line-height: ${e?(0,p.Kq)(3.375):(0,p.Kq)(2.125)};\n `} 8847 8848 cursor: pointer; 8849 white-space: nowrap; 8850 position: relative; 8851 transition: color 0.2s ease; 8852 flex-shrink: 0; /* Prevent items from shrinking */ 8853 color: inherit; /* Ensure proper color inheritance */ 8854 8855 ${(0,p.H4)(g.LO.lg)} { 8856 height: ${(0,p.Kq)(8)}; 8857 } 8858 8859 text-decoration: none; /* Remove default button underline */ 8860 8861 &:hover { 8862 text-decoration: none; 8863 8864 &::after { 8865 transform: scaleX(1); 8866 } 8867 } 8868 8869 font-weight: ${e=>e.isActive?600:400}; 8870 8871 &:focus { 8872 text-decoration: none; 8873 font-weight: 600; 8874 outline: none; 8875 } 8876 8877 &::after { 8878 content: ''; 8879 position: absolute; 8880 bottom: 1px; 8881 left: 0; 8882 right: 0; 8883 height: 2px; 8884 background-color: ${(0,p.HK)("colors.interactive.base.black")}; 8885 transform: ${e=>e.isActive?"scaleX(1)":"scaleX(0)"}; 8886 } 8887 8888 &:last-child { 8889 ${(0,p.H4)(g.LO.xl)} { 8890 padding-right: 0; 8891 } 8892 } 8893`,oe=m.Ay.div.withConfig({displayName:"NavigationButtonContainer"})` 8894 display: flex; 8895 align-items: center; 8896 justify-content: space-between; 8897 position: relative; 8898 flex-shrink: 0; 8899 z-index: 10; 8900 height: 100%; 8901 bottom: 0; 8902 8903 /* Hide on mobile */ 8904 display: none; 8905 8906 /* Show on desktop only when isVisible is true */ 8907 ${(0,p.H4)(g.LO.xl)} { 8908 display: ${({isVisible:e})=>e?"flex":"none"}; 8909 } 8910`,ie=(0,m.Ay)(oe).withConfig({displayName:"LeftNavigationButton"})` 8911 background: linear-gradient(244deg, rgba(255, 255, 255, 0) 0%, #fff 39%); 8912 position: absolute; 8913 left: ${(0,p.Kq)(14)}; 8914 padding: 0 ${(0,p.Kq)(4)} 0 0; 8915`,ae=(0,m.Ay)(oe).withConfig({displayName:"RightNavigationButton"})` 8916 background: linear-gradient(270deg, #fff 73.36%, rgba(255, 255, 255, 0) 100%); 8917 position: absolute; 8918 right: ${(0,p.Kq)(14)}; 8919 padding: 0 0 0 ${(0,p.Kq)(4)}; 8920`,re=m.Ay.button.withConfig({displayName:"YearNavigationButton"})` 8921 border: none; 8922 padding: ${(0,p.Kq)(1)}; 8923 width: ${(0,p.Kq)(5)}; 8924 height: ${(0,p.Kq)(5)}; 8925 background: transparent; 8926 cursor: pointer; 8927 8928 svg { 8929 width: ${(0,p.Kq)(2)}; 8930 height: ${(0,p.Kq)(2)}; 8931 fill: ${(0,p.HK)("colors.interactive.base.black")}; 8932 vertical-align: text-top; 8933 } 8934 8935 &:hover { 8936 border-radius: 50%; 8937 background-color: ${(0,p.HK)("colors.interactive.base.light")}; 8938 } 8939`,se=m.DU` 8940${({isYearNavSticky:e})=>e?m.AH` 8941 ${Z.xQ} { 8942 &&& { 8943 ${(0,p.H4)(g.LO.sm)} { 8944 box-shadow: none; 8945 } 8946 } 8947 } 8948 8949 ${Z.qQ} { 8950 &&& { 8951 ${(0,p.H4)(g.LO.lg)} { 8952 height: ${X.S4}; 8953 } 8954 } 8955 } 8956 8957 ${Z.mS} { 8958 &&& { 8959 ${(0,p.H4)(g.LO.lg)} { 8960 display: none; 8961 } 8962 } 8963 } 8964 `:""} 8965 8966`;var le=n(87986),de=n(39733),ce=n(72362),me=n(40510);const ue=1925,pe=({onYearSelect:e,activeYear:t,enableAutoScroll:n=!1})=>{const i=(()=>{const e=[];for(let t=(new Date).getFullYear();t>=ue;t--)e.push(t);return e})(),a={subject:"issues_year",total_index:i.length},r=(0,o.useRef)(null),s=(0,o.useRef)(null),[l,d]=(0,o.useState)(!1),[c,m]=(0,o.useState)(!1),[u,p]=(0,A.Wx)(),[g,h]=(0,A.Wx)();(0,o.useEffect)(()=>{d(!0)},[]),(0,o.useEffect)(()=>{if(!s.current||!l)return;const e=()=>{if(!s.current)return!1;const e=s.current.getBoundingClientRect(),t=(0,ce.Zm)()?X.S4:X.TX,n=parseInt(t,10);return Math.abs(e.top-n)<=2&&e.top>=0};let t=null,n=null,o=null,i=null;const a=()=>{const n=e();i!==n&&(m(n),i=n,n||(t&&clearTimeout(t),t=setTimeout(()=>{me._.clearCache(),(0,me._)()},500)))};return n=()=>{null!==o&&cancelAnimationFrame(o),o=requestAnimationFrame(a)},a(),window.addEventListener("scroll",n,{passive:!0}),()=>{n&&window.removeEventListener("scroll",n),t&&clearTimeout(t),null!==o&&cancelAnimationFrame(o)}},[l]);const y=l&&!p,b=l&&!h;return(0,o.useEffect)(()=>{if(r.current&&l&&n){const e=r.current.querySelector(`[data-year="${t}"]`);if(e instanceof HTMLElement){const t=r.current,n=t.getBoundingClientRect(),o=e.getBoundingClientRect();if(!(o.left>=n.left&&o.right<=n.right)){const n=e.offsetLeft+e.offsetWidth/2-window.innerWidth/2;t.scrollTo({left:n,behavior:"smooth"})}}}},[t,l,n]),o.createElement(Q,{ref:s},o.createElement(ee,{role:"navigation","aria-label":"Year navigation"},o.createElement(ie,{isVisible:l&&y},o.createElement(re,{onClick:()=>
8966{if(r.current){r.current.scrollBy({left:-r.current.clientWidth/2,behavior:"smooth"});const e={type:"back",...a};(0,L.kg)(e)}},"aria-label":"Scroll to previous years",type:"button"},o.createElement(le.A,null))),o.createElement(te,{ref:r,role:"list","aria-label":"Available years"},i.map((n,r)=>{let s;return 0===r?s=u:r===i.length-1&&(s=g),o.createElement(ne,{key:n,ref:s,"data-year":n,isActive:t===n,onClick:()=>((t,n)=>{const o={type:"click",label:String(t),index:n,...a};(0,L.kg)(o),e(t)})(n,r),isLarge:n%10==0,role:"listitem","aria-current":t===n?"true":"false","aria-label":`Select year ${n}`,type:"button"},n)})),o.createElement(ae,{isVisible:l&&b},o.createElement(re,{onClick:()=>{if(r.current){r.current.scrollBy({left:r.current.clientWidth/2,behavior:"smooth"});const e={type:"forward",...a};(0,L.kg)(e)}},"aria-label":"Scroll to next years",type:"button"},o.createElement(de.A,null)))),o.createElement(se,{isYearNavSticky:c}))},ge=o.memo(()=>o.createElement(z.Z,{group:"ads"},o.createElement(j.A,{position:"mid-content",shouldHoldSpace:!0,shouldDisplayLabel:!0}))),he=({magazineData:e,scrollToYear:t,onYearVisible:n})=>{(0,Y.q)();o.useEffect(()=>{t&&requestAnimationFrame(()=>{const e=document.querySelector(`[data-year-section="${t}"]`);if(e){const t=-100,n=e.getBoundingClientRect().top+window.pageYOffset+t;window.scrollTo({top:n,behavior:"auto"})}})},[t]);const i=o.useRef([]),a=o.useRef(null),r=o.useRef(n);o.useEffect(()=>{r.current=n},[n]),o.useEffect(()=>{if(!r.current)return;a.current||(a.current=new IntersectionObserver(e=>{const t=e.filter(e=>e.isIntersecting);if(0===t.length)return;let n=t[0],o=n.boundingClientRect.top;for(let e=1;e<t.length;e++){const i=t[e];i.boundingClientRect.top<o&&(o=i.boundingClientRect.top,n=i)}const i=n.target.getAttribute("data-year-section");i&&r.current&&r.current(Number(i))},{threshold:.1,rootMargin:"-25% 0px 300px 0px"}));const e=document.querySelectorAll("[data-year-section]");return e.forEach(e=>a.current?.observe(e)),()=>{e.forEach(e=>a.current?.unobserve(e))}},[e]),o.useEffect(()=>()=>{a.current&&(a.current.disconnect(),a.current=null)},[]);return o.createElement(H,null,e.map((e,t)=>0===e.items.length&&"loading"!==e.state&&"failed"!==e.state?null:o.createElement(o.Fragment,{key:t},o.createElement(q,{"data-year-section":e.year},o.createElement(I,null,e.year),o.createElement(B,null,((e,t)=>"loading"===e.state||"failed"===e.state?o.createElement(W,{key:t,loadingFailed:"failed"===e.state}):o.createElement(o.Fragment,null,e.items.map((t,n)=>o.createElement(F,{key:t.id,item:t,index:n,totalIndex:e.items.length,snowplowBatch:i}))))(e,t))),e.year!==ue.toString()&&o.createElement(ge,null))))};const ye=(0,n(72267).YK)({issueFeatureLabel:{id:"LatestIssue.ButtonLabel",defaultMessage:"Explore the issue",description:"Explore the issue",isConfigurable:!0},IssueExplorerHeading:{id:"IssueExplorer.IssueExplorerHeading",defaultMessage:"The Magazine",description:"Heading for Issue Explorer Page",isConfigurable:!0}}),be=async e=>{const t=new URLSearchParams({format:"json",filter:`issueexplorer;date=${e}`}),n=await fetch(`./archive?${t.toString()}`,{method:"GET",headers:{"Content-Type":"application/json"}});if(!n.ok)throw new Error(`Verso failed fetching issue explorer data for date: ${e}.\n Url: ${n.url}\n Returned status code: ${n.status}`);const o=await n.json();if(o.issueExplorer&&"object"==typeof o.issueExplorer&&Array.isArray(o.issueExplorer.items))return o.issueExplorer;throw new Error(`Unexpected error. Verso failed fetching issue explorer data for date: ${e}. No error content returned.`)},fe=k.A,we=({issues:e})=>{(0,o.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(C.G.RENDER,{name:"IssueExplorer"})},[]);const{formatMessage:t}=(0,s.A)(),[n,i]=(0,o.useState)([{...e,state:"ready"}]),[a,r]=(0,o.useState)(Number(e.year)),[l,m]=(0,o.useState)(null),[u,p]=(0,o.useState)(!1),g=(0,o.useRef)(n);o.useEffect(()=>{g.current=n},[n]),(0,o.useEffect)(()=>{if(l){const e=setTimeout(()=>{m(null)},100);return()=>clearTimeout(e)}},[l]);const h=n.find(e=>e.year===(new Date).getFullYear().toString())?.latestIssue,y=t(ye.issueFeatureLabel),b=(0,o.useCallback)(e=>!g.current.find(t=>t.year===e.toString()),[]),f=(0,o.useCallback)(e=>{i(t=>[...t,...e.map(e=>({year:e.toString(),state:"loading",items:[],latestIssue:null}))].sort((e,t)=>
8966Number(t.year)-Number(e.year)))},[]),w=(0,o.useCallback)((e,t,n)=>{i(o=>o.map(o=>o.year===e.toString()?{...t,state:n}:o))},[]),k=(0,o.useCallback)((e,t)=>{i(n=>n.map(n=>{const o=e.indexOf(Number(n.year));if(-1===o)return n;const i=t[o];return"fulfilled"===i.status?{...i.value,state:"ready"}:{...n,state:"failed"}}))},[]),A=(0,o.useCallback)(e=>{i(t=>t.filter(t=>Number(t.year)===e))},[]),x=(0,o.useCallback)(async(e,t)=>{if("click"===t){if(A(e),!b(e))return r(e),void m(e);f([e]),r(e),m(e);try{const t=await be(e.toString());w(e,t,"ready")}catch(t){w(e,{year:e.toString(),items:[],latestIssue:null},"failed")}}else{r(e);const t=[];for(let n=1;n<=2;n++){const o=e-n;o>=ue&&b(o)&&t.push(o)}if(0===t.length)return;f(t);const n=await Promise.allSettled(t.map(e=>be(e.toString())));k(t,n)}},[b,A,f,w,k]),E=(0,o.useRef)(d()(x,500,{leading:!0,trailing:!0})).current;(0,o.useEffect)(()=>()=>{E.cancel()},[E]),(0,o.useEffect)(()=>{if(!u&&n.length>0&&"ready"===n[0].state){const e=n[0],t=e.items.length>0;if(p(!0),!t){const t=Number(e.year)-1;if(t>=ue){(async()=>{f([t]);try{const e=await be(t.toString());w(t,e,"ready")}catch(e){w(t,{year:t.toString(),items:[],latestIssue:null},"failed")}})()}}}},[n,u,f,w]);const S=(0,o.useRef)(null);return(0,o.useEffect)(()=>{if(!h||!S.current)return;const e=(new Date).getFullYear(),t=h.dangerousDek?(()=>{const t=new Date(h.dangerousDek).getFullYear();return isNaN(t)?e:t})():e,n=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&e.intersectionRatio>=1&&r(t)})},{threshold:1,rootMargin:"0px"});return n.observe(S.current),()=>{n.disconnect()}},[h]),o.createElement(v,null,o.createElement(fe,{hed:t(ye.IssueExplorerHeading),shouldDecorateHeader:!1}),o.createElement(pe,{onYearSelect:e=>{E(e,"click")},activeYear:a,enableAutoScroll:!0,fullViewportWidth:!0}),h&&o.createElement($,{ref:S},o.createElement(c.A,{shouldUseButtonAsLink:!0,hideItemHed:!1,hideSourceHed:!0,btnStyle:"filled",buttonVariation:"Utility",issueFeatureLabel:y,showImageCaption:!1,shouldShowPromoDek:!0,shouldUseMagazineLinkFromBundleItem:!0,items:[h],subject:"issues_card_latest"})),o.createElement(he,{magazineData:n,scrollToYear:l,onYearVisible:e=>{E(e,"scroll")}}))};we.displayName="IssueExplorer",we.propTypes={issues:a().object};const $e=(0,r.Ng)(e=>({issues:e.issueExplorer}))(we)},4665(e,t,n){n.d(t,{A:()=>g});var o=n(5556),i=n.n(o),a=n(96540),r=n(15531),s=n(53499),l=n(38267),d=n(73347),c=n(26865);const m=l.Ay.div.withConfig({displayName:"LiveStreamEmbedWrapper"})` 8967 margin: 0 auto; 8968 padding: 0 1.5rem; 8969 max-width: 720px; 8970`;m.displayName="LiveStreamEmbedWrapper";const u=(0,l.Ay)(d.Ay.TextCenter).withConfig({displayName:"LiveStreamHed"})` 8971 margin-bottom: ${(0,c.Kq)(2)}; 8972 padding-top: ${(0,c.Kq)(6)}; 8973`;u.displayName="LiveStreamHed";const p=({livestreamUrl:e,dangerousHed:t})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"LiveStreamEmbed"})},[]),a.createElement(m,null,t&&a.createElement(u,{dangerousHed:t}),a.createElement(r.A,{url:e,shouldAllowFullScreen:!0,aspectRatio:"16:9",sandbox:"allow-scripts allow-same-origin",height:"100%",width:"100%",isLazyLoaded:!1})));p.propTypes={dangerousHed:i().string,livestreamUrl:i().string.isRequired};const g=p},6337(e,t,n){n.d(t,{A:()=>m});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(71724),l=n(67275);const d=({configuredComponentRef:e,...t})=>{if(!t.children)return null;const n=(0,s.TW)(t.children.props);return r.createElement(l.K1,{...t,configuredComponentRef:e,id:n},t.children)};d.propTypes={configuredComponentRef:a().func,children:a().node},d.displayName="MultiPackageRow";const c=d,m=(0,o.y)(c,"MultiPackageRow")},67275(e,t,n){n.d(t,{Jv:()=>T,K1:()=>A,L7:()=>B,Lz:()=>S,NK:()=>x,S_:()=>N,XN:()=>K,ab:()=>D,fm:()=>H,kC:()=>O,pY:()=>I,qC:()=>L,rT:()=>P,t3:()=>k,yk:()=>_});var o=n(38267),i=n(96472),a=n(1123),r=n(26865),s=n(16800),l=n(73730),d=n(89085),c=n(66657),m=n(20139),u=n(86659),p=n(40653),g=n(15641),h=n(52679),y=n(33500),b=n(99585),f=n(20659),w=n(28934),$=n(26805);const v=`\n ${(0,a.VO)()}\n ${(0,a.aU)("padding")}\n\n margin: 0 auto;\n width: 100%;\n max-width: ${i.LO.xxl};\n`,C=(0,o.Ay)(c.A).withConfig({displayName:"MultiPackageBaseRow"})` 8974 &:first-child, 8975 & ~ & { 8976 ${({hasMarginTopMultiPackageRow:e})=>e?"":o.AH` 8977 margin-top: 0; 8978 `} 8979 } 8980 8981 ${({alignItem:e})=>e&&o.AH` 8982 && { 8983 text-align: ${e}; 8984 } 8985 `} 8986 8987 ${({hasRightAndLeftMargin:e})=>e?o.AH` 8988 ${(0,r.H4)(i.LO.md)} { 8989 padding: ${(0,r.Kq)(0)} ${(0,r.Kq)(8)}; 8990 } 8991 `:o.AH``} 8992 8993 inline-embed[name='align-right'] { 8994 text-align: right; 8995 } 8996 8997 inline-embed[name='align-center'] { 8998 text-align: center; 8999 } 9000`,k=(0,o.Ay)(l.A.Utility).withConfig({displayName:"MultiPackageRow"})` 9001 &&& {
9002 align-items: center; 9003 width: auto; 9004 } 9005`,A=(0,o.Ay)(C).withConfig({displayName:"MultiPackageRow"})` 9006 ${({hasNoTopMargin:e})=>e?"":o.AH` 9007 margin-top: ${(0,r.Kq)(7)}; 9008 `} 9009 9010 ${({hasLightBgForLinkBanner:e,hasPlpFilterableContainerLightBackgroundColor:t,theme:n,isInvertedTheme:i})=>e||t?o.AH` 9011 background-color: ${(0,r.HK)(n,"colors.discovery.body.light.background")}; 9012 `:i?o.AH` 9013 background-color: ${(0,r.HK)(n,"colors.consumption.lead.inverted.background")}; 9014 `:""} 9015 9016 ${({hasMediumMargin:e,hasNoBottomMargin:t,hasReducedMargin:n,isNativeAd:i})=>e?o.AH` 9017 margin-bottom: ${(0,r.Kq)(4)}; 9018 `:t||i&&n?o.AH` 9019 margin-bottom: 0; 9020 `:n?o.AH` 9021 margin-bottom: ${(0,r.Kq)(2)}; 9022 `:o.AH` 9023 margin-bottom: ${(0,r.Kq)(7)}; 9024 `} 9025 9026 ${({hasMarginBottomMultiPackageRow:e,hasConsistentSpacing:t,theme:n})=>t&&"0px"!==(0,s.F)(n,"gap-md")?o.AH` 9027 margin-bottom: 0; 9028 `:e?o.AH` 9029 ${(0,r.H4)(i.LO.lg)} { 9030 margin-bottom: ${(0,r.Kq)(5)}; 9031 } 9032 ${(0,r.Xm)(i.LO.md,i.LO.lg)} { 9033 margin-bottom: ${(0,r.Kq)(4)}; 9034 } 9035 ${(0,r.Xm)(0,i.LO.md)} { 9036 margin-bottom: ${(0,r.Kq)(3)}; 9037 } 9038 `:o.AH``} 9039 9040 ${({hasNoTopBottomMarginOnMobile:e})=>e?o.AH` 9041 ${(0,r.Xm)(0,i.LO.md)} { 9042 margin-top: 0; 9043 margin-bottom: 0; 9044 } 9045 `:o.AH``} 9046 9047 ${({hasStickyLinkBanner:e})=>e?o.AH` 9048 position: sticky; 9049 top: 0px; 9050 z-index: ${i.KV.stickyLayer}; 9051 `:""} 9052 9053 /* TODO: this should be a configuration for a layout 9054 Specificity is required due to star selector in homepage */ 9055 ${(0,r.H4)(i.LO.lg)} { 9056 ${m.S}.homepage__half-column-row + && { 9057 width: 50%; 9058 max-width: 800px; 9059 ${y.bU} { 9060 ${(0,r.Gg)("typography.definitions.discovery.subhed-section-secondary")}; 9061 } 9062 } 9063 .homepage__half-column-row + && > ${h.cu} { 9064 padding-left: var(--grid-gap); 9065 } 9066 ${g.yj} { 9067 margin: 0 auto; 9068 max-width: 1600px; 9069 } 9070 } 9071 9072 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,s.F)(t,"gap-md")?o.AH` 9073 margin-top: 0; 9074 margin-bottom: 0; 9075 `:""} 9076`,x=(0,o.Ay)(u.A.WithMargins).withConfig({displayName:"DiscoveryQuoteRow"})` 9077 ${({hasTopAndBottomBorderQuote:e,theme:t})=>e?o.AH` 9078 border-top: 1px solid 9079 ${(0,r.HK)(t,"colors.discovery.body.white.divider")}; 9080 9081 border-bottom: 1px solid 9082 ${(0,r.HK)(t,"colors.discovery.body.white.divider")}; 9083 `:""} 9084 9085 ${p.E} { 9086 grid-column: 1/-1; 9087 9088 ${(0,r.H4)(i.LO.md)} { 9089 grid-column: 3/11; 9090 } 9091 } 9092`,E=o.AH` 9093 &.puzzles-games-landing-page { 9094 .ticker-wrapper { 9095 margin-bottom: 0; 9096 } 9097 9098 .ticker-view > div:nth-child(2) { 9099 margin-top: ${(0,r.Kq)(4)}; 9100 } 9101 9102 .summary-collage-six-puzzles-games .summary-item:first-child h3 { 9103 ${(0,r.Gg)("typography.definitions.discovery.description-core")}; 9104 font-size: ${(0,r.Kq)(4)}; 9105 } 9106 9107 .verso-features { 9108 margin-bottom: ${(0,r.Kq)(4)}; 9109 } 9110 9111 > div:nth-child(3) 9112 .summary-collage-six-puzzles-games 9113 .summary-list--collection-list { 9114 ${(0,r.L7)(i.LO.lg)} { 9115 padding-top: 0; 9116 } 9117 } 9118 9119 .summary-river-puzzles-games { 9120 h2 { 9121 font-size: 24px; 9122 } 9123 9124 & > section { 9125 .summary-item:last-child { 9126 border-bottom: 0; 9127 } 9128 9129 > div { 9130 margin-bottom: ${(0,r.Kq)(2)}; 9131 9132 > div:first-child { 9133 margin-bottom: 0; 9134 } 9135 } 9136 } 9137 9138 .summary-item { 9139 padding-top: ${(0,r.Kq)(2)}; 9140 } 9141 } 9142 9143 .summary-item--is-dense .summary-item__asset-container { 9144 ${(0,r.Xm)(0,i.LO.xl)} { 9145 display: block; 9146 } 9147 9148 ${(0,r.H4)(i.LO.xl)} { 9149 float: none; 9150 margin-left: 0; 9151 } 9152 } 9153 9154 .summary-list--collection-list { 9155 ${(0,r.Xm)(0,i.LO.lg)} { 9156 border-top: 0; 9157 padding-top: 0; 9158 } 9159 } 9160 9161 .summary-list__items .summary-item:not(:first-child) { 9162 padding-bottom: ${(0,r.Kq)(2)}; 9163 } 9164 9165 .summary-list__items .summary-item:first-child { 9166 ${(0,r.Xm)(0,i.LO.lg)} { 9167 padding-bottom: ${(0,r.Kq)(2)}; 9168 } 9169 9170 ${(0,r.H4)(i.LO.lg)} { 9171 padding-bottom: 0; 9172 } 9173 } 9174 9175 .summary-collage-six-puzzles-games .summary-item h3 { 9176 ${(0,r.Gg)("typography.definitions.discovery.hed-core-secondary")}; 9177 } 9178 9179 .summary-collage-six-puzzles-games h2, 9180 .summary-collection-grid h2 { 9181 ${(0,r.Gg)("typography.definitions.discovery.subhed-section-primary")}; 9182 } 9183 9184 .verso-embed-row inline-embed h1 { 9185 margin: 0; 9186 font-size: ${(0,r.Kq)(5.5)}; 9187 } 9188 9189 .verso-embed-row { 9190 margin: ${(0,r.Kq)(4)} 0; 9191 } 9192 9193 ${b.I_} { 9194 max-width: initial; 9195 } 9196 9197 .verso-features h2 { 9198 font-size: 24px; 9199 } 9200 9201 .summary-collage-six-puzzles-games h2 { 9202 font-size: 20px; 9203 } 9204 9205 .summary-item__dek > a { 9206 ${(0,r.Gg)("typography.definitions.foundation.link-primary")}; 9207 display: block; 9208 padding-top: ${(0,r.Kq)(2.5)}; 9209 text-decoration: none; 9210 color: ${(0,r.HK)("colors.interactive.base.brand-primary")}; 9211 } 9212 9213 .summary-item__dek > a:hover { 9214 text-decoration: underline; 9215 } 9216 } 9217`,S=o.Ay.div.withConfig({displayName:"MultiPackageContainer"})` 9218 ${({hasPlpFilterableFeature:e})=>e&&o.AH` 9219 &&& { 9220 gap: 0; 9221 margin-bottom: 0; 9222 padding-bottom: 0; 9223 } 9224 `} 9225 9226 ${({customClass:e})=>e&&"puzzles-games-landing-page"===e&&E} 9227 ${({hasMarginBottomMultiPackageRow:e})=>e?o.AH`
9228 .verso-features { 9229 && { 9230 margin-bottom: 0; 9231 } 9232 } 9233 `:""} 9234 9235 ${({hasEvenSpacingMultiPackageRow:e})=>e&&o.AH` 9236 > ${A}, > .ad-container { 9237 margin-top: ${(0,r.Kq)(6)}; 9238 margin-bottom: 0; 9239 ${(0,r.H4)(i.LO.md)} { 9240 margin-top: ${(0,r.Kq)(7)}; 9241 margin-bottom: 0; 9242 } 9243 9244 &:last-child { 9245 margin-bottom: ${(0,r.Kq)(6)}; 9246 ${(0,r.H4)(i.LO.md)} { 9247 margin-bottom: ${(0,r.Kq)(7)}; 9248 } 9249 } 9250 } 9251 9252 > ${A} { 9253 &:first-child { 9254 margin-top: 0; 9255 } 9256 9257 &:empty { 9258 margin-top: 0; 9259 margin-bottom: 0; 9260 } 9261 > ${f.Ae} { 9262 margin-bottom: 0; 9263 } 9264 } 9265 9266 > ${$.ec} + .journey-unit__container, 9267 > .ticker-view { 9268 + * { 9269 margin-top: 0; 9270 } 9271 > ${m.S}, ${w.ab} { 9272 margin-top: 0; 9273 margin-bottom: 0; 9274 } 9275 } 9276 `} 9277 9278 .ticker-view .ticker-wrapper { 9279 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,s.F)(t,"gap-md")?"margin-top: 0; margin-bottom: 0;":""} 9280 } 9281`,L=o.Ay.div.withConfig({displayName:"SectionJumpLinksWrapper"})` 9282 ${({theme:e})=>(e=>`\n background: ${(0,r.HK)(e,"colors.consumption.body.inverted.display-texture")};\n ${(0,r.H4)(i.LO.md)} {\n width: ${i.LO.md};\n padding: ${(0,r.Kq)(3)} ${(0,r.Kq)(9)} ${(0,r.Kq)(5)} ${(0,r.Kq)(9)};\n }\n padding: ${(0,r.Kq)(2)} ${(0,r.Kq)(5)} ${(0,r.Kq)(3.5)} ${(0,r.Kq)(5)};\n margin: auto;\n div {\n div {\n h1 {\n text-align: center;\n }\n div {\n a {\n font-family: Izmir, helvetica, sans-serif;\n font-style: normal;\n line-height: ${(0,r.Kq)(2.4,"rem")};\n font-size: ${(0,r.Kq)(2)};\n &:not(.button):link,\n &:not(.button):visited {\n color: rgb(0, 0, 0);\n }\n }\n display: grid;\n ${(0,r.H4)(i.LO.md)} {\n grid-template-columns: 1fr 1fr 1fr;\n grid-row-gap: ${(0,r.Kq)(1.5)};\n }\n grid-template-columns: 1fr 1fr;\n grid-row-gap: ${(0,r.Kq)(1)};\n }\n }\n }\n }\n `)(e)} 9283`,T=(0,o.Ay)(A).withConfig({displayName:"MultiPackageReadMore"})` 9284 display: flex; 9285 justify-content: center; 9286 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,s.F)(t,"gap-md")?o.AH` 9287 margin-top: 0; 9288 margin-bottom: 0; 9289 `:""} 9290`,N=o.Ay.div.withConfig({displayName:"PromoBoxWrapper"})` 9291 ${v} 9292`,H=o.Ay.div.withConfig({displayName:"EventsListWrapper"})` 9293 ${(0,a.VO)()} 9294 9295 margin: 0 auto; 9296 width: 100%; 9297 max-width: ${i.LO.xxl}; 9298 9299 ${(0,r.H4)(i.LO.lg)} { 9300 padding-right: var(--grid-margin); 9301 padding-left: var(--grid-margin); 9302 } 9303`,I=o.Ay.div.withConfig({displayName:"PromoBoxWrapper"})` 9304 ${v} 9305`,B=o.Ay.div.withConfig({displayName:"NewsletterWrapper"})` 9306 ${v} 9307 9308 padding-top: ${(0,r.Kq)(6)}; 9309 padding-bottom: ${(0,r.Kq)(6)}; 9310 9311 ${(0,r.H4)(i.LO.md)} { 9312 padding-top: ${(0,r.Kq)(9)}; 9313 padding-bottom: ${(0,r.Kq)(9)}; 9314 } 9315`,O=o.Ay.div.withConfig({displayName:"CMUnitWrapper"})` 9316 ${v} 9317 9318 ${(0,r.H4)(i.LO.lg)} { 9319 padding-right: var(--grid-margin); 9320 padding-left: var(--grid-margin); 9321 } 9322`,K=o.Ay.div.withConfig({displayName:"SubTopicDiscoveryWrapper"})` 9323 ${(0,d.VG)(!0)} 9324 ${(0,a.aU)("padding")} 9325 9326 margin: 0 auto; 9327 width: 100%; 9328 max-width: ${i.LO.xxl}; 9329 9330 ${(0,r.H4)(i.LO.lg)} { 9331 padding-right: var(--grid-margin); 9332 padding-left: var(--grid-margin); 9333 } 9334`,D=o.Ay.div.withConfig({displayName:"TickerWrapper"})` 9335 ${({isInvertedTheme:e})=>e?o.AH` 9336 ${(0,a.VO)()} 9337 ${(0,a.aU)("padding",!0)} 9338 `:o.AH` 9339 ${v} 9340 `} 9341`,_=(0,o.Ay)("div").withConfig({displayName:"MultipackageNoItemsBlock"})` 9342 ${(0,a.VO)()} 9343 ${(0,a.aU)("padding")} 9344 margin: 0 auto; 9345 margin-bottom: ${(0,r.Kq)(4)}; 9346 width: 100%; 9347 max-width: ${i.LO.xxl}; 9348 color: white; 9349 font-family: 'LabGrotesque'; 9350 ${({hasRule:e,theme:t})=>e?o.AH` 9351 &::before { 9352 border-top: 1px solid 9353 ${(0,r.HK)(t,"colors.discovery.body.white.divider")}; 9354 content: ''; 9355 grid-column: 1/-1; 9356 margin-bottom: ${(0,r.Kq)(4)}; 9357 display: block; 9358 } 9359 `:""} 9360 9361 h3 { 9362 margin: 0 auto; 9363 width: fit-content; 9364 ${(0,r.Gg)("typography.definitions.consumptionEditorial.subhed-break-secondary")} 9365 } 9366 9367 p { 9368 font-family: Proxima Nova; 9369 font-size: 12px; 9370 } 9371`,P=o.Ay.div.withConfig({displayName:"MultiPackageBodyWrapperGrid"})` 9372 ${(0,d.VG)()} 9373 ${(0,a.aU)("padding")} 9374`},29693(e,t,n){n.d(t,{A:()=>
9374o});const o=(0,n(72267).YK)({noStories:{id:"Multipackages.NoStories",defaultMessage:"No stories found for your search",description:"No stories label"},exploreInstead:{id:"Multipackages.ExploreInstead",defaultMessage:"Explore these instead",description:"Explore instead label"}})},71724(e,t,n){n.d(t,{Oy:()=>r,TW:()=>s,rB:()=>i});var o=n(54318);function i(e,t=[]){return Array.isArray(t)?t.find(t=>e.template===t.template):null}const a=e=>e.some(e=>"product"===e.contentType||"commerce-product"===e.contentType),r=e=>{const t=[];return e.map(e=>("verso-plp-manual-curated"!==e.template&&"verso-plp-search-curated"!==e.template&&"verso-filterable-summary-list"!==e.template&&"verso-pim-collection"!==e.template&&"verso-plp-curated-visual"!==e.template&&"verso-plp-filterable-feature"!==e.template&&"verso-native-product-carousel"!==e.template||(e?.groups?.length>0?(e=>{const t=[];return e.forEach(e=>{e?.items?.length>0?t.push(a(e.items)):t.push(!1)}),t.some(Boolean)})(e?.groups)&&t.push(e):e?.productList?.length>0?a(e.productList)&&t.push(e):e?.items?.length>0&&a(e.items)&&t.push(e)),t)),t},s=e=>{const{hed:t,dangerousHed:n,container:i,containerId:a}=e||{};return t?(0,o.$)(e,"hed"):n?(0,o.$)(e,"dangerousHed"):i?.hed?(0,o.$)(i,"hed"):i?.dangerousHed?(0,o.$)(i,"dangerousHed"):a?e.containerId:i?.containerId?i.containerId:void 0}},96307(e,t,n){n.d(t,{A:()=>ae});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(3196),d=n(10642),c=n(65087),m=n(55252),u=n(74400),p=n(88722),g=n(42361),h=n(60261),y=n(53499),b=n(38267),f=n(18608),w=n(96472),$=n(26865),v=n(86659),C=n(86157),k=n(6613),A=n(91783),x=n(7228),E=n(40653),S=n(52327),L=n(73730),T=n(62096),N=n(74423),H=n(75163);const I="0.4s",B="32px",O=(0,$.Kq)(9.25),K=(0,b.Ay)(f.vm).withConfig({displayName:"MultiReviewContentHeaderHed"}).attrs(e=>({as:"h1",typeIdentity:"typography.definitions.consumptionEditorial.hed-standard",...e}))` 9375 margin: 0; 9376 padding: ${(0,$.Kq)(4)} 0; 9377 color: var(${H.pT.Color.TextHeading}); 9378 font-style: italic; 9379 ${(0,$.H4)(w.LO.sm)} { 9380 padding: ${(0,$.Kq)(2)} 0; 9381 } 9382`,D=(0,b.Ay)("span").withConfig({displayName:"MultiReviewContentHeaderHedSpanSlashes"})` 9383 ${({theme:e})=>(0,$._o)(e,"color","colors.consumption.body.standard.divider")} 9384`,_=(0,b.Ay)(f.vm).withConfig({displayName:"MultiReviewContentHeaderArtist"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 9385 margin: 0; 9386 9387 ${({lengthOfItems:e})=>e&&b.AH` 9388 font-size: 28px; 9389 `} 9390 color: var(${H.pT.Color.TextDek}); 9391`,P=(0,b.Ay)(f.sH).withConfig({displayName:"MultiReviewContentHeaderArtistLink"})` 9392 display: inline-block; 9393 margin-top: ${(0,$.Kq)(2)}; 9394 margin-bottom: ${(0,$.Kq)(2)}; 9395 vertical-align: middle; 9396 9397 &:link { 9398 text-decoration: none; 9399 } 9400`,R=(0,b.Ay)(f.vm).withConfig({displayName:"MultiReviewContentHeaderDek"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 9401 padding-top: ${(0,$.Kq)(1)}; 9402 padding-bottom: ${(0,$.Kq)(3)}; 9403 text-align: center; 9404`,q=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderInfoSlice"})` 9405 align-items: center; 9406 padding-top: ${(0,$.Kq)(0)}; 9407 9408 ${S.Ni} { 9409 justify-content: center; 9410 border-width: 0; 9411 } 9412`,M=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderTitleBlock"})` 9413 display: flex; 9414 flex-direction: column; 9415 align-items: center; 9416 justify-content: center; 9417 padding-right: ${(0,$.Kq)(3)}; 9418 padding-left: ${(0,$.Kq)(3)}; 9419 width: 100%; 9420 height: 100%; 9421 text-align: center; 9422 9423 ${(0,$.H4)(w.LO.xl)} { 9424 padding-right: 0; 9425 padding-left: 0; 9426 } 9427 ${(0,$.H4)(w.LO.md)} { 9428 padding-right: 0; 9429 } 9430 9431 > * { 9432 max-width: 500px; 9433 } 9434`,F=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderLeadWrapper"})` 9435 display: grid; 9436 grid-template-columns: repeat(12, 2fr); 9437 align-items: left; 9438 justify-content: center; 9439 text-align: center; 9440 9441 ${A.WE} { 9442 display: block; 9443 } 9444`,U=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderScoreBox"})` 9445 grid-column: 8 / span 5; 9446 align-self: center; 9447 ${(0,$.H4)(w.LO.sm)} { 9448 margin-bottom: 0; 9449 padding-left: ${(0,$.Kq)(2.5)}; 9450 ${T.vX} { 9451 margin-right: 3px; 9452 margin-bottom: 0; 9453 margin-left: 3px; 9454 width: 111px; 9455 height: 111px; 9456 } 9457 ${T.dk} { 9458 width: max-content; 9459 } 9460 } 9461 ${(0,$.H4)(w.LO.md)} { 9462 margin-bottom: ${(0,$.Kq)(0)}; 9463 padding-left: ${(0,$.Kq)(2.5)}; 9464 } 9465 ${(0,$.H4)(w.LO.lg)} { 9466 margin-bottom: ${(0,$.Kq)(0)}; 9467 padding-left: ${(0,$.Kq)(4)}; 9468 ${T.vX} { 9469 width: 134px; 9470 height: 134px; 9471 } 9472 } 9473 9474 ${T.vX} { 9475 margin-bottom: 0; 9476 } 9477 9478 ${T.dy} { 9479 width: auto;
9480 height: 26px; 9481 } 9482 9483 ${({isBestNewMusic:e,isBestNewReissue:t})=>(e||t)&&b.AH` 9484 ${T.dk} { 9485 svg { 9486 margin-bottom: 0; 9487 margin-left: ${(0,$.Kq)(0)}; 9488 } 9489 } 9490 ${T.vX} { 9491 margin-top: 16px; 9492 margin-bottom: ${(0,$.Kq)(2)}; 9493 padding-bottom: 0; 9494 } 9495 ${(0,$.H4)(w.LO.sm)} { 9496 ${T.vX} { 9497 margin-top: 12px; 9498 margin-bottom: 12px; 9499 } 9500 } 9501 `} 9502`,V=(0,b.Ay)(c.A).withConfig({displayName:"MultiReviewContentHeaderByline"})` 9503 padding-bottom: ${(0,$.Kq)(1)}; 9504 9505 ${(0,$.Gg)("typography.definitions.globalEditorial.accreditation-feature")} 9506 9507 ${N.QW} { 9508 ${({lengthOfItems:e})=>e>1&&b.AH` 9509 ${(0,$.Gg)("typography.definitions.globalEditorial.accreditation-core")} 9510 `} 9511 } 9512`,G=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderCaption"})` 9513 display: flex; 9514 grid-column: 1 / span 7; 9515 margin: 0; 9516 margin-bottom: ${(0,$.Kq)(4)}; 9517 padding-top: ${(0,$.Kq)(1)}; 9518 text-align: left; 9519 9520 svg { 9521 width: ${(0,$.Kq)(2.5)}; 9522 height: ${(0,$.Kq)(2.5)}; 9523 vertical-align: bottom; 9524 } 9525 9526 ${(0,$.H4)(w.LO.xxl)} { 9527 grid-column: 3 / span 5; 9528 } 9529 9530 ${(0,$.H4)(w.LO.xl)} { 9531 grid-column: 2 / span 6; 9532 } 9533`,W=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderRubric"})` 9534 &:only-child { 9535 margin-right: 0; 9536 } 9537 9538 display: inline-flex; 9539 margin: ${(0,$.Kq)(4)} ${(0,$.Kq)(.5)} 0 9540 ${(0,$.Kq)(.5)}; 9541 9542 ${({theme:e})=>(0,$.Gg)(e,"typography.definitions.globalEditorial.context-primary")} 9543 9544 ${(0,$.H4)(w.LO.md)} { 9545 margin: 0 ${(0,$.Kq)(2)} 0 0; 9546 } 9547 9548 ${k.as} { 9549 vertical-align: baseline; 9550 } 9551`,j=(0,b.Ay)(C.A).withConfig({displayName:"MultiReviewContentHeaderLede"})` 9552 grid-column: 1 / span 7; 9553 9554 ${(0,$.H4)(w.LO.xxl)} { 9555 grid-column: 3 / span 5; 9556 } 9557 9558 ${(0,$.H4)(w.LO.xl)} { 9559 grid-column: 2 / span 6; 9560 } 9561 9562 .responsive-image { 9563 width: 100%; 9564 height: 100%; 9565 } 9566 9567 ${x.BF} { 9568 width: 100%; 9569 height: auto; 9570 object-fit: cover; 9571 } 9572`,z=(0,b.Ay)(v.A.EvenAny).withConfig({displayName:"MultiReviewContentHeaderForMusicReview"})` 9573 border-bottom: 1px solid 9574 ${(0,$.HK)("colors.consumption.lead.standard.divider")}; 9575 9576 &.grid-even-any { 9577 ${(0,$.H4)(w.LO.sm)} { 9578 ${E.E} { 9579 &:nth-of-type(2) { 9580 margin-top: ${(0,$.Kq)(2)}; 9581 margin-right: ${(0,$.Kq)(3)}; 9582 margin-left: ${(0,$.Kq)(3)}; 9583 } 9584 } 9585 ${j} { 9586 ${x.BF} { 9587 object-fit: contain; 9588 } 9589 } 9590 } 9591 ${(0,$.H4)(w.LO.lg)} { 9592 ${E.E} { 9593 &:nth-of-type(2) { 9594 margin-right: 0; 9595 } 9596 } 9597 } 9598 9599 ${(0,$.H4)(w.LO.md)} { 9600 ${E.E} { 9601 &:nth-of-type(2) { 9602 margin-top: ${(0,$.Kq)(4)}; 9603 margin-left: 0; 9604 } 9605 } 9606 grid-template-columns: 50% auto; 9607 } 9608 9609 ${(0,$.H4)("980px")} { 9610 grid-template-columns: 50% auto; 9611 } 9612 } 9613`,Y=(0,b.Ay)(v.A.WithMargins).withConfig({displayName:"MultiReviewContentHeaderGrid"})` 9614 > ${E.E} { 9615 grid-column: 1 / -1; 9616 ${(0,$.H4)(w.LO.md)} { 9617 grid-column: 2 / -2; 9618 } 9619 } 9620`,X=b.Ay.header.withConfig({displayName:"MultiReviewContentHeaderWrapper"})``,Z=b.Ay.div.withConfig({displayName:"MultiReviewContentHeaderSlideController"})` 9621 box-sizing: content-box; 9622 display: flex; 9623 grid-column: 8 / span 5; 9624 justify-content: center; 9625 margin-bottom: ${(0,$.Kq)(4)}; 9626 padding-top: ${(0,$.Kq)(1)}; 9627 width: ${O}; 9628 text-align: center; 9629 9630 ${(0,$.H4)(w.LO.sm)} { 9631 padding-left: ${(0,$.Kq)(2.5)}; 9632 width: ${"111px"}; 9633 } 9634 9635 ${(0,$.H4)(w.LO.lg)} { 9636 padding-left: ${(0,$.Kq)(4)}; 9637 width: ${"134px"}; 9638 } 9639`,J=(0,b.Ay)(L.A.Utility).withConfig({displayName:"MultiReviewContentHeaderSlideControlButton"})` 9640 display: inline-block; 9641 /* This +10 is to offset the lag that happens when transitioning a svg fill-color */ 9642 transition: transform ${I+10} ease-in-out; 9643 border: 1px solid; 9644 ${({theme:e})=>(0,$._o)(e,"border-color","colors.interactive.base.black")}; 9645 background-color: transparent; 9646 cursor: pointer; 9647 padding: 0; 9648 width: ${B}; 9649 min-width: ${B}; 9650 height: ${B}; 9651 9652 && + && { 9653 margin-top: 0; 9654 } 9655 9656 && { 9657 &:focus, 9658 &:hover, 9659 &:active { 9660 border-width: 1px; 9661 background-color: transparent; 9662 } 9663 9664 ${({isDisabled:e})=>e&&b.AH` 9665 opacity: 0.8; 9666 ${({theme:e})=>(0,$._o)(e,"border-color","colors.interactive.base.light")}; 9667 pointer-events: none; 9668 border-width: 1px; 9669 `} 9670 } 9671 9672 &:focus, 9673 &:hover { 9674 border: 1px solid; 9675 background-color: none; 9676 9677 ${({theme:e})=>(0,$._o)(e,"border-color","colors.interactive.base.brand-primary")}; 9678 9679 svg { 9680 ${({theme:e})=>(0,$._o)(e,"fill","colors.interactive.base.brand-primary")}; 9681 } 9682 } 9683 9684 &&:active, 9685 &&:focus, 9686 &&:hover { 9687 background-color: none; 9688 } 9689 9690 &&:disabled { 9691 opacity: 0.8; 9692 border-width: 1px; 9693 background-color: transparent; 9694 9695 svg { 9696 ${({theme:e})=>(0,$._o)(e,"fill","colors.interactive.base.light")}; 9697 } 9698 } 9699 9700 svg { 9701 position: relative; 9702 transition: fill ${I} ease-in-out; 9703 9704 height: ${(0,$.Kq)(3)}; 9705 ${({theme:e})=>(0,$._o)(e,"fill","colors.interactive.base.black")}; 9706 } 9707 9708 ${({isBackArrow:e})=>e?b.AH` 9709 transform: rotate(180deg); 9710 `:b.AH` 9711 margin-left: ${(0,$.Kq)(2)}; 9712 `} 9713`,Q=(0,b.Ay)(f.vm).withConfig({displayName:"ImageCaptionTextCounter"})` 9714 ${({theme:e})=>(0,$.Gg)(e,"typography.definitions.globalEditorial.accreditation-core")} 9715 9716 ${({theme:e})=>(0,$._o)(e,"color","colors.consumption.lead.standard.context-signature")} 9717`,ee=(0,b.Ay)("span").withConfig({displayName:"ImageCaptionText"})` 9718 padding-left: 5px; 9719 ${({theme:e})=>(0,$.Gg)(e,"typography.definitions.globalEditorial.accreditation-core")} 9720 9721 ${({theme:e})=>(0,$._o)(e,"color","colors.consumption.lead.standard.context-tertiary")} 9722`,te=(0,b.Ay)("span").withConfig({displayName:"ImageAlbumText"})` 9723 font-style: italic; 9724`,ne=b.Ay.time.withConfig({displayName:"MultiReviewContentHeaderReleaseYear"})` 9725 ${(0,$.Gg)("typography.definitions.globalEditorial.context-tertiary")}; 9726`,{useState:oe}=s,ie=({artistDetails:e,className:t,contentHeaderDisplay:n={},contributors:o,dangerousDek:a,hideContributorBelowHeader:r=!1,hideDekBelowHeader:c=!1,hideHeadline:b=!1,hideInfoSliceBelowHeader:f=!1,itemsReviewed:w,infoSliceFields:$,rubric:v,rubricVariation:C,enableBlur:k,scoreSubscriptionUrl:A=""})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"MultiReviewContentHeader"})});const x=d.A[C]||d.A,[E,S]=oe(0),L=w?.length,T=w[0]?.releaseYear;L>1&&delete $.label;const N=(0,p.i)($);return s.createElement(X,{className:i()("content-header",{[t]:t})},s.createElement(z,null,s.createElement(M,null,v&&(n.hideRubric?s.createElement("div",{style:(0,l.K)(!0)},s.createElement(W,{as:x,...v})):s.createElement(W,{as:x,...v})),s.createElement(K,{style:b?{display:"none"}:void 0},(e=>e?.map((t,n)=>{const o=e.length-1;return s.createElement("span",{key:n},t?.dangerousHed,n<o&&s.createElement(D,null," / "))}))(w)),s.createElement(()=>{const t=e||[];return 0===t.length?null:s.createElement("div",null,t.map((e,n)=>s.createElement(s.Fragment,{key:n},s.createElement(P,{href:"/".concat(e?.uri)},s.createElement(_,{dangerouslySetInnerHTML:{__html:e?.name},lengthOfItems:L})),!(n===t.length-1)&&s.createElement(D,{dangerouslySetInnerHTML:{__html:" / "}}))))},null),1===L&&T&&s.createElement(ne,{"data-testid":"MultiReviewContentHeaderReleaseYear"},T)),(e=>{const t=e?.length;if(!Array.isArray(e)||t<=0)return null;const n=()=>{S(E===t-1?0:E+1)},o=()=>{S(0===E?t-1:E-1)},i=e=>{const t={ArrowLeft:o,ArrowRight:n};t[e.key]&&t[e.key]()};return s.createElement("div",null,e?.map((e,a)=>{const{dangerousHed:r,publisher:l,releaseYear:d,musicRating:c}=e,u=0===a,p=a+1===t;return a===E&&s.createElement(F,{key:a},s.createElement(j,{sources:e?.image?.sources,altText:e?.image?.altText}),s.createElement(U,{isBestNewMusic:c?.isBestNewMusic,isBestNewReissue:c?.isBestNewReissue},s.createElement(m.A,{rating:c?.score,isBestNewMusic:c?.isBestNewMusic,isBestNewReissue:c?.isBestNewReissue,enableBlur:k,shouldTrackImpression:!0,trackingSubject:"score_editorial",scoreSubscriptionUrl:A,trackingClassName:"score-box-header"})),t>1&&s.createElement(s.Fragment,null,s.createElement(G,null,s.createElement(Q,null,a+1," of ",t,s.createElement(ee,null,s.createElement(te,null,r),s.createElement(h.A,null),l,s.createElement(h.A,null),d))),s.createElement(Z,{role:"presentation",onKeyDown:i,isBestNewMusic:c?.isBestNewMusic,isBestNewReissue:c?.isBestNewReissue},s.createElement(J,{ariaLabel:"prevSlide",isBackArrow:!0,onClickHandler:o,label:"",inputKind:"button",isIconButton:!0,isDisabled:u,isDisabledStyle:u,ButtonIcon:g.A}),s.createElement(J,{ariaLabel:"nextSlide",onClickHandler:n,label:"",inputKind:"button",isIconButton:!0,isDisabled:p,isDisabledStyle:p,ButtonIcon:g.A}))))}))})(w)),o&&!r&&s.createElement("div",{style:(0,l.K)(n.hideByline)},s.createElement(V,{contributors:o,bylineVariation:"Item",lengthOfItems:L})),N.length>0&&!f&&s.createElement(Y,null,s.createElement(q,null,s.createElement(u.A,{items:N}))),a&&!c&&s.createElement(Y,null,s.createElement(R,{style:(0,l.K)(n.hideDek),dangerouslySetInnerHTML:{__html:a}})))};
9726ie.propTypes={artistDetails:r().array,className:r().string,contentHeaderDisplay:l.g,contributors:r().shape(c.A.propTypes.contributors),dangerousDek:r().string,enableBlur:r().bool,hideContributorBelowHeader:r().bool,hideDekBelowHeader:r().bool,hideHeadline:r().bool,hideInfoSliceBelowHeader:r().bool,infoSliceFields:r().object,itemsReviewed:r().array,rubric:r().shape(d.A.propTypes),rubricVariation:r().string,scoreSubscriptionUrl:r().string},ie.displayName="MultiReviewContentHeader";const ae=ie},51211(e,t,n){n.d(t,{A:()=>T});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(53499),l=n(38267),d=n(18608),c=n(26865),m=n(96472);const u=l.Ay.div.withConfig({displayName:"FeedItemWrapper"})` 9727 border-width: 0 0 1px; 9728 border-style: solid; 9729 ${({theme:e})=>(0,c._o)(e,"border-color","colors.discovery.body.white.divider")}; 9730 padding-top: ${(0,c.Kq)(2)}; 9731 padding-bottom: ${(0,c.Kq)(2)}; 9732 text-align: left; 9733 9734 @media (min-width: ${m.LO.md}) { 9735 display: grid; 9736 grid-column: 1 / span 12; 9737 grid-template-columns: repeat(12, 1fr); 9738 } 9739 9740 &:first-of-type { 9741 border: 1px 0 0; 9742 border-style: solid; 9743 ${({theme:e})=>(0,c._o)(e,"border-color","colors.discovery.body.white.divider")}; 9744 } 9745`,p=l.Ay.time.withConfig({displayName:"FeedItemTime"})` 9746 ${({theme:e})=>(0,c.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")}; 9747 display: block; 9748 margin-bottom: ${(0,c.Kq)(2)}; 9749 ${({theme:e})=>(0,c._o)(e,"color","colors.discovery.body.white.context-tertiary")}; 9750 9751 @media (min-width: ${m.LO.md}) { 9752 grid-column: 1; 9753 margin-top: ${(0,c.Kq)(.5)}; 9754 } 9755`,g=l.Ay.div.withConfig({displayName:"FeedItemContent"})` 9756 @media (min-width: ${m.LO.md}) { 9757 grid-column: 2 / span 8; 9758 margin-top: ${(0,c.Kq)(.5)}; 9759 } 9760`,h=(0,l.Ay)(d.sH).withConfig({displayName:"FeedItemLink"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",typeToken:"typography.definitions.discovery.hed-bulletin-
9760primary",...e}))` 9761 margin-top: 0; 9762 margin-bottom: ${(0,c.Kq)(2)}; 9763 text-decoration: none; 9764 9765 &:hover, 9766 &:focus { 9767 text-decoration: underline; 9768 } 9769`,y=(0,l.Ay)(d.vm).withConfig({displayName:"FeedItemHead"}).attrs(e=>({as:"h2",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-bulletin-primary",...e}))` 9770 margin-top: 0; 9771 margin-bottom: ${(0,c.Kq)(2)}; 9772 text-decoration: none; 9773 9774 &:hover, 9775 &:focus { 9776 text-decoration: underline; 9777 } 9778`,b=l.Ay.div.withConfig({displayName:"FeedItemDek"})` 9779 ${({theme:e})=>(0,c.Gg)(e,"typography.definitions.discovery.description-core")}; 9780 ${({theme:e})=>(0,c._o)(e,"color","colors.discovery.body.white.description")}; 9781`,f=({className:e,dangerousDek:t,dangerousHed:n,href:o,publishDate:i})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"FeedItem"})},[]),a.createElement(u,{className:e},a.createElement(p,null,i),a.createElement(g,null,a.createElement(h,{href:o},a.createElement(y,{dangerouslySetInnerHTML:{__html:n}})),a.createElement(b,{dangerouslySetInnerHTML:{__html:t}}))));f.propTypes={className:i().string,dangerousDek:i().string.isRequired,dangerousHed:i().string.isRequired,href:i().string.isRequired,publishDate:i().string.isRequired},f.displayName="FeedItem";const w=f;var $=n(48188),v=n(73347);const C=(0,n(72267).YK)({loadMoreNewsPreamble:{id:"NewsFeed.LoadMoreNewsPreamble",defaultMessage:"Show More News",description:"News feed component button label preamble"}});var k=n(84248);const A=l.Ay.div.withConfig({displayName:"NewsFeedWrapper"})` 9782 @media (min-width: ${m.LO.md}) { 9783 display: grid; 9784 grid-template-columns: repeat(12, 1fr); 9785 } 9786`,x=l.Ay.div.withConfig({displayName:"NewsFeedSectionTitle"})` 9787 grid-column: 1 / span 12; 9788 margin-bottom: ${(0,c.Kq)(2)}; 9789`,E=(0,l.Ay)(k.A).withConfig({displayName:"NewsFeedContentTabs"})``,S=(0,l.Ay)($.A.Section).withConfig({displayName:"NewsFeedContentNavigation"})``,L=({className:e,dangerousHed:t,defaultTab:n,feed:o,links:i,sectionTitleVariation:l="TextCenter",shouldUseTabs:d=!1})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"NewsFeed"})},[]);const c=(0,r.A)(),m=v.Ay[l],u=o.map(e=>e.map((e,t)=>a.createElement(w,{...e,key:t}))),p=d?a.createElement(E,{buttonLabel:c.formatMessage(C.loadMoreNewsPreamble),defaultTab:n,tabContent:u,tabLabels:i}):a.createElement(a.Fragment,null,a.createElement(S,{attributes:{"aria-label":"Secondary",tabIndex:0},hasBorder:!0,justify:"center",links:i}),u);return a.createElement(A,{className:e,"data-testid":"NewsFeedWrapper"},t&&a.createElement(x,{as:m,dangerousHed:t,"data-testid":"NewsFeedSectionTitle",hedTag:"h2"}),p)};L.propTypes={className:i().string,dangerousHed:i().string,defaultTab:i().number,feed:i().arrayOf(i().arrayOf(i().shape(w.propTypes))).isRequired,links:i().arrayOf(i().shape($.A.propTypes.links)).isRequired,sectionTitleVariation:i().string,shouldUseTabs:i().bool};const T=L},80089(e,t,n){n.d(t,{R:()=>s});var o=n(97504),i=n(91470),a=n(24695);const r={standard:o.Ay,thin:i,thinner:a};function s(e,t="standard"){const n=r[t][e];return n||null}},30237(e,t,n){var o,i,a,r,s,l,d,c,m,u,p,g,h,y,b,f;n.d(t,{X2:()=>u,_:()=>g,Rp:()=>a,H5:()=>c,$_:()=>r,uA:()=>i,NT:()=>b,zB:()=>l,p5:()=>s,H$:()=>f,T6:()=>d,BV:()=>y,yK:()=>m}),function(e){e.START="start",e.CENTER="center",e.END="end"}(o||(o={})),function(e){e.TEXT_CLICKABLE="text-clickable",e.LOGO_CLICKABLE="logo-clickable",e.JOURNEY_UNITS="journey-units",e.CURATION_BANNER="curation-banner",e.RIBBON_BANNER="ribbon-banner",e.IDENTITY_UNITS="identity-units",e.ACCORDION="accordion",e.STICKY_HERO_AD="sticky-hero-ad",e.NOTIFICATION_BANNER="notification-banner",e.SEARCH_CLICKABLE="search-clickable"}(i||(i={})),function(e){e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(a||(a={})),function(e){e.PRIMARY_FILLED="primary-filled",e.PRIMARY_TEXT="primary-text",e.SECONDARY_FILLED="secondary-filled",e.SECONDARY_TEXT="secondary-text",e.TERTIARY_TEXT="tertiary-text",e.LABEL_TEXT="label-text"}(r||(r={})),function(e){e.HORIZONTAL="horizontal",e.TRIGGERABLE_TOP="triggerable-top",e.TRIGGERABLE_LEFT="triggerable-left",e.TRIGGERABLE_RIGHT="triggerable-right"}(s||(s={})),function(e){e.DROPDOWN_TRIGGER="dropdown_trigger",e.DROPDOWN="dropdown",e.DRAWER_LINKS="drawer_links"}(l||(l={})),function(e){e.DEFAULT="default",e.HERO_AD="heroAd",e.NO_STYLE="no-style"}(d||(d={})),function(e){e.ACTIVE="active",e.DISABLED="disabled",e.DEFAULT="default"}(c||(c={})),function(e){e.BLANK="_blank",e.SELF="_self"}(m||(m={})),function(e){e.LINK="link",e.TRIGGER="trigger",e.ACCORDION="accordion",e.SEQ_LEVEL="seq-level",e.TRIGGER_AND_SEQ_LEVEL="trigger-and-seq-level"}(u||(u={})),function(e){e.TRANSFORM_NAVIGATION_LINKS="transformNavigationLinks",e.TRANSFORM_SEQUENTIAL_LEVELS="transformSeqLevels"}(p||(p={})),function(e){e.HEADER="header",e.CTA="cta",e.DEFAULT="default"}(g||(g={})),function(e){e.STANDARD="standard",e.INVERTED="inverted",e.SOFTLINEN="soft-linen"}(h||(h={})),function(e){e.DRAWER="drawer",e.TOP_NAVBAR="top_navbar"}(y||(y={})),function(e){e.START="start",e.CENTER="center",e.END="end"}(b||(b={})),function(e){e.FULL_PAGE="FULL_PAGE"}(f||(f={}))},64409(e,t,n){n.d(t,{yV:()=>s.yV,SZ:()=>s.SZ,OM:()=>s.OM,MP:()=>a,HP:()=>r,MB:()=>l.M});var o=n(30237),i=n(55058);const a={[o.Rp.SM]:i.Vh.sm,[o.Rp.MD]:i.Vh.md,[o.Rp.LG]:i.Vh.lg,[o.Rp.XL]:i.Vh.xl,[o.Rp.XXL]:i.Vh.xxl,[o.Rp.XXXL]:i.Vh.xxxl},r={[o.Rp.SM]:`(min-width: ${a[o.Rp.SM]}px)`,[o.Rp.MD]:`(min-width: ${a[o.Rp.MD]}px)`,[o.Rp.LG]:`(min-width: ${a[o.Rp.LG]}px)`,[o.Rp.XL]:`(min-width: ${a[o.Rp.XL]}px)`,[o.Rp.XXL]:`(min-width: ${a[o.Rp.XXL]}px)`,[o.Rp.XXXL]:`(min-width: ${a[o.Rp.XXXL]}px)`};a[o.Rp.SM],a[o.Rp.MD],a[o.Rp.LG],a[o.Rp.XL],a[o.Rp.XXL],a[o.Rp.XXXL];var s=n(6726),l=n(70346)},44354(e,t,n){n.d(t,{Rf:()=>l,Vh:()=>r,hY:()=>d});var o=n(56187),i=n(14307);let a;const r=e=>{a=e},s=async(e,t={})=>
9789{if(!a)return;const n={...t,isOpenAIModalVisible:e,...e?{modalSource:t.source}:{modalSource:null}};if(a({type:"MERGE_KEY",key:"openAIModalConfig",value:n}),t?.snowplowData)try{await(0,o.c)(),await(0,i.kg)(t.snowplowData,null,{skipDuplicateEvent:!1})}catch(e){}},l=async e=>{s(!0,e)},d=async()=>{await s(!1)}},94528(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({hed:{id:"OpenAIModal.Hed",defaultMessage:"ASK AI",description:"OpenAIModal component hed text"},subHed:{id:"OpenAIModal.subHed",defaultMessage:"Ask to tailor and pair Bon Appétit recipes to your taste and needsâor for recommendations that satisfy your cravings.",description:"OpenAIModal component sub hed text"},textInputPlaceholderText:{id:"OpenAIModal.textInputPlaceholderText",defaultMessage:"Ask anything",description:"OpenAIModal component text input placeholder Text"},disclaimerText:{id:"OpenAIModal.disclaimerText",defaultMessage:"AI can make mistakesâcheck ingredients meet dietary needs",description:"OpenAIModal component text input helper text"},closeButtonLabel:{id:"OpenAIModal.closeButtonLabel",defaultMessage:"Close Open AI Modal",description:"OpenAIModal component close button label"},closeButtonAriaLabel:{id:"OpenAIModal.closeButtonAriaLabel",defaultMessage:"Close Open AI Modal",description:"OpenAIModal component close button aria label"},openAIEntryPointButtonLabel:{id:"OpenAIModal.openAIEntryPointButtonLabel",defaultMessage:"ASK AI",description:"Label for the Open AI entry point button"},loadingText:{id:"OpenAIModal.loadingText",defaultMessage:"Cooking results",description:"Text displayed while waiting for AI response"},scrollToBottomAriaLabel:{id:"OpenAIModal.scrollToBottomAriaLabel",defaultMessage:"Scroll to bottom",description:"Aria label for the scroll to bottom button"},aiChatBotTickerHed1:{id:"AIChatBotTicker.hed1",defaultMessage:"Need to make a substitution?",description:"AIChatBotTicker component hed text1"},aiChatBotTickerHed2:{id:"AIChatBotTicker.hed2",defaultMessage:"Looking for the perfect pairing?",description:"AIChatBotTicker component hed text2"},aiChatBotTickerHed3:{id:"AIChatBotTicker.hed3",defaultMessage:"Want to turn this into a meal plan?",description:"AIChatBotTicker component hed text3"},aiChatBotTickerHed4:{id:"AIChatBotTicker.hed4",defaultMessage:"Need to adjust the measurements?",description:"AIChatBotTicker component hed text 4"},promptHeaderText:{id:"OpenAIModal.promptHeaderText",defaultMessage:"Starters",description:"Header text for prompt suggestions"},defaultPrompt1:{id:"OpenAIModal.defaultPrompt1",defaultMessage:"Can you recommend some seasonal side dishes?",description:"Default prompt suggestion 1"},defaultPrompt2:{id:"OpenAIModal.defaultPrompt2",defaultMessage:"Can you make me a gluten-free meal plan?",description:"Default prompt suggestion 2"},defaultPrompt3:{id:"OpenAIModal.defaultPrompt3",defaultMessage:"Can you recommend an easy, healthy dinner?",description:"Default prompt suggestion 3"}})},19362(e,t,n){n.d(t,{A:()=>d});var o=n(96540),i=n(6442),a=n(14307),r=n(73730),s=n(53499);const l=(0,n(72267).YK)({nextPage:{id:"PaginationRow.NextPage",defaultMessage:"Next Page",description:"The button label"}}),d=({btnStyle:e,buttonVariation:t="Primary",currentPage:n,filter:d,limit:c,searchQuery:m,shouldEnableBundleComponentAnalytics:u,totalResults:p})=>{o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"PaginationRow"})},[]);const g=(0,i.A)().formatMessage(l.nextPage);if(n*c>=p)return null;const h=r.A[t];let y=d?`?filter=${d}&page=${n+1}`:`?page=${n+1}`;y+=m?`&q=${m}`:"";return o.createElement("div",null,o.createElement(h,{inputKind:"link",href:y,btnStyle:e,label:g,shouldEnableBundleComponentAnalytics:u,onClickHandler:e=>{const t={type:"click",label:e.target.innerText,subject:"pagination",placement:"bottom"};(0,a.kg)(t)}}))}},33735(e,t,n){n.d(t,{A:()=>v});var o=n(49870),i=n.n(o),a=n(57744),r=n(15356),s=n(32485),l=n.n(s),d=n(5556),c=n.n(d),m=n(96540),u=n(49741),p=n(38267),g=n(26865);const h=p.Ay.aside.withConfig({displayName:"PaywallBarWrapper"})` 9790 position: fixed; 9791 right: 0; 9792 bottom: 0; 9793 left: 0; 9794 transform: translateY(100%); 9795 background: ${(0,g.HK)("colors.background.adContainer.special")}; 9796 width: 100%; 9797 height: auto; 9798 9799 ${({isVisible:e})=>e&&"\n transform: translateY(0);\n "}; 9800 9801 .consumer-marketing-unit__slot--paywall-bar-call-to-action { 9802 height: 0; 9803 } 9804 9805 @media print { 9806 display: none; 9807 } 9808`;var y=n(53499);const b=function(e){m.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"PaywallBar"})},[]);const{className:t,paywall:n,position:o="paywall-bar-call-to-action",visibility:i}=e,a=n.isMuted||i.footer;return m.createElement(h,{className:l()("paywall-bar",t),isVisible:!a},m.createElement(u.A,{className:"paywall-bar__consumer-marketing-unit",position:o,aria:{"aria-live":"polite",...a&&{"aria-hidden":!0}}}))};b.propTypes={className:c().string,paywall:c().object,position:c().string,visibility:c().shape({footer
9808:c().bool})};const f=b,w=(0,a.z5)("paywall"),$=(0,r.qj)({name:"footer",className:"site-footer"}),v=i()([w,$])(f)},66862(e,t,n){n.d(t,{A:()=>z});var o=n(13465),i=n(31581),a=n(47655),r=n(5556),s=n.n(r),l=n(96540),d=n(73347),c=n(38267),m=n(26865),u=n(18608),p=n(86659),g=n(73730),h=n(18117),y=n(96472),b=n(72662);const f=c.Ay.div.withConfig({displayName:"ProductVisualWrapper"})` 9809 ${({hasNoHeroProductVisualImage:e,isFirstProductListingContainer:t})=>e&&`\n ${(0,m.H4)(y.LO.md)} {\n margin-top: ${t?(0,m.Kq)(4):(0,m.Kq)(15)};\n }`} 9810`,w=(0,c.Ay)(p.A.MarginsOnly).withConfig({displayName:"SectionTitleWrapper"})` 9811 padding-bottom: ${(0,m.Kq)(2)}; 9812`,$=c.Ay.div.withConfig({displayName:"ExpertCardWrapper"})` 9813 grid-column: 1 / span 4; 9814 margin: ${(0,m.Kq)(2)} ${(0,m.Kq)(3)}; 9815 ${({hasNoHeroProductVisualImage:e})=>e&&`\n margin: 0;\n text-align: center;\n ${(0,m.L7)(y.LO.md)} {\n margin-bottom : ${(0,m.Kq)(2)};\n }\n `} 9816 ${(0,m.H4)(y.LO.md)} { 9817 grid-column: 1 / span 3; 9818 grid-row: 2; 9819 margin: ${(0,m.Kq)(3)} 0 ${(0,m.Kq)(5)} 9820 ${(0,m.Kq)(6)}; 9821 } 9822`,v=(0,c.Ay)(u.vm).withConfig({displayName:"Title"})` 9823 ${({shouldUseHedInExpertCard:e})=>e?(0,m.Gg)("typography.definitions.discovery.hed-core-secondary"):(0,m.Gg)("typography.definitions.discovery.hed-feature")} 9824 9825 margin-bottom: ${(0,m.Kq)(2)}; 9826 ${({theme:e})=>(0,m.iq)(e)&&`\n ${(0,m._o)(e,"color","colors.consumption.lead.inverted.heading")};\n `} 9827`,C=((0,c.Ay)(u.vm).withConfig({displayName:"DisclaimerText"})` 9828 margin-bottom: ${(0,m.Kq)(2)}; 9829 ${(0,m.Gg)("typography.definitions.globalEditorial.context-secondary")}; 9830 ${({theme:e})=>(0,m.iq)(e)&&`\n ${(0,m._o)(e,"color","colors.consumption.lead.inverted.description")};\n `} 9831`,(0,c.Ay)(u.vm).withConfig({displayName:"SubHed"})` 9832 ${(0,m.Gg)("typography.definitions.discovery.description-page")}; 9833 margin: ${(0,m.Kq)(2)} 0 ${(0,m.Kq)(3)} 0; 9834 ${({theme:e})=>(0,m.iq)(e)&&`\n ${(0,m._o)(e,"color","colors.consumption.lead.inverted.description")};\n `} 9835 ${({showRichTextInDek:e})=>e&&"\n ul, ol {\n list-style-position: inside;\n padding-left: 0;\n }\n "} 9836`),k=c.Ay.div.withConfig({displayName:"ButtonsWrapper"})``,A=(0,c.Ay)(g.A.Utility).withConfig({displayName:"UtilityButton"})` 9837 margin: 0 ${(0,m.Kq)(1.5)} ${(0,m.Kq)(2)} 0; 9838 ${(0,m.H4)(y.LO.md)} { 9839 margin: 0 ${(0,m.Kq)(1.5)} ${(0,m.Kq)(1.5)} 0; 9840 } 9841`,x=c.Ay.div.withConfig({displayName:"ProductCardCarouselWrapper"})` 9842 grid-column: 1 / span 4; 9843 margin: ${(0,m.Kq)(-5)} 0 ${(0,m.Kq)(4)} 0; 9844 overflow-x: clip; 9845 ${({hasNoHeroProductVisualImage:e})=>e&&`\n ${(0,m.L7)(y.LO.md)} {\n margin: 0 0 ${(0,m.Kq)(4)} 0;\n }\n `} 9846 9847 ${(0,m.H4)(y.LO.md)} { 9848 grid-column: 4 / -1; 9849 grid-row: 2; 9850 margin-top: ${(0,m.Kq)(-13)}; 9851 margin-left: ${(0,m.Kq)(3)}; 9852 } 9853 9854 ${b.aF} { 9855 margin: ${(0,m.Kq)(2)} 0; 9856 ${({hasNoHeroProductVisualImage:e})=>!e&&`\n margin-top: ${(0,m.Kq)(-3)};\n `} 9857 ${b.ig} { 9858 margin-right: ${(0,m.Kq)(3)}; 9859 ${(0,m.H4)(y.LO.md)} { 9860 margin-right: ${(0,m.Kq)(6)}; 9861 } 9862 } 9863 ${b.l9} { 9864 padding-top: ${(0,m.Kq)(2)}; 9865 } 9866 ${b.oX}:first-child { 9867 box-sizing: content-box; 9868 ${({hasPadding:e})=>e?`padding-left: ${(0,m.Kq)(3)};\n ${(0,m.H4)(y.LO.md)}\n { \n padding-left: 0;\n }`:"padding-left: 0;"} 9869 } 9870 ${b.oX}:last-child { 9871 box-sizing: content-box; 9872 ${({hasPadding:e})=>e?`padding-right: ${(0,m.Kq)(3)};\n ${(0,m.H4)(y.LO.md)}\n { \n padding-right: ${(0,m.Kq)(6)};\n }`:"padding-right: 0;"} 9873 } 9874 } 9875`,E=c.Ay.div.withConfig({displayName:"GridWrapper"})` 9876 display: grid; 9877 grid-gap: 0; 9878 grid-template-columns: repeat(4, 1fr); 9879 margin: 0 0 ${(0,m.Kq)(4)} 0; 9880 width: 100%; 9881 row-gap: 0; 9882 ${h.B} { 9883 grid-column: 1 / span 4; 9884 9885 img { 9886 width: 100vw; 9887 } 9888 } 9889 ${(0,m.H4)(y.LO.md)} { 9890 grid-template-columns: repeat(12, 1fr); 9891 margin: 0 0 ${(0,m.Kq)(5)} 0; 9892 ${h.B} { 9893 grid-column: 1 / span 12; 9894 grid-row: 1; 9895 9896 img { 9897 width: 100vw; 9898 } 9899 } 9900 } 9901`,S=({title:e,subHed:t,links:n=[],shouldUseHedInExpertCard:o,hasNoHeroProductVisualImage:i,showRichTextInDek:a})=>e||0!==n.length?l.createElement($,{hasNoHeroProductVisualImage:i},e&&l.createElement(v,{shouldUseHedInExpertCard:o,as:o?"h2":"p",dangerouslySetInnerHTML:{__html:e}}),t&&l.createElement(C,{showRichTextInDek:a,dangerouslySetInnerHTML:{__html:t}}),l.createElement(k,null,n.map((e,t)=>l.createElement(A,{key:`btn-${t}`,btnStyle:"outlined",inputKind:"link",label:e.label,href:e.href,target:e.target})))):null;S.propTypes={hasNoHeroProductVisualImage:s().bool,links:s().array,shouldUseHedInExpertCard:s().bool,showRichTextInDek:s().bool,subHed:s().string,title:s().string};const L=S;var T=n(38221),N=n.n(T),H=n(44210),I=n(94828),B=n(67170),O=n(75828),K=n(19607),D=n(60162),_=n(68397),P=n(40391),R=n(25203);const q=({cardLayout:e,productList:t,carouselViewProps:n,hasBorder:o=!1,hasUnderlineHed:i=!0,productProps:a,layoutName:r,isLazy:s,shouldAppendReadMoreLinkForDek:d=!0,summaryItemVariation:c="TextBelowLeft",isUpcEnabled:m,enableUnifiedVenueCard:u,isContentCenter:p,isPlpCurated:g,shouldOpenInternalLinksInNewTab:h,hideRubricLink:y,hasNoHeroProductVisualImage:b,shouldHideDangerousDek:f,templateLayout:w,isSponsoredProductEnabledforCommerce:$,nativeSponsorProductPositionCarousel:v,enableEditorNote:C,editorNoteTitle:k,hasReadMoreFeature:A,showClampedProductDescription:E,productDescriptionLineLength:S,enableAffiliateDisclaimerLabel:L=!1})=>{const T="ContentCarousel",[q,M]=(0,l.useState)(!1),F=["product","commerce-product"];l.useEffect(()=>{window.addEventListener("scroll",N()(()=>(0,D.Yp)(T,document.getElementsByClassName("impressionTracking")),1e3)),window.addEventListener("load",()=>(0,D.Yp)(T,document.getElementsByClassName("impressionTracking")))},[T]);const U=e=>m&&F.includes(e),V=(e={})=>U(e.contentType)||(0,P.e)(e.contentType),{showControls:G,dangerousHed:W,itemsDensity:j}=n,z=v-1;return l.createElement(x,{hasPadding:n?.hasPadding,hasNoHeroProductVisualImage:b},l.createElement(_.A,{carouselSettings:{showControls:G,controlsPosition:b?"header":"footer",itemsDensity:j}},t.map((n,m)=>l.createElement(l.Fragment,{key:`fragment-${m}`},((e,n)=>e&&F.includes(e.contentType)&&n===z&&z<t.length&&$&&!q)(n,m)&&l.createElement(_.A.CarouselItem,{key:`commerce-sponsor-product-ad-${m}`,itemsDensity:j},l.createElement(K.A,{position:"sponsor-product",templateLayout:w,onEmpty:()=>M(!0)})),l.createElement(_.A.CarouselItem,{key:`carouselItem-${m}`,itemsDensity:j,trackingEventData:{carouselName:W,itemIndex:m,totalItems:t.length}},((n,m)=>{const{contentType:b}=n||"",w={...n,index:m,layout:"VisualCarousel"};let $=e,v=I.A[c];"article"!==b&&"gallery"!==b&&"externallink"!==b||($="summary-item-card"),(U(b)||(0,P.e)(b))&&($="unified-product-card");const x="unified-product-card"===$&&(0,R.ft)({enableAffiliateDisclaimerLabel:L,item:n,items:t,itemIndex:m,isAffiliateItem:V});switch(n.isTextExternalLink||n.showLinkedAsset&&n.isTextExternalLink?v=I.A.SideBySideDenseNoAsset:n.showAssetOnly||n.showLinkedAsset?v=B.A:p&&"externallink"===b&&(v=I.A.TextBelowCenter),$){case"summary-item-card":return l.createElement(v,{...n,key:`${n.dangerousHed}-${m}`,...a,hasUnderlineHed:i,isLazy:s,shouldAppendReadMoreLinkForDek:d,hasBorder:o,showShopNowButton:"externallink"===b,buttonSize:"default",shouldUseSmallHed:"externallink"===b,isPlpCurated:g,shouldOpenInternalLinksInNewTab:h,layout:T,index:m,hideRubricLink:y,shouldHideDangerousDek:f,isTextExternalLink:n.isTextExternalLink});case"unified-product-card":return l.createElement(O.A,{...n,key:`${n.dangerousHed}-${m}`,data_item:w,isLazy:s,hasImpressionTracking:!0,layoutName:r,layout:T,shouldDisableCreditText:!0,componentUsed:"carousel",enableEditorNote:C,editorNoteTitle:k,hasReadMoreFeature:A,showClampedProductDescription:E,productDescriptionLineLength:S,bookmarkMeta:n,enableUnifiedVenueCard:u,enableAffiliateDisclaimerLabel:x,componentConfigOverride:{...n.componentConfigOverride,enableAffiliateDisclaimerLabel:x}});default:return l.createElement(H.A,{...n,isLazy:s,key:`${n.dangerousHed}-${m}`,...a,hasImpressionTracking:!0,data_item:n,onClick:(e,t)=>{(0,D.g1)({window,product:n,index:m,actionId:t,layout:T,event:e,layoutTitle:r})},layoutName:r,layout:T})}})(n,m))))))};q.propTypes={cardLayout:s().oneOf(["summary-item-card","plp-product-card"]),carouselViewProps:s().object,enableEditorNote:s().bool,enableAffiliateDisclaimerLabel:s().bool,editorNoteTitle:s().string,hasBorder:s().bool,hasNoHeroProductVisualImage:s().bool,hasReadMoreFeature:s().bool,hasUnderlineHed:s().bool,hideRubricLink:s().bool,isContentCenter:s().bool,isLazy:s().bool,isPlpCurated:s().bool,isSponsoredProductEnabledforCommerce:s().bool,isUpcEnabled:s().bool,enableUnifiedVenueCard:s().bool,layoutName:s().string,nativeSponsorProductPositionCarousel:s().number,productDescriptionLineLength:s().number,productList:s().array,productProps:s().object,shouldAppendReadMoreLinkForDek:s().bool,shouldHideDangerousDek:s().bool,shouldOpenInternalLinksInNewTab:s().bool,showClampedProductDescription:s().bool,summaryItemVariation:s().string,templateLayout:s().string};const M=q;var F=n(73275),U=n(49235),V=n(13099);const G=e=>{const{hed:t,productVisualAsset:n,sectionTitleVariation:o="LineAboveLineBelowTextCenter",expertCardContent:i,productList:a=[],carouselViewProps:r={showControls:!0,hasPadding:!0,itemsDensity:"min"},productProps:s={isDropshipProduct:!0,isProductCardName:!0,hasUnderlineHed:!1,hasImageGrid:!0,hasProductPriceColor:!0},shouldUseHedInExpertCard:c=!0,theme:m="standard",isLazy:u,variations:p={layout:"plp-product-card"},isFirstProductListingContainer:g,showDisclaimer:h,affiliateDisclaimer:y,summaryItemVariation:b,shouldAppendReadMoreLinkForDek:$,isUpcEnabled:v,enableUnifiedVenueCard:C,isContentCenter:k,isPlpCurated:A,shouldOpenInternalLinksInNewTab:x,hideRubricLink:S,showRichTextInDek:T=!1,shouldHideDangerousDek:N,templateLayout:H,config:I,enableEditorNote:B,editorNoteTitle:O,enableAffiliateDisclaimerLabel:K=!1,hasReadMoreFeature:D,showClampedProductDescription:_,productDescriptionLineLength:P}=e,{layout:R}=p,q=t?t.replace(/[^a-zA-Z]+/gi,"-").toLowerCase():"";let G=t,W={};var j,z;c&&t&&(G=void 0,j=t,z=i?.title,W={title:j,subHed:z}),r.dangerousHed=q;const Y=d.Ay[o],X=I?.adsConfig?.enableNativeSponsoredProductforCommerce||!1,Z=I?.adsConfig?.nativeSponsorProductPositionCarousel||3;return l.createElement(U.A,{palette:m},l.createElement(f,{hasNoHeroProductVisualImage:!n,isFirstProductListingContainer:g&&h},g&&h&&l.createElement(V.M.TextCenterNoTopRule,{isEnabled:h,hasDisclaimerBottomMargin:!n,disclaimerHtml:y}),G&&l.createElement(w,null,l.createElement(Y,{dangerousHed:G})),l.createElement(E,null,i&&l.createElement(L,{...i,...W,hasNoHeroProductVisualImage:!n,shouldUseHedInExpertCard:c,showRichTextInDek:T}),n&&l.createElement(F.A,{...n,isLazy:u}),a.length>0&&l.createElement(M,{cardLayout:R,productList:a,carouselViewProps:r,productProps:s,layoutName:q,isLazy:u,summaryItemVariation:b,shouldAppendReadMoreLinkForDek:$,isUpcEnabled:v,enableUnifiedVenueCard:C,isContentCenter:k,isPlpCurated:A,shouldOpenInternalLinksInNewTab:x,hideRubricLink:S,hasNoHeroProductVisualImage:!n,shouldHideDangerousDek:N,templateLayout:H,isSponsoredProductEnabledforCommerce:X,nativeSponsorProductPositionCarousel:Z,enableEditorNote:B,editorNoteTitle:O,enableAffiliateDisclaimerLabel:K,hasReadMoreFeature:D,showClampedProductDescription:_,productDescriptionLineLength:P}))))};G.propTypes={affiliateDisclaimer:s().string,carouselViewProps:s().object,config:s().shape({adsConfig:s().shape({enableNativeSponsoredProductforCommerce:s().bool,nativeSponsorProductPositionCarousel:s().number})}),editorNoteTitle:s().string,enableEditorNote:s().bool,enableAffiliateDisclaimerLabel:s().bool,expertCardContent:s().object,hasReadMoreFeature:s().bool,hed:s().string,hideRubricLink:s().bool,isContentCenter:s().bool,isFirstProductListingContainer:s().bool,isLazy:s().bool,isPlpCurated:s().bool,isUpcEnabled:s().bool,enableUnifiedVenueCard:s().bool,productDescriptionLineLength:s().number,productList:s().array,productProps:s().object,productVisualAsset:s().object,sectionTitleVariation:s().string,
9901shouldAppendReadMoreLinkForDek:s().bool,shouldHideDangerousDek:s().bool,shouldOpenInternalLinksInNewTab:s().bool,shouldUseHedInExpertCard:s().bool,showClampedProductDescription:s().bool,showDisclaimer:s().bool,showRichTextInDek:s().bool,summaryItemVariation:s().string,templateLayout:s().string,theme:s().oneOf(["standard","inverted"]),variations:s().shape({layout:s().oneOf(["summary-item-card","plp-product-card"])})};const W=G;W.PLPProductCard=(0,a.y)(W,"PLPProductCard",{layout:"plp-product-card"}),W.SummaryItemCard=(0,a.y)(W,"SummaryItemCard",{layout:"summary-item-card"});const j=W,z=(0,i.N)((0,o.y)(j,"ProductVisual"))},24573(e,t,n){n.d(t,{A:()=>f});var o=n(13465),i=n(5556),a=n.n(i),r=n(32485),s=n.n(r),l=n(96540),d=n(6442),c=n(83558),m=n(73730),u=n(94373),p=n(53499);const g=(0,n(72267).YK)({dataLabel:{id:"ReviewRatingData.DataLabel",defaultMessage:"Rating:",description:"Label for rating"},buttonLabel:{id:"ReviewRatingData.ButtonLabel",defaultMessage:"Open rating explainer",description:"Label for rating explainer button"}});var h=n(63815);const y=({className:e,rating:t=0,ratingList:n=[]})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"ReviewRatingData"})},[]);const o=(0,d.A)(),[i,a]=l.useState(!0),r=()=>{a(!i)},y=l.createElement(h.nv,{className:"review-rating-data__rating-explainer-modal"},n.map((e,t)=>l.createElement(h.J6,{key:e},l.createElement(h.wx,{as:"span"},t+1),l.createElement(h.s5,{as:"span"},e))));return l.createElement(h.tV,{className:s()("review-rating-data",e)},l.createElement(h.qn,{className:"review-rating-data__label"},o.formatMessage(g.dataLabel)),l.createElement(h.Lh,null,t,"/10"),l.createElement(h._A,null,l.createElement(m.A.Utility,{isIconButton:!0,ButtonIcon:c.A,className:"review-rating-data__info-button",label:o.formatMessage(g.buttonLabel),onClickHandler:r,role:"button"}),!i&&l.createElement(u.A,{className:"alert__tooltip",arrowPosition:52,gaIdentifier:"review-rating-explainer",isVisible:!0,isTooltip:!0,onClose:r,shouldUseArrow:!0},y)))};y.propTypes={className:a().string,rating:a().number,ratingList:a().array},y.displayName="ReviewRatingData";const b=y,f=(0,o.y)(b,"ReviewRatingData")},63815(e,t,n){n.d(t,{J6:()=>m,Lh:()=>l,_A:()=>d,nv:()=>c,qn:()=>s,s5:()=>p,tV:()=>r,wx:()=>u});var o=n(38267),i=n(18608),a=n(26865);const r=o.Ay.div.withConfig({displayName:"ReviewRatingDataWrapper"})` 9902 display: flex; 9903 position: relative; 9904 flex-direction: row; 9905 align-items: center; 9906 margin-top: ${(0,a.Kq)(2)}; 9907 width: 100%; 9908`,s=(0,o.Ay)(i.vm).withConfig({displayName:"ReviewRatingDataLabel"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))` 9909 margin-right: ${(0,a.Kq)(1)}; 9910`,l=(0,o.Ay)(i.vm).withConfig({displayName:"ReviewRatingDataValue"})` 9911 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-primary")} 9912 color: ${({theme:e})=>(0,a.HK)(e,"colors.consumption.body.standard.subhed")}; 9913`,d=o.Ay.div.withConfig({displayName:"ReviewRatingDataExplainer"})` 9914 margin-left: ${(0,a.Kq)(.5)}; 9915 9916 .review-rating-data__info-button, 9917 .review-ratingdata__close-button { 9918 margin: 0; 9919 border: 0; 9920 background-color: ${({theme:e})=>(0,a.HK)(e,"colors.interactive.base.white")}; 9921 fill: ${({theme:e})=>(0,a.HK)(e,"colors.consumption.body.standard.accent")}; 9922 padding: 0; 9923 9924 &:hover, 9925 &:focus { 9926 border: 0; 9927 background: none; 9928 } 9929 } 9930 9931 .icon { 9932 padding-right: 5px; 9933 width: 24px; 9934 height: 24px; 9935 } 9936 9937 .review-rating-data__info-button { 9938 .button__icon-container, 9939 .icon { 9940 padding-right: 0; 9941 width: 18px; 9942 height: 18px; 9943 } 9944 } 9945 9946 .icon.icon-close { 9947 width: 35px; 9948 height: 35px; 9949 } 9950`,c=o.Ay.div.withConfig({displayName:"ReviewRatingDataExplainerModal"})` 9951 padding: ${(0,a.Kq)(2)} 0 ${(0,a.Kq)(2)} 9952 ${(0,a.Kq)(2)}; 9953`,m=o.Ay.div.withConfig({displayName:"ReviewRatingDataExplainerModalList"})` 9954 display: flex; 9955 letter-spacing: 0; 9956`,u=o.Ay.span.withConfig({displayName:"ReviewRatingDataExplainerModalListRating"})` 9957 flex: 1; 9958 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.consumptionEditorial.citation")} 9959 font-weight: bold; 9960`,p=o.Ay.span.withConfig({displayName:"ReviewRatingDataExplainerModalListDescribe"})` 9961 flex: 9; 9962 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.consumptionEditorial.citation")} 9963`},32842(e,t,n){n.d(t,{A:()=>O});var o=n(96540),i=n(68397),a=n(59512),r=n(38267),s=n(75163),l=n(1123),d=n(18608),c=n(26865),m=n(96472),u=n(72662),p=n(33500),g=n(28934);const h=r.Ay.section.withConfig({displayName:"ScreeningRoomRoot"})` 9964 margin: 0 auto; 9965 width: 100%; 9966 color: var(${s.pT.Color.Text}); 9967 9968 ${g.bM}:link, 9969 ${g.bM}:visited { 9970 color: var(${s.pT.Color.ActionUtilityDefault}); 9971 } 9972 9973 ${g.ab} { 9974 margin-top: 0; 9975 min-height: ${(0,c.Kq)(2)}; 9976 padding: 0; 9977 } 9978`,y=r.Ay.div.withConfig({displayName:"ScreeningRoomReviews"})` 9979 ${(0,l.VO)()} 9980 ${(0,l.aU)("padding")} 9981 margin: ${(0,c.Kq)(1)} auto 0; 9982 max-width: ${m.LO.fullBleed}; 9983 9984 &::before { 9985 display: block; 9986 border-top: 1px solid var(${s.pT.Color.Text}); 9987 margin-bottom: ${(0,c.Kq)(1)}; 9988 content: ''; 9989 } 9990 9991 ${u.aF} { 9992 margin: 0; 9993 } 9994 9995 ${u.h0} { 9996 margin-bottom: ${(0,c.Kq)(1)}; 9997 padding: 0; 9998 } 9999 10000 ${u.Q0} { 10001 ${p.bU} { 10002 ${(0,c.Gg)("typography.definitions.consumptionEditorial.description-core")} 10003 font-size: 24px; 10004 } 10005 } 10006 10007 ${u.hF} { 10008 margin-top: 0; 10009 } 10010 10011 ${u.hB} { 10012 margin-top: ${(0,c.Kq)(2)}; 10013 margin-bottom: ${(0,c.Kq)(2)}; 10014 } 10015`,b=(0,r.Ay)(d.sH).withConfig({displayName:"ScreeningRoomReviewCard"})` 10016 display: flex; 10017 flex-direction: column; 10018 gap: ${(0,c.Kq)(.75)}; 10019 border: 1px solid var(${s.pT.Color.BorderSubtle}); 10020 background: var(${s.pT.Color.Surface}); 10021 padding: ${(0,c.Kq)(1)}; 10022 color: var(${s.pT.Color.Text}); 10023 text-decoration: none; 10024 10025 ${(0,c.H4)(m.LO.md)} { 10026 padding: ${(0,c.Kq)(1.5)}; 10027 } 10028 10029 &:active, 10030 &:focus, 10031 &:hover, 10032 &:link, 10033 &:visited { 10034 color: var(${s.pT.Color.Text}); 10035 text-decoration: none; 10036 } 10037 10038 &:focus-visible { 10039 outline: 2px solid var(${s.pT.Color.BorderFocus}); 10040 outline-offset: 2px; 10041 } 10042`,f=r.Ay.div.withConfig({displayName:"ScreeningRoomReviewHeader"})` 10043 display: flex; 10044 align-items: center; 10045 gap: ${(0,c.Kq)(.75)}; 10046`,w=r.Ay.img.withConfig({displayName:"ScreeningRoomReviewAvatar"})` 10047 flex: 0 0 auto; 10048 border-radius: 50%; 10049 width: ${(0,c.Kq)(4)}; 10050 height: ${(0,c.Kq)(4)}; 10051 object-fit: cover; 10052`,$=r.Ay.span.withConfig({displayName:"ScreeningRoomReviewAvatarFallback"})` 10053 display: flex; 10054 flex: 0 0 auto; 10055 align-items: center; 10056 justify-content: center; 10057 border-radius: 50%; 10058 background: var(${s.pT.Color.SurfacePlaceholder}); 10059 width: ${(0,c.Kq)(4)}; 10060 height: ${(0,c.Kq)(4)}; 10061 color: var(${s.pT.Color.TextSubtle}); 10062`,v=(0,r.Ay)(d.vm).withConfig({displayName:"ScreeningRoomReviewName"})` 10063 ${(0,c.Gg)("typography.definitions.globalEditorial.accreditation-feature")} 10064 display: block; 10065 text-transform: uppercase; 10066`,C=r.Ay.div.withConfig({displayName:"ScreeningRoomStars"})` 10067 display: flex; 10068 gap: 2px; 10069 font-size: ${(0,c.Kq)(2)}; 10070 line-height: 1; 10071`,k=r.Ay.span.withConfig({displayName:"ScreeningRoomStar"})` 10072 background: linear-gradient( 10073 90deg, 10074 var(${s.pT.Color.ActionBrandDefault}) ${({$fill:e})=>100*e}%, 10075 var(${s.pT.Color.TextSubtle}) ${({$fill:e})=>100*e}% 10076 ); 10077 background-clip: text; 10078 color: transparent; 10079`,A=r.Ay.span.withConfig({displayName:"ScreeningRoomReviewDate"})` 10080 ${(0,c.Gg)("typography.definitions.globalEditorial.context-primary")} 10081 color: var(${s.pT.Color.TextSubtle}); 10082 text-transform: uppercase; 10083`,x=r.Ay.p.withConfig({displayName:"ScreeningRoomReviewText"})` 10084 ${(0,c.Gg)("typography.definitions.consumptionEditorial.description-core")} 10085 display: -webkit-box; 10086 overflow: hidden; 10087 margin: 0; 10088 -webkit-box-orient: vertical; 10089 -webkit-line-clamp: 6;
10090`,E=r.Ay.span.withConfig({displayName:"ScreeningRoomReviewReadMore"})` 10091 ${(0,c.Gg)("typography.definitions.globalEditorial.accreditation-feature")} 10092 color: var(${s.pT.Color.TextSubtle}); 10093 text-transform: uppercase; 10094 text-decoration: underline; 10095 text-underline-offset: ${(0,c.Kq)(.5)}; 10096`,S=r.Ay.span.withConfig({displayName:"ScreeningRoomReviewLikes"})` 10097 ${(0,c.Gg)("typography.definitions.globalEditorial.context-primary")} 10098 display: flex; 10099 align-items: center; 10100 margin-top: ${(0,c.Kq)(.5)}; 10101 gap: ${(0,c.Kq)(.5)}; 10102 color: var(${s.pT.Color.ActionBrandDefault}); 10103`,L=({rating:e})=>e?o.createElement(C,{"aria-label":`${e} out of 5 stars`,role:"img"},Array.from({length:5},(t,n)=>o.createElement(k,{$fill:Math.max(0,Math.min(1,e-n)),"aria-hidden":"true",key:n},"â "))):null,T=({review:e})=>{const t=(e=>{if(!e)return"";const t=new Date(e);return Number.isNaN(t.getTime())?"":new Intl.DateTimeFormat("en-US",{day:"numeric",month:"short",timeZone:"UTC",year:"numeric"}).format(t)})(e.watchedDate);return o.createElement(b,{href:e.url,rel:"noopener noreferrer",target:"_blank"},o.createElement(f,null,e.avatarUrl?o.createElement(w,{alt:"",height:"40",loading:"lazy",src:e.avatarUrl,width:"40"}):o.createElement($,{"aria-hidden":"true"},(e.displayName||e.username).charAt(0)),o.createElement(v,null,e.displayName||e.username)),o.createElement(L,{rating:e.rating}),t&&o.createElement(A,null,"Watched ",t),o.createElement(x,null,e.reviewText),e.reviewText.length>160&&o.createElement(E,null,"Read more"),o.createElement(S,{"aria-label":`${e.likes} likes`},o.createElement("span",{"aria-hidden":"true"},"â¥")," ",(n=e.likes)>=1e3?`${Math.floor(n/1e3)}
10103k`:n));var n},N=a.A.Utility,H=i.A,I=e=>"string"==typeof e&&Boolean(e.trim()),B=e=>Boolean(e&&I(e.id)&&I(e.reviewText)&&I(e.url)&&(I(e.displayName)||I(e.username))),O=({reviewHeading:e,reviews:t,tickerLink:n})=>{const i=t?.filter(B)||[];return i.length?o.createElement(h,{"data-testid":"screening-room"},o.createElement(y,null,o.createElement(H,{carouselSettings:{hasPaginationDots:i.length>1,hideScrollbar:!0,isPaginationClickable:!0,scrollType:"set-by-set",showControls:!1,showLabels:!1},headerProps:{contentAlign:"left",dangerousHed:e,sectionTitleVariation:"TextLeft"}},i.map(e=>o.createElement(H.CarouselItem,{disableSnowplowTracking:!0,key:e.id},o.createElement(T,{review:e}))))),n&&o.createElement(N,{link:n,target:"_blank",text:""})):null}},22361(e,t,n){n.d(t,{A:()=>P});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(6442),d=n(58156),c=n.n(d),m=n(38221),u=n.n(m),p=n(57743);const g=(e,t)=>{e?.length>2?(0,p.u)(`/api/locations/${e}`,{headers:{"Content-Type":"application/json"},method:"GET"},5e3).then(e=>e.json()).then(n=>{const o=n.locations.map(t=>({...t,inputValue:e}));return t(o)}).catch(()=>t([])):t([])};var h=n(32272),y=n(91706),b=n(13465),f=n(38267),w=n(96472),$=n(1123),v=n(26865),C=n(73730),k=n(79499),A=n(40653);const x=f.Ay.div.withConfig({displayName:"SearchableSummaryCollectionWrapper"})` 10104 display: grid; 10105 grid-template-columns: 1fr; 10106 margin-bottom: ${(0,v.Kq)(2)}; 10107 background-color: ${(0,v.HK)("colors.discovery.body.light.background")}; 10108 10109 .summary-collection-grid--four-columns { 10110 ${(0,v.H4)(w.LO.md)} { 10111 grid-column: span 3; 10112 } 10113 } 10114`,E=(0,f.Ay)("div").withConfig({displayName:"SearchableSummaryCollectionLoader"})` 10115 display: flex; 10116 align-items: center; 10117 justify-content: center; 10118 10119 svg { 10120 width: 50px; 10121 } 10122`,S=(0,f.Ay)("div").withConfig({displayName:"SearchableSummaryCollectionSearchContainer"})` 10123 display: grid; 10124 grid-template-rows: repeat(3, 1fr); 10125 align-items: center; 10126 margin: ${(0,v.Kq)(2)} ${(0,v.Kq)(8)}; 10127 ${(0,$.aU)("padding")}; 10128 10129 h2 { 10130 ${(0,v.Gg)("typography.definitions.discovery.subhed-section-primary")} 10131 margin: ${(0,v.Kq)(2)} 0; 10132 text-align: center; 10133 color: ${(0,v._o)("colors.discovery.body.light.accreditation")}; 10134 } 10135 10136 ${A.E} { 10137 grid-column: span 12; 10138 } 10139 10140 span { 10141 ${(0,v.Gg)("typography.definitions.discovery.description-core")} 10142 text-transform: capitalize; 10143 color: ${(0,v._o)("colors.discovery.body.light.accreditation")}; 10144 justify-self: center; 10145 } 10146`,L=(0,f.Ay)(k.Ay.Searchable).withConfig({displayName:"CategoryFilterAsyncDropdown"})` 10147 grid-column: 2/9; 10148`,T=((0,f.Ay)("div").withConfig({displayName:"SearchWrapper"})` 10149 display: grid; 10150 grid-column-gap: ${(0,v.Kq)(2)}; 10151 grid-template-columns: 30% 15%; 10152 justify-content: center; 10153 10154 input { 10155 height: ${(0,v.Kq)(6)}; 10156 } 10157`,(0,f.Ay)(C.A.Primary).withConfig({displayName:"SearchableSummaryCollectionClickout"})` 10158 grid-area: 3 / 1; 10159 margin: ${(0,v.Kq)(4)}; 10160 10161 ${(0,v.H4)(w.LO.lg)} { 10162 justify-self: center; 10163 max-width: 30%; 10164 } 10165`),N=f.Ay.form.withConfig({displayName:"CategoryFilterFormWrapper"})` 10166 .grid { 10167 align-items: center; 10168 justify-content: center; 10169 } 10170 10171 ${A.E}:first-of-type { 10172 ${(0,v.H4)(w.LO.md)} { 10173 grid-column: 3/11; 10174 } 10175 } 10176 10177 ${A.E} { 10178 grid-column: 1 / -1; 10179 10180 ${(0,v.H4)(w.LO.md)} { 10181 grid-column: span 2; 10182 } 10183 } 10184 10185 .category-filter__dropdown__icon { 10186 margin-top: ${(0,v.Kq)(.5)}; 10187 margin-right: ${(0,v.Kq)(1)}; 10188 } 10189`;var H=n(18608),I=n(86659);const B=(0,n(72267).YK)({asyncDropdownPlaceholder:{id:"SearchableSummaryCollection.AsyncDropdownPlaceholder",defaultMessage:"Search by city or destination",description:"Placeholder for async dropdown"},searchContainerHed:{id:"SearchableSummaryCollection.SearchContainerHed",defaultMessage:"Where do you want to go?",description:"Hed for search container message"},submitButtonLabel:{id:"SearchableSummaryCollection.SubmitButtonLabel",defaultMessage:"Search",description:"Label for submit button"},noMatchesFoundLabel:{id:"SearchableSummaryCollection.NoMatchesFoundLabel",defaultMessage:"No matches found",description:"Label for dropdown when no matches are found"}
10189,noResultsMessage:{id:"SearchableSummaryCollection.NoResultsMessage",defaultMessage:"Sorry, there are no results for your search - please try another location",description:"Message to display when no results are found for location"},clickoutButtonLabel:{id:"SearchableSummaryCollection.ClickoutButtonLabel",defaultMessage:"View all {location} hotels",description:"Label for clickout button when matches are found"}});var O=n(73767);const K=()=>s.createElement("span",{className:"category-filter__dropdown__icon"},s.createElement(O.A,null)),D=({handleOnSubmit:e,isGridLayout:t=!0})=>{const{formatMessage:n}=(0,l.A)(),o=t?I.A.WithMargins:H.c7,i=u()(g,300);return s.createElement(N,{name:"search",type:"search"},s.createElement(o,null,s.createElement(L,{assistiveLabel:"",DropdownIcon:K,isClearable:!0,isAsyncSelect:!0,loadOptions:i,options:[],onInputChange:t=>{e(t)},isMenuOpen:!1,placeholderText:n(B.asyncDropdownPlaceholder)})))};D.propTypes={handleOnSubmit:r().func,isGridLayout:r().bool};const _=({className:e,clickoutPath:t,configuredComponentRef:n,dangerousHed:o,searchSettings:a={apiEndpoint:"venues",contentType:"hotel"},shouldAppendReadMoreLinkForDek:r=!1})=>{const[d,m]=(0,s.useState)(!1),[u,g]=(0,s.useState)([]),[b,f]=(0,s.useState)(!0),[w,$]=(0,s.useState)({}),{formatMessage:v}=(0,l.A)(),C=e=>{g(e),f(!1)},{locationName:k,locationHierarchy:A}=w,L=o||v(B.searchContainerHed),N=c()(u,"venue.items",[]).length>=1,H=d&&!N&&!b;return s.createElement(x,{ref:n,className:i()("searchable-summary-collection-wrapper",e)},s.createElement(S,null,s.createElement("h2",null,L),s.createElement(D,{handleOnSubmit:e=>{e&&(f(!0),g([]),m(!0),((e,t,n)=>{const{apiEndpoint:o,contentType:i}=t,a=`hierarchy=${e.value}&contentType=${i}`;(0,p.u)(`/api/${o}?${a}`,{headers:{"Content-Type":"application/json"},method:"GET"},5e3).then(e=>e.json()).then(e=>n(e)).catch(e=>n([]))})(e,a,C),$((e=>{const t=e.split("/");return{locationName:t.pop(-1),locationHierarchy:t.slice(1).join("/")}})(e.value)))}}),H&&s.createElement("span",null,v(B.noResultsMessage))),d&&s.createElement(s.Fragment,null,b&&s.createElement(E,null,s.createElement(h.A,null)),N&&s.createElement(s.Fragment,null,s.createElement(y.A.FourColumns,{summaryItemVariation:"TextBelowImageLeftHasRuleWithDek",sectionTitleVariation:"WrappedComponent",shouldAppendReadMoreLinkForDek:r,...u.venue,items:u.venue.items.slice(0,4)}),s.createElement(T,{inputKind:"link",href:`${t}${k}?hierarchy=${A}`,label:v(B.clickoutButtonLabel,{location:k})}))))};_.propTypes={configuredComponentRef:r().func,className:r().string,clickoutPath:r().string,dangerousHed:r().string,searchSettings:r().shape({apiEndpoint:r().string,contentType:r().string}),shouldAppendReadMoreLinkForDek:r().bool},_.displayName="SearchableSummaryCollection";const P=(0,b.y)(_,"SearchableSummaryCollection")},29946(e,t,n){n.d(t,{O:()=>i,v:()=>a});const o=(0,n(60663).Y)(()=>window.localStorage),i=e=>JSON.parse(o.getItem(e)),a=(e,t)=>o.setItem(e,JSON.stringify(t))},16001(e,t,n){n.d(t,{A:()=>G});var o=n(5556),i=n.n(o),a=n(96540),r=n(45135),s=n(6442);const l=(0,n(72267).YK)({oidcSignUpButtonLabel:{id:"SignInModal.OidcSignUpButtonLabel",defaultMessage:"Create account",description:"SignInModal component OIDC SignUp button label"},closeButtonLabel:{id:"SignInModal.CloseButtonLabel",defaultMessage:"Close Sign In Modal",description:"SignInModal component close button label"},closeButtonAriaLabel:{id:"SignInModal.CloseButtonAriaLabel",defaultMessage:"Close Sign In Modal",description:"SignInModal component close button aria label"},hed:{id:"SignInModal.Hed",defaultMessage:"Save stories ",description:"SignInModal component hed text",isConfigurable:!0},hedSpanTag:{id:"SignInModal.HedSpanTag",defaultMessage:"with an account",description:"SignInModal component hed spanTag text",isConfigurable:!0},oidcSignInText:{id:"SignInModal.OidcSignInText",defaultMessage:"Already have an account?",description:"SignInModal component OIDC SignIn Text"},oidcSignInLinkText:{id:"SignInModal.OidcSignInLinkText",defaultMessage:"Sign in",description:"SignInModal component OIDC SignIn Link Text"}});var d=n(15822),c=n(24695),m=n(73275),u=n(90090),p=n(13465),g=n(22509),h=n(53499),y=n(14307),b=n(20312),f=n.n(b),w=n(38267),$=n(18608),v=n(26865),C=n(96472),k=n(73730),A=n(7228),x=n(50531);
10189const E=(0,w.Ay)($.vm).withConfig({displayName:"SignInModalHed"}).attrs(e=>({as:"div",colorToken:"colors.discover.body.white.heading",topSpacing:1,typeIdentity:"typography.definitions.consumptionEditorial.display-small",...e}))` 10190 text-align: center; 10191`,S=w.Ay.span.withConfig({displayName:"SignInModalHedSpanTag"})` 10192 display: block; 10193`,L=w.Ay.p.withConfig({displayName:"SignInModalDek"})` 10194 ${(0,v.Gg)("typography.definitions.consumptionEditorial.body-core")} 10195 text-align: center; 10196 color: ${(0,v.HK)("colors.discover.body.white.description")}; 10197 @media (max-width: ${C.LO.md}) { 10198 margin-bottom: ${(0,v.Kq)(3)}; 10199 } 10200`,T=(0,w.Ay)($.vm).withConfig({displayName:"SignInModalSpotIllustration"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.consumptionEditorial.body-core",...e}))` 10201 margin: ${(0,v.Kq)(1.5)} auto; 10202 text-align: center; 10203 10204 ${A.Em} { 10205 width: 200px; 10206 height: 170px; 10207 } 10208`,N=(0,w.Ay)(k.A.Primary).withConfig({displayName:"SignInModalButtonPrimary"})` 10209 margin-bottom: ${(0,v.Kq)(1)}; 10210 width: 100%; 10211`,H=(0,w.Ay)(k.A.Primary).withConfig({displayName:"SignInModalButtonPrimaryOutlined"})` 10212 width: 100%; 10213`,I=(0,w.Ay)(k.A.Utility).withConfig({displayName:"SignInModalCloseButton"})` 10214 position: absolute; 10215 top: ${(0,v.Kq)(1)}; 10216 right: ${(0,v.Kq)(1)}; 10217 padding: 0; 10218 fill: ${(0,v.HK)("colors.discovery.body.light.context-tertiary")}; 10219 10220 .icon-close { 10221 padding: 8px; 10222 } 10223 10224 &, 10225 &:focus, 10226 &:hover { 10227 border: 0; 10228 background-color: transparent; 10229 } 10230`,B=(0,w.Ay)(k.A.Utility).withConfig({displayName:"SignInModalEmail"})` 10231 margin-top: 0; 10232 padding: 0; 10233`,O=w.Ay.div.withConfig({displayName:"SignInModalButtons"})` 10234 display: flex; 10235 justify-content: center; 10236 margin: auto; 10237 padding-bottom: ${(0,v.Kq)(2)}; 10238 width: 100%; 10239 10240 ${B} { 10241 padding: 0; 10242 width: 100%; 10243 } 10244 10245 ${({hasRoundedCornersButtons:e})=>e&&`\n ${x.eM} {\n border-radius: 4px;\n }\n `} 10246`,K=w.AH` 10247 &&& { 10248 padding: ${(0,v.Kq)(8)} ${(0,v.Kq)(5)}; 10249 min-height: ${(0,v.Kq)(62)}; 10250 } 10251 ${T} { 10252 margin: ${(0,v.Kq)(1.5)} auto; 10253 10254 ${A.Em} { 10255 width: 175px; 10256 height: 175px; 10257 } 10258 } 10259 10260 ${L} { 10261 margin-bottom: ${(0,v.Kq)(2)}; 10262 } 10263 10264 ${O} { 10265 margin-bottom: ${(0,v.Kq)(4)}; 10266 10267 @media (max-width: ${C.LO.md}) { 10268 padding-bottom: 0; 10269 } 10270 } 10271`;function D({className:e,...t}){const n=`${e}__content`,o=`${e}__overlay`;return a.createElement(f(),{portalClassName:e,className:n,overlayClassName:o,...t,ref:t.configuredComponentRef})}D.propTypes={className:i().string,configuredComponentRef:i().func};const _=(0,w.Ay)(D).withConfig({displayName:"SignInModalBaseWrapper"})` 10272 &__overlay { 10273 position: fixed; 10274 top: 0; 10275 right: 0; 10276 bottom: 0; 10277 left: 0; 10278 z-index: ${C.KV.hyperstitialLayer}; 10279 10280 background-color: rgba( 10281 ${(0,v.HK)("colors.background.black",{rgbOnly:!0})}, 10282 0 10283 ); 10284 10285 &.ReactModal__Overlay--after-open { 10286 transition: background-color 750ms; 10287 opacity: 1; 10288 background-color: rgba( 10289 ${(0,v.HK)("colors.background.black",{rgbOnly:!0})}, 10290 0.4 10291 ); 10292 } 10293 10294 &.ReactModal__Overlay--after-close { 10295 transition: background-color 750ms; 10296 background-color: rgba( 10297 ${(0,v.HK)("colors.background.black",{rgbOnly:!0})}, 10298 0 10299 ); 10300 } 10301 } 10302 10303 &__content { 10304 position: relative; 10305 top: 50%; 10306 left: 50%; 10307 transform: translateY(-50%) translateX(-50%); 10308 background-color: ${(0,v.HK)("colors.background.white")}; 10309 padding: ${(0,v.Kq)(5)}; 10310 width: ${(0,v.Kq)(60)}; 10311 max-height: calc(100% - ${(0,v.Kq)(1,"px")}); 10312 overflow-y: auto; 10313 10314 @media (max-width: ${C.LO.md}) { 10315 transform: translateY(-50%) 10316 translateX(calc(-50% - ${(0,v.Kq)(2,"px")})); 10317 10318 margin: 0 ${(0,v.Kq)(2,"px")}; 10319 padding: ${(0,v.Kq)(4)} ${(0,v.Kq)(5)} 10320 ${(0,v.Kq)(4)} ${(0,v.Kq)(5)}; 10321 width: auto; 10322 min-width: ${(0,v.Kq)(38)}; 10323 max-width: ${(0,v.Kq)(60)}; 10324 } 10325 10326 ${N} 10327 ${H} 10328 ${({hasLargeMargins:e})=>!0===e&&K} 10329 } 10330`,P=(0,w.Ay)($.vm).withConfig({displayName:"SignInModalSignInSection"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.light.context-tertiary",typeIdentity:"typography.definitions.utility.assistive-text",...e}))` 10331 display: flex; 10332 justify-content: center; 10333 width: 100%;
10334`,R=(0,w.Ay)($.sH).withConfig({displayName:"SignInModalSignInLink"}).attrs(e=>({colorToken:"colors.interactive.base.black",typeToken:"typography.definitions.utility.assistive-text",...e}))` 10335 && { 10336 z-index: ${C.KV.interstitialLayer}; 10337 margin-left: 5px; 10338 text-decoration: underline; 10339 } 10340`;var q=n(75454),M=n(85554);const F=e=>e?.innerText||e?.textContent?.trim()||"",U=({analyticsType:e,authSource:t="sign-in-modal",brandIdentityAssets:n,className:o,closeButtonCallback:i,configuredComponentRef:r,customCtaLabel:p,customCtaUrl:b,dangerousDek:f,dangerousHed:w,dangerousHedSpanTag:$,hasLargeMargins:v=!1,hasRoundedCornersButtons:C,shouldHideHedSpanTag:k=!1,isVisible:A,redirectURL:x="/",shouldHideIllustration:N=!1,shouldOpenCtaInNewTab:H=!1,signInText:K,signInLinkText:D,snowplowData:U,source:V,type:G="default",isSubscriptionModal:W=!1,action:j})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"SignInModal"})},[]),a.useEffect(()=>{if(A&&W&&j){const e=M.HX[j];e&&(0,q.cj)({source:e,subject:"signin_modal",placement:"interstitial",state:"focused"},"impression")}},[A,W,j]);const z=t=>(0,u.W8)(t,{signInModalType:e});A&&z("signin-modal-impression");let Y=`${d.A.oidcAuth}?redirectURL=${encodeURIComponent(x)}&skipAccountLink=true&authSource=${t}`;V&&(Y=`${Y}&source=${V}`);const X=n.signInModalAsset[G]||n.signInModalAsset.default,{formatMessage:Z}=(0,s.A)(),J=(e,n=!1)=>{e.preventDefault(),z("signin-modal-oidc-sign-in-click");const o=F(e.currentTarget)||F(e.target),i=U?.label||o;if((0,y.lV)({...U,label:i}),W){const e={subject:"signin_modal",placement:"interstitial",state:"focused"};(0,q.cj)({...e,label:n?te:ee,...n&&{source:(0,q.el)(ne)}},"click")}let a=x;if("VERSO_BOOKMARKING"===V||"VERSO_UPC_BOOKMARKING"===V||"VERSO_TRIP_PLANNER"===V){const e=o,[t,n]=x.split("?"),i=new URLSearchParams(n||"");i.set("authAction",e),a=`${t}?${i.toString()}`}const[r,s]=d.A.oidcAuth.split("?"),l=new URLSearchParams(s||"");l.set("redirectURL",a),l.set("skipAccountLink","true"),l.set("authSource",t),V&&l.set("source",V);const c=`${r}?${l.toString()}`;window.location.href=c},Q=K||Z(l.oidcSignInText),ee=D||Z(l.oidcSignInLinkText),te=p||Z(l.oidcSignUpButtonLabel),ne=b||Y;return a.createElement(_,{configuredComponentRef:r,className:o,hasLargeMargins:v,closeTimeoutMS:400,isOpen:A},a.createElement(I,{isIconButton:!0,ariaLabel:Z(l.closeButtonAriaLabel),label:Z(l.closeButtonLabel),onClickHandler:()=>{(0,g.hY)(),z("signin-modal-close"),i&&i()},role:"button",ButtonIcon:c.Close}),a.createElement(E,null,w||Z(l.hed),!k&&a.createElement(S,null,$||Z(l.hedSpanTag))),!N&&a.createElement(T,null,a.createElement(m.A,{...X})),a.createElement(L,{dangerouslySetInnerHTML:{__html:f}}),a.createElement(O,{hasRoundedCornersButtons:C},a.createElement(B,{label:te,href:ne,inputKind:"link",rel:H?"noopener noreferrer":void 0,target:H?"_blank":void 0,iconPosition:"before",onClickHandler:e=>J(e,!0),"data-testid":"SignInModalEmail"})),a.createElement(P,null,`${Q} `,a.createElement(R,{href:Y,onClick:J},ee),"voting"===G&&a.createElement("div",null,"  »")))};U.displayName="SignInModal",U.propTypes={configuredComponentRef:i().func,action:i().string,analyticsType:i().string,authSource:i().string,brandIdentityAssets:i().shape({signInModalAsset:i().shape({default:i().object,crosswords:i().object,voting:i().object})}).isRequired,className:i().string,closeButtonCallback:i().func,customCtaLabel:i().string,customCtaUrl:i().string,dangerousDek:i().string,dangerousHed:i().string,dangerousHedSpanTag:i().string,hasLargeMargins:i().bool,hasRoundedCornersButtons:i().bool,isSubscriptionModal:i().bool,shouldHideHedSpanTag:i().bool,isVisible:i().bool,redirectURL:i().string,shouldHideIllustration:i().bool,shouldOpenCtaInNewTab:i().bool,signInLinkText:i().string,signInText:i().string,snowplowData:i().object,source:i().string,type:i().oneOf(["default","crosswords","voting"])};const V=(0,p.y)(U,"SignInModal"),G=(0,r.Ng)(e=>{const{signInModalConfig:t,brandIdentityAssets:n}=e;return{brandIdentityAssets:n,...t}})(V)},22509(e,t,n){let o;n.d(t,{Be:()=>i,Rf:()=>r,hY:()=>s});const i=e=>{o=e},a=(e,t={})=>{o&&o({type:"MERGE_KEY",key:"signInModalConfig",value:{...t,isVisible:e}})},r=e=>{a(!0,e)},s=()=>{a(!1)}},14935(e,t,n){n.d(t,{A:()=>
10340o});const o=n(16001).A},91668(e,t,n){n.d(t,{A:()=>ae});var o=n(45135),i=n(13465),a=n(47655),r=n(5556),s=n.n(r),l=n(96540),d=n(6442);const c=(0,n(72267).YK)({noticesContainer:{id:"SiteFooter.NoticesContainer",defaultMessage:"Notices",description:"ARIA label for Notices Container"},dropdown:{id:"SiteFooter.Dropdown",defaultMessage:"Select international site",description:"ARIA description for site dropdown"},oneTrustButtonLabel:{id:"SiteFooter.OneTrustButtonLabel",defaultMessage:"Your Privacy Choices",description:"ARIA description for site footer OneTrust button label"}});var m=n(48188),u=n(73275),p=n(77203),g=n(63175),h=n(53499),y=n(39832),b=n(38267),f=n(52813),w=n(7228),$=n(73730),v=n(30597),C=n(96472),k=n(1123),A=n(26865),x=n(89085),E=n(12972);const S=(0,b.Ay)(u.A).withConfig({displayName:"SiteFooterLogoResponsiveAsset"})` 10341 display: flex; 10342 justify-content: center; 10343 margin: 0 auto; 10344 max-height: ${(0,A.Kq)(4)}; 10345 10346 ${(0,A.H4)(C.LO.lg)} { 10347 justify-content: flex-start; 10348 margin: 0; 10349 } 10350 10351 ${w.BF} { 10352 width: auto; 10353 max-height: inherit; 10354 } 10355`,L=b.Ay.div.withConfig({displayName:"SiteFooterLogo"})` 10356 align-self: end; 10357`,T=b.Ay.div.withConfig({displayName:"SiteFooterAbout"})` 10358 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.meta-primary")} 10359 margin-top: ${(0,A.Kq)(2)}; 10360 margin-bottom: ${(0,A.Kq)(5)}; 10361 color: ${(0,A.HK)("colors.foundation.footer.meta-primary")}; 10362 10363 ${(0,A.H4)(C.LO.lg)} { 10364 padding-right: ${(0,A.Kq)(20)}; 10365 } 10366`,N=b.Ay.p.withConfig({displayName:"SiteFooterLegaleseText"})` 10367 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.meta-secondary")} 10368 order: 3; 10369 margin: 0; 10370 text-align: center; 10371 color: ${(0,A.HK)("colors.foundation.footer.meta-secondary")}; 10372 10373 html[dir='rtl'] & { 10374 text-align: start; 10375 } 10376 10377 ${(0,A.H4)(C.LO.lg)} { 10378 grid-area: footer-notices-legal; 10379 order: initial; 10380 text-align: left; 10381 } 10382 10383 .external-link { 10384 ${({theme:e})=>(0,A.pe)(e,"colors.foundation.footer.meta-secondary",null)} 10385 color: ${(0,A.HK)("colors.foundation.footer.meta-secondary")}; 10386 } 10387 10388 .external-link:link { 10389 text-decoration: underline; 10390 } 10391`,H=b.Ay.div.withConfig({displayName:"SiteFooterLegaleseTextWrapper"})` 10392 display: contents; 10393`,I=(0,b.Ay)(g.A.Footer).withConfig({displayName:"SiteFooterSocialIcons"})` 10394 ${({isLinkDense:e})=>e?b.AH` 10395 grid-area: footer-notices-social; 10396 grid-column: 1; 10397 10398 ${(0,A.H4)(C.LO.lg)} { 10399 grid-column: -1/-5; 10400 justify-self: end; 10401 grid-row: 2; 10402 margin-top: ${(0,A.Kq)(4)}; 10403 } 10404 10405 .social-icons__list-item { 10406 padding-right: ${(0,A.Kq)(.5)}; 10407 } 10408 10409 ${(0,A.H4)(C.LO.lg)} { 10410 .social-icons__list-item:last-child { 10411 padding-right: 0; 10412 } 10413 } 10414 10415 .social-icons__list-item a { 10416 width: 32px; 10417 height: 32px; 10418 10419 ${(0,A.H4)(C.LO.lg)} { 10420 width: 32px; 10421 height: 32px; 10422 } 10423 } 10424 `:""} 10425`,B=b.AH` 10426 /* stylelint-disable selector-max-id */ 10427 #fides-modal-link.consent-sdk-show-settings, 10428 #ot-sdk-btn.ot-sdk-show-settings, 10429 #ot-sdk-btn.optanon-show-settings { 10430 ${({theme:e})=>(0,A.pe)(e,"colors.foundation.footer.meta-secondary",null)} 10431 border: none; 10432 background-color: transparent; 10433 padding: ${(0,A.Kq)(.5)} ${(0,A.Kq)(1)} 10434 ${(0,A.Kq)(.5)} 0; 10435 line-height: 1; 10436 color: ${(0,A.HK)("colors.foundation.footer.meta-secondary")}; 10437 10438 .button__label { 10439 color: ${(0,A.HK)("colors.foundation.footer.meta-secondary")}; 10440 } 10441 10442 &:hover { 10443 background-color: inherit; 10444 text-decoration: none; 10445 color: ${(0,A.HK)("colors.foundation.footer.meta-secondary")}; 10446 } 10447 } 10448 10449 #ot-sdk-btn.ot-sdk-btn-show--cookies { 10450 display: inline-block; 10451 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.link-utility")} 10452 padding: ${(0,A.Kq)(.5)} ${(0,A.Kq)(2.5)} ${(0,A.Kq)(.5)} 0; 10453 height: ${(0,A.Kq)(5.625)}; 10454 } 10455 /* stylelint-enable selector-max-id */ 10456`,O=b.Ay.div.withConfig({displayName:"SiteFooterConsentButtonContainer"})``,K=(0,b.Ay)($.A.Utility).withConfig({displayName:"SiteFooterConsentButton"})``,D=b.Ay.footer.withConfig({displayName:"SiteFooterWrapper"})` 10457 display: grid; 10458 grid-column: 1 / -1; 10459 background-color: ${(0,A.HK)("colors.foundation.footer.bg")}; 10460 10461 ${(0,A.H4)(C.LO.lg)} { 10462 ${E.CG} { 10463 ${(0,f.Ic)()} 10464 } 10465 ${E.DC} { 10466 pointer-events: none; 10467 } 10468 } 10469 10470 ${O} { 10471 display: table; 10472 margin: ${(0,A.Kq)(4)} auto ${(0,A.Kq)(8)}; 10473 } 10474 10475 ${({isLinkDense:e})=>e?`\n display: block;\n\n ${L}{\n ${S}{\n ${(0,A.H4)(C.LO.lg)} {\n justify-content: center;\n }\n }\n }\n `:""} 10476 10477 ${B} 10478`,_=b.Ay.div.withConfig({displayName:"SiteFooterBrandInfo"})` 10479 grid-area: f-brand; 10480`,P=b.AH` 10481 ${E.OJ} { 10482 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.title-secondary")} 10483 transition: color ${C.L6.timingLinkNavigation} ease; 10484 color: ${(0,A.HK)("colors.foundation.footer.context")}; 10485 10486 ${(0,A.H4)(C.LO.md)} { 10487 margin: 0 0 ${(0,A.Kq)(2)}; 10488 } 10489 10490 ${(0,A.H4)(C.LO.lg)} { 10491 text-align: left; 10492 } 10493 } 10494 10495 ${E.W9} { 10496 flex-direction: column; 10497 margin: 0; 10498 10499 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.list")} 10500 10501 ${(0,A.L7)(C.LO.md)} { 10502 align-items: center; 10503 justify-content: center; 10504 text-align: center; 10505 } 10506 10507 ${(0,A.H4)(C.LO.lg)} { 10508 justify-content: start; 10509 text-align: left; 10510 } 10511 } 10512 10513 ${E.M8}, ${E.SE} { 10514 ${({theme:e})=>(0,A.pe)(e,"colors.foundation.footer.links.primary",null,"navigation")}; 10515 transition: color ${C.L6.timingLinkNavigation} ease; 10516 10517 &:hover, 10518 &:focus, 10519 &:active { 10520 text-decoration: underline; 10521 } 10522 } 10523 10524 ${E.J$} { 10525 margin-bottom: ${(0,A.Kq)(3)}; 10526 padding-right: 0; 10527 min-height: 0; 10528 10529 ${(0,A.H4)(C.LO.md)} { 10530 margin-bottom: ${(0,A.Kq)(.5)}; 10531 } 10532 10533 &:last-of-type { 10534 margin-bottom: 0; 10535 } 10536 } 10537`,R=(0,b.Ay)(m.A.Vertical).withConfig({displayName:"SiteFooterNavigationVertical"})` 10538 grid-area: f-nav; 10539 ${P} 10540`,q=(0,b.Ay)(m.A.Vertical).withConfig({displayName:"SiteFooterNavigationContactVertical"})` 10541 grid-area: f-nav-contact; 10542 ${P} 10543`,M=b.Ay.div.withConfig({displayName:"SiteFooterNoticesWrapper"})` 10544 display: grid; 10545 grid-area: f-meta; 10546 justify-items: center; 10547 width: 100%; 10548 10549 ${E.W9} { 10550 flex-direction: column; 10551 align-items: center; 10552 margin: 0; 10553 10554 ${(0,A.H4)(C.LO.md)} { 10555 flex-direction: row; 10556 align-items: baseline; 10557 } 10558 } 10559 10560 ${E.J$} { 10561 margin-bottom: ${(0,A.Kq)(.5)}; 10562 padding-right: 0; 10563 10564 ${(0,A.H4)(C.LO.md)} { 10565 display: inline-flex; 10566 position: relative; 10567 align-items: center; 10568 margin-right: ${(0,A.Kq)(1)}; 10569 margin-bottom: 0; 10570 10571 + ${E.J$} { 10572 &::before { 10573 display: inline-block; 10574 margin: auto; 10575 color: ${(0,A.HK)("colors.foundation.footer.links.secondary")}; 10576 content: '|'; 10577 } 10578 10579 ${E.M8}, ${E.SE} { 10580 margin-left: ${(0,A.Kq)(1)}; 10581 } 10582 } 10583 } 10584 } 10585`,F=b.Ay.div.withConfig({displayName:"SiteFooterNoticesContainerWrapper"})` 10586 display: grid; 10587 border-top: 2px solid ${(0,A.HK)("colors.foundation.footer.accent")}; 10588 padding: ${(0,A.Kq)(5)} 0 ${(0,A.Kq)(6)}; 10589 width: 100%; 10590 gap: var(--grid-gap); 10591 10592 ${({isLinkDense:e})=>e?b.AH` 10593 border-bottom: 1px solid 10594 ${(0,A.HK)("colors.foundation.footer.accent")}; 10595 `:""} 10596 10597 ${(0,A.H4)(C.LO.lg)} { 10598 grid-template-areas: 10599 'footer-notices-navigation footer-notices-collection' 10600 'footer-notices-legal footer-notices-legal'; 10601 grid-template-columns: 1fr auto; 10602 align-items: baseline; 10603 margin: 0; 10604 justify-items: start; 10605 } 10606 10607 ${(0,A.H4)(C.LO.xl)} { 10608 margin: 0; 10609 } 10610`,U=(0,b.Ay)(m.A.Horizontal).withConfig({displayName:"SiteFooterNavigationHorizontal"})` 10611 ${(0,A.H4)(C.LO.lg)} { 10612 grid-area: footer-notices-navigation; 10613 } 10614 ${E.W9} { 10615 ${E.M8}, ${E.SE} { 10616 transition: color ${C.L6.timingLinkNavigation} ease; 10617 10618 &:hover, 10619 &:focus, 10620 &:active { 10621 text-decoration: underline; 10622 } 10623 } 10624 } 10625 10626 ${E.W9} { 10627 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.list")} 10628 10629 ${(0,A.H4)(C.LO.md)} { 10630 justify-content: center; 10631 } 10632 10633 ${(0,A.H4)(C.LO.lg)} { 10634 justify-content: start; 10635 } 10636 } 10637 10638 ${E.J$} { 10639 min-height: 0; 10640 10641 ${(0,A.H4)(C.LO.md)} { 10642 margin-bottom: ${(0,A.Kq)(.5)}; 10643 } 10644 10645 &:last-of-type { 10646 margin-bottom: 0; 10647 } 10648 } 10649 10650 ${E.M8}, ${E.SE} { 10651 ${({theme:e})=>(0,A.pe)(e,"colors.foundation.footer.links.secondary",null,"navigation")}; 10652 color: ${(0,A.HK)("colors.foundation.footer.links.secondary")}; 10653 } 10654`,V=b.Ay.div.withConfig({displayName:"SiteFooterCollectionContainer"})` 10655 display: flex; 10656 flex-direction: column; 10657 align-items: center; 10658 justify-content: center; 10659 height: 100%; 10660 10661 ${(0,A.H4)(C.LO.lg)} { 10662 grid-area: footer-notices-collection; 10663 flex-direction: row; 10664 } 10665`,G=b.Ay.div.withConfig({displayName:"SiteFooterGridNoMargins"})` 10666 ${(0,k.VO)()} 10667 10668 ${(0,x.VG)()} 10669 && { 10670 grid-template-areas: 10671 'f-brand f-brand f-brand f-brand' 10672 'f-nav f-nav f-nav f-nav' 10673 'f-nav-contact f-nav-contact f-nav-contact f-nav-contact' 10674 'f-meta f-meta f-meta f-meta'; 10675 padding-top: ${(0,A.Kq)(6)}; 10676 text-align: center; 10677 justify-items: center; 10678 10679 ${(0,A.H4)(C.LO.md)} { 10680 grid-template-areas: 10681 'f-brand f-brand f-brand f-brand f-brand f-brand f-brand f-brand f-brand f-brand f-brand f-brand' 10682 'f-nav f-nav f-nav f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact f-nav-contact f-nav-contact f-nav-contact' 10683 'f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta'; 10684 } 10685 10686 ${(0,A.H4)(C.LO.lg)} { 10687 grid-template-areas: 10688 'f-brand f-brand f-brand f-brand f-brand f-nav f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact' 10689 'f-brand f-brand f-brand f-brand f-brand f-nav f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact' 10690 'f-brand f-brand f-brand f-brand f-brand f-nav f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact' 10691 'f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta'; 10692 text-align: left; 10693 justify-items: start; 10694 } 10695 10696 ${(0,A.H4)(C.LO.xl)} { 10697 grid-template-areas: 10698 'f-brand f-brand f-brand f-brand f-brand f-brand f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact' 10699 'f-brand f-brand f-brand f-brand f-brand f-brand f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact' 10700 'f-brand f-brand f-brand f-brand f-brand f-brand f-nav f-nav f-nav f-nav-contact f-nav-contact f-nav-contact' 10701 'f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta f-meta'; 10702 } 10703 10704 ${(0,A.H4)(C.LO.max)} { 10705 position: relative; 10706 } 10707 10708 ${({siteFooterSingleColumn:e})=>e?b.AH` 10709 grid-template-areas: 10710 'f-brand' 10711 'f-brand' 10712 'f-brand' 10713 'f-meta'; 10714 grid-template-columns: repeat(1, 1fr); 10715 `:""} 10716 ${({isLinkDense:e})=>e?b.AH` 10717 grid-row-gap: 0; 10718 padding-top: ${(0,A.Kq)(4)}; 10719 10720 ${_} { 10721 grid-column: 1/-1; 10722 grid-row: 1; 10723 border-bottom: 1px solid 10724 ${(0,A.HK)("colors.foundation.footer.accent")}; 10725 width: 100%; 10726 text-align: center; 10727 10728 ${(0,A.H4)(C.LO.lg)} { 10729 display: grid; 10730 grid-column-gap: var(--grid-gap); 10731 grid-template-columns: repeat(12, 1fr); 10732 ${L} { 10733 grid-column: 6 / -6; 10734 } 10735 ${T} { 10736 grid-column: 4 / -4; 10737 } 10738 } 10739 } 10740 10741 ${L},${T} { 10742 margin-bottom: ${(0,A.Kq)(4)}; 10743 } 10744 10745 ${T} { 10746 margin-top: 0; 10747 padding-right: 0; 10748 } 10749 10750 ${R}, ${q} { 10751 width: 100%; 10752 padding-top: ${(0,A.Kq)(4)}; 10753 grid-area: unset; 10754 grid-column: 1 / -1; 10755 10756 ${(0,A.H4)(C.LO.lg)} { 10757 padding: ${(0,A.Kq)(4)} 0; 10758 } 10759 10760 ${E.OJ} { 10761 margin-bottom: ${(0,A.Kq)(4)}; 10762 text-align: left; 10763 10764 ${(0,A.H4)(C.LO.lg)} { 10765 margin-bottom: ${(0,A.Kq)(1)}; 10766 } 10767 10768 ${E.CG} { 10769 display: none; 10770 } 10771 } 10772 } 10773 10774 ${R} { 10775 border-bottom: 1px solid 10776 ${(0,A.HK)("colors.foundation.footer.accent")}; 10777 ${(0,A.H4)(C.LO.lg)} { 10778 grid-column: 1 / span 6; 10779 grid-row: 2; 10780 border-bottom: none; 10781 } 10782 } 10783 10784 ${q} { 10785 ${(0,A.H4)(C.LO.lg)} { 10786 grid-column: 7/-1; 10787 grid-row: 2; 10788 } 10789 } 10790 10791 ${E.W9} { 10792 display: block; 10793 column-gap: var(--grid-gap); 10794 column-count: 2; 10795 height: auto; 10796 text-align: left; 10797 10798 ul { 10799 display: block; 10800 } 10801 10802 li { 10803 display: inline-block; 10804 margin-bottom: ${(0,A.Kq)(4)}; 10805 width: 100%; 10806 10807 ${(0,A.H4)(C.LO.lg)} { 10808 grid-column: span 3; 10809 margin: 0; 10810 } 10811 10812 a { 10813 white-space: normal; 10814 } 10815 } 10816 } 10817 10818 ${M} { 10819 grid-area: unset; 10820 grid-column: 1/-1; 10821 } 10822 10823 ${F} { 10824 grid-template-columns: repeat(1, 1fr); 10825 grid-row-gap: 0; 10826 margin: 0; 10827 border-top-width: 1px; 10828 padding: ${(0,A.Kq)(4)} 0 ${(0,A.Kq)(4)}; 10829 10830 ${(0,A.H4)(C.LO.lg)} { 10831 grid-column-gap: 1.25rem; 10832 grid-template-columns: repeat(12, 1fr); 10833 max-width: none; 10834 } 10835 10836 ${E.W9} { 10837 grid-template-columns: repeat(2, 1fr); 10838 10839 ${(0,A.H4)(C.LO.lg)} { 10840 column-count: 4; 10841 } 10842 10843 li::before { 10844 margin: 0; 10845 content: ''; 10846 } 10847 10848 * a { 10849 margin: 0; 10850 } 10851 } 10852 } 10853 10854 ${U} { 10855 width: 100%; 10856 ${(0,A.H4)(C.LO.lg)} { 10857 grid-column: 1/-1; 10858 border-bottom: 1px solid 10859 ${(0,A.HK)("colors.foundation.footer.accent")}; 10860 padding-bottom: ${(0,A.Kq)(4)}; 10861 } 10862 } 10863 10864 ${V} { 10865 display: none; 10866 } 10867 10868 ${N} { 10869 align-self: start; 10870 margin-top: ${(0,A.Kq)(4)}; 10871 text-align: left; 10872 ${(0,A.H4)(C.LO.lg)} { 10873 grid-column: 1/9; 10874 grid-row: 2; 10875 } 10876 } 10877 `:""} 10878 10879 @media print { 10880 display: none; 10881 } 10882 } 10883`,W=b.Ay.div.withConfig({displayName:"SiteFooterAboutText"})` 10884 margin: 0 ${(0,A.Kq)(4)}; 10885 10886 ${(0,A.H4)(C.LO.lg)} { 10887 margin: 0; 10888 } 10889`,j=b.Ay.p.withConfig({displayName:"SiteFooterDisclaimer"})` 10890 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.foundation.meta-secondary")} 10891 margin: revert; 10892 padding: ${(0,A.Kq)(2)} ${(0,A.Kq)(6)} 0 10893 ${(0,A.Kq)(6)}; 10894 text-align: center; 10895 color: ${(0,A.HK)("colors.foundation.footer.links.secondary")}; 10896 10897 ${(0,A.H4)(C.LO.md)} { 10898 padding: ${(0,A.Kq)(2)} ${(0,A.Kq)(20)} 0 10899 ${(0,A.Kq)(20)}; 10900 } 10901 10902 ${(0,A.H4)(C.LO.lg)} { 10903 padding: ${(0,A.Kq)(2)} 0 0 0; 10904 text-align: left; 10905 } 10906`,z=(0,b.Ay)(v.A.Footer).withConfig({displayName:"SiteFooterNavigationDropdown"})` 10907 margin: ${(0,A.Kq)(2)} 0 0; 10908 10909 &:first-child { 10910 margin-top: 0; 10911 } 10912 10913 ${(0,A.H4)(C.LO.lg)} { 10914 margin: 0 0 0 ${(0,A.Kq)(2)}; 10915 10916 &:first-child { 10917 margin-left: 0; 10918 } 10919 } 10920`,Y=b.Ay.p.withConfig({displayName:"SiteFooterCollection"})` 10921 ${({theme:e})=>(0,A.Gg)(e,"typography.definitions.utility.assistive-text")} 10922 margin: ${(0,A.Kq)(2)} 0 0; 10923 text-align: center; 10924 color: ${(0,A.HK)("colors.foundation.fo
10924oter.links.secondary")}; 10925 10926 ${(0,A.H4)(C.LO.md)} { 10927 margin-top: 0; 10928 } 10929 10930 ${(0,A.H4)(C.LO.lg)} { 10931 max-width: 20vw; 10932 overflow: hidden; 10933 text-align: left; 10934 text-overflow: ellipsis; 10935 white-space: nowrap; 10936 } 10937`,X=((0,b.Ay)("div").withConfig({displayName:"SiteFooterStoryBookGrid"})` 10938 ${(0,x.VG)()} 10939 ${(0,k.aU)("padding")} 10940`,(new Date).getFullYear()),Z=({brandName:e,dangerousLegalese:t})=>l.createElement(l.Fragment,null,l.createElement(H,{"data-nosnippet":"true"},t?l.createElement(N,{id:"dangerous-legalese-brand-text",dangerouslySetInnerHTML:{__html:t}}):l.createElement(N,{"data-testid":"dangerous-legalese-brand-text"},"© ",X," Condé Nast. All rights reserved. ",l.createElement("em",null,e)," may earn a portion of sales from products that are purchased through our site as part of our Affiliate Partnerships with retailers. The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Condé Nast."," ",l.createElement(y.A,{href:"http://www.aboutads.info"},"Ad Choices"))));Z.propTypes={brandName:s().string.isRequired,dangerousLegalese:s().string};const J=Z;var Q=n(48990),ee=n(8877);const te=({aboutText:e,appDownloadUrls:t=[],brandName:n,className:o,comScoreCollectionName:i,configuredComponentRef:a,contactLinks:r,contactLinksHeading:s,dangerousLegalese:m,disclaimerText:u="",hideTagline:g=!1,internationalInfo:y,isEthycaEnabled:b,logo:f,logoBaseUrl:w="/",navigationLinks:$,navigationLinksHeading:v,noticesLinks:C,showOneTrustButton:k,socialIconsProps:A,variations:{isLinkDense:x}={},variationName:E})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"SiteFooter",variation:E})},[E]);const N=(0,d.A)(),H=r?.length||$?.length,B=l.createElement(I,{isLinkDense:x,...A}),P=(0,ee.B)(),X=(0,Q.Qo)();return l.createElement(D,{ref:a,className:o,isLinkDense:x,"data-testid":"site-footer-wrapper"},l.createElement(G,{className:H?"":"site-footer--single-column",siteFooterSingleColumn:!H,isLinkDense:x,"data-testid":"SiteFooterGridNoMargins"},l.createElement(_,null,l.createElement(L,{className:"site-footer__logo"},l.createElement("a",{href:w},l.createElement(S,{...f,className:"site-footer__responsive-image"}))),!g&&l.createElement(T,{"data-testid":"SiteFooterAbout"},l.createElement(W,null,e)),!x&&B,u&&l.createElement(j,{dangerouslySetInnerHTML:{__html:u}}),t?.length>0&&l.createElement(p.A,{appDownloadUrls:t})),$?.length>0&&l.createElement(R,{isCollapsible:!0,attributes:{"aria-label":v},heading:v,links:$}),r?.length>0&&l.createElement(q,{isCollapsible:!0,attributes:{"aria-label":s},heading:s,links:r}),l.createElement(M,null,l.createElement(F,{isLinkDense:x},C&&l.createElement(U,{attributes:{"aria-label":N.formatMessage(c.noticesContainer)},links:C,showOneTrustButton:!x&&k,isEthycaEnabled:!x&&b}),l.createElement(J,{brandName:n,dangerousLegalese:m}),l.createElement(V,null,i&&l.createElement(Y,null,i),y?.internationalSites?.length>0&&l.createElement(z,{id:"site-footer-dropdown","data-testid":"site-footer-dropdown",assistiveLabel:N.formatMessage(c.dropdown),label:y?.homeLocation?.name,showLabel:!0,options:y.internationalSites})),x&&B))),x&&l.createElement(O,null,l.createElement(Q.a2,null),P&&l.createElement(K,{id:b?"fides-modal-link":"ot-sdk-btn",className:b?"consent-sdk-show-settings":"ot-sdk-show-settings ot-sdk-btn-show--cookies",label:X??N.formatMessage(c.oneTrustButtonLabel),isInline:!0})))};te.displayName="SiteFooter",te.propTypes={configuredComponentRef:s().func,aboutText:s().string,appDownloadUrls:s().array,brandName:s().string.isRequired,className:s().string,comScoreCollectionName:s().string,contactLinks:m.A.propTypes.links,contactLinksHeading:s().string.isRequired,dangerousLegalese:s().string,disclaimerText:s().string,hideTagline:s().bool,internationalInfo:s().object,isEthycaEnabled:s().bool,logo:s().shape(u.A.propTypes).isRequired,logoBaseUrl:s().string,navigationLinks:m.A.propTypes.links,navigationLinksHeading:s().string.isRequired,noticesLinks:m.A.propTypes.links,showOneTrustButton:s().bool,socialIconsProps:s().shape(g.A.propTypes).isRequired,variationName:s().string,variations:s().shape({isLinkDense:s().bool})};const ne=te;ne.LinkDense=(0,a.y)(ne,"LinkDense",{isLinkDense:!0});const oe=ne,ie=(0,i.y)(oe,"SiteFooter"),ae=(0,o.Ng)(e=>{const{brandName:t,comScoreCollectionName:n,footerLogo:o,legalese:{dangerousLegalese:i},navigation:{aboutText:a,appDownloadUrls:r,contactLinks:s,contactLinksHeading:l,footerLinks:d,footerLinksHeading:c,isEthycaEnabled:m,internationalInfo:u,noticesLinks:p,socialLinks:g},logoBaseUrl:h}=e;return{aboutText:a,appDownloadUrls:r,brandName:t,className:"site-footer--with-store",contactLinks:s,contactLinksHeading:l,comScoreCollectionName:n,internationalInfo:u,isEthycaEnabled:m,logo:o,logoBaseUrl:h,navigationLinks:d,dangerousLegalese:i,navigationLinksHeading:c,noticesLinks:p,socialIconsProps:{links:g}}},null,(e,t,n)=>{const{className:o}=n,i={};return o&&(i.className=`${e.className} ${o}`),{...n,...e,...t,...i}})(ie)},18550(e,t,n){n.d(t,{BT:()=>C,E:()=>k,FR:()=>f,Gd:()=>A,Gf:()=>y,Iv:()=>v,OA:()=>p,Ot:()=>E,Z6:()=>L,_Z:()=>S,eK:()=>u,i8:()=>$,mu:()=>w,ss:()=>g,xA:()=>b,xi:()=>x,xj:()=>h});var o=n(38267),i=n(26865),a=n(1123),r=n(18608),s=n(96472),l=n(70698),d=n(27985),c=n(51e3),m=n(9580);const u=(0,o.Ay)(d.JL).withConfig({displayName:"OverlayNavigationWrapper"}).attrs(e=>({topRuleAdditionalCSS:d._U,...e}))` 10941 display: ${({isVisible:e})=>e?"block":"none"}; 10942 position: fixed; 10943 ${({hasTopRule:e,topRuleAdditionalCSS:t})=>e&&t?t:"top: 0;"}; 10944 right: 0; 10945 bottom: 0; 10946 left: 0; 10947 z-index: ${(0,i.fl)("hyperstitialLayer")}; 10948 border-top-color: transparent; 10949 box-shadow: none;
10950 overflow-y: scroll; 10951 10952 ${({shouldShowOverlayTop:e})=>!e&&`@media (max-width: ${s.LO.md}) {\n top: 3.5rem;\n }`} 10953`,p=(0,o.Ay)(d.K5).withConfig({displayName:"OverlayNavigationTop"}).attrs(e=>({additionalCSS:d.WM,...e}))` 10954 border-bottom-color: transparent; 10955`,g=(0,o.Ay)(d.c1).withConfig({displayName:"OverlayNavigationLogo"})` 10956 @media not all and (min-resolution: 0.001dpcm) { 10957 & > a { 10958 outline: 0; 10959 } 10960 } 10961`,h=(0,o.Ay)(d.rH).withConfig({displayName:"OverlayNavigationUtility"})``,y=o.Ay.div.withConfig({displayName:"OverlayNavigationBottom"})` 10962 ${(0,a.VO)()} 10963 display: grid; 10964 column-gap: var(--grid-gap); 10965 ${(0,a.aU)("padding")}; 10966 10967 @media (min-width: ${s.LO.md}) { 10968 grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); 10969 } 10970 10971 ${m.wb} { 10972 border-top: 1px solid ${(0,i.HK)("colors.foundation.menu.dividers")}; 10973 } 10974`,b=(0,o.Ay)(d.$K).withConfig({displayName:"OverlayNavigationButton"})` 10975 .icon-close { 10976 padding: 8px; 10977 } 10978`,f=o.Ay.div.withConfig({displayName:"OverlayNavigationSocialLinks"})` 10979 border-top: 1px solid 10980 ${({theme:e})=>(0,i.HK)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.menu.dividers")}; 10981 padding-bottom: ${(0,i.Kq)(7)}; 10982 10983 a { 10984 transition: all 0.2s cubic-bezier(0, 0, 0, 0.8) 0s; 10985 margin-top: ${(0,i.Kq)(1.5)}; 10986 border: 1px solid 10987 ${({theme:e})=>(0,i.HK)(e,(0,l.l1)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"))}; 10988 border-radius: 50%; 10989 10990 &:hover, 10991 &:focus { 10992 border-color: ${({theme:e})=>(0,i.HK)(e,(0,l.l1)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover"))}; 10993 } 10994 } 10995 10996 ${c.rU} svg.icon path { 10997 fill: ${({theme:e})=>(0,i.HK)(e,(0,l.l1)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"))}; 10998 } 10999`,w=(0,o.Ay)(r.vm).withConfig({displayName:"OverlayNavigationSocialHeading"}).attrs(({theme:e,...t})=>({colorToken:(0,l.l1)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"),typeIdentity:"typography.definitions.foundation.title-primary",...t}))` 11000 opacity: 0.6; 11001 margin: 0; 11002 padding-top: ${(0,i.Kq)(1)}; 11003 font-size: 12px; 11004`,$=o.Ay.ul.withConfig({displayName:"OverlayNavigationUtilityLinks"})` 11005 display: flex; 11006 flex-direction: column; 11007 margin: 0; 11008 padding: 0; 11009 white-space: nowrap; 11010`,v=o.Ay.li.withConfig({displayName:"OverlayNavigationUtilityListItem"})` 11011 display: flex; 11012 position: relative; 11013 align-items: center; 11014 padding: ${(0,i.Kq)(1)} 0; 11015 11016 &::before { 11017 position: absolute; 11018 top: 0; 11019 border-top: 1px solid 11020 ${({theme:e})=>(0,i.HK)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.menu.dividers")}; 11021 width: 100%; 11022 height: 1px; 11023 content: ''; 11024 } 11025 11026 &:first-child::before { 11027 border-color: ${({theme:e})=>(0,i.HK)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 11028 } 11029 11030 &:last-child { 11031 margin-bottom: ${(0,i.Kq)(3)}; 11032 } 11033`,C=(0,o.Ay)(r.sH).withConfig({displayName:"OverlayNavigationUtilityLink"}).attrs(({theme:e,...t})=>({colorSecondaryLinkToken:(0,l.l1)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover"),colorStaticLinkToken:(0,l.l1)(e,(0,l.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"),linkStyle:"navigation",typeToken:"typography.definitions.foundation.link-primary",...t}))` 11034 display: block; 11035 padding: ${(0,i.Kq)(1)} 0; 11036 width: 100%; 11037 overflow: hidden; 11038 text-decoration: none; 11039 text-overflow: ellipsis; 11040 line-height: ${(0,i.Kq)(4)}; 11041 word-break: normal; 11042 white-space: normal; 11043 11044 &:hover, 11045 &:focus { 11046 text-decoration: none; 11047 } 11048 ${({isSubscribeButton:e,isColorTokenInverted:t,theme:n})=>e&&`\n && {\n color: ${(0,i.HK)(n,(0,l.l1)(n,t?"colors.consumption.body.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover"))};\n }\n `} 11049`,k=(0,o.Ay)($).withConfig({displayName:"OverlayNavigationPrimaryLinks"})``,A=(0,o.Ay)(v).withConfig({displayName:"OverlayNavigationPrimaryListItem"})``,x=(0,o.Ay)(C).withConfig({displayName:"OverlayNavigationPrimaryLink"}).attrs(e=>({typeToken:"typography.definitions.foundation.link-feature",...e}))` 11050 ${({shouldOverridePrimaryLinkBISize:e})=>e&&`\n line-height: ${(0,i.Kq)(6)};\n font-size: 32px;\n\n @media (min-width: ${s.LO.lg}
11050) {\n padding: ${(0,i.Kq)(1.5)} 0;\n font-size: 48px;\n }\n `} 11051`,E=(0,o.Ay)(v).withConfig({displayName:"OverlayNavigationSecondaryListItem"})``,S=(0,o.Ay)($).withConfig({displayName:"OverlayNavigationSecondaryLinks"})``,L=(0,o.Ay)(C).withConfig({displayName:"OverlayNavigationSecondaryLink"})``},27985(e,t,n){n.d(t,{$K:()=>C,JL:()=>h,K5:()=>$,RQ:()=>A,S4:()=>u,TX:()=>m,WM:()=>x,_J:()=>p,_U:()=>k,c1:()=>w,iN:()=>g,nT:()=>y,o_:()=>c,pM:()=>b,rH:()=>v,vT:()=>f});var o=n(38267),i=n(26865),a=n(96472),r=n(1123),s=n(70698),l=n(73730),d=n(18608);const c=o.Ay.header.withConfig({displayName:"SiteHeaderWrapper"})` 11052 position: sticky; 11053 top: 0; 11054 right: 0; 11055 left: 0; 11056 transition: all 500ms ease; 11057 z-index: ${(0,i.fl)("persistentTopLayer")}; 11058 background-color: ${({theme:e})=>(0,i.HK)(e,(0,s.iq)(e)?"colors.consumption.lead.inverted.background":"colors.background.adContainer.special")}; 11059 ${({hasContentHeaderLogo:e,additionalCSS:t})=>e?"\n top: 0px;\n ":t} 11060`,m="56px",u="64px",p="112px",g="136px",h=o.Ay.div.withConfig({displayName:"SiteHeaderStickyWrapper"})` 11061 ${({hasSEOSupport:e})=>e&&"\n position: relative;\n z-index: 999;\n "} 11062 transition: all 500ms ease; 11063 border-top: ${({hasTopRule:e,theme:t})=>e?`${(0,i.Kq)(.5)} solid ${(0,i.HK)(t,(0,s.l1)(t,(0,s.iq)(t)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed"))}}`:"none"}; 11064 box-shadow: ${({shouldHideShadow:e})=>e?"none":"-2px 2px 5px rgba(0, 0, 0, 0.1);"}; 11065 background-color: ${({theme:e})=>(0,i.HK)(e,(0,s.l1)(e,(0,s.iq)(e)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed"))}; 11066 width: 100%; 11067 ${e=>e.topRuleAdditionalCSS}; 11068`,y=o.AH` 11069 top: 0; 11070`,b=o.AH` 11071 top: ${e=>-(e.headerHeight+5)}px; 11072`,f=(o.Ay.div.withConfig({displayName:"SiteHeaderStickyEmpty"})` 11073 height: ${e=>e.headerHeight}px; 11074`,o.Ay.div.withConfig({displayName:"SiteHeaderNavLeft"})` 11075 display: flex; 11076 grid-area: nav-left; 11077 justify-self: self-start; 11078 align-items: center; 11079`),w=(0,o.Ay)(d.c7).withConfig({displayName:"SiteHeaderLogo"})` 11080 grid-area: logo; 11081 justify-self: self-start; 11082 align-self: center; 11083 transition: all 500ms ease; 11084 width: 100%; 11085 height: 100%; 11086 11087 @media (min-width: ${a.LO.md}) { 11088 ${({isCenteredOnDesktop:e})=>e&&"\n /** \n * Making this span the entire width of the viewport\n * minus the padding applied for the SiteHeaderTop\n * to center align it irrespective of the utility links or market switcher being present\n */ \n width: calc(100vw - calc(2 * var(--grid-margin)));\n text-align: center;\n transition: all 500ms ease, width 0s ease, text-align 0s ease;\n "} 11089 } 11090 11091 a { 11092 display: inline-block; 11093 height: 100%; 11094 } 11095 11096 .responsive-asset, 11097 .responsive-asset picture { 11098 height: 100%; 11099 } 11100 11101 .responsive-asset { 11102 overflow: visible; 11103 } 11104 11105 img { 11106 object-fit: contain; 11107 height: 100%; 11108 } 11109`,$=o.Ay.div.withConfig({displayName:"SiteHeaderTop"})` 11110 ${(0,r.VO)()} 11111 display: grid; 11112 position: relative; 11113 grid-template-areas: 'logo utility'; 11114 grid-template-columns: minmax(${(0,i.Kq)(17)}, 1fr) auto; 11115 grid-template-rows: ${(0,i.Kq)(5)}; 11116 gap: ${(0,i.Kq)(2)}; 11117 ${f} { 11118 display: none; 11119 } 11120 @media (max-width: ${a.LO.md}) { 11121 gap: ${(0,i.Kq)(1)}; 11122 } 11123 @media (min-width: ${a.LO.lg}) { 11124 gap: ${(0,i.Kq)(1)}; 11125 grid-template-areas: 'nav-left logo utility'; 11126 grid-template-columns: min-content auto ${(0,i.Kq)(34)}; 11127 11128 ${f} { 11129 display: flex; 11130 } 11131 11132 ${w} { 11133 grid-column-end: -1; 11134 grid-column-start: 1; 11135 } 11136 } 11137 align-content: center; 11138 align-items: center; 11139 transition: all 500ms ease; 11140 border-bottom: ${({theme:e})=>`1px solid ${(0,i.HK)(e,"colors.foundation.menu.dividers")}`}; 11141 height: ${u}; 11142 ${(0,r.aU)("padding")}; 11143 ${({hasContentHeaderLogo:e,additionalCSS:t})=>e?"\n ":t} 11144 11145 /* This is done to add proper color to Close icon in Utility Navigation in Site Header */ 11146 .icon-close > g { 11147 stroke: ${({theme:e})=>(0,i.HK)(e,"colors.interactive.base.light")}; 11148 } 11149`,v=o.Ay.div.withConfig({displayName:"SiteHeaderUtility"})` 11150 display: flex; 11151 grid-area: utility; 11152 justify-self: self-end; 11153 align-items: center; 11154 align-self: start; 11155`,C=(0,o.Ay)(l.A.Utility).withConfig({displayName:"SiteHeaderButton"})` 11156 z-index: 1; 11157 margin-right: -${(0,i.Kq)(1)}; 11158 margin-left: ${(0,i.Kq)(1)}; 11159 cursor: pointer; 11160 padding: 0; 11161 height: ${(0,i.Kq)(5)}; 11162 line-height: 0; 11163 11164 &, 11165 &:active, 11166 &:hover, 11167 &:focus { 11168 border: 0; 11169 background-color: transparent; 11170 } 11171 11172 svg { 11173 fill: ${({theme:e})=>(0,i.HK)(e,(0,s.l1)(e,(0,s.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"))}; 11174 11175 &:active, 11176 &:focus, 11177 &:hover { 11178 fill: ${({theme:e})=>(0,i.HK)(e,(0,s.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 11179 } 11180 } 11181`,k=o.AH` 11182 ${({hasTopRule:e})=>e&&`\n @media (min-width: ${a.LO.md}) {\n border-top-width: ${(0,i.Kq)(1)};\n }\n\n @media (min-width: ${a.LO.lg}
11182) {\n border-top-width: ${(0,i.Kq)(1.5)};\n }\n `} 11183`,A=o.AH` 11184 grid-template-rows: ${(0,i.Kq)(5)}; 11185`,x=o.AH` 11186 @media (min-width: ${a.LO.md}) { 11187 grid-template-rows: ${(0,i.Kq)(7)}; 11188 height: ${p}; 11189 } 11190 11191 @media (min-width: ${a.LO.lg}) { 11192 grid-template-rows: ${(0,i.Kq)(9)}; 11193 height: ${g}; 11194 } 11195`},70698(e,t,n){n.d(t,{Ee:()=>l,N_:()=>r,iq:()=>d,l1:()=>c,nA:()=>s});const o="up",i="down",a="none",r={direction:a,pageYOffset:0,showSticky:!0,clippedMenu:!1},s=e=>{const t=(()=>{try{return window?.pageYOffset||0}catch(e){return 0}})();if(0===t)return{...e,...r};const n=((e,t)=>{const n=e-t;return 0===n?a:n<0?o:i})(t,e.pageYOffset),s=e.direction!==n?t:e.changeDirectionPageYOffset,l=((e,t,n)=>{switch(e){case i:return t>=n+100;case o:return t<=n-100;default:return!1}})(n,t,s);let{showSticky:d,clippedMenu:c}=e;return l&&(d=n===o),c=n===o||c&&n===i,{...e,direction:n,pageYOffset:t,changeDirectionPageYOffset:s,showSticky:d,clippedMenu:c}},l=(e,t)=>({...e,headerHeight:t?.current?.getBoundingClientRect()?.height||0}),d=({palette:e})=>"inverted"===e,c=(e,t)=>{if(d(e)){if(/\.collapsed/.exec(t))return t.replace(".collapsed",".expanded");if(/\.expanded/.exec(t))return t.replace(".expanded",".collapsed")}return t}},64214(e,t,n){n.d(t,{A:()=>Ae});var o=n(5556),i=n.n(o),a=n(96540),r=n(32485),s=n.n(r),l=n(38267);const d=l.Ay.div.withConfig({displayName:"SmartComponentWrapper"})``;var c=n(53499),m=n(13465),u=n(18608),p=n(37338),g=n(96472),h=n(1123),y=n(26865),b=n(99906),f=n(7228);const w=l.AH` 11196 max-width: 48px; 11197 height: 48px; 11198`,$=l.AH` 11199 max-width: 300px; 11200 height: auto; 11201`,v=(0,l.Ay)(u.c7).withConfig({displayName:"SmartContainerHeader"})` 11202 display: flex; 11203 flex-direction: column; 11204 align-items: center; 11205 gap: ${(0,y.Kq)(1)}; 11206 border-top: ${({theme:e})=>(0,y.Pp)(e,"dividerWidth")} solid; 11207 padding-top: ${(0,y.Kq)(2)}; 11208 padding-bottom: ${(0,y.Kq)(6)}; 11209 ${(0,y.L7)(`${b.VS.md}px`)} { 11210 padding-bottom: ${(0,y.Kq)(4)}; 11211 } 11212 ${(0,y.H4)(`${b.Vh.lg}px`)} { 11213 gap: ${(0,y.Kq)(2)}; 11214 } 11215 11216 ${({softRule:e,theme:t})=>(0,y._o)(t,"border-top-color",e?"colors.discovery.body.white.border":"colors.discovery.body.white.divider")}; 11217`,C=l.Ay.div.withConfig({displayName:"SmartContainerHeaderImage"})` 11218 ${({imageSize:e})=>l.AH` 11219 img { 11220 ${"icon"===e?w:$} 11221 } 11222 `} 11223 11224 ${({imagePosition:e})=>"below"===e?l.AH` 11225 order: 3; 11226 padding-bottom: 0; 11227 `:l.AH` 11228 &:not(picture) { 11229 ${(0,y.Xm)(0,`${b.VS.md}px`)} { 11230 padding-bottom: ${(0,y.Kq)(1)}; 11231 } 11232 } 11233 `} 11234 11235 ${({isContributor:e,theme:t})=>e?l.AH` 11236 ${f.BF} { 11237 border-radius: 50%; 11238 background: ${(0,y.HK)(t,"colors.discovery.lead.secondary.background")}; 11239 } 11240 `:""}; 11241`,k=(0,l.Ay)(u.vm).withConfig({displayName:"SmartContainerHeaderHed"}).attrs(e=>({as:"h2",colorToken:"colors.discovery.body.white.heading",textAlign:"center",typeIdentity:"typography.definitions.discovery.subhed-section-primary",...e}))``,A=(0,l.Ay)(u.vm).withConfig({displayName:"SmartContainerHeaderDek"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",textAlign:"center",typeIdentity:"typography.definitions.discovery.description-page",...e}))``,x=(0,l.Ay)(u.c7).withConfig({displayName:"SmartContainerContent"})``,E=(0,l.Ay)(u.c7).withConfig({displayName:"SmartContainerFooter"})` 11242 display: none; 11243`,S=(0,l.Ay)(u.c7).withConfig({displayName:"SmartContainerAd"})` 11244 display: none; 11245`,L=l.Ay.div.withConfig({displayName:"SmartItem"})` 11246 position: relative; 11247`;var T=n(23311);const N=l.AH` 11248 ${T.C}:not(picture) { 11249 overflow: visible; 11250 11251 &::after { 11252 display: block; 11253 position: absolute; 11254 top: 0; 11255 right: calc(-1 * var(--grid-gap) / 2); 11256 background-color: ${(0,y.HK)("colors.discovery.body.white.border")}; 11257 width: 1px; 11258 height: 100%; 11259 content: ''; 11260 } 11261 } 11262`,H=({styleSettings:e})=>l.AH` 11263 ${e.fullBleed&&l.AH` 11264 ${(0,h.aU)("padding",!0)}; 11265 max-width: none; 11266 `} 11267`,I=(e,t={})=>l.AH` 11268 --smart-container-layout: 'grid'; 11269 ${H({styleSettings:t})} 11270 ${x} { 11271 display: grid; 11272 grid-template-columns: repeat(4, 1fr); 11273 11274 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11275 grid-template-columns: repeat(12, 1fr); 11276 } 11277 gap: var(--grid-gap); 11278 } 11279 ${L} { 11280 width: auto; 11281 ${({itemLength:e,showItemDivider:t})=>{const n=function(e){switch(e){case 1:return 12;case 2:return 6;default:return e%3==0&&e<=9?4:3}}(e);let o;return o=4===n?"3n":3===n?"4n":`${e}n`,l.AH` 11282 grid-column: span ${n}; 11283 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11284 &:not(:nth-child(${o}), :last-child) { 11285 ${t&&N} 11286 } 11287 } 11288 `}} 11289 } 11290`,B=(e,t={})=>l.AH` 11291 --smart-container-layout: 'carousel'; 11292 --grid-gap: ${(0,y.Kq)(4)}; 11293 11294 ${H({styleSettings:t})} 11295 ${x} { 11296 display: flex; 11297 ${(0,y.L7)(`${b.VS.xxl}px`)} { 11298 margin-right: calc(-1 * var(--grid-margin)); 11299 margin-left: calc(-1 * var(--grid-margin)); 11300 padding-right: var(--grid-margin); 11301 padding-left: var(--grid-margin); 11302 } 11303 padding-bottom: ${(0,y.Kq)(3)}; 11304 overflow-x: auto; 11305 scroll-snap-type: x mandatory; 11306 gap: var(--grid-gap); 11307 } 11308 11309 ${L} { 11310 flex-shrink: 0; 11311 align-self: stretch; 11312 scroll-snap-align: center; 11313 11314 ${({showItemDivider:e})=>e&&l.AH` 11315 &:not(:last-child) { 11316 ${N} 11317 } 11318 `} 11319 } 11320 11321 ${E} { 11322 display: flex; 11323 } 11324 11325 ${(0,y.Xm)(0,`${b.VS.md}px`)} { 11326 ${L} { 11327 width: 70%; 11328 } 11329 } 11330 ${(0,y.Xm)(`${b.Vh.lg}px`,`${b.VS.lg}px`)} { 11331 ${L} { 11332 width: 38%; 11333 } 11334 } 11335 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11336 ${L} { 11337 width: calc(24% - ${(0,y.Kq)(4)}); 11338 } 11339 } 11340`,O={grid:I,carousel:(e,t)=>
11340l.AH` 11341 ${({itemLength:e})=>e>4?B(0,t):l.AH` 11342 ${(0,y.Xm)(0,`${b.VS.lg}px`)} { 11343 ${B(0,t)} 11344 } 11345 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11346 ${I(0,t)} 11347 } 11348 `} 11349 `,river:(e,t={})=>l.AH` 11350 --smart-container-layout: 'river'; 11351 --margin: ${(0,y.Kq)(1)}; 11352 --padding: ${(0,y.Kq)(2)}; 11353 ${H({styleSettings:t})} 11354 ${x} { 11355 ${L}.story-unit { 11356 border-bottom: 1px solid 11357 ${(0,y.HK)("colors.discovery.body.white.border")}; 11358 padding: var(--padding) 0; 11359 11360 &:first-child { 11361 padding-top: 0; 11362 } 11363 11364 &:last-child { 11365 border-bottom: none; 11366 padding-bottom: 0; 11367 } 11368 } 11369 } 11370 11371 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11372 ${x} { 11373 display: grid; 11374 grid-template-columns: repeat(12, 1fr); 11375 ${S} { 11376 display: inline-block; 11377 grid-column: 9/13; 11378 grid-row: 1 / span 4; 11379 margin: var(--margin); 11380 padding: var(--padding); 11381 } 11382 ${L} { 11383 grid-column: span 8; 11384 } 11385 } 11386 } 11387`},K=(0,l.Ay)(u.c7).withConfig({displayName:"SmartContainerWrapper"})` 11388 margin: 0 auto; 11389 ${(0,h.VO)()}; 11390 ${(0,h.aU)("padding")} 11391 width: 100%; 11392 max-width: ${g.LO.xxl}; 11393 ${({layout:e,styleSettings:t})=>(0,p.Q)("layout",{layout:e,styleSettings:t},O)} 11394 11395 .small { 11396 font-variant: all-small-caps; 11397 text-transform: lowercase; 11398 font-style: normal; 11399 } 11400 11401 .italic { 11402 font-style: italic; 11403 } 11404 11405 h3 { 11406 .small { 11407 font-synthesis-small-caps: none; 11408 } 11409 } 11410`;var D=n(73275),_=n(99366),P=n(10642),R=n(65087),q=n(88154),M=n(42667),F=n(11586);const U=(0,p.a)("SmartItem"),V=l.AH` 11411 ${({additionalContent:e})=>e?l.AH` 11412 --aspect-ratio-box-max-height: ${(0,y.Kq)(100)}; 11413 `:l.AH` 11414 --aspect-ratio-box-max-height: ${(0,y.Kq)(75)}; 11415 ${(0,y.Xm)(`${b.Vh.lg}px`,`${b.VS.xl}px`)} { 11416 --aspect-ratio-box-max-height: ${(0,y.Kq)(65.25)}; 11417 } 11418 ${(0,y.H4)(`${b.Vh.xxl}px`)} { 11419 --aspect-ratio-box-max-height: ${(0,y.Kq)(81)}; 11420 } 11421 `} 11422 min-height: var(--aspect-ratio-box-max-height); 11423`,G=l.AH` 11424 /* 11425 Targets sibling of each direct child 11426 */ 11427 ${M.$P} { 11428 > * + * { 11429 margin-top: ${(0,y.Kq)(2)}; 11430 } 11431 11432 ${M.T6} + ${M.dC} { 11433 margin-top: ${(0,y.Kq)(1)}; 11434 } 11435 } 11436`,W={"side-by-side":(e,t={})=>l.AH` 11437 --smart-item-layout: 'side-by-side'; 11438 display: flex; 11439 width: 100%; 11440 ${V}; 11441 11442 ${T.C} { 11443 flex-basis: ${t.image?.inset?"calc(50% - var(--smart-item-asset-h-inset))":"50%"}; 11444 11445 .responsive-asset { 11446 img { 11447 object-fit: ${t.image?.inset?"contain":"cover"}; 11448 ${!t.image?.inset&&l.AH` 11449 height: auto; 11450 min-height: 100%; 11451 `} 11452 } 11453 } 11454 } 11455 11456 ${({textPosition:e})=>e&&l.AH` 11457 flex-direction: ${"start"===e&&"row-reverse"}; 11458 `} 11459 11460 ${M.T3} { 11461 display: flex; 11462 flex-basis: 50%; 11463 flex-direction: column; 11464 align-items: center; 11465 justify-content: center; 11466 padding: ${(0,y.Kq)(3)}; 11467 ${G} 11468 11469 & > * { 11470 max-width: ${(0,y.Kq)(62.5)}; 11471 } 11472 11473 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11474 padding-right: ${(0,y.Kq)(6)}; 11475 padding-left: ${(0,y.Kq)(6)}; 11476 } 11477 } 11478 ${l.AH` 11479 ${({additionalContent:e})=>e&&l.AH` 11480 display: grid; 11481 ${({textPosition:e})=>"end"===e?l.AH` 11482 grid-template-areas: 11483 'image content' 11484 'image additionalContent'; 11485 `:l.AH` 11486 grid-template-areas: 11487 'content image' 11488 'additionalContent image'; 11489 `}; 11490 grid-template-columns: 1fr 1fr; 11491 grid-template-rows: 1fr min-content; 11492 ${T.C} { 11493 grid-area: image; 11494 } 11495 ${M.oR} { 11496 grid-area: additionalContent; 11497 } 11498 ${M.T3} { 11499 grid-area: content; 11500 } 11501 `} 11502`}; 11503 ${U("side-by-side",t,e)}; 11504 `,stack:(e,t={})=>l.AH` 11505 --smart-item-layout: 'stack'; 11506 display: flex; 11507 flex-direction: column-reverse; 11508 ${M.T3} { 11509 margin: ${(0,y.Kq)(6)} ${(0,y.Kq)(3)}; 11510 ${G} 11511 } 11512 ${T.C} { 11513 margin-top: 0; 11514 } 11515 ${l.AH` 11516 ${({additionalContent:e})=>e&&`\n ${M.oR}{\n order:2;\n }\n `} 11517`}; 11518 ${U("stack",t,e)}; 11519 `,overlay:(e,t={})=>l.AH` 11520 --smart-item-layout: 'overlay'; 11521 display: grid; 11522 position: relative; 11523 grid-template-areas: 'content'; 11524 grid-template-columns: 1fr; 11525 justify-content: ${"left"===t?.textAlign||"right"===t?.textAlign?t?.textAlign:"center"}; 11526 11527 ${V}; 11528 11529 ${M.T3} { 11530 display: flex; 11531 grid-area: content; 11532 flex-direction: column; 11533 justify-content: ${"left"===t?.textAlign||"right"===t?.textAlign?"center":t?.textAlign}; 11534 z-index: 1; 11535 margin: auto; 11536 padding: ${(0,y.Kq)(6)} ${(0,y.Kq)(3)} 11537 ${(0,y.Kq)(4)} ${(0,y.Kq)(3)}; 11538 width: 100%; 11539 height: 100%; 11540 ${G} 11541 } 11542 ${T.C} { 11543 position: unset; 11544 grid-area: content; 11545 11546 .responsive-asset { 11547 img { 11548 object-fit: cover; 11549 width: 100%; 11550 } 11551 } 11552 11553 &::after { 11554 ${(({textAlign:e})=>l.AH` 11555 position: absolute; 11556 top: 0; 11557 right: 0; 11558 bottom: 0; 11559 left: 0; 11560 background: ${({additionalContent:t})=>((e,t)=>{let n="",o="rgba(0, 0, 0, .85) 0, transparent 100%";switch(e){case"start":n="to bottom",o=t?"rgba(0, 0, 0, .85) 0, transparent 65%, rgba(0, 0, 0, .85) 100%":o;break;case"left":n="to right";break;case"right":n="to left";break;default:n="to top"}return`linear-gradient(${n}, ${o})`})(e,t)}; 11561 content: ''; 11562 pointer-events: none; 11563 `)({textAlign:t?.textAlign})} 11564 } 11565 } 11566 11567 ${(0,y.H4)(`${b.Vh.lg}px`)} { 11568 ${M.T3} { 11569 padding: ${(0,y.Kq)(4)} 0; /* Existing styles. Once text align goes live, we can remove this padding. */ 11570 max-width: ${(0,y.Kq)(62)}; 11571 11572 ${["left","right"].includes(t?.textAlign)&&`padding: ${(0,y.Kq)(3)} ${(0,y.Kq)(6)};`} 11573 ${"start"===t?.textAlign&&`padding-top: ${(0,y.Kq)(12)};`}; 11574 } 11575 11576 ${M.oR} { 11577 max-width: ${(0,y.Kq)(62)}; 11578 } 11579 } 11580 11581 ${(0,y.Xm)(`${b.Vh.lg}px`,`${b.VS.lg}px`)} { 11582 ${M.T3} { 11583 ${["left","right"].includes(t?.textAlign)&&`padding: ${(0,y.Kq)(3)};`} 11584 } 11585 } 11586 11587 ${l.AH` 11588 ${({additionalContent:e})=>e&&`\n grid-template-areas: "content" \n "additionalContent";\n grid-template-rows: 1fr min-content;\n ${T.C}{\n grid-area: content-start/content-start/additionalContent-end/additionalContent-end;\n }\n ${M.oR}{\n margin:auto;\n grid-area: additionalContent;\n z-index:1;\n }\n \n `} 11589`}; 11590 11591 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11592 ${M.$P} { 11593 margin-right: auto; 11594 margin-left: auto; 11595 max-width: ${(0,y.Kq)(62.5)}; 11596 } 11597 11598 ${M.T3}, ${M.oR} { 11599 margin: unset; 11600 padding-right: ${(0,y.Kq)(6)}; 11601 padding-left: ${(0,y.Kq)(6)}; 11602 width: 50%; 11603 max-width: 50%; 11604 } 11605 11606 ${()=>"left"===t?.textAlign?`\n ${M.T3}, ${M.oR} {\n margin-right: auto;\n }\n `:"right"===t?.textAlign?`\n ${M.T3}, ${M.oR} {\n margin-left: auto;\n }\n `:`\n ${M.T3} , ${M.oR} {\n margin: auto;\n }\n `}; 11607 } 11608 11609 ${U("overlay",t,e)}; 11610 `},j=l.AH` 11611 --smart-item-asset-h-inset: ${(0,y.Kq)(3)}; 11612 --smart-item-asset-v-inset: ${(0,y.Kq)(3)}; 11613 ${(0,y.H4)(`${b.Vh.lg}px`)} { 11614 --smart-item-asset-h-inset: ${(0,y.Kq)(2)}; 11615 } 11616 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11617 --smart-item-asset-h-inset: ${(0,y.Kq)(6)}; 11618 --smart-item-asset-v-inset: ${(0,y.Kq)(4)}; 11619 } 11620`,z=(0,l.Ay)(u.c7).withConfig({displayName:"FocusUnitWrapper"})` 11621 ${j} 11622 ${({layout:e,styleSettings:t})=>(0,p.Q)("layout",{layout:e,styleSettings:t},W)}; 11623 11624 ${({theme:e})=>"standard"!==e.palette&&"background: rgba(0,0,0);"} 11625 11626 ${M.oK} { 11627 ${({presetCategory:e})=>"TEXT_ONLY"===e?(0,y.Gg)("typography.definitions.discovery.hed-break-out"):(0,y.Gg)("typography.definitions.discovery.hed-feature")}; 11628 } 11629 11630 ${({signalType:e})=>e&&`\n ${(0,y.H4)(`${b.Vh.lg}px`)} {\n ${M.T3} {\n padding-top: ${(0,y.Kq)(8)};\n }\n }\n `} 11631 11632 &:hover { 11633 cursor: pointer; 11634 } 11635`,Y=e=>"transparent"===e||"inverted"===e?"black":"white",X=l.Ay.div.withConfig({displayName:"FocusUnitActionBarWrapper"})` 11636 display: flex; 11637 justify-content: center; 11638 11639 ${F.fI} { 11640 background: transparent; 11641 height: ${(0,y.Kq)(6)}; 11642 11643 ${F.eC} { 11644 border: none; 11645 background: none; 11646 text-decoration: none; 11647 } 11648 11649 ${F.tr} { 11650 ${(0,y.Gg)("typography.definitions.globalEditorial.context-title")}; 11651 } 11652 11653 ${({theme:e})=>`\n ${(0,y._o)(e,"border-color",`colors.discovery.body.${Y(e.palette)}.border`)};\n\n ${F.tr} {\n ${(0,y._o)(e,"color",`colors.discovery.body.${Y(e.palette)}.accent`)};\n }\n \n svg {\n path {\n ${(0,y._o)(e,"fill",`colors.discovery.body.${Y(e.palette)}.accent`)};\n }\n }\n \n `} 11654 } 11655`;var Z=n(87911),J=n(86157),Q=n(6009),ee=n(99263),te=n(47655);const ne=({additionalContent:e=null,className:t,layout:n=["stack","side-by-side","side-by-side"],contributors:o,dangerousDek:i,dangerousHed:r,date:l,id:d,image:c,hasNativeImgLazyLoading:m,rubric:u,insetType:p="focus",url:g,styleSettings:h=[],maxContributors:y,maxContributorsNames:b,textPosition:f,rubricVariation:w="ItemAsText",shouldLinkBylines:$=!1,signalType:v})=>{const C=h.map(e=>e?.image),{presetCategory:k}=a.useContext(Q.j7),A=P.A[w];return a.createElement(z,{layout:n,styleSettings:h,className:s()("smart-item",t),image:c,presetCategory:k,textPosition:f,..."clip"===c?.contentType&&{onClick:()=>{window.location=g}},additionalContent:e,contributors:o,date:l,signalType:v,id:d},c&&a.createElement(Z.A,{className:"smart-item__asset-container",...c,hasNativeImgLazyLoading:m,styleSettings:C,insetType:p,shouldYieldControlOfVideoPlayPause:!0}),a.createElement(M.T3,null,a.createElement(M.$P,null,u&&a.createElement(q.UZ,{className:"smart-item__rubric",as:A,...u}),a.createElement(q.kw,{className:"smart-item__hed-link",href:g,image:c},a.createElement(M.oK,{className:"smart-item__hed",dangerouslySetInnerHTML:{__html:r}}
11655)),i&&a.createElement(M.tJ,{className:"smart-item__dek",dangerouslySetInnerHTML:{__html:i}}),o&&a.createElement(M.T6,{className:"smart-item__contributor",as:R.A,contributors:o,maxContributors:y,maxContributorsNames:b,shouldLink:$}),l&&a.createElement(q.J8,{className:"smart-item__published-date"},l),v&&a.createElement(X,null,a.createElement(ee.A,{actionButtons:[v],isInteractive:!1})))),e&&a.createElement(M.oR,null,e))};ne.propTypes={additionalContent:i().element,className:i().string,contributors:i().shape(R.A.propTypes.contributors),dangerousDek:i().string,dangerousHed:i().string.isRequired,date:i().string,hasNativeImgLazyLoading:i().bool,id:i().string,image:i().shape(J.A.propTypes),insetType:i().oneOf(["focus","default"]),layout:i().arrayOf(i().oneOf(["stack","side-by-side","overlay"])),maxContributors:i().number,maxContributorsNames:i().number,rubric:i().shape(P.A.propTypes),rubricVariation:i().oneOf((0,te._)(P.A)),shouldLinkBylines:i().bool,signalType:i().string,styleSettings:i().arrayOf(i().shape({image:i().shape({inset:i().bool}),textAlign:i().oneOf(["start","center","end","left","right"])})),textPosition:i().oneOf(["start","center","end"]),url:i().string.isRequired},ne.displayName="FocusUnit";const oe=ne,ie=(0,m.y)(oe,"SmartItem"),ae=l.Ay.div.withConfig({displayName:"CardUnitHeader"})``,re={"side-by-side":e=>l.AH` 11656 --smart-item-layout: 'side-by-side'; 11657 display: grid; 11658 grid-column-gap: ${(0,y.Kq)(2)}; 11659 grid-template-rows: auto; 11660 margin-bottom: ${(0,y.Kq)(2)}; 11661 width: 100%; 11662 height: min-content; 11663 ${(0,y.L7)(`${b.Vh.lg}px`)} { 11664 padding: ${(0,y.Kq)(2)}; 11665 } 11666 ${(0,y.Xm)(`${b.Vh.lg}px`,`${b.VS.lg}px`)} { 11667 padding-right: ${(0,y.Kq)(2)}; 11668 padding-left: ${(0,y.Kq)(2)}; 11669 min-height: ${(0,y.Kq)(12)}; 11670 } 11671 11672 ${ae} { 11673 grid-column: 1; 11674 ${q.jY} { 11675 padding-top: ${(0,y.Kq)(1)}; 11676 } 11677 } 11678 11679 ${T.C} { 11680 grid-column: 2; 11681 grid-row: 1 / final; 11682 margin-top: 0; 11683 margin-left: auto; 11684 ${(0,y.L7)(`${b.Vh.lg}px`)} { 11685 width: ${(0,y.Kq)(14)}; 11686 max-height: ${(0,y.Kq)(10)}; 11687 } 11688 ${(0,y.Xm)(`${b.Vh.lg}px`,`${b.VS.lg}px`)} { 11689 width: ${(0,y.Kq)(20)}; 11690 max-height: ${(0,y.Kq)(15)}; 11691 } 11692 } 11693 ${q.Xr} { 11694 grid-column: 1; 11695 margin-top: ${(0,y.Kq)(2)}; 11696 ${(0,y.H4)(`${b.Vh.lg}px`)} { 11697 margin-top: auto; 11698 } 11699 } 11700 `,stack:()=>l.AH` 11701 --smart-item-layout: 'stack'; 11702 display: flex; 11703 grid-column: span 3; 11704 flex-direction: column; 11705 padding: ${(0,y.Kq)(2)}; 11706 11707 & > * { 11708 text-align: center; 11709 } 11710 ${T.C} { 11711 margin-top: auto; 11712 max-height: 40%; 11713 } 11714 11715 ${q.Xr} { 11716 margin-top: 24%; 11717 } 11718 ${q.jY} { 11719 margin-top: ${(0,y.Kq)(1)}; 11720 } 11721 ${(0,y.L7)(`${b.VS.md}px`)} { 11722 min-width: ${(0,y.Kq)(31.25)}; 11723 min-height: ${(0,y.Kq)(42.5)}; 11724 } 11725 ${(0,y.H4)(`${b.Vh.lg}px`)} { 11726 padding: ${(0,y.Kq)(3)}; 11727 } 11728 ${(0,y.L7)(`${b.VS.lg}px`)} { 11729 aspect-ratio: 3 / 4; 11730 } 11731 ${(0,y.H4)(`${b.Vh.xl}px`)} { 11732 min-height: ${(0,y.Kq)(40)}; 11733 ${T.C} { 11734 margin-bottom: ${(0,y.Kq)(2)}; 11735 } 11736 ${q.Xr} { 11737 margin-top: 10%; 11738 } 11739 } 11740 ${(0,y.H4)(`${b.Vh.xxl}px`)} { 11741 aspect-ratio: 3 / 4; 11742 padding: ${(0,y.Kq)(3)}; 11743 ${T.C} { 11744 max-height: ${(0,y.Kq)(16)}; 11745 } 11746 ${q.Xr} { 11747 margin-top: 10%; 11748 } 11749 } 11750 ${(0,y.H4)(`${b.Vh.xxxl}px`)} { 11751 ${T.C} { 11752 max-height: 45%; 11753 } 11754 ${q.Xr} { 11755 margin-top: 20%; 11756 } 11757 padding: ${(0,y.Kq)(4)}; 11758 } 11759 `},se=(0,l.Ay)(u.c7).withConfig({displayName:"CardUnitWrapper"})` 11760 border-radius: ${(0,y.Kq)(2)}; 11761 cursor: pointer; 11762 padding: ${(0,y.Kq)(3)}; 11763 11764 ${({cardColor:e})=>e&&`background: ${e};`} 11765 11766 ${({layout:e,styleSettings:t})=>(0,p.Q)("layout",{layout:e,styleSettings:t},re)}; 11767`,le=({cardColor:e="#F6F6F6",className:t,layout:n=["side-by-side","side-by-side","stack"],dangerousDek:o,dangerousHed:i,id:r,image:l,hasNativeImgLazyLoading:d,rubric:c,url:m,styleSettings:u=[]})=>{const p=u.map(e=>e.image);return a.createElement(se,{className:s()("smart-item",t),layout:n,styleSettings:u,cardColor:e,..."clip"===l?.contentType&&{onClick:()=>{window.location=m}},id:r},a.createElement(ae,null,a.createElement(q.S3,{className:"smart-item__hed",dangerouslySetInnerHTML:{__html:i}}),a.createElement(q.jY,{className:"smart-item__dek",dangerouslySetInnerHTML:{__html:o}})),a.createElement(Z.A,{className:"smart-item__asset-container",...l,hasNativeImgLazyLoading:d,styleSettings:p}),c&&a.createElement(q.Xr,{className:"smart-item__CTA",href:m,dangerouslySetInnerHTML:{__html:c?.name},$image:l}))};le.propTypes={cardColor:i().string,className:i().string,dangerousDek:i().string,dangerousHed:i().string.isRequired,id:i().string,image:i().shape(J.A.propTypes),hasNativeImgLazyLoading:i().bool,layout:i().arrayOf(i().oneOf(["side-by-side","stack"])),rubric:i().shape(P.A.propTypes),styleSettings:i().arrayOf(i().shape({})),url:i().string.isRequired},le.displayName="SmartItem";const de=le,ce=(0,m.y)(de,"SmartItem"),me={StoryUnit:_.A,FocusUnit:ie,CardUnit:ce};var ue=n(87797);const pe=()=>null;const ge=({itemsLength:e,listen:t=!1})=>
11767{const[n,o]=a.useState(1),[i,r]=a.useState(0);return{ref:function(e,{observe:t}){const n=a.useRef(null);return a.useEffect(()=>{const o=n?.current;if(!o||!t)return pe;const i=new ResizeObserver(t=>{e(o,t[0])});return i.observe(o),()=>i.disconnect()},[t,e,n]),n}((t,n)=>{const{scrollWidth:i,clientWidth:a}=n.target,r=i/e,s=Math.round(a/r),l=Math.ceil(e/s);o(l)},{observe:t}),handleScroll:t?e=>{const{scrollWidth:t,scrollLeft:o}=e.target,i=t/n,a=Math.ceil(o/i);r(a)}:pe,selectedDot:i,carouselDots:n}};var he=n(94327),ye=n(89957),be=n(96872),fe=n(14307);const we=({bundle:e,configuredComponentRef:t,dangerousDek:n,dangerousHed:o,header:i,image:r,items:s,itemType:l="StoryUnit",layout:d=["river","river","grid"],styleSettings:c=[],itemLayouts:m={},itemStyleSettings:u={default:[]},index:p,template:g,sectionName:h,showHeader:y=!0,showItemDivider:b=!0})=>{const{imageSize:f,imagePosition:w,isContributor:$,softRule:T}=i||{},N=`smart-container__content-${p}`,{clickHandler:H}=(({selector:e,index:t,template:n,sectionName:o,bundle:i,items:r})=>{const s=a.useContext(Q.j7),{containers:l=[]}=i||{},d=a.useMemo(()=>({preset_type:s.presetName||"none",package_type:n,section_name:o,package_position:(0,be.SV)(l,t)}),[l,s.presetName,o,t,n]),c=l.filter(e=>"verso-mid-content-ad"!==e.template);return(0,ye.ol)(e,void 0,(e,i)=>{const a=(0,be.jv)(r,window);if(e){(0,he.zJ)("package-impression",d);const e=(0,be.nO)("impression",o,n,a,t,c.length,s.presetName||"none");(0,fe.kg)(e),i()}}),{clickHandler:a.useCallback(e=>{const{target:i}=e,a=i.closest(".smart-item"),l=i.closest(".smart-item--tout");let m;const u=a.getAttribute("id"),p=r.find(e=>e.id===u);l&&(m=i.getAttribute("href"));const g=(0,be.jv)([p],window),h=(0,be.nO)("click",o,n,g,t,c.length,s.presetName||"none");if(a){const e=a.querySelector(".smart-item__hed-link");(0,he.W8)("package-interaction",{...d,url:m||e?.href,title:e?.innerText})}(0,fe.kg)(h)},[d,o,n,t,s,c,r])}})({selector:`.${N}`,index:p,template:g,sectionName:h,bundle:e,items:s}),{handleScroll:I,carouselDots:B,selectedDot:O,ref:_}=ge({itemsLength:s.length,listen:d.includes("carousel")}),P="string"==typeof l?me[l]:l;return a.createElement(K,{ref:t,layout:d,styleSettings:c,itemLength:s.length,className:"smart-container__wrapper",onClick:H,showItemDivider:b},y&&a.createElement(v,{className:"smart-container__header",softRule:T},r&&a.createElement(C,{className:"smart-container__header__image",as:D.A,isLazy:!0,hasNativeImgLazyLoading:!0,...r,imageAttributes:{"aria-hidden":!0},imageSize:f,imagePosition:w,isContributor:$}),a.createElement(k,{className:"smart-container__header__hed",dangerouslySetInnerHTML:{__html:o}}),n&&a.createElement(A,{className:"smart-container__header__dek",dangerouslySetInnerHTML:{__html:n}})),a.createElement(x,{className:N,onScroll:I,ref:_},s.map((e,t)=>{const n=m[t]??m.default,o=u[t]??u.default;return a.createElement(L,{as:P,className:"smart-item",key:t,...e,layout:n,styleSettings:o})}),"river"===d[2]&&a.createElement(S,{className:"smart-container__ad"},a.createElement("h3",null,"It is a ad section"),a.createElement("img",{src:s[0].image.sources.sm.url,alt:"ad"}))),a.createElement(E,{className:"smart-container__footer",as:ue.A,dotLength:B,selectedDotIndex:O,onDotClick:()=>null}))};we.propTypes={configuredComponentRef:i().func,bundle:i().shape({containers:i().array}).isRequired,dangerousDek:i().string,dangerousHed:i().string,header:i().shape({imageSize:i().oneOf(["icon","banner"]),imagePosition:i().oneOf(["above","below"]),isContributor:i().bool,softRule:i().bool}),image:i().shape(D.A.propTypes),index:i().number.isRequired,itemLayouts:i().objectOf(i().oneOfType([i().arrayOf(i().oneOf(["dense","side-by-side","stack"])),i().arrayOf(i().oneOf(["overlay","side-by-side","stack"]))])),items:i().arrayOf(i().object).isRequired,itemStyleSettings:i().objectOf(i().arrayOf(i().shape({inset:i().bool,textAlign:i().oneOf(["start","center","end"]),image:i().shape({inset:i().bool,showBackgroundColor:i().bool,showOutline:i().bool,shape:i().oneOf(["default","circle","curved"])})}))),itemType:i().oneOfType([i().string,i().elementType]),layout:i().arrayOf(i().oneOf(["grid","river","carousel"])),sectionName:i().string.isRequired,showHeader:i().bool,showItemDivider:i().bool,styleSettings:i().arrayOf(i().shape({fullBleed:i().bool})),template:i().string.isRequired},we.displayName="SmartContainer";const $e=we,ve=(0,m.y)($e,"SmartContainer");var Ce=n(57744);const ke=({id:e,className:t,themeExtensions:n={},...o})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(c.G.RENDER,{name:"SmartComponent"})},[]),a.createElement(d,{className:s()("smart-component",t)},a.createElement(Q.XG,{id:e,themeExtensions:n},a.createElement(ve,{...o}))));
11767ke.propTypes={className:i().string,dangerousHed:i().string,id:i().string,themeExtensions:i().shape({componentStylePools:i().objectOf(i().objectOf(i().func))})},ke.displayName="SmartComponent";const Ae=(0,Ce.M3)(ke,{keysToPluck:["bundle"]})},96872(e,t,n){function o(e,t){const n=e.filter(e=>"verso-mid-content-ad"!==e.template);return`${n.indexOf(e[t])+1}/${n.length}`}function i(e,t){if(t<=3)return["top",2===t?"bottom":"middle","bottom"][e]||"bottom";const n=Math.floor(t/3);let o;return o=e<n?"top":e<2*n?"middle":"bottom",o}n.d(t,{R6:()=>i,SV:()=>o,jv:()=>a,nO:()=>r});const a=(e,t)=>e.map(e=>({content_id:e.copilotID||e.id,content_title:e.dangerousHed,content_type:e.contentType,content_url:new URL(e.url,t.location.origin)})),r=(e,t,n,o,a,r,s)=>({type:e,label:t,subject:n,items:o,placement:i(a,r),index:a,total_index:r,subject_id:s})},87911(e,t,n){n.d(t,{A:()=>u});var o=n(96540),i=n(5556),a=n.n(i),r=n(23311),s=n(86157),l=n(14207),d=n(2826),c=n(77818);function m({styleSettings:e,className:t,isContributor:n,insetType:i,isLazy:a=!0,signalType:m,actionBarConfig:u,shouldHideIcon:p,variationsProp:g,contentCategory:h,...y}){const b=(0,d.R)(h,g?.layoutPlacement),f=g?.hasAudioTag;return o.createElement(r.C,{className:t,styleSettings:e,isContributor:n,insetType:i},o.createElement(s.A,{shouldHoldImageSpace:!0,isLazy:a,signalType:m,actionBarConfig:u,...y}),b&&!p&&o.createElement(l.Ce,{className:"summary-item__icon-button",ButtonIcon:b,inputKind:"text",isIconButton:!0,label:"icon"}),f&&o.createElement(l.dl,{className:"summary-item__icon-floating"},o.createElement(c.A,null)))}m.propTypes={...s.A.propTypes,actionBarConfig:a().object,className:a().string,contentCategory:a().string,insetType:a().string,isContributor:a().bool,isLazy:a().bool,shouldHideIcon:a().bool,signalType:a().string,styleSettings:a().arrayOf(a().shape({inset:a().bool,showBackgroundColor:a().bool,showOutline:a().bool,shape:a().oneOf(["default","circle","curved"])})),variationsProp:a().object},m.displayName="SmartItemAsset";const u=m},23311(e,t,n){n.d(t,{C:()=>m});var o=n(38267),i=n(18608),a=n(37338),r=n(26865);const s=(e,t={})=>o.AH` 11768 position: relative; 11769 text-align: center; 11770 11771 picture { 11772 height: 100%; 11773 } 11774 11775 img { 11776 border: ${({theme:e})=>t.showOutline?`1px solid ${(0,r.HK)(e,"colors.discovery.body.white.border")}`:"none"}; 11777 height: 100%; 11778 } 11779 11780 ${({insetType:e})=>t.inset&&(({insetType:e})=>"focus"===e?o.AH` 11781 margin: var(--smart-item-asset-v-inset) var(--smart-item-asset-h-inset); 11782 `:o.AH` 11783 padding: 0 var(--smart-item-asset-h-inset); 11784 `)({insetType:e})} 11785`;var l=n(13983),d=n(11586),c=n(77527);const m=(0,o.Ay)(i.c7).withConfig({displayName:"SmartItemAssetContainer"})` 11786 ${({styleSettings:e})=>e&&(0,a.Q)("styleSettings",{styleSettings:e},s)} 11787 11788 ${d.fI} { 11789 position: absolute; 11790 right: ${(0,r.Kq)(.75)}; 11791 bottom: ${(0,r.Kq)(.75)}; 11792 z-index: 1; 11793 11794 ${({isContributor:e})=>e&&`\n right: ${(0,r.Kq)(-.75)};\n bottom: 0; \n &::before {\n border-radius: 50%;\n }\n `} 11795 } 11796 11797 .responsive-asset { 11798 ${({isContributor:e})=>e&&l.TP}; 11799 } 11800 11801 .responsive-asset, 11802 .responsive-clip { 11803 height: 100%; 11804 } 11805 11806 .responsive-clip { 11807 display: block; 11808 } 11809 11810 .responsive-cartoon { 11811 height: 100%; 11812 ${c.Jp}, ${c.uX} { 11813 display: none; 11814 } 11815 } 11816`},13983(e,t,n){n.d(t,{NG:()=>s,TP:()=>l,fd:()=>r});var o=n(38267),i=n(26865),a=n(7044);const r=o.AH` 11817 width: ${(0,i.Kq)(8)}; 11818 height: ${(0,i.Kq)(8)}; 11819`,s=o.AH` 11820 width: ${(0,i.Kq)(14)}; 11821 height: ${(0,i.Kq)(10.5)}; 11822`,l=o.AH` 11823 ${r} 11824 overflow: visible; 11825 11826 ${a.l} { 11827 position: relative; 11828 } 11829 11830 .aspect-ratio--overlay-container { 11831 overflow: visible; 11832 } 11833 11834 img { 11835 ${({theme:e})=>(0,i._o)(e,"background-color","colors.discovery.lead.secondary.background")}; 11836 border-radius: 50%; 11837 overflow: hidden; 11838 vertical-align: top; 11839 } 11840`},42667(e,t,n){n.d(t,{$P:()=>r,T3:()=>a,T6:()=>s,dC:()=>i.J8,oK:()=>d,oR:()=>c,tJ:()=>l});var o=n(38267),i=n(88154);const a=o.Ay.div.withConfig({displayName:"TextContainer"})` 11841 text-align: center; 11842`,r=o.Ay.div.withConfig({displayName:"TextWrapper"})``,s=(0,o.Ay)(i.$E).withConfig({displayName:"FocusUnitBylines"}).attrs(e=>({typeIdentity:"typography.definitions.globalEditorial.accreditation-feature",...e}))``,l=(0,o.Ay)(i.jY).withConfig({displayName:"FocusUnitDek"}).attrs(e=>({...e,typeIdentity:"typography.definitions.discovery.description-feature"}))``,d=(0,o.Ay)(i.S3).withConfig({displayName:"FocusUnitHed"})``,c=o.Ay.div.withConfig({displayName:"AdditionalContentWrapper"})` 11843 position: relative; 11844 z-index: 1; 11845 11846 ul { 11847 & > li { 11848 ${i.Zi} 11849 } 11850 } 11851`},75989(e,t,n){n.d(t,{A:()=>b});var o=n(96540),i=n(5556),a=n.n(i),r=n(32485),s=n.n(r),l=n(80471),d=n(10642),c=n(44944),m=n(65087),u=n(75699),p=n(87911),g=n(86157),h=n(47655);
11851const y=({className:e,clickHandler:t,impressionHandler:n,shouldTrackSnowplowEvent:i,layout:a=["dense","side-by-side","stack"],contributors:r,dangerousDek:c,dangerousHed:g,date:h,id:y,image:b,hasNativeImgLazyLoading:f,rubric:w,url:$,styleSettings:v=[],bylinesPosition:C,bylinesTextAlign:k="left",bylineVariation:A,isContributor:x=!1,maxContributors:E,maxContributorsNames:S,rubricVariation:L="ItemAsText",shouldLinkBylines:T=!1,signalType:N,shouldHideIcon:H=!0,variationsProp:I,contentType:B})=>{const{ref:O,entry:K}=(0,l.Wx)({threshold:.5,trackVisibility:!0,delay:100,triggerOnce:!0});(0,o.useEffect)(()=>{K?.isIntersecting&&i&&n()},[K,i,n]);const D=v.map(e=>e.image),_=function({rubric:e,image:t,dangerousDek:n,contributors:o,bylinesPosition:i,date:a}){let r=0;const s=[];return e?.name&&(s.push("rubric"),r++),t&&n?s.push("hed","image","dek"):t&&!n?(r++,s.push("image","hed")):s.push("hed"),o&&"top"===i?s.splice(r,0,"bylines"):o&&s.push("bylines"),a&&s.push("date"),s}({rubric:w,image:b,dangerousDek:c,contributors:r,bylinesPosition:C,date:h}),P=d.A[L];return o.createElement(u.zQ,{layout:a,hasRubric:Boolean(w?.name),hasDek:Boolean(c),hasBylines:Boolean(r),bylinesPosition:C,isContributor:x,styleSettings:v,className:s()("smart-item","story-unit",e),onClick:()=>{"clip"===b?.contentType&&(window.location=$),t()},image:b,id:y,ref:O},_.map(e=>{switch(e){case"hed":return o.createElement(u.kw,{className:"smart-item__hed-link",href:$,key:"hedWrapper",image:b},o.createElement(u.S3,{className:"smart-item__hed",dangerouslySetInnerHTML:{__html:g}}));case"dek":return o.createElement(u.jY,{key:"dek",className:"smart-item__dek",dangerouslySetInnerHTML:{__html:c}});case"rubric":return o.createElement(u.UZ,{key:"rubric",className:"smart-item__rubric",as:P,...w});case"image":return o.createElement(p.A,{key:"asset",className:"smart-item__asset-container",...b,hasNativeImgLazyLoading:f,styleSettings:D,isContributor:x,shouldYieldControlOfVideoPlayPause:!0,signalType:N,shouldHideIcon:H,variationsProp:I,contentCategory:B});case"bylines":return o.createElement(u.$E,{key:"bylines",className:"smart-item__contributor",as:m.A,contentAlign:k,contributors:r,maxContributors:E,maxContributorsNames:S,bylinesPosition:C,shouldLink:T,bylineVariation:A});case"date":return o.createElement(u.J8,{key:"date",className:"smart-item__published-date"},h);default:return null}}))};y.propTypes={bylinesPosition:a().oneOf(["top","bottom"]),bylinesTextAlign:a().oneOf(["left","right","center"]),bylineVariation:a().oneOf((0,h._)(c.A)),className:a().string,clickHandler:a().func,contentType:a().string,contributors:a().shape(m.A.propTypes.contributors),dangerousDek:a().string,dangerousHed:a().string.isRequired,date:a().string,hasNativeImgLazyLoading:a().bool,id:a().string,image:a().shape(g.A.propTypes),impressionHandler:a().func,isContributor:a().bool,layout:a().arrayOf(a().oneOf(["dense","side-by-side","stack"])),maxContributors:a().number,maxContributorsNames:a().number,rubric:a().shape(d.A.propTypes),rubricVariation:a().oneOf((0,h._)(d.A)),shouldHideIcon:a().bool,shouldLinkBylines:a().bool,shouldTrackSnowplowEvent:a().bool,signalType:a().string,styleSettings:a().arrayOf(a().shape({inset:a().bool,textAlign:a().oneOf(["start","center","end"]),image:a().shape({inset:a().bool,showOutline:a().bool})})),url:a().string.isRequired,variationsProp:a().object},y.displayName="SmartItem";const b=y},99366(e,t,n){n.d(t,{A:()=>a});var o=n(13465),i=n(75989);const a=(0,o.y)(i.A,"SmartItem")},75699(e,t,n){n.d(t,{$E:()=>r.$E,jY:()=>r.jY,S3:()=>r.S3,kw:()=>r.kw,J8:()=>r.J8,UZ:()=>r.UZ,zQ:()=>$});var o=n(38267),i=n(18608),a=n(37338),r=n(88154),s=n(23311),l=n(26865),d=n(13983),c=n(99906);const m=(0,l.Kq)(26),u=(0,l.Kq)(14),p=(0,l.Kq)(8);function g(e){const[t,n]=e.split(":");return Number(t)/Number(n)<=1?u:m}function h({image:e,isContributor:t}){if(t)return o.AH` 11852 grid-template-columns: auto ${p}; 11853 `;const n=function(e){return e?[e.segmentedSources?.sm?.[0].aspectRatio,e.segmentedSources?.lg?.[0].aspectRatio].filter(Boolean):[]}(e);if(!n.length)return o.AH` 11854 grid-template-columns: auto max-content; 11855 `;const[i,a]=n.map(g);return o.AH` 11856 grid-template-columns: auto ${i}; 11857 ${(0,l.H4)(`${c.Vh.lg}px`)} { 11858 grid-template-columns: auto ${a}; 11859 } 11860 `}const y={"side-by-side":(e,t={})=>o.AH` 11861 --smart-item-layout: 'side-by-side'; 11862 display: grid; 11863 grid-column-gap: ${(0,l.Kq)(2)}; 11864 ${h}; 11865 grid-template-rows: auto; 11866 width: 100%; 11867 height: min-content; 11868 gap: ${(0,l.Kq)(1)}; 11869 11870 ${r.UZ}, ${r.kw}, ${r.jY}, ${r.$E} ,${r.J8} { 11871 grid-column: 1; 11872 } 11873 11874 ${s.C} { 11875 --aspect-ratio-box-max-height: ${(0,l.Kq)(19.5)}; 11876 grid-column: 2; 11877 grid-row: 1/6; 11878 margin-top: 0; 11879 max-height: var(--aspect-ratio-box-max-height); 11880 11881 .responsive-asset, 11882 .responsive-cartoon { 11883 position: relative; 11884 } 11885 } 11886 11887 ${t.textAlign&&o.AH` 11888 text-align: ${t.textAlign}; 11889 `} 11890 11891 ${t.inset&&o.AH` 11892 padding: var(--smart-item-inset); 11893 `} 11894 `,dense:()=>o.AH` 11895 --smart-item-layout: 'dense'; 11896 display: block; 11897 ${r.UZ} { 11898 display: block; 11899 } 11900 11901 & > *:not(:first-child) { 11902 margin-top: ${(0,l.Kq)(.5)}; 11903 } 11904 11905 ${s.C} { 11906 float: right; 11907 11908 margin-bottom: ${(0,l.Kq)(1)}; 11909 margin-left: ${(0,l.Kq)(2)}; 11910 ${({hasDek:e})=>e&&o.AH` 11911 margin-top: ${(0,l.Kq)(1)}; 11912 `} 11913 11914 ${({isContributor:e})=>o.AH` 11915 ${e?d.fd:d.NG} 11916 `} 11917 &+${r.$E} { 11918 margin-top: 0; 11919 } 11920 } 11921 11922 &::after { 11923 display: table; 11924 clear: both; 11925 content: ''; 11926 } 11927 `,stack:(e,t={})=>o.AH` 11928 --smart-item-layout: 'stack'; 11929 gap: ${(0,l.Kq)(1)}; 11930 11931 ${t.inset&&o.AH` 11932 & > * { 11933 padding-right: var(--smart-item-inset); 11934 padding-left: var(--smart-item-inset); 11935 } 11936 `} 11937 ${t.textAlign&&o.AH` 11938 text-align: ${t.textAlign}; 11939 `} 11940 11941 display: flex; 11942 flex-direction: column; 11943 ${s.C} { 11944 ${t.image?.inset&&o.AH` 11945 --aspect-ratio-box-max-height: ${(0,l.Kq)(33.375)}; 11946 max-height: var(--aspect-ratio-box-max-height); 11947 `} 11948 order: -2; 11949 margin-bottom: ${(0,l.Kq)(1)}; 11950 11951 .responsive-asset, 11952 .responsive-cartoon { 11953 display: block; 11954 position: relative; 11955 margin: 0 auto; 11956 } 11957 } 11958 11959 ${({isContributor:e})=>e&&o.AH` 11960 position: relative; 11961 ${s.C} { 11962 position: unset; 11963 } 11964 `} 11965 `};var b=n(74423),f=n(7228);const w=o.AH` 11966 --smart-item-inset: 0; 11967 --smart-item-asset-h-inset: 0; 11968 --smart-item-asset-v-inset: 0; 11969 11970 ${(0,l.H4)(`${c.Vh.lg}px`)} { 11971 --smart-item-asset-h-inset: 0; 11972 --smart-item-inset: ${(0,l.Kq)(4)}; 11973 } 11974`,$=(0,o.Ay)(i.c7).withConfig({displayName:"SmartItemWrapper"}).attrs(e=>({as:"div",...e}))` 11975 ${w} 11976 cursor: pointer; 11977 text-decoration: none; 11978 ${({bylinesPosition:e})=>"top"===e&&o.AH` 11979 order: -1; 11980 ${b.CR} { 11981 display: none; 11982 } 11983 `} 11984 ${({layout:e,styleSettings:t})=>(0,a.Q)("layout",{layout:e,styleSettings:t},y)} 11985 11986 ${r.UZ} { 11987 ${({styleSettings:e})=>{const t=e?.some(e=>
11987"center"===e?.textAlign);return t&&o.AH` 11988 align-self: center; 11989 `}} 11990 } 11991 11992 ${s.C} { 11993 ${f.Em} { 11994 ${(0,l.H4)(`${c.Vh.lg}px`)} { 11995 width: auto; 11996 } 11997 } 11998 } 11999`},88154(e,t,n){n.d(t,{$E:()=>y,J8:()=>b,S3:()=>p,UZ:()=>h,Xr:()=>w,Zi:()=>m,jY:()=>g,kw:()=>f,tH:()=>u});var o=n(38267),i=n(18608),a=n(74423),r=n(26865),s=n(96472),l=n(99906),d=n(75163);const c=o.AH` 12000 ${({invertedColorToken:e,theme:t})=>["inverted","transparent"].includes(t.palette)&&e&&(0,r._o)("color",e)}; 12001`,m=o.AH` 12002 & > b, 12003 & > strong { 12004 font-size: inherit; /* inherits parent font size and sets 1em to refer parent font size */ 12005 ${(0,r.H4)(`${l.Vh.lg}px`)} { 12006 font-size: inherit; /* inherits parent font size and sets 1em to refer parent font size */ 12007 } 12008 } 12009 12010 & > b, 12011 & > strong { 12012 ${(0,r.Gg)("typography.definitions.globalEditorial.accreditation-feature")}; 12013 font-size: calc(1em - 1px); /* subtracts 1px from parent font size */ 12014 font-weight: inherit; 12015 ${(0,r.H4)(`${l.Vh.lg}px`)} { 12016 font-size: calc(1em - 1px); 12017 } 12018 } 12019`,u=(0,o.Ay)(i.vm).withConfig({displayName:"SmartItemBaseText"})` 12020 ${({colorToken:e})=>(0,r._o)("color",e)}; 12021 ${({typeIdentity:e})=>(0,r.Gg)(e)}; 12022 ${c}; 12023`,p=(0,o.Ay)(u).withConfig({displayName:"SmartItemHed"}).attrs(e=>({as:"h3",colorToken:"colors.discovery.body.white.heading",invertedColorToken:"colors.discovery.body.black.heading",typeIdentity:"typography.definitions.discovery.hed-core-primary",...e}))` 12024 position: relative; 12025 z-index: ${s.KV.content}; 12026 12027 &:hover { 12028 text-decoration: underline; 12029 } 12030`,g=(0,o.Ay)(u).withConfig({displayName:"SmartItemDek"}).attrs(e=>({colorToken:"colors.discovery.body.white.description",invertedColorToken:"colors.discovery.body.black.description",typeIdentity:"typography.definitions.discovery.description-core",...e}))` 12031 ${m} 12032`,h=(0,o.Ay)(u).withConfig({displayName:"SmartItemRubric"}).attrs(e=>({colorToken:"colors.discovery.body.white.context-signature",invertedColorToken:"colors.discovery.body.black.context-signature",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 12033 ${d.pT.Color.TextRubric}: ${({colorToken:e,invertedColorToken:t,theme:n})=>["inverted","transparent"].includes(n.palette)&&t?(0,r.HK)(n,t):(0,r.HK)(n,e)}; 12034`,y=(0,o.Ay)(u).withConfig({displayName:"SmartItemBylines"}).attrs(e=>({colorToken:"colors.discovery.body.white.accreditation",invertedColorToken:"colors.discovery.body.black.accreditation",typeIdentity:"typography.definitions.globalEditorial.accreditation-core",...e}))` 12035 span, 12036 ${a.CR}, ${a.QW}, ${a.H1} { 12037 margin: 0; 12038 text-align: inherit; 12039 ${({colorToken:e})=>(0,r._o)("color",e)}; 12040 ${({typeIdentity:e})=>(0,r.Gg)(e)}; 12041 ${c}; 12042 } 12043`,b=(0,o.Ay)(u).withConfig({displayName:"SmartItemPublishedDate"}).attrs(e=>({colorToken:"colors.discovery.body.white.context-tertiary",invertedColorToken:"colors.discovery.body.black.context-tertiary",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...e}))``,f=(0,o.Ay)(u).withConfig({displayName:"SmartItemHedLink"}).attrs(e=>({as:"a",colorToken:"colors.discovery.body.white.heading",invertedColorToken:"colors.discovery.body.black.heading",...e}))` 12044 display: block; 12045 text-decoration: none; 12046 12047 &:hover { 12048 text-decoration: none; 12049 } 12050 12051 ${({image:e})=>(!e||"clip"!==e?.contentType)&&o.AH` 12052 &::after { 12053 position: absolute; 12054 z-index: 1; 12055 content: ''; 12056 inset: 0; 12057 } 12058 `} 12059`,w=(0,o.Ay)(i.sH).withConfig({displayName:"SmartItemCTA"}).attrs(e=>({as:"a",colorToken:"colors.interactive.base.black",hasUnderline:!1,typeIdentity:"typography.definitions.utility.button-utility",...e}))` 12060 &::after { 12061 content: ' »'; 12062 } 12063 12064 ${({$image:e})=>(!e||"clip"!==e?.contentType)&&o.AH` 12065 &::before { 12066 position: absolute; 12067 content: ''; 12068 inset: 0; 12069 } 12070 `} 12071`},37338(e,t,n){n.d(t,{Q:()=>s,a:()=>l});var o=n(38267),i=n(26865),a=n(99906);const r=new Map([["layout",({layout:e,styleSettings:t=[]},n)=>{const[r,s,l]=e,[d,c,m]=t;if(r&&!s&&!l)return n[r]("mobile",d);const u=o.AH` 12072 ${(0,i.Xm)(0,`${a.VS.md}px`)} { 12073 ${n[r]("mobile",d)} 12074 } 12075 `,p=o.AH` 12076 ${(0,i.Xm)(`${a.Vh.lg}px`,`${a.VS.lg}px`)} { 12077 ${n[s]("tablet",c)} 12078 } 12079 `,g=o.AH` 12080 ${(0,i.H4)(`${a.Vh.xl}px`)} { 12081 ${n[l]("desktop",m)} 12082 } 12083 `,h=o.AH` 12084 ${(0,i.Xm)(0,`${a.VS.lg}px`)} { 12085 ${n[r]("mobile",d)} 12086 } 12087 `,y=o.AH` 12088 ${(0,i.H4)(`${a.Vh.lg}px`)} { 12089 ${n[s]("tablet",c)} 12090 } 12091 `;return r!==s||c?s!==l||m?o.AH` 12092 ${u} 12093 ${p} 12094 ${g} 12095 `:o.AH` 12096 ${u} 12097 ${y} 12098 `:o.AH` 12099 ${h} 12100 ${g} 12101 `}],["styleSettings",({styleSettings:e=[]},t)=>{const[n,r,s]=e;if(n&&!r&&!s)return t("mobile",n);const l=o.AH` 12102 ${(0,i.Xm)(0,`${a.VS.md}px`)} { 12103 ${t("mobile",n)} 12104 } 12105 `,d=o.AH` 12106 ${(0,i.Xm)(`${a.Vh.lg}px`,`${a.VS.lg}px`)} { 12107 ${t("tablet",r)} 12108 } 12109 `,c=o.AH` 12110 ${(0,i.H4)(`${a.Vh.xl}px`)} { 12111 ${t("desktop",s)} 12112 } 12113 `,m=o.AH` 12114 ${(0,i.H4)(`${a.Vh.lg}px`)} { 12115 ${t("tablet",r)} 12116 } 12117 `,u=o.AH` 12118 ${(0,i.Xm)(0,`${a.VS.lg}px`)} { 12119 ${t("mobile",n)} 12120 } 12121 `;return n&&r&&!s?o.AH` 12122 ${l} 12123 ${m} 12124 `:n&&s&&!r?o.AH` 12125 ${u} 12126 ${c} 12127 `:o.AH` 12128 ${l} 12129 ${d} 12130 ${c} 12131 `}]]);function s(e,t,n){return r.get(e)(t,n)}const l=e=>(t,n,i)=>({theme:a})=>{const{componentStylePools:r}=a;return r&&r[e]?r[e].slice().reverse().map(e=>{if(e[t])return e[t](i,n)}
12131).filter(Boolean).reduce((e,t)=>o.AH` 12132 ${e} 12133 ${t} 12134 `,""):""}},88722(e,t,n){n.d(t,{O:()=>s,i:()=>r});var o=n(96540),i=n(9481);const a={genre:"Genre:",label:"Label:",reviewDate:"Reviewed:",releaseDate:"Release Date:"},r=(e,t=!1,n=!1)=>{if(!e)return[];const o=[];return Object.keys(e).forEach(i=>{t&&"reviewDate"===i||("releaseYear"===i&&n?e[i]&&e[i].length&&o.push({key:a.releaseDate,value:e[i]}):e[i]&&e[i].length&&a[i]&&o.push({key:a[i],value:e[i]}))}),o},s=({contributors:e,hideContributors:t,hideContributorTitle:n,bylineVariation:a,isMusicReview:r,contentAlign:s,reviewDate:l,showReviewDateInByline:d=!1,BylineWithReviewDate:c,ReviewDate:m,ReviewDivider:u,reviewedText:p="Reviewed",isMiddle:g=!1,shouldUseCustomPreambles:h=!1,preambles:y,shouldStackBylinesOnMobile:b=!1})=>{if(!e||t)return null;const f=o.createElement(i.s8,{contributors:e,bylineVariation:n?"Item":a,isCompact:!1,isMusicReview:r,contentAlign:s,shouldUseCustomPreambles:h,preambles:y,shouldStackBylinesOnMobile:b});return l&&d&&c&&m&&u?o.createElement(c,{isMiddle:g},f,o.createElement(u,null),o.createElement(m,null,p," ",l)):f}},77630(e,t,n){n.d(t,{Ao:()=>le,BI:()=>ke,Bl:()=>Oe,Ci:()=>Q,E9:()=>De,FT:()=>J,GI:()=>j,Lh:()=>qe,PH:()=>F,Rx:()=>oe,S6:()=>we,TB:()=>G,TH:()=>te,VV:()=>re,YS:()=>Me,Yq:()=>ue,Zp:()=>Z,Zq:()=>Ke,_e:()=>M,ak:()=>ie,dG:()=>ee,gs:()=>X,lR:()=>Be,mS:()=>z,mW:()=>Pe,mk:()=>V,n9:()=>Re,q7:()=>_e,qQ:()=>ge,rb:()=>pe,sl:()=>Y,xQ:()=>Ie});var o=n(38267),i=n(75163),a=n(18608),r=n(96472),s=n(55058),l=n(52813),d=n(49829),c=n(40653),m=n(10246),u=n(26865),p=n(12972),g=n(88456),h=n(50152),y=n(82873),b=n(48188),f=n(34520),w=n(81591),$=n(50531),v=n(56341),C=n(1123),k=n(7228),A=n(71862),x=n(89085),E=n(82552),S=n(32788),L=n(17514),T=n(51886),N=n(26348),H=n(89635);const I=(0,u.Kq)(8),B=(0,u.Kq)(6),O=(0,u.Kq)(9),K=({$shouldUseDesignColorTokens:e,theme:t},n,o,i="navigation")=>!e&&(0,u.pe)(t,n,o,i),D=o.i7` 12135 0% { 12136 height: 0; 12137 } 12138 12139 100% { 12140 height: ${H.zs}px; 12141 } 12142`,_=o.i7` 12143 0% { 12144 height: ${H.zs}px; 12145 } 12146 12147 100% { 12148 height: 0; 12149 } 12150`,P=o.i7` 12151 0% { 12152 height: 0; 12153 } 12154 12155 100% { 12156 height: ${H.HS}px; 12157 } 12158`,R=o.i7` 12159 0% { 12160 height: ${H.HS}px; 12161 } 12162 12163 100% { 12164 height: 0; 12165 } 12166`,q=e=>!!e&&`\n width: ${e.sm.width}px;\n height: ${e.sm.height}px;\n\n ${(0,u.H4)(r.LO.md)} {\n width: ${e.md.width}px;\n height: ${e.md.height}px;\n }\n\n ${(0,u.H4)(r.LO.lg)} {\n width: ${e.lg.width}px;\n height: ${e.lg.height}px;\n }\n\n ${(0,u.H4)(r.LO.xl)} {\n width: ${e.xl.width}px;\n height: ${e.xl.height}px;\n }\n\n ${(0,u.H4)(r.LO.xxl)} {\n width: ${e.xxl.width}px;\n height: ${e.xxl.height}px;\n }\n `,M=o.Ay.button.withConfig({displayName:"StackedNavigationSearchToggle"})` 12167 ${(0,l.xY)()}; 12168 display: flex; 12169 position: relative; 12170 align-items: center; 12171 justify-content: center; 12172 margin: 0; 12173 border-radius: 0; 12174 background: transparent; 12175 padding: 0; 12176 width: ${(0,u.Kq)(4)}; 12177 min-width: ${(0,u.Kq)(4)}; 12178 height: 100%; 12179 color: transparent; 12180 12181 ${(0,u.H4)(r.LO.md)} { 12182 margin: 0 ${(0,u.Kq)(3)} 0 ${(0,u.Kq)(2)}; 12183 } 12184`,F=o.Ay.div.withConfig({displayName:"StackedNavigationSearchToggleIcon"})` 12185 position: absolute; 12186 top: 0; 12187 right: 0; 12188 bottom: 0; 12189 left: 0; 12190 ${({theme:e})=>o.AH` 12191 background-image: url('/verso/static/${e.meta.name}/assets/icons/search.svg'); 12192 `}; 12193 background-repeat: no-repeat; 12194 background-position: center; 12195 background-size: ${(0,u.Kq)(3)} ${(0,u.Kq)(3)}; 12196 width: 100%; 12197 height: ${(0,u.Kq)(3)}; 12198`,U=o.AH` 12199 position: relative; 12200 z-index: 2; 12201 border-bottom: 1px solid 12202 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)(t,"colors.foundation.menu.dividers")}; 12203 12204 && { 12205 width: 100%; 12206 } 12207`,V=(0,o.Ay)(g.A.Utility).withConfig({displayName:"StackedNavigationSearch"})` 12208 ${({$shouldUseDesignColorTokens:e})=>(0,d.W)({shouldUseDesignColorTokens:e})}; 12209 grid-column: 12 / -1; 12210 justify-self: flex-end; 12211 transition: opacity 0.3s ease-in-out; 12212 12213 &&&& .icon-search, 12214 &&&& .icon-close { 12215 transform: scale(0.5); 12216 } 12217 12218 ${({shouldUseLightIconTheme:e,$shouldUseDesignColorTokens:t,theme:n})=>e&&o.AH` 12219 .icon-close > g { 12220 stroke: ${t?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(n,"colors.interactive.base.light")}; 12221 } 12222 `}; 12223 12224 ${({enableEnhancedSearch:e,$shouldUseDesignColorTokens:t,theme:n})=>e&&o.AH` 12225 .icon-close > g { 12226 ${t?o.AH` 12227 stroke: var(${i.pT.Color.TextNavigation}); 12228 `:(0,u._o)(n,"stroke",(0,u.iq)(n)?"colors.interactive.base.light":"colors.interactive.base.black")}; 12229 } 12230 `}; 12231`,G=(0,o.Ay)(a.sH).withConfig({displayName:"StackedNavigationProfileLink"})` 12232 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.foundation.meta-secondary")}; 12233 position: absolute; 12234 right: 20px; 12235 align-self: center; 12236 z-index: 0; 12237`,W=o.AH` 12238 ${p.M8} { 12239 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.foundation.link-primary")}; 12240 } 12241 12242 ${p.M8}, ${p.SE} { 12243 ${({shouldUseCustomStyle:e})=>e&&o.AH` 12244 font-size: ${(0,u.Kq)(1.75)}; 12245 `} 12246 } 12247 12248 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.foundation.link-primary")}; 12249 12250 min-width: ${(0,u.Kq)(5)}; 12251`,j=o.Ay.div.withConfig({displayName:"StackedNavigationSectionMobileOption"})` 12252 display: flex; 12253 ${({hasLeftMarginOnMobile:e})=>e&&o.AH` 12254 margin-left: ${(0,u.Kq)(-3)}; 12255 `} 12256 12257 ${p.W9} { 12258 margin: 0; 12259 } 12260 12261 ${p.J$} { 12262 display: flex; 12263 align-items: center; 12264 padding: 0; 12265 } 12266 12267 ${W} 12268`,z=o.Ay.div.withConfig({displayName:"StackedNavigationSectionPrimaryLinks"})` 12269 margin: 0 auto; 12270 width: max-content; 12271 12272 && { 12273 display: none; 12274 grid-row: 2 / 3; 12275 justify-content: center; 12276 z-index: 1; 12277 } 12278 12279 ${p.J$} { 12280 &:last-child { 12281 margin-right: 0; 12282 } 12283 display: flex; 12284 align-items: center; 12285 padding: 0; 12286 } 12287 12288 ${p.W9} { 12289 margin: 0; 12290 } 12291 12292 ${W} 12293`,Y=o.Ay.div.withConfig({displayName:"StackedNavigationSearchBarWrapper"})` 12294 width: 100%; 12295 12296 input { 12297 &[type='search'] { 12298 border: 1px solid; 12299 border-radius: 0; 12300 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 12301 border-color: var(${i.pT.Color.BorderSubNavigation}); 12302 `:(0,u._o)(t,"border-color","colors.interactive.base.dark")}; 12303 appearance: none; 12304 } 12305 } 12306 12307 ${({enableEnhancedSearch:e})=>e&&o.AH` 12308 ${(0,u.L7)(r.LO.md)} { 12309 margin-top: 0; 12310 padding: 4px 0; 12311 } 12312 ${N.Fw} { 12313 background: none; 12314 } 12315 `} 12316`,X=o.Ay.div.withConfig({displayName:"StackedNavigationScrollingSection"})` 12317 && { 12318 display: none; 12319 12320 ${(0,u.H4)(r.LO.lg)} { 12321 padding: 0 ${(0,u.Kq)(4)} 0 ${(0,u.Kq)(6)}; 12322 } 12323 12324 ${(0,u.H4)(r.LO.xxl)} { 12325 padding: 0 ${(0,u.Kq)(6)} 0 ${(0,u.Kq)(8)}; 12326 } 12327 } 12328 12329 ${p.J$} { 12330 &:last-child { 12331 margin-right: 0; 12332 } 12333 display: flex; 12334 padding: 0; 12335 } 12336 12337 ${({hasScrollingNavigationContentCenterAligned:e})=>e&&o.AH` 12338 && { 12339 justify-content: center; 12340 ${(0,u.H4)(r.LO.lg)} { 12341 padding: 0 ${(0,u.Kq)(4)}; 12342 } 12343 ${(0,u.H4)(r.LO.xxl)} { 12344 padding: 0 ${(0,u.Kq)(6)}; 12345 } 12346 } 12347 `} 12348 12349 ${(0,u.H4)(r.LO.lg)} { 12350 padding: 0 0 0 ${(0,u.Kq)(2)}; 12351 } 12352 12353 ${Y} { 12354 max-width: ${(0,u.Kq)(58.75)}; 12355 12356 ${(0,u.H4)(r.LO.xxl)} { 12357 margin: 0 0 0 ${(0,u.Kq)(6)}; 12358 } 12359 } 12360 12361 ${p.W9} { 12362 flex-wrap: nowrap; 12363 margin: 0; 12364 } 12365 12366 ${W} 12367 12368 border-bottom: 1px solid; 12369 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 12370 border-color: var(${i.pT.Color.BorderSubNavigation}); 12371 `:(0,u._o)(t,"border-color","colors.foundation.menu.dividers")}; 12372`,Z=(0,o.Ay)(h.A).withConfig({displayName:"StackedNavigationSectionUtilityLinksLogin"})` 12373 ${A.Z_} { 12374 ${e=>K(e,"colors.foundation.collapsed-menu.utility-link.default","colors.foundation.collapsed-menu.utility-link.hover")}; 12375 } 12376 12377 ${A.Gy} { 12378 margin-top: ${(0,u.Kq)(0)}; 12379 } 12380 12381 &.standard-navigation-account { 12382 ${(0,u.H4)(r.LO.md)} { 12383 margin-right: ${(0,u.Kq)(2)}; 12384 } 12385 position: relative; 12386 height: 100%; 12387 } 12388 12389 &&.standard-navigation-account-with-avatar { 12390 ${(0,u.H4)(r.LO.md)} { 12391 margin-right: 0; 12392 } 12393 ${(0,u.H4)(r.LO.lg)} {
12394 margin-right: -${(0,u.Kq)(.6)}; 12395 height: ${(0,u.Kq)(5)}; 12396 } 12397 } 12398 12399 ${A.Z_} { 12400 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.foundation.link-utility")}; 12401 display: flex; 12402 align-items: center; 12403 cursor: pointer; 12404 height: 100%; 12405 12406 &::after { 12407 position: absolute; 12408 right: 0; 12409 bottom: -15px; 12410 width: 220px; 12411 height: 15px; 12412 content: ''; 12413 } 12414 12415 &:hover { 12416 ${A.vs} { 12417 display: block; 12418 } 12419 12420 .icon-chevron path { 12421 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)((0,u.iq)(t)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.utility-link.hover")}; 12422 } 12423 } 12424 } 12425`,J=(0,o.Ay)("div").withConfig({displayName:"StackedNavigationBottom"})` 12426 ${(0,x.VG)()} 12427 ${(0,C.VO)()} 12428 && { 12429 position: relative; 12430 grid-column: 1/-1; 12431 grid-row: 1/-1; 12432 grid-template-columns: ${(0,u.Kq)(6)} auto ${(0,u.Kq)(6)}; 12433 } 12434 12435 && { 12436 width: 100%; 12437 max-width: 100%; 12438 } 12439 12440 &&& { 12441 ${({mobileLogoAlignment:e})=>"left"===e&&o.AH` 12442 grid-template-columns: ${(0,u.Kq)(4)} auto 1fr; 12443 `} 12444 12445 ${(0,u.H4)(r.LO.md)} { 12446 grid-template-columns: inherit; 12447 } 12448 } 12449 12450 .consumer-marketing-unit { 12451 display: none; 12452 } 12453 12454 ${({hasScrollingNavigation:e})=>e?o.AH` 12455 && { 12456 row-gap: ${(0,u.Kq)(1)}; 12457 } 12458 12459 ${Y} { 12460 grid-column: 1 / -1; 12461 } 12462 `:""} 12463 ${({enableEnhancedSearch:e,$shouldUseDesignColorTokens:t,theme:n})=>e&&o.AH` 12464 .icon-close > g { 12465 ${t?o.AH` 12466 stroke: var(${i.pT.Color.TextNavigation}); 12467 `:(0,u._o)(n,"stroke",(0,u.iq)(n)?"colors.interactive.base.light":"colors.interactive.base.black")}; 12468 } 12469 `}; 12470`,Q=o.Ay.div.withConfig({displayName:"StackedNavigationSectionLogo"})` 12471 display: flex; 12472 grid-column: 2 / span 1; 12473 align-items: center; 12474 justify-content: center; 12475 opacity: 1; 12476 margin: auto; 12477 min-width: ${(0,u.Kq)(6)}; 12478 max-width: ${(0,u.Kq)(26)}; 12479 12480 ${(0,u.H4)(r.LO.md)} { 12481 grid-column: 5 / span 4; 12482 } 12483 12484 ${(0,u.H4)(r.LO.xl)} { 12485 opacity: 0; 12486 z-index: -1; 12487 } 12488 ${k.BF} { 12489 max-height: ${(0,u.Kq)(6)}; 12490 12491 &.stacked-navigation-design-logo { 12492 width: ${(0,u.Kq)(14.375)}; 12493 height: ${(0,u.Kq)(6)}; 12494 } 12495 12496 ${({headerLogo:e,navigationTheme:t,theme:n})=>{if("standard"===t){const t=e?.sources?.sm?.url||`/verso/static/${n.meta.name}/assets/logo-header.svg`;return o.AH` 12497 &:not(.stacked-navigation-design-logo) { 12498 content: url(${t}); 12499 } 12500 `}return""}} 12501 12502 ${({shouldUseCustomStyle:e})=>e&&o.AH` 12503 height: ${(0,u.Kq)(4,"px")}; 12504 max-height: none; 12505 `} 12506 } 12507 ${W} 12508 12509 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12510 grid-row: 1; 12511 ${(0,u.Xm)(r.LO.md,r.LO.lg)} { 12512 padding-left: ${(0,u.Kq)(4)}; 12513 } 12514 `} 12515 12516 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12517 grid-row: 1; 12518 `} 12519`,ee=(0,o.Ay)(g.A.Utility).withConfig({displayName:"StackedNavigationDrawerToggle"})` 12520 ${({theme:e})=>(0,v.j)(e,!0)} 12521 12522 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12523 justify-content: flex-end; 12524 `} 12525 12526 .icon-menu { 12527 margin: 8px; 12528 width: initial; 12529 height: initial; 12530 } 12531 12532 .icon-close { 12533 padding: 8px; 12534 } 12535 12536 .icon-menu { 12537 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,(0,u.iq)(t)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 12538 12539 &:hover, 12540 &:focus { 12541 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.foundation.collapsed-menu.nav-link.hover")}; 12542 } 12543 } 12544`,te=o.Ay.div.withConfig({displayName:"StackedNavigationDrawer"})` 12545 && { 12546 transition: none; 12547 } 12548 grid-column: 1/2; 12549 margin-right: auto; 12550 height: inherit; 12551 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12552 grid-row: 1; 12553 ${(0,u.H4)(r.LO.sm)} { 12554 grid-column: 3; 12555 margin-right: 0; 12556 } 12557 ${(0,u.H4)(r.LO.md)} { 12558 grid-column: 12; 12559 } 12560 ${(0,u.H4)(r.LO.lg)} { 12561 grid-column: 3; 12562 margin-right: ${(0,u.Kq)(3)}; 12563 margin-left: 0; 12564 } 12565 `} 12566 12567 ${({showNavigationDrawerOnTopInDesktop:e})=>e&&o.AH` 12568 ${(0,u.H4)(r.LO.md)} { 12569 ${$.eM} { 12570 padding: ${(0,u.Kq)(2)}; 12571 } 12572 12573 ${L.S2} { 12574 display: none; 12575 } 12576 } 12577 ${(0,u.Xm)(r.LO.md,`${s.VS.lg}px`)} { 12578 display: grid; 12579 grid-column: 1 / span 3; 12580 align-content: center; 12581 } 12582 `} 12583`,ne=o.AH` 12584 display: flex; 12585 align-items: center; 12586 transition: opacity 0.3s ease-in-out; 12587
12588 .navigation__link { 12589 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.foundation.link-primary")}; 12590 } 12591 12592 ${p.W9} { 12593 margin: 0; 12594 } 12595 12596 ${p.J$} { 12597 display: flex; 12598 align-items: center; 12599 padding: 0; 12600 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12601 margin-right: 0; 12602 `} 12603 } 12604`,oe=o.Ay.div.withConfig({displayName:"StackedNavigationTop"})` 12605 display: none; 12606 grid-column: 1/-1; 12607 grid-row: 1/2; 12608 grid-template-columns: ${(0,u.Kq)(34)} auto ${(0,u.Kq)(34)}; 12609 12610 div[class*='StackedNavigationDrawer-'] .button__icon-container .icon-close g { 12611 stroke: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.foundation.collapsed-menu.nav-link.default")}; 12612 } 12613`,ie=(0,o.Ay)(a.sH).withConfig({displayName:"StackedNavigationSectionMobileOptionLink"})` 12614 margin-right: ${(0,u.Kq)(2)}; 12615 ${({hasNoRightMarginforSm:e})=>e&&o.AH` 12616 ${(0,u.H4)(r.LO.sm)} { 12617 margin-right: 0; 12618 } 12619 `} 12620 12621 &:link { 12622 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 12623 color: var(${i.pT.Color.TextNavigation}); 12624 `:(0,u._o)(t,"color","colors.foundation.collapsed-menu.nav-link.default")}; 12625 } 12626`,ae=o.AH` 12627 ${ie} { 12628 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.foundation.link-primary")}; 12629 } 12630 12631 .consumer-marketing-unit--mob-nav-cta { 12632 position: absolute; 12633 right: ${(0,u.Kq)(2)}; 12634 width: 80px; 12635 12636 ${(0,u.H4)(r.LO.md)} { 12637 right: ${(0,u.Kq)(4)}; 12638 } 12639 } 12640`,re=o.Ay.div.withConfig({displayName:"StackedNavigationConsumerMarketingUnitWrapper"})``,se=o.AH` 12641 ${re} { 12642 .nav-cta__component, 12643 .consumer-marketing-unit--nav-cta { 12644 &:hover, 12645 &:focus, 12646 &:focus-within { 12647 ~ .consumer-marketing-unit--nav-rollover, 12648 ~ .nav-rollover__component > div { 12649 ${S.Rw} 12650 } 12651 } 12652 } 12653 12654 .consumer-marketing-unit--nav-cta { 12655 ~ ${p.M8}:hover, ~ ${p.SE}:hover { 12656 text-decoration: none; 12657 } 12658 12659 &:hover, 12660 &:focus-within, 12661 &:focus { 12662 ~ ${p.M8}, ~ ${p.SE} { 12663 color: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)("colors.foundation.collapsed-menu.nav-link.hover")}; 12664 } 12665 } 12666 } 12667 12668 .consumer-marketing-unit--nav-rollover:hover, 12669 .consumer-marketing-unit--nav-rollover:focus, 12670 .consumer-marketing-unit--nav-rollover:focus-within { 12671 ${S.Rw} 12672 } 12673 12674 .consumer-marketing-unit--nav-rollover { 12675 ${S.Er} 12676 display: none; 12677 top: ${(0,u.Kq)(7)}; 12678 align-items: center; 12679 justify-content: center; 12680 z-index: ${r.KV.navFixed}; 12681 12682 @media (min-width: ${r.LO.md}) { 12683 display: flex; 12684 } 12685 } 12686 12687 .consumer-marketing-unit--nav-dialog { 12688 position: absolute; 12689 top: ${(0,u.Kq)(7)}; 12690 right: 0; 12691 transform: translateY(0); 12692 z-index: ${r.KV.navFixed}; 12693 } 12694 } 12695 12696 nav { 12697 &.navigation--horizontal { 12698 .consumer-marketing-unit--nav-rollover { 12699 top: ${(0,u.Kq)(4)}; 12700 } 12701 } 12702 } 12703`,le=o.Ay.div.withConfig({displayName:"StackedNavigationSectionUtilityLinks"})` 12704 ${w.H} { 12705 &:hover { 12706 text-decoration: none; 12707 } 12708 } 12709 12710 display: flex; 12711 grid-column: 3/-1; 12712 align-items: center; 12713 transition: opacity 0.3s ease-in-out; 12714 margin-left: auto; 12715 12716 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12717 grid-column: 1 / 3; 12718 margin-left: 0; 12719 `} 12720 12721 ${({hasSearchBarInSecondRow:e})=>e&&o.AH` 12722 ${(0,u.H4)(r.LO.lg)} { 12723 padding-right: ${(0,u.Kq)(4)}; 12724 } 12725 12726 ${(0,u.H4)(r.LO.xxl)} { 12727 padding-right: ${(0,u.Kq)(6)}; 12728 } 12729 `} 12730 12731 ${p.J$} { 12732 display: flex; 12733 position: relative; 12734 align-items: center; 12735 margin-right: ${(0,u.Kq)(2)}; 12736 padding: 0; 12737 12738 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12739 margin-right: 0; 12740 `} 12741 } 12742 12743 ${p.W9} { 12744 display: none; 12745 margin: 0; 12746 12747 ${(0,u.H4)(r.LO.lg)} { 12748 display: flex; 12749 } 12750 12751 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12752 display: flex; 12753 margin-left: ${(0,u.Kq)(2)}; 12754 `} 12755 } 12756 12757 /* Ensure NavigationListWrapper inside account dropdown is always visible */ 12758 ${A.vs} ${p.W9} { 12759 display: block; 12760 } 12761 12762 ${(0,u.H4)(r.LO.md)} { 12763 grid-column: 10/-1; 12764 } 12765 12766 ${W} 12767 12768 .consumer-marketing-unit--nav-cta { 12769 ${({adOverlay:e})=>e&&o.AH` 12770 & { 12771 position: absolute; 12772 top: 50%; 12773 right: ${(0,u.Kq)(2)}; 12774 transform: translateY(-50%); 12775 margin: 0; 12776 cursor: pointer; 12777 width: 115; 12778 12779 ~ ${p.M8}:hover { 12780 text-decoration: none; 12781 } 12782 12783 &:hover, 12784 &:focus, 12785 &:focus-within { 12786 ~ .navigation__link { 12787 color: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.foundation.collapsed-menu.nav-link.hover")}; 12788 } 12789 } 12790 } 12791 `} 12792 12793 .consumer-marketing-unit--nav-rollover:hover, 12794 .consumer-marketing-unit--nav-rollover:focus, 12795 .consumer-marketing-unit--nav-rollover:focus-within { 12796 ${S.Rw} 12797 } 12798 12799 .consumer-marketing-unit--nav-rollover { 12800 ${S.Er} 12801 display: none; 12802 align-items: center; 12803 justify-content: center; 12804 12805 ${(0,u.H4)(r.LO.md)} { 12806 display: flex; 12807 } 12808 } 12809 12810 .consumer-marketing-unit--nav-dialog { 12811 position: absolute; 12812 right: 0; 12813 transform: translateY(-14px); 12814 z-index: ${r.KV.navFixed}; 12815 } 12816 } 12817 12818 ${se} 12819 ${E.N_} { 12820 padding: 0; 12821 12822 @media (min-width: ${r.LO.md}) and (max-width: ${r.LO.lg}) { 12823 padding-right: ${(0,u.Kq)(2)}; 12824 } 12825 } 12826 12827 ${({showAccountAfterNavCta:e})=>e&&o.AH` 12828 ${(0,u.H4)(r.LO.lg)} { 12829 ${Z} { 12830 margin-right: 0; 12831 } 12832 ${E.N_} { 12833 padding-right: ${(0,u.Kq)(2)}; 12834 } 12835 } 12836 `} 12837 12838 .consumer-marketing-unit--nav-rollover { 12839 ${({shouldUseCustomStyle:e})=>e&&o.AH` 12840 left: ${(0,u.Kq)(18)}; 12841 `} 12842 } 12843 12844 .nav-rollover__component > div { 12845 ${({shouldUseCustomStyle:e})=>e&&o.AH` 12846 left: ${(0,u.Kq)(0)}; 12847 `} 12848 } 12849`,de=o.AH` 12850 & { 12851 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceNavigation})`:(0,u.HK)("colors.foundation.menu-bg.collapsed")}; 12852 } 12853 ${G} { 12854 ${e=>K(e,"colors.interactive.base.brand-primary","colors.interactive.base.brand-secondary")}; 12855 } 12856 12857 ${z}, 12858 ${X} { 12859 .navigation__link { 12860 ${e=>K(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.collapsed-menu.nav-link.hover")}; 12861 } 12862 } 12863 12864 ${le} { 12865 .navigation__link { 12866 ${e=>K(e,"colors.foundation.collapsed-menu.utility-link.default","colors.foundation.collapsed-menu.utility-link.hover")}; 12867 } 12868 12869 .sign-out-button { 12870 &:hover { 12871 text-decoration: none; 12872 color: ${({utilityNavLinkColorToken:e})=>e?(0,u.HK)(e):""}; 12873 } 12874 } 12875 } 12876 12877 ${Z} { 12878 ${A.Z_} { 12879 ${e=>K(e,"colors.foundation.collapsed-menu.utility-link.default","colors.foundation.collapsed-menu.utility-link.hover")}; 12880 } 12881 } 12882`,ce=o.AH` 12883 ${(0,u.H4)(r.LO.lg)} { 12884 ${({hasScrollingNavigation:e,shouldReduceStackedNavigationHeaderHeight:t,isDrawerOpen:n,hasSearchBarInSecondRow:i})=>{if(e){const e=i?`height: ${(0,u.Kq)(23)}`:`height: ${(0,u.Kq)(20)}`;return o.AH` 12885 &&& { 12886 ${e}; 12887 } 12888 `}return n?o.AH` 12889 &&& { 12890 height: ${(0,u.Kq)(14)}; 12891 } 12892 `:t?o.AH` 12893 &&& { 12894 height: ${(0,u.Kq)(8)}; 12895 } 12896 `:o.AH` 12897 &&& { 12898 height: ${(0,u.Kq)(20)}; 12899 } 12900 `}} 12901 } 12902`,me=o.AH` 12903 justify-content: center; 12904 margin: auto; 12905 ${(0,u.H4)(r.LO.lg)} { 12906 ${oe} { 12907 height: ${(0,u.Kq)(14)}; 12908 12909 ${({shouldReduceStackedNavigationHeaderHeight:e})=>e&&o.AH` 12910 height: ${(0,u.Kq)(8)}; 12911 `} 12912 } 12913 12914 ${z} { 12915 height: ${(0,u.Kq)(6)}; 12916 } 12917 12918 ${X} { 12919 height: ${O}; 12920 ${({hasSearchBarInSecondRow:e})=>!e&&o.AH` 12921 height: ${B}; 12922 ${T.BY} { 12923 height: ${B}; 12924 } 12925 `} 12926 } 12927 12928 &&& { 12929 ${le} { 12930 top: ${(0,u.Kq)(5)}; 12931 12932 ${({hasScrollingNavigation:e})=>e&&o.AH` 12933 top: ${(0,u.Kq)(6)}; 12934 `} 12935 12936 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 12937 top: ${(0,u.Kq)(6.5)}; 12938 `} 12939 12940 ${({hasUtilityLinksCenterAlign:e})=>e&&o.AH` 12941 top: ${(0,u.Kq)(0)}; 12942 height: inherit; 12943 `} 12944 } 12945 } 12946 12947 ${k.BF} { 12948 ${({shouldReduceStackedNavigationHeaderHeight:e})=>e&&o.AH` 12949 height: ${(0,u.Kq)(5.5)}; 12950 `} 12951 } 12952 } 12953`,ue=(0,o.Ay)(y.A).withConfig({displayName:"LinkBannerStackedNavigation"})` 12954 @media (max-width: ${s.VS.lg}px) { 12955 border-top: 1px solid 12956 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.foundation.menu.dividers")}; 12957 } 12958 12959 ${({showOnMobile:e})=>void 0!==e&&o.AH` 12960 ${(0,u.L7)(`${s.VS.lg}px`)} { 12961 display: ${e?"block":"none"}; 12962 } 12963 `} 12964 12965 ${({hasLinkbannerCrossSlideAnimation:e,isScrolled:t,showOnMobile:n})=>e?o.AH` 12966 ${(0,u.H4)(r.LO.lg)} { 12967 overflow: hidden; 12968 ${t?o.AH` 12969 animation: ${D} 0.3s 12970 cubic-bezier(0, 0.59, 0.32, 1) forwards; 12971 `:o.AH` 12972 animation: ${_} 0.3s 12973 cubic-bezier(0, 0.59, 0.32, 1) forwards; 12974 `} 12975 } 12976 ${(0,u.L7)(`${s.VS.lg}px`)} { 12977 overflow: hidden; 12978 ${n?o.AH` 12979 animation: ${P} 0.3s 12980 cubic-bezier(0, 0.59, 0.32, 1) forwards; 12981 `:o.AH` 12982 animation: ${R} 0.3s 12983 cubic-bezier(0, 0.59, 0.32, 1) forwards; 12984 `} 12985 } 12986 `:o.AH``} 12987`,pe=o.Ay.div.withConfig({displayName:"StackedNavigationGridDivider"})` 12988 display: none; 12989 border-bottom: 1px solid; 12990 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 12991 border-color: var(${i.pT.Color.BorderSubNavigation}); 12992 `:(0,u._o)(t,"border-color","colors.foundation.menu.dividers")}; 12993 width: 100%; 12994 height: 1px; 12995 12996 ${({isDrawerOpen:e,hasDividerInMobileView:t})=>e&&t&&o.AH` 12997 ${(0,u.L7)(r.LO.lg)} { 12998 display: block; 12999 } 13000 `} 13001`,ge=(0,o.Ay)("div").withConfig({displayName:"StackedNavigationGrid"})` 13002 ${(0,x.VG)()} 13003 ${(0,C.VO)()} 13004 && { 13005 position: relative; 13006 grid-row-gap: 0; 13007 width: 100%; 13008 max-width: 100%; 13009 } 13010 13011 ${({enableEnhancedSearch:e,theme:t})=>e&&!(0,u.ty)(t)&&o.AH` 13012 border-bottom: 1px solid 13013 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)(t,(0,u.iq)(t)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")}; 13014 `} 13015 13016 ${(0,u.H4)(r.LO.lg)} { 13017 ${({shouldReduceStackedNavigationHeaderHeight:e})=>e&&o.AH` 13018 &&& { 13019 height: ${(0,u.Kq)(8)}; 13020 } 13021 `} 13022 ${({collapseHeightWhenDrawerOpen:e})=>e&&o.AH` 13023 &&& { 13024 height: ${(0,u.Kq)(8)}; 13025 ${z}, 13026 ${le} { 13027 display: none; 13028 } 13029 } 13030 `} 13031 } 13032 13033 ${({isNavigationActiveState:e})=>e&&o.AH` 13034 &&&& { 13035 height: 100%; 13036 } 13037 `} 13038 13039 ${({xlLogoVisible:e})=>e&&o.AH` 13040 ${ce} 13041 ${me} 13042 `} 13043`,he=o.AH` 13044 top: 0; 13045 13046 ${X} { 13047 display: none; 13048 } 13049 13050 ${({hasLinkbannerCrossSlideAnimation:e})=>e?o.AH``:o.AH` 13051 ${z} { 13052 display: none; 13053 } 13054 ${ge} { 13055 @media (min-width: ${r.LO.lg}) { 13056 height: ${(0,u.Kq)(8)}; 13057 } 13058 } 13059 `} 13060 13061 ${ue} 13062`,ye=o.AH` 13063 top: 0; 13064 13065 ${({hasLinkbannerCrossSlideAnimation:e})=>e?o.AH``:o.AH` 13066 ${ge} { 13067 @media (min-width: ${r.LO.lg}) { 13068 height: ${(0,u.Kq)(8)}; 13069 } 13070 } 13071 `} 13072 13073 ${ue} 13074`,be=o.AH` 13075 ${(0,u.H4)(r.LO.xl)} { 13076 ${J} { 13077 .consumer-marketing-unit { 13078 display: flex; 13079 } 13080 13081 ${Q} { 13082 display: flex;
13083 grid-column: 5 / span 4; 13084 } 13085 } 13086 13087 ${te} { 13088 position: absolute; 13089 top: 0; 13090 bottom: 0; 13091 left: 0; 13092 } 13093 13094 ${Q} { 13095 opacity: 1; 13096 z-index: initial; 13097 } 13098 } 13099`,fe=o.AH` 13100 ${(0,u.H4)(r.LO.xl)} { 13101 ${te} { 13102 position: inherit; 13103 margin-right: ${(0,u.Kq)(3)}; 13104 margin-left: 0; 13105 } 13106 } 13107`,we=(0,o.Ay)(b.A.Horizontal).withConfig({displayName:"StackedNavigationNavigationPrimaryLink"})` 13108 transition: opacity 0.3s ease-in-out; 13109 13110 ${p.J$} { 13111 margin-right: ${(0,u.Kq)(2)}; 13112 } 13113 13114 ${p.M8} { 13115 ${({shouldUseCustomStyle:e})=>e&&o.AH` 13116 font-size: ${(0,u.Kq)(1.75)}; 13117 `} 13118 } 13119`,$e=o.AH` 13120 display: flex; 13121 align-items: center; 13122 justify-content: center; 13123 margin: auto; 13124 min-width: ${(0,u.Kq)(20)}; 13125 max-width: 100%; 13126 13127 ${({headerLayout:e,headerLogo:t,scrollingHeaderLogoDim:n,isHomepage:i,theme:a,hasTopStory:s,isScrolled:l=!1,hasFixedLogoHeight:d=!1})=>{if("fixed-header-layout"===e){const e=t?.sources?.sm?.url||`/verso/static/${a.meta.name}/assets/logo.svg`;return o.AH` 13128 ${k.BF} { 13129 ${l&&i&&n?q(n?.sources):`${(0,u.H4)(r.LO.lg)} {\n width: 128px;\n height: ${i&&l||d?32:30}px;\n }`} 13130 13131 ${(0,u.H4)(r.LO.lg)} { 13132 ${({navigationTheme:t})=>"standard"===t&&o.AH` 13133 &:not(.stacked-navigation-design-logo) { 13134 content: url(${e}); 13135 } 13136 `} 13137 13138 ${({shouldUseCustomStyle:e})=>e&&o.AH` 13139 height: ${(0,u.Kq)(5)}; 13140 `} 13141 } 13142 13143 ${s&&o.AH` 13144 ${(0,u.H4)(r.LO.lg)} { 13145 height: ${(0,u.Kq)(5)}; 13146 } 13147 `} 13148 } 13149 `}return""}} 13150`,ve=o.AH` 13151 .navigation__link { 13152 ${e=>K(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.collapsed-menu.nav-link.hover")}; 13153 } 13154 ${ne} 13155 justify-content: center; 13156 margin: auto; 13157 min-width: ${(0,u.Kq)(38)}; 13158 max-width: 100%; 13159 13160 ${({headerLayout:e,logoSize:t})=>"fixed-header-layout"===e&&"xlarge"===t?o.AH` 13161 ${k.BF} { 13162 width: ${(0,u.Kq)(26.25)}; 13163 height: ${(0,u.Kq)(6.125)}; 13164 13165 ${(0,u.H4)(r.LO.lg)} { 13166 width: ${(0,u.Kq)(37.5)}; 13167 height: ${(0,u.Kq)(8.75)}; 13168 } 13169 } 13170 `:""} 13171 13172 ${({shouldUseCustomStyle:e})=>e&&o.AH` 13173 height: ${(0,u.Kq)(6.5)}; 13174 @media (min-width: ${r.LO.md}) and (max-width: ${r.LO.lg}) { 13175 height: ${(0,u.Kq)(6.5)}; 13176 } 13177 `} 13178`,Ce=o.AH` 13179 .navigation__link { 13180 ${e=>K(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.collapsed-menu.nav-link.hover")}; 13181 } 13182 ${ne} 13183 justify-content: center; 13184 margin: auto; 13185 min-width: ${(0,u.Kq)(38)}; 13186 max-width: 100%; 13187 13188 ${({headerLayout:e,headerLogoDim:t})=>{const{sources:n}=t;return"fixed-header-layout"===e&&n?o.AH` 13189 ${k.BF} { 13190 ${q(n)} 13191 } 13192 `:""}} 13193`,ke=o.Ay.div.withConfig({displayName:"StackedNavigationSectionLogoSize"})` 13194 ${({logoSize:e,headerLogoDim:t,isScrolled:n,isHomepage:o})=>t&&!o||t&&!n?Ce:"large"===e?$e:ve} 13195`,Ae=o.AH` 13196 &, 13197 *, 13198 ${A.bL}, ${A.Z_} { 13199 ${({hasTopStory:e,hasLinkbannerCrossSlideAnimation:t})=>e?o.AH` 13200 transition: 13201 background 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13202 color 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13203 fill 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13204 border-bottom-color 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13205 border-bottom 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13206 border-color 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13207 height 0.1s cubic-bezier(0, 0.59, 0.32, 1), 13208 top 0.1s cubic-bezier(0, 0.59, 0.32, 1); 13209 `:t?o.AH` 13210 transition: 13211 background 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13212 color 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13213 fill 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13214 border-bottom-color 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13215 border-bottom 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13216 border-color 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13217 height 0.3s cubic-bezier(0, 0.59, 0.32, 1), 13218 top 0.3s cubic-bezier(0, 0.59, 0.32, 1); 13219 `:o.AH` 13220 transition: 13221 background 0.3s ease-in-out, 13222 color 0.3s ease-in-out, 13223 fill 0.3s ease-in-out, 13224 border-bottom-color 0.3s ease-in-out, 13225 border-bottom 0.3s ease-in-out, 13226 border-color 0.3s ease-in-out, 13227 height 0.3s ease-in-out, 13228 top 0.3s ease-in-out; 13229 `} 13230 } 13231 13232 & { 13233 border-bottom: none; 13234 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 13235 13236 ${({shouldUseCustomStyle:e})=>e&&o.AH` 13237 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 13238 `} 13239 13240 ${({hasTopStory:e})=>e&&o.AH` 13241 box-shadow: none; 13242 `} 13243 &.stacked-navigation--hidden-shadow { 13244 box-shadow: none; 13245 } 13246 } 13247 13248 &.stacked-navigation--hidden-shadow.stacked-navigation--is-scrolled { 13249 & ${oe} { 13250 border-bottom: none; 13251 } 13252 } 13253 ${({hasLinkBanner:e,hasLinkbannerCrossSlideAnimation:t,hideNavWhenLinkBannerEnabled:n,xlLogoVisible:i,isDrawerOpen:a,hasSearchBarInSecondRow:s})=>{const l=s?O:B;return!e||t?o.AH` 13254 ${z} { 13255 align-items: center; 13256 height: ${(0,u.Kq)(6)}; 13257 overflow: hidden; 13258 13259 ${(0,u.H4)(r.LO.lg)} { 13260 display: flex; 13261 } 13262 } 13263 13264 ${X} { 13265 align-items: center; 13266 height: ${l}; 13267 overflow: hidden; 13268 13269 ${(0,u.H4)(r.LO.lg)} { 13270 display: flex; 13271 } 13272 } 13273 `:e&&!n?o.AH` 13274 && { 13275 ${z} { 13276 align-items: center; 13277 height: ${(0,u.Kq)(8)}; 13278 overflow: hidden; 13279 ${(0,u.H4)(r.LO.sm)} { 13280 height: 0; 13281 } 13282 ${(0,u.H4)(r.LO.lg)} { 13283 display: flex; 13284 height: ${(0,u.Kq)(8)}; 13285 } 13286 } 13287 ${!i&&!a&&ge} { 13288 @media (min-width: ${r.LO.lg}) { 13289 height: ${(0,u.Kq)(14)}; 13290 } 13291 } 13292 ${X} { 13293 align-items: center; 13294 height: ${l}; 13295 overflow: hidden; 13296 z-index: 40; 13297 13298 ${(0,u.H4)(r.LO.lg)} { 13299 display: flex; 13300 } 13301 } 13302 } 13303 `:o.AH``}} 13304 13305 ${we} { 13306 margin: ${(0,u.Kq)(2)} 0; 13307 } 13308 13309 ${(0,u.H4)(r.LO.lg)} { 13310 ${Y} { 13311 margin: ${(0,u.Kq)(2)} 0 ${(0,u.Kq)(2)} auto; 13312 } 13313 } 13314 13315 ${Y} { 13316 ${(0,u.L7)(r.LO.md)} { 13317 ${({hasBoxShadowInMobile:e,isDrawerOpen:t})=>e&&!t&&o.AH` 13318 border-bottom: 1px solid 13319 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.foundation.menu.dividers")}; 13320 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 13321 `} 13322 } 13323 } 13324 13325 ${({hasSearchBarInSecondRow:e})=>e?o.AH` 13326 ${ge} { 13327 height: ${(0,u.Kq)(14)}; 13328 13329 ${(0,u.H4)(r.LO.lg)} { 13330 height: ${(0,u.Kq)(17)}; 13331 } 13332 } 13333 `:o.AH` 13334 ${ge} { 13335 height: ${(0,u.Kq)(7)}; 13336 13337 ${(0,u.H4)(r.LO.lg)} { 13338 height: ${(0,u.Kq)(14)}; 13339 } 13340 } 13341 `} 13342 13343 ${({isScrolled:e,isContentHeaderVisible:t,hasLinkBanner:n,hasLinkbannerCrossSlideAnimation:i,enableMobileLinkBannerScroll:a,showSecondRowOnScroll:l,showPrimaryNavOnScroll:d,journeyRibbonHeight:c})=>e&&n&&c>0?o.AH` 13344 ${!a&&!d&&`\n ${ge} {\n ${(0,u.L7)(`${s.VS.lg}px`)} {\n height: 0;\n overflow: hidden;\n }\n }\n `} 13345 ${ge} { 13346 ${a&&!t&&`\n ${(0,u.L7)(`${s.VS.lg}px`)} {\n height: 0;\n overflow: hidden;\n transition: top 0.5s ease-in-out;\n }\n `} 13347 } 13348 && { 13349 ${z}, 13350 ${X}, 13351 ${X} ${T.BY} { 13352 transition: height 0.3s ease-in-out; 13353 height: 0; 13354 } 13355 ${i&&o.AH` 13356 ${z} { 13357 transition: height 0.3s cubic-bezier(0, 0.59, 0.32, 1); 13358 } 13359 `} 13360 ${ge} { 13361 ${(0,u.H4)(r.LO.lg)} { 13362 height: ${(0,u.Kq)(8)}; 13363 } 13364 } 13365 } 13366 `:e&&n?o.AH` 13367 ${!a&&!d&&`\n ${(0,u.L7)(`${s.VS.lg}px`)} {\n top: -${(0,u.Kq)(7)};\n transition: top 0.5s ease-in-out;\n }`} 13368 ${ge} { 13369 ${a&&!t&&`\n ${(0,u.L7)(`${s.VS.lg}px`)} {\n height: 0;\n overflow: hidden;\n }\n `} 13370 } 13371 && { 13372 ${z}, 13373 ${X}, 13374 ${X} ${T.BY} { 13375 transition: height 0.3s ease-in-out; 13376 height: 0; 13377 } 13378 ${i&&o.AH` 13379 ${z} { 13380 transition: height 0.3s cubic-bezier(0, 0.59, 0.32, 1); 13381 } 13382 `} 13383 ${ge} { 13384 ${(0,u.H4)(r.LO.lg)} { 13385 height: ${(0,u.Kq)(8)}; 13386 } 13387 } 13388 } 13389 `:e&&!l&&o.AH` 13390 ${z}, 13391 ${X}, 13392 ${X} ${T.BY} { 13393 transition: height 0.3s ease-in-out; 13394 height: 0; 13395 } 13396 ${i&&o.AH` 13397 ${z} { 13398 transition: height 0.3s cubic-bezier(0, 0.59, 0.32, 1); 13399 } 13400 `} 13401 ${ge} { 13402 ${(0,u.H4)(r.LO.lg)} { 13403 height: ${(0,u.Kq)(8)}; 13404 } 13405 } 13406 `} 13407 13408 & ${oe} { 13409 border-bottom: 1px solid 13410 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.foundation.menu.dividers")}; 13411 height: ${I}; 13412 ${({shouldReduceStackedNavigationHeaderHeight:e})=>e&&o.AH` 13413 border-bottom: 0px !important; 13414 `} 13415 ${(0,u.H4)(r.LO.lg)} { 13416 display: grid; 13417 } 13418 } 13419 13420 & ${J} { 13421 height: ${(0,u.Kq)(7)}; 13422 ${({hasTopStory:e,isDrawerOpen:t})=>e&&t&&o.AH` 13423 border-bottom: 1px solid 13424 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.foundation.menu.dividers")}; 13425 `} 13426 13427 @media (min-width: 0) and (max-width: ${s.VS.md}px) { 13428 grid-template-columns: ${(0,u.Kq)(11)} auto ${(0,u.Kq)(11)}; 13429 13430 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 13431 grid-template-columns: ${(0,u.Kq)(16)} auto ${(0,u.Kq)(16)}; 13432 column-gap: 0; 13433 `} 13434 } 13435 13436 ${(0,u.H4)(r.LO.lg)} { 13437 display: none; 13438 } 13439 } 13440 13441 ${le} { 13442 ${(0,u.H4)(r.LO.lg)} { 13443 position: absolute; 13444 top: ${(0,u.Kq)(1.75)}; 13445 right: 0; 13446 grid-column: 3/-1; 13447 13448 ${({hasScrollingNavigation:e})=>e&&o.AH` 13449 top: ${(0,u.Kq)(3)}; 13450 `} 13451 13452 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 13453 top: ${(0,u.Kq)(3)}; 13454 right: auto; 13455 left: ${(0,u.Kq)(3)}; 13456 grid-column: 1 / 4; 13457 `} 13458 ${({hasUtilityLinksCenterAlign:e})=>e&&o.AH` 13459 top: ${(0,u.Kq)(0)}; 13460 height: inherit; 13461 `} 13462 } 13463 } 13464 13465 .consumer-marketing-unit--nav-cta, 13466 .consumer-marketing-unit--mob-nav-cta { 13467 line-height: 0; 13468 } 13469 13470 .consumer-marketing-unit--nav-rollover, 13471 .nav-rollover__component > div { 13472 top: calc(${(0,u.Kq)(8)} - ${(0,u.Kq)(2)}); 13473 right: ${(0,u.Kq)(9)}; 13474 z-index: ${r.KV.navFixed}; 13475 13476 ${({hasUtilityLinksCenterAlign:e,xlLogoVisible:t})=>e&&t&&o.AH` 13477 top: ${(0,u.Kq)(11)}; 13478 `} 13479 13480 ${({showAccountAfterNavCta:e})=>e&&o.AH` 13481 right: ${(0,u.Kq)(23)}; 13482 `} 13483 } 13484 13485 .consumer-marketing-unit--nav-dialog { 13486 top: ${(0,u.Kq)(6)}; 13487 } 13488 13489 ${Z} { 13490 ${A.vs} { 13491 top: calc(${(0,u.Kq)(8)} - ${(0,u.Kq)(4)}); 13492 @media (max-width: ${r.LO.md}) { 13493 top: ${(0,u.Kq)(6)}; 13494 } 13495 } 13496 ${A.vs}.account-dropdown__avatar-links { 13497 top: ${(0,u.Kq)(6.4)}; 13498 right: ${(0,u.Kq)(-1.5)}; 13499 width: max-content; 13500 13501 &::before { 13502 content: none; 13503 } 13504 ${(0,u.H4)(r.LO.lg)} { 13505 top: ${(0,u.Kq)(5.6)}; 13506 right: ${(0,u.Kq)(.2)}; 13507 } 13508 } 13509 } 13510 13511 & ${j} {
13512 align-items: center; 13513 justify-content: flex-end; 13514 padding-right: ${(0,u.Kq)(2)}; 13515 13516 ${(0,u.H4)(r.LO.md)} { 13517 grid-column: 10 / span 3; 13518 13519 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 13520 grid-column: 1 / span 3; 13521 `} 13522 } 13523 13524 .consumer-marketing-unit { 13525 display: block; 13526 } 13527 13528 ${({hasOnlyMenuToRight:e})=>e&&o.AH` 13529 grid-row: 1; 13530 justify-content: flex-start; 13531 padding-right: 0; 13532 `} 13533 13534 ${V} { 13535 margin: ${(0,u.Kq)()}; 13536 } 13537 } 13538 13539 ${({hasLinkBanner:e})=>e&&he} 13540 13541 ${({xlLogoVisible:e})=>e&&me} 13542`,xe=o.AH` 13543 & { 13544 transition: transform 0.5s ease-in-out; 13545 } 13546 13547 ${({isScrolled:e})=>e&&o.AH` 13548 & { 13549 ${(0,u.H4)(r.LO.xl)} { 13550 transform: translateY(-130px); 13551 13552 ${Q} { 13553 transition: opacity 0.5s ease-in-out; 13554 transition-delay: 0.3s; 13555 } 13556 13557 ${z}, 13558 ${oe} { 13559 transform: translateY(-130px); 13560 opacity: 0; 13561 } 13562 } 13563 } 13564 `} 13565 13566 ${oe} { 13567 transition: 13568 transform 0.3s ease-in-out, 13569 opacity 0.3s ease-in-out; 13570 13571 ${(0,u.H4)(r.LO.xl)} { 13572 display: grid; 13573 } 13574 } 13575 13576 ${z}, 13577 ${X} { 13578 align-items: center; 13579 transition: 13580 transform 0.3s ease-in-out, 13581 opacity 0.3s ease-in-out; 13582 13583 ${(0,u.H4)(r.LO.xl)} { 13584 display: flex; 13585 } 13586 } 13587 13588 ${ge} { 13589 grid-template-rows: ${(0,u.Kq)(6)}; 13590 ${(0,u.H4)(r.LO.xl)} { 13591 grid-template-rows: ${(0,u.Kq)(16)} ${(0,u.Kq)(6)}; 13592 } 13593 } 13594 13595 ${J} { 13596 ${(0,u.H4)(r.LO.xl)} { 13597 grid-row: 2/3; 13598 } 13599 } 13600 13601 ${ve}, 13602 ${$e} { 13603 ${k.BF} { 13604 width: auto; 13605 height: 100px; 13606 } 13607 } 13608 13609 ${Z} { 13610 display: none; 13611 13612 ${A.vs} { 13613 top: calc(${(0,u.Kq)(16)} - ${(0,u.Kq)(8)}); 13614 } 13615 13616 ${(0,u.H4)(r.LO.lg)} { 13617 display: block; 13618 } 13619 } 13620 13621 ${j} { 13622 display: none; 13623 } 13624`,Ee=o.AH` 13625 ${z} { 13626 grid-column: 4 / span 6; 13627 } 13628 13629 ${X} { 13630 grid-column: 1 / -1; 13631 } 13632`,Se=o.AH` 13633 ${z} { 13634 grid-column: 2 / span 10; 13635 } 13636 13637 ${X} { 13638 grid-column: 1 / -1; 13639 } 13640`,Le=e=>e?o.AH` 13641 &&& { 13642 ${oe} { 13643 border-bottom: 1px solid 13644 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)(t,"colors.consumption.lead.inverted.divider")}; 13645 } 13646 transition: border-bottom-width 0.5s ease-in-out; 13647 border-bottom-width: 0; 13648 } 13649 `:o.AH` 13650 &&& { 13651 ${oe} { 13652 border-bottom: 1px solid; 13653 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 13654 border-bottom-color: var(${i.pT.Color.BorderSubNavigation}); 13655 `:(0,u._o)(t,"border-bottom-color",(0,u.iq)(t)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")} 13656 } 13657 } 13658 `,Te=o.AH` 13659 ${({headerLayout:e,hasLinkBanner:t,isScrolled:n,$shouldUseDesignColorTokens:a,theme:r})=>"fixed-header-layout"!==e||t?"fixed-header-layout"===e&&t?o.AH` 13660 & { 13661 ${ye} { 13662 border-bottom: none; 13663 13664 ${ue} { 13665 @media (max-width: ${s.VS.md}px) { 13666 border-top: 1px solid 13667 ${a?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)(r,"colors.consumption.lead.inverted.divider")}; 13668 } 13669 } 13670 } 13671 } 13672 ${Le(n)} 13673 `:o.AH``:o.AH` 13674 &&& { 13675 & { 13676 border-bottom: 1px solid 13677 ${a?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)(r,(0,u.iq)(r)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")}; 13678 } 13679 } 13680 13681 ${Le(n)} 13682 `} 13683 13684 &, 13685 ${A.vs} { 13686 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.background")}; 13687 } 13688 13689 ${Z} { 13690 ${A.vs}.account-dropdown__avatar-links { 13691 border: 1px solid; 13692 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 13693 border-color: var(${i.pT.Color.BorderSubNavigation}); 13694 `:(0,u._o)(t,"border-color","colors.background.dark")}; 13695 } 13696 ${A.Gy} { 13697 ${({$shouldUseDesignColorTokens:e})=>e?o.AH` 13698 color: var(${i.pT.Color.TextNavigation}); 13699 `:(0,u._o)("color","colors.interactive.base.white")}; 13700 } 13701 13702 ${A.wG} { 13703 &:hover { 13704 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 13705 border-color: var(${i.pT.Color.BorderSubNavigation}); 13706 background: var(${i.pT.Color.SurfaceHover}); 13707 `:o.AH` 13708 background: ${(0,u.HK)("colors.interactive.base.dark")}; 13709 ${(0,u._o)(t,"border-color","colors.background.dark")}; 13710 `} 13711 } 13712 } 13713 13714 ${A.of} { 13715 svg { 13716 align-self: center; 13717 13718 path { 13719 fill: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.link")}; 13720 } 13721 } 13722 13723 &:hover, 13724 &:active, 13725 &:focus { 13726 svg path { 13727 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceHover})`:(0,u.HK)("colors.interactive.base.dark")}; 13728 fill: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.link")}; 13729 } 13730 } 13731 } 13732 } 13733 13734 ${z}, 13735 ${le}, 13736 ${Z}, 13737 ${X} { 13738 .navigation__link, 13739 ${A.Z_} { 13740 ${e=>K(e,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link")}; 13741 } 13742 } 13743 13744 ${A.vs} .account-links__navigation { 13745 ${p.J$} { 13746 &:hover { 13747 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceHover})`:(0,u.HK)("colors.interactive.base.dark")}; 13748 } 13749 13750 .navigation__link { 13751 ${e=>K(e,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link")}; 13752 13753 &:hover { 13754 text-decoration: none; 13755 } 13756 } 13757 } 13758 13759 .navigation__link { 13760 &:hover { 13761 text-decoration: none; 13762 } 13763 } 13764 } 13765 13766 ${A.vs} { 13767 border: 1px solid 13768 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.divider")}; 13769 13770 ${w.H}.account-links__sign-out { 13771 &:hover { 13772 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceHover})`:(0,u.HK)("colors.interactive.base.dark")}; 13773 text-decoration: none; 13774 color: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.link")}; 13775 } 13776 } 13777 13778 &::before { 13779 border-bottom-color: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.background")}; 13780 } 13781 13782 &::after { 13783 border-bottom-color: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.divider")}; 13784 } 13785 } 13786 13787 .standard-navigation-account--icon path { 13788 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.consumption.lead.inverted.link")}; 13789 } 13790 13791 ${V}, 13792 ${ee} { 13793 &, 13794 &:hover, 13795 &:focus { 13796 svg path { 13797 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.consumption.lead.inverted.link")}; 13798 } 13799 } 13800 } 13801 13802 ${G} { 13803 ${e=>K(e,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link")}; 13804 } 13805`,Ne=o.AH` 13806 & { 13807 background: transparent; 13808 } 13809 ${A.vs} { 13810 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.background")}; 13811 } 13812 13813 ${Z} { 13814 ${A.vs}.account-dropdown__avatar-links { 13815 border: 1px solid; 13816 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 13817 border-color: var(${i.pT.Color.BorderSubNavigation}); 13818 `:(0,u._o)(t,"border-color","colors.background.dark")}; 13819 } 13820 ${A.Gy} { 13821 ${({$shouldUseDesignColorTokens:e})=>e?o.AH` 13822 color: var(${i.pT.Color.TextNavigation}); 13823 `:(0,u._o)("color","colors.interactive.base.white")}; 13824 } 13825 13826 ${A.wG} { 13827 &:hover { 13828 ${({$shouldUseDesignColorTokens:e,theme:t})=>e?o.AH` 13829 border-color: var(${i.pT.Color.BorderSubNavigation}); 13830 background: var(${i.pT.Color.SurfaceHover}); 13831 `:o.AH` 13832 background: ${(0,u.HK)("colors.interactive.base.dark")}; 13833 ${(0,u._o)(t,"border-color","colors.background.dark")}; 13834 `} 13835 } 13836 } 13837 13838 ${A.of} { 13839 svg { 13840 align-self: center; 13841 13842 path { 13843 fill: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.link")}; 13844 } 13845 } 13846 13847 &:hover, 13848 &:active, 13849 &:focus { 13850 svg path { 13851 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceHover})`:(0,u.HK)("colors.interactive.base.dark")}; 13852 fill: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.link")}; 13853 } 13854 } 13855 } 13856 } 13857 13858 ${le} { 13859 .navigation__link, 13860 ${A.Z_} { 13861 ${e=>K(e,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link")}; 13862 } 13863 } 13864 13865 ${A.vs} .account-links__navigation { 13866 ${p.J$} { 13867 &:hover { 13868 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceHover})`:(0,u.HK)("colors.interactive.base.dark")}; 13869 } 13870 13871 .navigation__link { 13872 ${e=>K(e,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link")}; 13873 13874 &:hover { 13875 text-decoration: none; 13876 } 13877 } 13878 } 13879 13880 .navigation__link { 13881 &:hover { 13882 text-decoration: none; 13883 } 13884 } 13885 } 13886 13887 ${A.vs} { 13888 border: 1px solid 13889 ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.divider")}; 13890 13891 .account-links__sign-out { 13892 &:hover { 13893 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceHover})`:(0,u.HK)("colors.interactive.base.dark")}; 13894 text-decoration: none; 13895 } 13896 } 13897 13898 &::before { 13899 border-bottom-color: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.background")}; 13900 } 13901 13902 &::after { 13903 border-bottom-color: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.BorderSubNavigation})`:(0,u.HK)("colors.consumption.lead.inverted.divider")}; 13904 } 13905 } 13906 13907 .standard-navigation-account--icon path { 13908 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.consumption.lead.inverted.link")}; 13909 } 13910 13911 ${V}, 13912 ${ee} { 13913 &, 13914 &:hover, 13915 &:focus { 13916 svg path { 13917 fill: ${({$shouldUseDesignColorTokens:e,theme:t})=>e?`var(${i.pT.Color.TextNavigation})`:(0,u.HK)(t,"colors.consumption.lead.inverted.link")}; 13918 } 13919 } 13920 } 13921`,He=o.AH` 13922 ${V}, ${le}, ${we} { 13923 opacity: 0; 13924 } 13925`,Ie=o.Ay.header.withConfig({displayName:"StackedNavigationHeader"})` 13926 ${({$shouldUseDesignColorTokens:e})=>e&&o.AH` 13927 && .nav.link, 13928 && .nav.link:any-link { 13929 padding: 0; 13930 } 13931 `} 13932 13933 ${({hasSEOSupport:e})=>e&&o.AH` 13934 z-index: 999; 13935 `} 13936 ${U} 13937 ${({navigationTheme:e})=>"inverted"===e?Te:"transparent"===e?Ne:de} 13938 13939 ${({isDrawerOpen:e})=>e&&He} 13940 ${({isScrolled:e})=>e&&be} 13941 ${({isScrolled:e,hasOnlyMenuToRight:t})=>e&&t&&fe} 13942 ${({adOverlay:e})=>e&&ae} 13943 ${({primaryNavigationSize:e})=>"default"===e?Ee:Se} 13944 ${({hasLinkBanner:e})=>e&&he} 13945 ${({headerLayout:e})=>"fixed-header-layout"===e?Ae:xe} 13946`,Be=o.Ay.div.withConfig({displayName:"StackedNavigationSectionCmUnitNavLeft"})` 13947 display: flex; 13948 align-items: center; 13949 justify-content: center; 13950`,Oe=o.Ay.a.withConfig({displayName:"StackedNavigationLogoLink"})` 13951 width: 100%; 13952 height: 100%; 13953 13954 .responsive-image { 13955 display: flex; 13956 justify-content: center; 13957 13958 ${k.BF} { 13959 object-fit: contain; 13960 transition: all 0.3s ease-in-out; 13961 } 13962 } 13963 13964 .stacked-navigation-design-logo { 13965 transition: all 0.3s ease-in-out; 13966 overflow: hidden; 13967 object-fit: contain; 13968 13969 svg { 13970 display: block; 13971 width: 100%; 13972 height: 100%; 13973 } 13974 } 13975`,Ke=(0,o.Ay)(f.A).withConfig({displayName:"StackedNavigationScrolledDrawer"})` 13976 ${({isScrolled:e,isOpen:t,fixedHeader:n,xlLogoVisible:i})=>e&&t?o.AH` 13977 padding-top: ${(0,u.Kq)(6)}; 13978 `:i&&n&&t?o.AH` 13979 ${(0,u.H4)(r.LO.lg)} { 13980 && { 13981 padding-top: ${(0,u.Kq)(12)}; 13982 } 13983 } 13984 `:n&&t?o.AH` 13985 ${(0,u.H4)(r.LO.xl)} { 13986 padding-top: ${(0,u.Kq)(12)}; 13987 } 13988 `:t&&!e?o.AH` 13989 ${(0,u.H4)(r.LO.xl)} { 13990 &&& { 13991 padding-top: ${(0,u.Kq)(22)}; 13992 } 13993 } 13994 `:""} 13995 ${({cropWidth:e})=>e?o.AH` 13996 width: calc(100% - ${(0,u.Kq)(8)}); 13997 `:""} 13998 ${({journeyRibbonHeight:e})=>o.AH` 13999 margin-top: ${e}px; 14000 `} 14001 ${({hasSearchBarInSecondRow:e})=>e?"":o.AH` 14002 ${m.XU} ${c.E} { 14003 margin-top: ${(0,u.Kq)(1)}; 14004 } 14005 `} 14006`,De=o.DU` 14007 .body__drawer--open { 14008 ${G} { 14009 display: none; 14010 } 14011 } 14012`,_e=o.Ay.div.withConfig({displayName:"ScrollingNavigationNavWrapper"})``,Pe=o.Ay.div.withConfig({displayName:"StackedNavigationMegaMenuWrapper"})` 14013 margin-top: ${(0,u.Kq)(2)}; 14014 14015 ${({xlLogoVisible:e,journeyRibbonHeight:t})=>e&&o.AH` 14016 margin-top: calc(${(0,u.Kq)(6)} + ${t}px); 14017 `} 14018`,Re=(0,o.Ay)(A.Lq).withConfig({displayName:"StackedSeriesNavigation"})` 14019 transform: unset; 14020 height: ${(0,u.Kq)(8)}; 14021`,qe=o.Ay.div.withConfig({displayName:"StackedNavigationDrawerSearchBarWrapper"})` 14022 margin: auto; 14023 ${({xlLogoVisible:e})=>e?o.AH` 14024 margin-top: ${(0,u.Kq)(14)}; 14025 `:o.AH` 14026 margin-top: ${(0,u.Kq)(8)}; 14027 `} 14028 background: ${({$shouldUseDesignColorTokens:e})=>e?`var(${i.pT.Color.SurfaceNavigation})`:(0,u.HK)("colors.background.white")}; 14029 padding: ${(0,u.Kq)(2)} 0; 14030 width: 35%; 14031 14032 input { 14033 &[type='search'] { 14034 border: 1px solid 14035 ${({hasError:e,$shouldUseDesignColorTokens:t,theme:n})=>e?t?`var(${i.pT.Color.BorderError})`:"rgb(157, 0, 0)":t?`var(${i.pT.Color.BorderInput})`:(0,u.HK)(n,"colors.interactive.base.dark")}; 14036 border-radius: 0; 14037 appearance: none; 14038 } 14039 } 14040 14041 ${({enableEnhancedSearch:e})=>e&&o.AH` 14042 background: none; 14043 input { 14044 &[type='search'] { 14045 border-radius: 40px; 14046 } 14047 } 14048 margin-top: 0; 14049 padding: 8px 0; 14050 `} 14051 14052 ${(0,u.L7)(r.LO.md)} { 14053 margin-top: ${(0,u.Kq)(3)}; 14054 padding: 0; 14055 width: 95%; 14056 ${({enableEnhancedSearch:e})=>e&&o.AH` 14057 margin-top: 0; 14058 padding: 4px 0; 14059 `} 14060 } 14061 14062 ${N.Fw} { 14063 background: none; 14064 } 14065`,Me=o.Ay.div.withConfig({displayName:"StackedNavigationSearchError"})` 14066 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.utility.assistive-text")}; 14067 margin-top: ${(0,u.Kq)(1)}; 14068 margin-left: ${(0,u.Kq)(2)}; 14069 color: rgb(157, 0, 0); 14070 font-size: 14px; 14071`},98904(e,t,n){n.d(t,{A:()=>
14071o});const o=(0,n(72267).YK)({profileLinkLabel:{id:"StackedNavigation.ProfileLinkLabel",defaultMessage:"My Profile",description:"Label for the profile link",isConfigurable:!0},navigationMenuButtonLabel:{id:"StackedNavigation.MenuButton",defaultMessage:"Open Navigation Menu",description:"Label for the menu button"},primaryLinksLabel:{id:"StackedNavigation.PrimaryLinksLabel",defaultMessage:"Primary",description:"ARIA label for the primary links"},utilityLinksLabel:{id:"StackedNavigation.UtilityLinksLabel",defaultMessage:"Utility",description:"ARIA label for utility links"},openSearchMenuLabel:{id:"StackedNavigation.OpenSearchMenuLabel",defaultMessage:"Open Search Menu",description:"ARIA label open search menu button"},searchLabel:{id:"StackedNavigation.SearchLabel",defaultMessage:"Search",description:"ARIA label for search link"},subscribeLabel:{id:"StackedNavigation.SubscribeLabel",defaultMessage:"Subscribe",description:"Text for the subscribe link"},drawerLabel:{id:"StackedNavigation.DrawerLabel",defaultMessage:"Navigation and Sign Up Menu",description:"ARIA label for the drawer modal"},primaryNavigationLabel:{id:"SiteHeader.ScrollingNavigation",defaultMessage:"Primary",description:"ARIA label for the whole primary navigation"},searchValidationError:{id:"StackedNavigation.SearchValidationError",defaultMessage:"Enter a term to search.",description:"Error message when search is submitted without text"}})},50152(e,t,n){n.d(t,{A:()=>A});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(6442),d=n(56892),c=n(53788),m=n(52188),u=n(8231),p=n(37384),g=n(60663),h=n(8877),y=n(71862),b=n(94373),f=n(99906),w=n(35435);const{oidcCookies:$}=c.A,v=(0,g.Y)(()=>window.localStorage),C=()=>{const e=`(max-width: ${f.Vh.lg}px)`;return window.matchMedia(e).matches},k=({accountAvatar:e,accountLabel:t,accountLinks:n,className:o,linkClassName:a,signInLabel:r,signInLink:c="/account/sign-in",user:p,tooltip:g,utilityNavLinkColorToken:b})=>{const f=(0,l.A)(),k=s.useRef(null),A=(0,h.B)(),{isAuthenticated:x}=p,[E,S]=s.useState(!!g),[L,T]=s.useState("showAuthenticatedTooltip"),[N,H]=s.useState(!1),[I,B]=s.useState(!1),O=s.useMemo(()=>n?.map(e=>e.text.toLowerCase()),[n]);s.useEffect(()=>{window.cnBus?.on("journey.unit.render.begin",e=>{e&&"verso"===e.renderer&&"NavCTA"===e.component?.name&&H(!0)})},[]),s.useEffect(()=>{if(g){if(window&&window.dataLayer){const e=window.dataLayer[0]?.site?.env,{brandSlug:t}=window.dataLayer[0]?.content||{};T(`${e}-${t}-showAuthenticatedTooltip`)}const e=Boolean((0,d.getCookie)($.access));x||e||v.setItem(L,!0),setTimeout(()=>{if(x){Boolean(v.getItem(L))&&v.removeItem(L),S(!1)}},6e3)}},[x,g,L,6e3]),s.useEffect(()=>{const e=()=>{B(!1)},t=t=>{"Escape"===t.key&&I&&B(!I),"Tab"===t.key&&(O.includes(t.target.innerText.toLowerCase())||e())},n=t=>{k.current&&!k.current.contains(t.target)&&e()};return document.addEventListener("keydown",t),document.addEventListener("click",n),()=>{document.removeEventListener("keydown",t),document.removeEventListener("click",n)}},[I,O]);const K=()=>{B(!I)},D=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),B(!I))},_=s.createElement(y.gB,{className:"StandardNavigationSuccessLoginAlert",dataTestId:"success-login-tooltip",isVisible:E,onClose:()=>{S(!1),v.removeItem(L)},...g,arrowPosition:C()&&g?.arrowPositionOnMobile||g?.arrowPosition},s.createElement("p",null,g?.dangerousBookmarkMessage)),P=s.createElement(s.Fragment,null,x?s.createElement(y.Z_,{className:a,tabIndex:0,onKeyDown:D,"aria-expanded":I,onClick:K,ref:k},N&&s.createElement(y.kc,null),s.createElement(y.wG,{isAuthenticated:!0,tabIndex:0},s.createElement(y.Ts,{...e}),s.createElement(y.of,{"data-testid":"AccountDropdownToggleIcon"}))):s.createElement(y.Z_,{className:a,href:c,rel:"nofollow",as:"a","data-testid":"signIn"},N&&s.createElement(y.kc,null),s.createElement(y.wG,{isAuthenticated:!1},s.createElement(y.Ts,{...e}),s.createElement(y.Gy,null,r||f.formatMessage(m.A.signInLabel))))),R=s.createElement(s.Fragment,null,x?s.createElement(y.Z_,{className:a,tabIndex:0,onKeyDown:D,"aria-expanded":I,onClick:K,ref:k},t||f.formatMessage(m.A.accountLabel),s.createElement(y.of,{"data-testid":"AccountDropdownToggleIcon"})):s.createElement(y.Z_,{className:a,href:c,rel:"nofollow",as:"a","data-testid":"signIn"},r||f.formatMessage(m.A.signInLabel)));return s.createElement("div",{className:i()("standard-navigation-account",e&&"standard-navigation-account-with-avatar",o)},A&&s.createElement(s.Fragment,null,x&&!(!E||!Boolean(v.getItem(L)))&&_,e?P:R,x&&s.createElement(y.vs,{className:e&&"account-dropdown__avatar-links",accountLinks:n,as:u.A,"data-testid":"StandardNavigationDropdown",expanded:I,linkClassName:a,utilityNavLinkColorToken:b,trackingSubject:w.SZ.STACKED_NAVIGATION})))};k.propTypes={accountAvatar:r().shape(p.A.propTypes),accountLabel:r().str
14071ing,accountLinks:r().array,className:r().string,linkClassName:r().string,signInLabel:r().string,signInLink:r().string,tooltip:r().shape(b.A.propTypes),user:r().shape({isAuthenticated:r().bool.isRequired}),utilityNavLinkColorToken:r().string};const A=k},19168(e,t,n){n.d(t,{A:()=>b});var o=n(5556),i=n.n(o),a=n(96540),r=n(38798),s=n(38221),l=n.n(s),d=n(26348),c=n(73767);const m=(0,n(72267).YK)({placeholder:{id:"SearchBar.placeholder",defaultMessage:'Search for "stir-fry"',description:"Placeholder text for search input"},suggestionsHeaderSingular:{id:"SearchBar.suggestionsHeaderSingular",defaultMessage:"Looking for this?",description:"Header text displayed above one search suggestion"},suggestionsHeaderPlural:{id:"SearchBar.suggestionsHeaderPlural",defaultMessage:"Looking for one of these?",description:"Header text displayed above multiple search suggestions"},viewAllResults:{id:"SearchBar.viewAllResults",defaultMessage:"View All Results",description:"Button text to view all search results"},cancel:{id:"SearchBar.cancel",defaultMessage:"Cancel",description:"Cancel text to close search"}});var u=n(6442);const p=({suggestions:e=[],onSuggestionClick:t,onViewAllClick:n,navigationTheme:o})=>{const{formatMessage:i}=(0,u.A)();return e&&0!==e.length?a.createElement(d.t,{"data-testid":"SearchSuggestionsList",navigationTheme:o},a.createElement(d.jk,{navigationTheme:o},i(1===e.length?m.suggestionsHeaderSingular:m.suggestionsHeaderPlural)),a.createElement(d.Pg,{navigationTheme:o}),e.map((e,n)=>a.createElement(a.Fragment,{key:n},a.createElement(d.ax,{onClick:()=>t(e,n),"data-testid":`suggestion-item-${n}`,navigationTheme:o},e),a.createElement(d.w0,{navigationTheme:o}))),a.createElement(d.VN,{onClick:n,"data-testid":"view-all-button",navigationTheme:o},i(m.viewAllResults))):null};p.propTypes={suggestions:i().arrayOf(i().string),onSuggestionClick:i().func.isRequired,onViewAllClick:i().func.isRequired,navigationTheme:i().string},p.displayName="SearchSuggestionsList";const g=p;var h=n(14307);const y=({intl:e,onSubmit:t,placeholder:n,queryParameters:o,searchLink:i,shouldSetFocus:r=!1,enableEnhancedSearch:s=!1,searchSuggestionsConfig:u={},theme:p="standard"})=>{const[y,b]=(0,a.useState)(""),[f,w]=(0,a.useState)([]),$=(0,a.useRef)(null),{minChars:v,maxItems:C,suggestions:k=[]}=u,A=(0,a.useMemo)(()=>l()(b,250),[]),x=n||e.formatMessage(m.placeholder);(0,a.useEffect)(()=>{r&&$.current?.focus()},[r]),(0,a.useEffect)(()=>()=>A.cancel(),[A]),(0,a.useEffect)(()=>{if(!s||!y||0===k.length)return void w(e=>0===e.length?e:[]);const e=((e,t,n=2,o=3)=>{const i=e?.trim();return!e||i.length<n?[]:Array.from(t.reduce((t,n)=>{const o=n.triggers.find(e=>e.toLowerCase().includes(i.toLowerCase()));return o&&t.push({label:n.label,isFullMatch:o.toLowerCase()===e}),t},[])).sort((e,t)=>e.isFullMatch!==t.isFullMatch?t.isFullMatch-e.isFullMatch:e.label.length!==t.label.length?t.label.length-e.label.length:e.label.localeCompare(t.label)).map(e=>e.label).filter((e,t,n)=>n.indexOf(e)===t).slice(0,o)})(y,k,v,C);w(e)},[y,s,v,C,k]);const E=e=>{e.preventDefault();const t=`/search?q=${encodeURIComponent(y)}&suggestion=${encodeURIComponent(f.join(","))}`;window.location.href=t};return a.createElement(d.Fw,{navigationTheme:p},a.createElement(d.B9,{name:"search-form",action:i||"/search",method:"GET",onSubmit:f.length>0?E:t},a.createElement(d.rR,null,a.createElement(d.DO,{type:"search",placeholder:x,name:"q",formName:"search-form",label:"search",hideLabel:!0,inputRef:$,autoComplete:s?"off":"on",onInputChange:e=>{s&&A(e.target.value)},navigationTheme:p}),o&&Object.keys(o).map(e=>a.createElement("input",{type:"hidden",name:e,value:o[e],key:e})),a.createElement(c.A,null),s&&a.createElement(d.qM,{onClick:()=>{A.cancel(),$.current&&($.current.value=""),b(""),w([])},"data-testid":"cancel-text"},e.formatMessage(m.cancel)))),s&&f.length>0&&a.createElement(g,{suggestions:f,onSuggestionClick:(e,t)=>{const n=k.find(t=>t.label.toLowerCase()===e.toLowerCase()),o=n?n.url:null;(0,h.ce)({type:"click",subject:"search_suggestions",label:e,...y&&{criteria:{search_keyword:y}},index:t,no_of_results_returned:f.length,items:[{content_title:e,content_url:o}]}),o&&(window.location.href=o)},onViewAllClick:E,navigationTheme:p}))};y.propTypes={intl:i().object,onSubmit:i().func,placeholder:i().string,queryParameters:i().object,searchLink:i().string,
14071shouldSetFocus:i().bool,enableEnhancedSearch:i().bool,theme:i().string,searchSuggestionsConfig:i().shape({minChars:i().number,maxItems:i().number,suggestions:i().arrayOf(i().shape({label:i().string.isRequired,url:i().string.isRequired,triggers:i().arrayOf(i().string).isRequired}))})},y.displayName="SearchBar";const b=(0,r.Ay)(y)},26348(e,t,n){n.d(t,{B9:()=>d,DO:()=>l,Fw:()=>s,Pg:()=>g,VN:()=>b,ax:()=>h,jk:()=>p,qM:()=>m,rR:()=>c,t:()=>u,w0:()=>y});var o=n(38267),i=n(26865),a=n(96472),r=n(72081);const s=o.Ay.section.withConfig({displayName:"StandardNavigationSearchBarWrapper"})` 14072 display: grid; 14073 14074 border: none; 14075 background: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed")}; 14076`,l=(0,o.Ay)(r.A.SingleLine).withConfig({displayName:"SearchInput"})` 14077 && input { 14078 margin-top: 0; 14079 border-color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.divider":"colors.interactive.base.black")}; 14080 background: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.background":"colors.interactive.base.white")}; 14081 padding-right: ${(0,i.Kq)(9)}; 14082 padding-left: 2rem; 14083 height: 2.5rem; 14084 color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.link":"colors.interactive.base.black")}; 14085 14086 &::placeholder { 14087 color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.link":"colors.interactive.base.dark")}; 14088 } 14089 } 14090 14091 @media (min-width: ${a.LO.lg}) { 14092 margin-bottom: 0; 14093 } 14094`,d=o.Ay.form.withConfig({displayName:"SearchForm"})` 14095 padding-right: ${(0,i.Kq)(2)}; 14096 padding-left: ${(0,i.Kq)(2)}; 14097`,c=o.Ay.label.withConfig({displayName:"SearchLabel"})` 14098 display: block; 14099 position: relative; 14100 14101 > svg { 14102 position: absolute; 14103 transform: translate(10px, -52px); 14104 14105 fill: ${(0,i.HK)("colors.interactive.base.black")}; 14106 14107 @media (min-width: ${a.LO.lg}) { 14108 transform: translate(10px, -36px); 14109 } 14110 } 14111 14112 .icon-search { 14113 margin-top: 8px; 14114 } 14115`,m=o.Ay.span.withConfig({displayName:"CancelText"})` 14116 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.label")}; 14117 position: absolute; 14118 top: 50%; 14119 right: ${(0,i.Kq)(1.25)}; 14120 transform: translateY(-50%); 14121 cursor: pointer; 14122 padding: ${(0,i.Kq)(1)} ${(0,i.Kq)(.75)}; 14123 white-space: nowrap; 14124 color: ${(0,i.HK)("typography.definitions.navigation.text-secondary")}; 14125 14126 &:hover { 14127 text-decoration: underline; 14128 } 14129`,u=o.Ay.div.withConfig({displayName:"SuggestionsListWrapper"})` 14130 margin-top: ${(0,i.Kq)(4.5)}; 14131 background: ${({navigationTheme:e})=>"inverted"===e?(0,i.HK)("colors.consumption.lead.inverted.background"):"transparent"}; 14132 padding: 0 ${(0,i.Kq)(2)}; 14133`,p=o.Ay.div.withConfig({displayName:"SuggestionsListHeader"})` 14134 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.label")}; 14135 margin-bottom: ${(0,i.Kq)(2)}; 14136 color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.link":"colors.interactive.base.black")}; 14137`,g=o.Ay.hr.withConfig({displayName:"SuggestionsDivider"})` 14138 border-top: 1px solid; 14139 border-top-color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.divider":"colors.background.black")}; 14140`,h=o.Ay.li.withConfig({displayName:"SuggestionItem"})` 14141 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.label")}; 14142 margin-top: ${(0,i.Kq)(2)}; 14143 cursor: pointer; 14144 padding-bottom: ${(0,i.Kq)(2)}; 14145 list-style: none; 14146 text-decoration: underline; 14147 color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.link":"colors.interactive.base.black")}; 14148`,y=o.Ay.hr.withConfig({displayName:"ListDivider"})` 14149 border-top: 1px solid; 14150 border-top-color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.divider":"colors.interactive.base.light")}; 14151`,b=o.Ay.button.withConfig({displayName:"ViewAllButton"})` 14152 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.button-utility")}; 14153 display: block; 14154 margin: 0 auto; 14155 background: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.link":"colors.interactive.base.black")}; 14156 cursor: pointer; 14157 padding: ${(0,i.Kq)(2)} ${(0,i.Kq)(2.5)}; 14158 color: ${({navigationTheme:e})=>(0,i.HK)("inverted"===e?"colors.consumption.lead.inverted.background":"colors.interactive.base.white")}; 14159`},71862(e,t,n){n.d(t,{of:()=>ye,kc:()=>le,bL:()=>ge,TU:()=>ue,ML:()=>pe,Ts:()=>de,wG:()=>ce,Gy:()=>me,Z_:()=>se,gV:()=>Le,wH:()=>Ee,Zs:()=>Se,Tz:()=>Te,Bn:()=>De,nO:()=>Ie,VX:()=>Ue,vs:()=>ae,re:()=>Re,cf:()=>Pe,nk:()=>_e,E8:()=>Be,H7:()=>Oe,ik:()=>be,q8:()=>ve,ck:()=>ke,dU:()=>we,Kd:()=>xe,QU:()=>Ae,Fy:()=>$e,E4:()=>Ke,aL:()=>fe,Ac:()=>Ce,kr:()=>He,Lq:()=>he,gB:()=>Fe,Hb:()=>Me});var o=n(38267),i=n(26865),a=n(96472),r=n(99906),s=n(18608),l=n(52813),d=n(1123),c=n(15737),m=n(49829),u=n(56341),p=n(5556),g=n.n(p),h=n(96540);const y=({linksArr:e,className:t})=>h.createElement("div",{"aria-hidden":"true",className:t},h.createElement("ul",null,e.map((e,t)=>h.createElement("li",{key:t},h.createElement("a",{"aria-hidden":"true",tabIndex:-1,href:e.url},e.text),e.children&&h.createElement("ul",null,e.children.map((e,t)=>h.createElement("li",{key:t},h.createElement("a",{"aria-hidden":"true",tabIndex:-1,href:e.url},e.text))))))));y.propTypes={className:g().string,linksArr:g().array};const b=y;var f=n(73730),w=n(13465),$=n(57744),v=n(73275),C=n(90090),k=n(53499);const A=o.Ay.div.withConfig({displayName:"SeriesPaginationContentWrapper"})` 14160 display: flex; 14161 align-items: center; 14162 justify-content: flex-start; 14163 margin: auto; 14164 overflow-x: auto; 14165 overflow-y: hidden; 14166 padding: 0 ${(0,i.Kq)(2)}; 14167 height: 100%; 14168 14169 @media (max-width: ${a.LO.sm}) { 14170 &::after { 14171 display: block; 14172 position: absolute; 14173 top: 0; 14174 right: 0; 14175 z-index: 99; 14176 background: linear-gradient( 14177 to right, 14178 rgba(0, 0, 0, 0) 0%, 14179 rgba(255, 255, 255, 0.8) 73% 14180 ); 14181 width: 50px; 14182 height: 100%; 14183 content: ''; 14184 } 14185 } 14186`,x=o.Ay.div.withConfig({displayName:"SeriesPaginationImage"})` 14187 flex-shrink: 0; 14188 14189 img { 14190 height: 27px; 14191 } 14192`,E=(0,o.Ay)(s.sH).withConfig({displayName:"SeriesPaginationLink"}).attrs(e=>
14192({colorSecondaryToken:"colors.foundation.collapsed-menu.nav-link.hover",colorStaticLinkToken:"colors.foundation.collapsed-menu.nav-link.default",linkStyle:"navigation",...e}))` 14193 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}; 14194 14195 padding-top: ${(0,i.Kq)(3)}; 14196 padding-bottom: ${(0,i.Kq)(3)}; 14197 14198 @media (max-width: ${a.LO.md}) { 14199 padding-top: ${(0,i.Kq)(4)}; 14200 padding-bottom: ${(0,i.Kq)(4)}; 14201 } 14202`,S=(0,o.Ay)(E).withConfig({displayName:"SeriesPaginationPlaceholder"})` 14203 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.inverted.body-deemphasized")}; 14204 14205 &:hover { 14206 cursor: default; 14207 text-decoration: none; 14208 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.inverted.body-deemphasized")}; 14209 } 14210`,L=o.Ay.li.withConfig({displayName:"SeriesPaginationListItem"})` 14211 display: inline-block; 14212 padding: 0 0 0 ${(0,i.Kq)(5)}; 14213 white-space: nowrap; 14214 14215 &:last-of-type { 14216 padding-right: ${(0,i.Kq)(2)}; 14217 } 14218`,T=o.Ay.ul.withConfig({displayName:"SeriesPaginationUnorderedList"})` 14219 display: flex; 14220 align-items: center; 14221 justify-content: flex-start; 14222 margin: 0; 14223 padding: 0; 14224 height: 100%; 14225 list-style: none; 14226 14227 @media (max-width: ${a.LO.sm}) { 14228 padding: 0 50px 0 0; 14229 } 14230`,N=o.Ay.section.withConfig({displayName:"SeriesPaginationWrapper"})` 14231 border-width: 0 0 1px; 14232 border-style: solid; 14233 width: 100%; 14234 height: 60px; 14235 14236 ${({theme:e})=>(0,i._o)(e,"border-color","colors.discovery.body.white.divider")}; 14237 ${({theme:e})=>(0,i._o)(e,"background","colors.foundation.menu-bg.collapsed")}; 14238 14239 @media (max-width: ${a.LO.lg} - 1) { 14240 border-width: 1px 0; 14241 } 14242 14243 @media (max-width: ${a.LO.md}) { 14244 height: 60px; 14245 } 14246`,H=({href:e,prefix:t,hed:n})=>{const o=`${t} ${n}`;return h.createElement(E,{href:e,dangerouslySetInnerHTML:{__html:o},onClick:()=>(0,C.W8)("seriespagination",{title:o})})};H.propTypes={hed:g().string,href:g().string,prefix:g().string};const I=({prefix:e,hed:t})=>{const n=`${e} ${t}`;return h.createElement(S,{dangerouslySetInnerHTML:{__html:n}})};I.propTypes={hed:g().string,prefix:g().string};const B=({links:e,prefixDivider:t,shouldIncludeIndex:n})=>e.length&&h.createElement(T,null,e.map((e,o)=>{const i=o,{hed:a="",isExternal:r=!1,isPublished:s=!1,url:l=""}=e,d=!s&&!r?I:H,c=`${n?o+1:""}${t}`;return h.createElement(L,{key:i},h.createElement(d,{href:l,prefix:c,hed:a}))}));B.propTypes={links:g().arrayOf(g().shape({url:g().string,hed:g().string,isPublished:g().bool})),prefixDivider:g().string,shouldIncludeIndex:g().bool};const O=({className:e,configuredComponentRef:t,prefixDivider:n=":",seriesData:o,shouldIncludeIndex:i=!0})=>{h.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(k.G.RENDER,{name:"SeriesPagination"})},[]);const{image:a,links:r=[]}=o||{};if(!r.length)return null;const s={links:r,prefixDivider:n,shouldIncludeIndex:i};return h.createElement(N,{ref:t,className:e},h.createElement(A,null,(a?.segmentedSources||a?.sources)&&h.createElement(x,null,h.createElement(v.A,{...a})),h.createElement(B,{...s})))};O.displayName="SeriesPagination",O.propTypes={configuredComponentRef:g().func,className:g().string,prefixDivider:g().string,seriesData:g().shape({hed:g().hed,dek:g().dek,image:g().shape(v.A.propTypes),links:g().arrayOf(g().shape({hed:g().string,dek:g().string,image:g().object,isCurrent:g().bool,isExternal:g().bool,isPublished:g().bool,promoDek:g().str
14246ing,promoHed:g().string,url:g().string})),shouldExcludeSeriesPagination:g().bool}),shouldIncludeIndex:g().bool};const K=(0,$.M3)(O,{keysToPluck:["seriesData"]}),D=(0,w.y)(K,"SeriesPagination");var _=n(48188),P=n(47655),R=n(91583),q=n(39733);const M=({className:e,configuredComponentRef:t,variationName:n,variations:o={style:"chevron"}})=>(h.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(k.G.RENDER,{name:"Toggle",variation:n})},[n]),h.createElement("i",{ref:t,className:e},"triangle"===o.style?h.createElement(R.A,{style:{transform:"scale(0.7)"}}):h.createElement(q.A,null)));M.propTypes={configuredComponentRef:g().func,className:g().string,variationName:g().string,variations:g().shape({style:g().oneOf(["chevron","triangle"])})},M.displayName="Toggle";const F=M;F.Triangle=(0,P.y)(F,"Triangle",{style:"triangle"});const U=F,V=(0,w.y)(U,"Toggle");var G=n(12972),W=n(37384),j=n(7228),z=n(82552),Y=n(51e3),X=n(32788),Z=n(94373),J=n(26348);const Q="transition: opacity 0.3s ease-in-out;",ee="300ms",te=(0,i.Kq)(7),ne=o.AH` 14247 display: flex; 14248 align-items: center; 14249 14250 ${G.M8},${G.SE} { 14251 ${(0,i.Gg)("typography.definitions.foundation.link-primary")}; 14252 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.collapsed-menu.nav-link.hover","navigation")}; 14253 transition: color ${ee} ease-in-out; 14254 } 14255 14256 ${G.W9} { 14257 margin: 0; 14258 } 14259 14260 ${G.J$} { 14261 display: flex; 14262 align-items: center; 14263 transition: color ${ee} ease-in-out; 14264 padding: 0; 14265 } 14266`,oe=o.AH` 14267 ${ne} 14268 14269 display: none; 14270 14271 @media (min-width: ${a.LO.xl}) { 14272 display: flex; 14273 margin-left: ${(0,i.Kq)(4)}; 14274 14275 ${G.W9} { 14276 max-height: ${(0,i.Kq)(3)}; 14277 overflow: hidden; 14278 } 14279 14280 ${G.J$} { 14281 margin-right: ${(0,i.Kq)(2)}; 14282 } 14283 } 14284`,ie=o.AH` 14285 position: relative; 14286 14287 ${G.J$} { 14288 margin: 0; 14289 padding: ${(0,i.Kq)(2)} ${(0,i.Kq)(3)}; 14290 overflow: hidden; 14291 14292 &:hover { 14293 background-color: ${(0,i.HK)("colors.foundation.menu.dividers")}; 14294 ${G.M8},${G.SE} { 14295 text-decoration: none; 14296 color: ${({utilityNavLinkColorToken:e})=>e?(0,i.HK)(e):""}; 14297 } 14298 } 14299 } 14300 14301 ${G.M8},${G.SE} { 14302 ${(0,i.Gg)("typography.definitions.foundation.link-secondary")}; 14303 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default",null,"navigation")}; 14304 display: block; 14305 width: 100%; 14306 } 14307`,ae=o.Ay.div.withConfig({displayName:"StandardNavigationDropdown"})` 14308 display: ${e=>e.expanded?"block":"none"}; 14309 position: absolute; 14310 top: ${(0,i.Kq)(9)}; 14311 right: -23px; 14312 z-index: ${a.KV.dropdown}; 14313 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 14314 background-color: ${(0,i.HK)("colors.foundation.menu-bg.collapsed")}; 14315 padding: ${(0,i.Kq)(2)} 0; 14316 14317 &:hover { 14318 display: block; 14319 } 14320 14321 &::before { 14322 position: absolute; 14323 top: -19px; 14324 right: 20px; 14325 z-index: 1; 14326 border-top: 10px solid transparent; 14327 border-right: 10px solid transparent; 14328 border-bottom: 10px solid 14329 ${(0,i.HK)("colors.foundation.menu-bg.collapsed")}; 14330 border-left: 10px solid transparent; 14331 width: 0; 14332 height: 0; 14333 content: ''; 14334 } 14335 14336 &::after { 14337 position: absolute; 14338 top: -21px; 14339 right: 20px; 14340 border-top: 10px solid transparent; 14341 border-right: 10px solid transparent; 14342 border-left: 10px solid transparent; 14343 width: 0; 14344 height: 0; 14345 content: ''; 14346 } 14347 14348 &.account-links__sign-out-separator--show { 14349 .account-links__navigation { 14350 .navigation__list { 14351 ${G.J$}:last-of-type { 14352 padding-top: 0; 14353 14354 .navigation__link { 14355 border-top: 1px solid 14356 ${(0,i.HK)("colors.foundation.menu.dividers")}; 14357 padding-top: ${(0,i.Kq)(2)}; 14358 } 14359 } 14360 } 14361 } 14362 } 14363 14364 .account-links__navigation { 14365 ${ie} 14366 } 14367 14368 ${({hasBorderDropdown:e,theme:t})=>e&&`\n border: 1px solid ${(0,i.HK)(t,"colors.foundation.menu.dividers")};\n\n &::after {\n border-bottom: 11px solid ${(0,i.HK)(t,"colors.foundation.menu.dividers")};\n }\n `} 14369`,re=o.AH` 14370 ${(0,c.or)()} 14371 ${(0,i.Gg)("typography.definitions.foundation.link-utility")}; 14372 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.utility-link.default","colors.foundation.collapsed-menu.utility-link.hover","navigation")}; 14373 display: flex; 14374 align-items: center; 14375 background-color: transparent; 14376 cursor: pointer; 14377 height: 100%; 14378 14379 &::after { 14380 position: absolute; 14381 right: 0; 14382 bottom: -15px; 14383 width: 100px; 14384 height: 15px; 14385 content: ''; 14386 } 14387 @media (min-width: ${r.VS.md}px) { 14388 &:hover { 14389 + ${ae} { 14390 display: block; 14391 } 14392 14393 .icon-chevron path { 14394 fill: ${(0,i.HK)("colors.foundation.collapsed-menu.utility-link.hover")}; 14395 } 14396 } 14397 } 14398`,se=o.Ay.button.withConfig({displayName:"StandardNavigationAccountLabel"})` 14399 ${re} 14400`,le=o.Ay.div.withConfig({displayName:"JourneyUnitDivider"})` 14401 margin-right: ${(0,i.Kq)(2)}; 14402 margin-left: ${(0,i.Kq)(2)}; 14403 border-left: 1px solid ${(0,i.HK)("colors.foundation.menu.dividers")}; 14404 width: 0; 14405 height: 32px; 14406 14407 @media (min-width: ${a.LO.lg}) { 14408 margin-left: 0; 14409 } 14410`,de=(0,o.Ay)(W.A).withConfig({displayName:"NavigationAccountIcon"})` 14411 && { 14412 margin-left: ${(0,i.Kq)(.2)}; 14413 width: ${(0,i.Kq)(2)}; 14414 height: ${(0,i.Kq)(2)}; 14415 ${j.BF} { 14416 vertical-align: unset; 14417 } 14418 } 14419`,ce=o.Ay.div.withConfig({displayName:"NavigationAccountIconWrapper"})` 14420 && { 14421 transition: none; 14422 14423 &::after { 14424 content: none; 14425 } 14426 } 14427 14428 display: inherit; 14429 ${({isAuthenticated:e})=>e&&"border: 1px solid transparent;"} 14430 padding: ${(0,i.Kq)(1)}; 14431 width: max-content; 14432 14433 ${de} + i { 14434 margin: 0 ${(0,i.Kq)(.5)}; 14435 } 14436 14437 &:hover { 14438 display: inherit; 14439 ${({isAuthenticated:e})=>e&&"border: 1px solid;"} 14440 border-radius: 20px; 14441 ${({theme:e})=>"inverted"===e?`${(0,i._o)(e,"background","colors.interactive.base.dark")};`:`${(0,i._o)(e,"background","colors.interactive.base.highlight")};`} 14442 ${({theme:e,isAuthenticated:t})=>t&&`${(0,i._o)(e,"border-color","colors.interactive.base.light")};`} 14443 } 14444 14445 /* In Mobile: hover states does not exist for a Signed out user */ 14446 @media (max-width: ${r.VS.md}px) { 14447 ${({isAuthenticated:e})=>!e&&"\n &:hover {\n border: none;\n background: none;\n }\n "} 14448 } 14449 14450 // Overriding the dimensions of the chevron icon only when seen with avatar 14451 .icon-chevron { 14452 width: ${(0,i.Kq)(2)}; 14453 height: ${(0,i.Kq)(2)}; 14454 } 14455`,me=o.Ay.div.withConfig({displayName:"NavigationAccountSignIn"})` 14456 display: none; 14457 14458 @media (min-width: ${a.LO.md}) { 14459 display: block; 14460 ${(0,i.Gg)("typography.definitions.foundation.link-primary")}; 14461 ${(0,i._o)("color","colors.interactive.base.black")}; 14462 margin-top: ${(0,i.Kq)(.2)}; 14463 margin-left: ${(0,i.Kq)(1.36)}; 14464 } 14465`,ue=(0,o.Ay)(_.A.Vertical).withConfig({displayName:"MoreDropdownNavigation"})` 14466 ${ie} 14467`,pe=o.Ay.div.withConfig({displayName:"MoreDropdownWrapper"})` 14468 display: block; 14469 position: relative; 14470 height: 100%; 14471 14472 @media (min-width: 0) and (max-width: ${a.LO.sm}) { 14473 display: none; 14474 } 14475 14476 .icon-chevron path { 14477 fill: ${(0,i.HK)("colors.foundation.collapsed-menu.nav-link.default")}; 14478 } 14479 14480 ${ae} { 14481 top: ${te}; 14482 margin-right: ${(0,i.Kq)(3)}; 14483 14484 ${G.W9} { 14485 max-height: none; 14486 } 14487 14488 ${G.M8},${G.SE} { 14489 ${(0,i.Gg)("typography.definitions.foundation.link-primary")}; 14490 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default",null,"navigation")}; 14491 } 14492 } 14493`,ge=o.Ay.button.withConfig({displayName:"MoreDropdownLabel"})` 14494 ${re} 14495 background-color: transparent; 14496 ${(0,i.Gg)("typography.definitions.foundation.link-primary")}; 14497 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.collapsed-menu.nav-link.hover","navigation")}; 14498 14499 &::after { 14500 position: absolute; 14501 right: 0; 14502 bottom: -40px; 14503 width: 80px; 14504 height: 70px; 14505 content: ''; 14506 } 14507 14508 &:hover {
14509 .icon-chevron path { 14510 fill: ${(0,i.HK)("colors.foundation.collapsed-menu.nav-link.hover")}; 14511 } 14512 } 14513`,he=(0,o.Ay)(D).withConfig({displayName:"StandardNavigationSeriesPagination"})` 14514 transform: translateY(-${te}); 14515 opacity: 1; 14516 14517 ${({shouldDisplaySeriesPagination:e})=>!e&&"display: none;"} 14518`,ye=(0,o.Ay)(V).withConfig({displayName:"AccountDropdownToggleIcon"})` 14519 display: flex; 14520 align-content: center; 14521 justify-content: center; 14522 margin-left: ${(0,i.Kq)(.5)}; 14523 width: ${(0,i.Kq)(2,"px")}; 14524 height: ${(0,i.Kq)(2)}; 14525 14526 svg { 14527 align-self: center; 14528 14529 path { 14530 transition: fill 0.2s ease-in-out; 14531 fill: ${(0,i.HK)("colors.foundation.collapsed-menu.utility-link.default")}; 14532 } 14533 } 14534 14535 .icon-chevron { 14536 transform: rotate(90deg); 14537 } 14538`,be=(0,o.Ay)(_.A.Horizontal).withConfig({displayName:"StandardNavigationNavPrimaryLinks"})` 14539 ${Q} 14540`,fe=o.Ay.div.withConfig({displayName:"StandardNavigationSectionPrimaryLinks"})` 14541 ${oe} 14542 14543 ${({isDynamic:e})=>e&&`\n display: none;\n\n @media (min-width: ${a.LO.sm}) {\n display: flex;\n margin-left: ${(0,i.Kq)(4)};\n\n ${be} {\n ${G.W9} {\n max-height: ${(0,i.Kq)(3)};\n overflow: hidden;\n }\n\n ${G.J$} {\n margin-right: ${(0,i.Kq)(2)};\n height: ${(0,i.Kq)(3)};\n }\n }\n }\n `} 14544 14545 ${({isHidden:e})=>e&&"\n visibility: hidden;\n "} 14546`,we=(0,o.Ay)(b).withConfig({displayName:"StandardNavigationPrimaryLinks"})` 14547 ${l._3} 14548`,$e=(0,o.Ay)(b).withConfig({displayName:"StandardNavigationSecondaryLinks"})` 14549 ${l._3} 14550`,ve=(0,o.Ay)(_.A.Horizontal).withConfig({displayName:"StandardNavigationNavSecondaryLinks"})` 14551 ${Q} 14552`,Ce=o.Ay.div.withConfig({displayName:"StandardNavigationSectionSecondaryLinks"})` 14553 ${oe} 14554`,ke=(0,o.Ay)(_.A.Horizontal).withConfig({displayName:"StandardNavigationNavUtilityLinks"})``,Ae=(0,o.Ay)(f.A.Utility).withConfig({displayName:"StandardNavigationSearchButton"})` 14555 &&&& .icon-search { 14556 transform: scale(0.5); 14557 } 14558 ${(0,m.W)()}; 14559 ${({shouldEnableFullArticleInverted:e,theme:t})=>e&&`\nsvg path {\nfill: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\ntransition: fill ${ee} ease-in-out;\n}\n`} 14560`,xe=o.Ay.div.withConfig({displayName:"StandardNavigationSearchBarWrapper"})` 14561 grid-column-end: 5; 14562 grid-column-start: 1; 14563 align-items: start; 14564 14565 @media (min-width: ${a.LO.md}) { 14566 width: 100%; 14567 } 14568 14569 @media (min-width: ${a.LO.lg}) { 14570 grid-column-end: none; 14571 grid-column-start: none; 14572 grid-row-start: -1; 14573 padding-top: ${(0,i.Kq)(1)}; 14574 padding-bottom: ${(0,i.Kq)(1)}; 14575 width: auto; 14576 } 14577`,Ee=(0,o.Ay)(f.A.Utility).withConfig({displayName:"StandardNavigationCartButton"})` 14578 /* stylelint-disable-next-line declaration-no-important */ 14579 display: flex; 14580 position: relative; 14581 margin: 0 ${(0,i.Kq)(2)} 0 auto; 14582 border: 0; 14583 background-color: transparent; 14584 width: ${(0,i.Kq)(4)}; 14585 height: 100%; 14586 14587 .icon-shopping { 14588 width: initial; 14589 height: initial; 14590 } 14591 ${(0,i.H4)(a.LO.md)} { 14592 margin: 0 ${(0,i.Kq)(3)} 0 ${(0,i.Kq)(2)}; 14593 } 14594 14595 &:hover, 14596 &:focus { 14597 border: 0; 14598 background-color: transparent; 14599 14600 svg path { 14601 fill: ${(0,i.HK)("colors.foundation.icon.hover")}; 14602 } 14603 } 14604 14605 svg path { 14606 fill: ${(0,i.HK)("colors.foundation.icon.default")}; 14607 } 14608`,Se=o.Ay.span.withConfig({displayName:"StandardNavigationCartQuantity"})` 14609 position: absolute; 14610 top: 2rem; 14611 right: 1.25rem; 14612 align-items: center; 14613 z-index: 1; 14614 border-radius: 50%; 14615 background: ${(0,i.HK)("colors.background.black")}; 14616 width: 17.25px; 14617 height: 17.25px; 14618 text-align: center; 14619 text-transform: uppercase; 14620 line-height: 18px; 14621 color: ${(0,i.HK)("colors.background.white")}; 14622 font-size: 10px; 14623 14624 &:hover, 14625 &:focus { 14626 border: 0; 14627 background-color: ${(0,i.HK)("colors.foundation.icon.hover")}; 14628 } 14629`,Le=o.Ay.div.withConfig({displayName:"StandardNavigationCart"})` 14630 position: relative; 14631 14632 &:hover, 14633 &:focus { 14634 border: 0; 14635 background-color: transparent; 14636 cursor: pointer; 14637 14638 span { 14639 background-color: ${(0,i.HK)("colors.foundation.icon.hover")}; 14640 } 14641 14642 svg path { 14643 fill: ${(0,i.HK)("colors.foundation.icon.hover")}; 14644 } 14645 } 14646`,Te=o.Ay.div.withConfig({displayName:"StandardNavigationConsumerMarketingUnitWrapper"})``,Ne=o.AH` 14647 ${Te} { 14648 .nav-cta__component, 14649 .consumer-marketing-unit--nav-cta { 14650 &:hover, 14651 &:focus, 14652 &:focus-within { 14653 ~ .nav-rollover__component > div, 14654 ~ .consumer-marketing-unit--nav-rollover { 14655 ${X.Rw} 14656 } 14657 } 14658 } 14659 14660 .nav-rollover__component > div, 14661 .consumer-marketing-unit--nav-rollover { 14662 &:hover, 14663 &:focus, 14664 &:focus-within { 14665 ${X.Rw} 14666 } 14667 } 14668 14669 .consumer-marketing-unit--nav-cta { 14670 ~ ${G.M8}:hover, ~ ${G.SE}:hover { 14671 text-decoration: none; 14672 } 14673 14674 &:hover, 14675 &:focus-within, 14676 &:focus { 14677 ~ ${G.M8}, ~ ${G.SE} { 14678 color: ${(0,i.HK)("colors.foundation.collapsed-menu.nav-link.hover")}; 14679 } 14680 } 14681 } 14682 14683 .consumer-marketing-unit--nav-rollover, 14684 .nav-rollover__component > div { 14685 ${X.Er} 14686 display: none; 14687 top: ${te}; 14688 right: 0; 14689 align-items: center; 14690 justify-content: center; 14691 z-index: ${a.KV.navFixed}; 14692 14693 @media (min-width: ${a.LO.md}) { 14694 display: flex; 14695 } 14696 } 14697 14698 .consumer-marketing-unit--nav-dialog { 14699 position: absolute; 14700 top: ${te}; 14701 right: 0; 14702 transform: translateY(0); 14703 z-index: ${a.KV.navFixed}; 14704 } 14705 } 14706 14707 nav { 14708 &.navigation--horizontal { 14709 .consumer-marketing-unit--nav-rollover, 14710 .nav-rollover__component > div { 14711 top: ${(0,i.Kq)(4)}; 14712 } 14713 } 14714 } 14715`,He=o.Ay.div.withConfig({displayName:"StandardNavigationSectionUtilityLinks"})` 14716 ${Q} 14717 ${ne} 14718 position: relative; 14719 justify-content: flex-end; 14720 @media (min-width: ${a.LO.md}) { 14721 margin-left: auto; 14722 } 14723 14724 ${G.J$} { 14725 display: none; 14726 position: relative; 14727 margin-right: ${(0,i.Kq)(2)}; 14728 14729 @media (min-width: ${a.LO.md}) { 14730 display: inline-flex; 14731 align-items: center; 14732 } 14733 14734 .consumer-marketing-unit--nav-cta { 14735 position: absolute; 14736 top: 0; 14737 left: 0; 14738 cursor: pointer; 14739 } 14740 } 14741 14742 ${Ne} 14743
14744 .standard-navigation__section--utility-links-login { 14745 margin: 0 ${(0,i.Kq)(4)} 0 0; 14746 14747 &::after { 14748 display: none; 14749 content: ''; 14750 14751 @media (min-width: ${a.LO.md}) { 14752 display: inline-block; 14753 position: absolute; 14754 top: ${(0,i.Kq)(2,"px")}; 14755 right: ${(0,i.Kq)(-2)}; 14756 margin: 0; 14757 background-color: ${(0,i.HK)("colors.foundation.menu.dividers")}; 14758 width: 2px; 14759 height: 20px; 14760 } 14761 } 14762 14763 ${se} { 14764 ${({shouldEnableFullArticleInverted:e,theme:t})=>e&&`color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};`} 14765 } 14766 } 14767 14768 .standard-navigation-account { 14769 display: none; 14770 position: relative; 14771 height: 100%; 14772 14773 @media (min-width: ${a.LO.md}) { 14774 display: block; 14775 } 14776 } 14777 14778 ${z.N_} { 14779 padding: 0; 14780 14781 @media (min-width: ${a.LO.md}) and (max-width: ${a.LO.lg}) { 14782 padding-right: ${(0,i.Kq)(2)}; 14783 } 14784 } 14785`,Ie=(0,o.Ay)(f.A.Utility).withConfig({displayName:"StandardNavigationDrawerButtonToggle"})` 14786 ${({theme:e})=>(0,u.j)(e)} 14787 justify-content: center; 14788 transition: fill ${ee} ease-in-out; 14789 ${({shouldEnableFullArticleInverted:e,theme:t})=>e&&`\n svg path {\n fill: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\n transition: fill ${ee} ease-in-out;\n }\n `} 14790 14791 .icon-close { 14792 padding: 8px; 14793 } 14794 14795 .icon-menu { 14796 margin: 8px; 14797 width: initial; 14798 height: initial; 14799 } 14800`,Be=(0,o.Ay)(v.A).withConfig({displayName:"StandardNavigationLogoImage"})` 14801 display: block; 14802 text-align: center; 14803 14804 ${j.BF} { 14805 max-height: ${te}; 14806 object-fit: contain; 14807 } 14808`,Oe=(0,o.Ay)(s.sH).withConfig({displayName:"StandardNavigationLogoLink"})` 14809 width: 100%; 14810 height: auto; 14811`,Ke=o.Ay.div.withConfig({displayName:"StandardNavigationSectionLogo"})` 14812 ${ne} 14813 justify-content: center; 14814 margin: auto; 14815 max-width: ${(0,i.Kq)(25)}; 14816 14817 @media (min-width: ${a.LO.xl}) { 14818 min-width: ${(0,i.Kq)(15)}; 14819 } 14820`,De=o.Ay.div.withConfig({displayName:"StandardNavigationDrawer"})` 14821 height: ${te}; 14822 14823 @media (min-width: ${a.LO.sm}) { 14824 width: ${(0,i.Kq)(6)}; 14825 } 14826 @media (min-width: ${a.LO.md}) { 14827 width: ${(0,i.Kq)(7)}; 14828 } 14829`,_e=o.Ay.div.withConfig({displayName:"StandardNavigationHeadLineBlockHeadLine"})` 14830 ${(0,i.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 14831 position: absolute; 14832 transform: translateY(25px); 14833 transition: opacity 200ms, transform 400ms, color 300ms; 14834 visibility: hidden; 14835 opacity: 0; 14836 margin-right: ${(0,i.Kq)(4)}; 14837 margin-left: ${(0,i.Kq)(4)}; 14838 width: 100%; 14839 max-width: 100%; 14840 overflow: hidden; 14841 text-overflow: ellipsis; 14842 white-space: nowrap; 14843 font-size: 16px; 14844 14845 @media (min-width: ${a.LO.md}) { 14846 visibility: visible; 14847 } 14848 @media only screen and (max-width: ${a.LO.md}) { 14849 display: none; 14850 } 14851 14852 ${({headlineAlign:e})=>(e=>"left"===e?"text-align: left;":"center"===e?"text-align: center;":"")(e)} 14853`,Pe=o.Ay.div.withConfig({displayName:"StandardNavigationHeadLineBlockChannelNavigation"})` 14854 position: static; 14855 transition: opacity 300ms 100ms, transform 400ms; 14856 opacity: 1; 14857 width: 100%; 14858`,Re=o.Ay.div.withConfig({displayName:"StandardNavigationHeadLineBlock"})` 14859 ${Q} 14860 display: flex; 14861 align-items: center; 14862 height: 100%; 14863 14864 ${({headLineVisible:e})=>e&&`\n ${_e} {\n position: static;\n transform: initial;\n transition: opacity 300ms 100ms, transform 400ms;\n opacity: 1;\n }\n\n ${Pe} {\n position: absolute;\n transform: translateY(-25px);\n opacity: 0;\n }\n `} 14865`,qe=(e,t,n,o)=>"center"===e?`\n @media (min-width: ${a.LO.md}) {\n grid-template-columns: auto 1fr 2fr 1fr auto;\n }\n padding: 0 ${(0,i.Kq)(2)};\n\n @media (min-width: ${a.LO.md}) {\n ${(0,d.aU)("padding")};\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n ${Ke} {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n height: ${te};\n }\n\n ${Ae} {\n margin: 0 ${(0,i.Kq)(3)} 0 ${(0,i.Kq)(2)};\n }\n }\n\n ${Ce} {\n @media (min-width: ${a.LO.md}) {\n display: flex;\n margin-left: ${(0,i.Kq)(2)};\n\n ${G.J$} {\n margin-right: 0;\n }\n }\n }
14865\n `:"left"===e?`\n && {\n grid-template-columns: auto auto minmax(0, 1fr) auto auto auto;\n }\n ${fe} + ${Ae} {\n @media (min-width: ${a.LO.md}) {\n margin-left: auto;\n }\n }\n\n ${Ke} {\n @media (min-width: ${a.LO.md}) {\n margin-left: 0;\n }\n\n ${Oe} ${Be} {\n text-align: left;\n\n @media (min-width: ${a.LO.md}) {\n text-align: center;\n }\n }\n }\n\n ${"center"===t&&((e,t)=>`\n && {\n grid-template-columns: repeat(3, 1fr);\n }\n @media (min-width: ${a.LO.md}) {\n && {\n grid-template-columns: auto auto minmax(0, 1fr) auto auto;\n }\n }\n\n ${Re} {\n display: none;\n\n @media (min-width: ${a.LO.md}) {\n display: flex;\n }\n }\n\n ${Oe} ${Be} {\n text-align: center;\n }\n\n ${e&&`\n grid-template-columns: repeat(3, 1fr);\n\n @media (min-width: ${a.LO.md}) {\n grid-template-columns: auto auto minmax(0, 1fr) auto auto;\n }\n `};\n\n ${t&&`\n @media (min-width: 0) and (max-width: ${a.LO.md}) {\n border-bottom: none;\n }\n `};\n`)(n,o)};\n `:"",Me=o.Ay.header.withConfig({displayName:"StandardNavigationWrapper"})` 14866 display: grid; 14867 position: relative; 14868 grid-template-columns: repeat(3, 1fr); 14869 justify-content: space-between; 14870 transform: translateY(0); 14871 transition: background-color ${ee} ease-in-out; 14872 z-index: 2; 14873 background-color: ${(0,i.HK)("colors.foundation.menu-bg.collapsed")}; 14874 width: 100%; 14875 14876 @media (min-width: ${a.LO.md}) { 14877 grid-template-columns: auto 2fr auto auto; 14878 } 14879 14880 ${({shouldEnableFullArticleInverted:e,theme:t})=>e&&`\n transition: background-color ${ee} ease-in-out;\n background-color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.background")};`} 14881 14882 ${({shouldDisplaySeriesPagination:e})=>e&&`\n transform: translateY(-${te});\n transition: transform 300ms ease-in-out;\n `} 14883 14884 ${({seriesData:e,shouldDisplaySeriesPagination:t,palette:n})=>e&&`\n transition: transform ${ee} ease-in-out;\n\n ${"inverted"===n&&`\n transition: transform ${ee} ease-in-out,\n background-color 0ms ease-in-out 0ms;\n\n ${fe},\n ${He} {\n ${G.M8},\n ${G.SE},\n ${se} {\n transition: none;\n }\n }\n `};\n\n ${t&&`\n transition: transform ${ee} ease-in-out,\n background-color 0ms ease-in-out ${ee};\n `};\n\n ~ ${he} {\n transition: opacity 100ms ease-in-out;\n }\n `} 14885 14886 ${({palette:e,theme:t})=>"inverted"===e&&`\n transition: background-color ${ee} ease-in-out,\n transform ${ee} ease-in-out;\n background-color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.background")};\n\n ${ae} {\n transition: background-color ${ee} ease-in-out,\n transform ${ee} ease-in-out;\n background-color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.background")};\n }\n\n ${fe},\n ${He} {\n ${G.M8},${G.SE},\n ${se} {\n ${(0,i.pe)(t,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link","navigation")};\n transition: color ${ee} ease-in-out;\n }\n }\n\n ${pe} {\n ${ge} {\n ${(0,i.pe)(t,"colors.consumption.lead.inverted.link",
14886null,"navigation")};\n\n &:hover {\n .icon-chevron path {\n fill: ${(0,i.HK)(t,"colors.foundation.collapsed-menu.nav-link.hover")};\n }\n }\n }\n\n .icon-chevron path {\n fill: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\n }\n\n ${ae} {\n ${G.M8},${G.SE} {\n ${(0,i.pe)(t,"colors.consumption.lead.inverted.link",null,"navigation")};\n transition: none;\n }\n }\n }\n\n ${ae} .account-links__navigation {\n ${G.J$} {\n &:hover {\n background-color: ${(0,i.HK)(t,"colors.interactive.base.dark")};\n }\n\n ${G.M8},${G.SE} {\n ${(0,i.pe)(t,"colors.consumption.lead.inverted.link","colors.consumption.lead.inverted.link","navigation")};\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n ${G.M8},${G.SE} {\n &:hover {\n text-decoration: none;\n }\n }\n }\n\n ${ae} {\n border: 1px solid ${(0,i.HK)(t,"colors.consumption.lead.inverted.divider")};\n\n &::before {\n border-bottom-color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.background")};\n }\n\n &::after {\n border-bottom-color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.divider")};\n }\n }\n\n ${ye} path {\n fill: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\n }\n\n ${ae} ${ue} {\n ${G.J$}:hover {\n background: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\n\n ${G.M8},${G.SE} {\n transition: color ${ee} ease-in-out;\n color: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link-hover")};\n }\n }\n }\n\n ${Ae} {\n &,\n &:hover,\n &:focus {\n svg path {\n fill: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\n transition: fill ${ee} ease-in-out;\n }\n }\n }\n\n ${Ie} {\n &,\n &:hover,\n &:focus {\n svg path {\n fill: ${(0,i.HK)(t,"colors.consumption.lead.inverted.link")};\n transition: fill ${ee} ease-in-out;\n }\n }\n }\n `} 14887 14888 ${({isLogoWide:e})=>e&&`\n ${De} {\n width: unset;\n }\n\n ${He} {\n margin: 0;\n }\n\n ${Ke} {\n min-width: ${(0,i.Kq)(34)};\n }\n `} 14889 14890 ${({decorationStyle:e,decorationTheme:t,theme:n})=>((e,t,n)=>"border-thin"===e&&"standard"===t?`border-bottom: 1px solid ${(0,i.HK)(n,"colors.foundation.menu.dividers")};`:"border-thin"===e&&"inverted"===t?`border-bottom: 1px solid ${(0,i.HK)(n,"colors.consumption.lead.inverted.divider")};`:"light-shadow"===e&&"inverted"===t?"box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);":"")(e,t,n)} 14891 14892 ${({logoAlign:e,mobileLogoAlign:t,isDrawerOpen:n})=>qe(e,t,n)} 14893 14894 ${({mobileOption:e})=>(e=>"search"===e?`\n ${ke} {\n display: none;\n\n @media (min-width: ${a.LO.md}) {\n display: block;\n }\n\n &.consumer-marketing-unit--no-failsafe {\n display: none;\n }\n }\n\n ${He} {\n display: none;\n\n @media (min-width: ${a.LO.md}) {\n display: flex;\n }\n }\n `:"cm"===e?`\n ${ke} {\n ${G.J$} {\n\n display: flex;\n margin-right: ${(0,i.Kq)(2)};\n\n &:not(:first-child) {\n display: none;\n }\n\n @media (min-width: ${a.LO.md}) {\n display: inline-flex;\n align-items: center;\n\n &:not(:first-child) {\n display: inline-flex;\n }\n }\n }\n }\n }\n\n ${He} {\n margin: 0 1rem;\n\n @media (min-width: ${a.LO.md}) {\n margin: 0 0 0 auto;\n }\n }\n\n ${Ae} {\n display: none;\n\n @media (min-width: ${a.LO.md}) {\n display: flex;\n }\n }\n `:"")(e)} 14895 14896 ${({isDrawerOpen:e})=>e&&`\n ${He},\n ${be},\n ${ve},\n ${Re} {\n opacity: 0;\n }\n `} 14897 14898 ${({isHeadlineColorInverted:e})=>e&&`\n transition: color ${ee} ease-in-out;\n color: ${(0,i.HK)("colors.discovery.lead.secondary.hed")};\n `} 14899`,Fe=(o.Ay.div.withConfig({displayName:"StandardNavigationIconWrapper"})` 14900 display: flex; 14901 ${Y.$K} { 14902 border: none; 14903 } 14904`,(0,o.Ay)(Z.A).withConfig({displayName:"StandardNavigationSuccessLoginAlert"})` 14905 top: ${(0,i.Kq)(7)}; 14906 right: -${(0,i.Kq)(1)}; 14907 left: unset; 14908 z-index: ${a.KV.tooltip+1}; 14909 margin-left: ${(0,i.Kq)(1)}; 14910 border: 1px solid; 14911 border-radius: 2px; 14912 14913 ${(0,i.H4)(a.LO.md)} { 14914 top: ${(0,i.Kq)(5.9)}; 14915 left: -${(0,i.Kq)(27)}; 14916 margin-left: -${(0,i.Kq)(2)}; 14917 width: ${(0,i.Kq)(46)}; 14918 } 14919 14920 ${({theme:e})=>(0,i._o)(e,"border-color","colors.discovery.body.white.border")}; 14921 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35); 14922 width: ${(0,i.Kq)(45)}; 14923 height: ${(0,i.Kq)(10)}; 14924 14925 ${({theme:e})=>(0,i._o)(e,"background-color","colors.interactive.base.white")}; 14926 14927 .close-alert-button { 14928 svg { 14929 ${({theme:e})=>(0,i._o)(e,"fill","colors.interactive.social.primary")}; 14930 transform: rotate(45); 14931 } 14932 } 14933 14934 .alert-message { 14935 padding: ${(0,i.Kq)(3)} ${(0,i.Kq)(2)}; 14936 max-width: fit-content; 14937 14938 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.label")}; 14939 14940 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.special.body")}; 14941 } 14942 14943 .alert-arrow { 14944 border-color: transparent; 14945 14946 &::before { 14947 position: absolute; 14948 bottom: -8px; 14949 left: -8px; 14950 border-width: 0 8px 11px 8px; 14951 border-style: solid; 14952 border-color: transparent transparent 14953 ${(0,i.HK)("colors.discovery.body.white.border")} transparent; 14954 content: ''; 14955 } 14956 14957 &::after { 14958 position: absolute; 14959 bottom: -9px; 14960 left: -7px; 14961 border-width: 0 7px 9px 7px; 14962 border-style: solid; 14963 border-color: transparent transparent 14964 ${(0,i.HK)("colors.interactive.base.white")} transparent; 14965 content: ''; 14966 } 14967 } 14968`),Ue=o.Ay.div.withConfig({displayName:"StandardNavigationDrawerSearchBarWrapper"})` 14969 margin: auto; 14970 margin-top: ${(0,i.Kq)()}; 14971 background-color: ${(0,i.HK)("colors.background.white")}; 14972 padding: ${(0,i.Kq)(2)} 0; 14973 width: 35%; 14974 14975 input { 14976 &[type='search'] { 14977 appearance: none; 14978 border-radius: 0; 14979 border-color: ${(0,i.HK)("colors.interactive.base.dark")}; 14980 } 14981 } 14982 14983 ${(0,i.L7)(a.LO.md)} { 14984 margin-top: ${(0,i.Kq)(3)}; 14985 padding: 0; 14986 width: 95%; 14987 } 14988 14989 ${J.Fw} { 14990 background: none; 14991 } 14992`},52188(e,t,n){n.d(t,{A:()=>
14992o});const o=(0,n(72267).YK)({navigationMenuButtonLabel:{id:"StandardNavigation.MenuButton",defaultMessage:"Open Navigation Menu",description:"Label for the menu button"},secondaryLinksLabel:{id:"StandardNavigation.SecondaryLinksLabel",defaultMessage:"Secondary",description:"ARIA label for secondary links"},utilityLinksLabel:{id:"StandardNavigation.UtilityLinksLabel",defaultMessage:"Utility",description:"ARIA label for utility links"},openSearchMenuLabel:{id:"StandardNavigation.OpenSearchMenuLabel",defaultMessage:"Open Search Menu",description:"ARIA label open search menu button"},searchLabel:{id:"StandardNavigation.SearchLabel",defaultMessage:"Search",description:"ARIA label for search link"},drawerLabel:{id:"StandardNavigation.Drawer",defaultMessage:"Navigation and Sign Up Menu",description:"ARIA label for the drawer modal"},accountLabel:{id:"StandardNavigation.AccountLabel",defaultMessage:"My Account",description:"Label for account link",isConfigurable:!0},signInLabel:{id:"StandardNavigation.SignInLabel",defaultMessage:"Sign In",description:"Label for sign in link",isConfigurable:!0},saveBookmarkLabel:{id:"StandardNavigation.saveBookmarkLabel",defaultMessage:"Save story",description:"Label for the bookmark icon"},shoppingCartLabel:{id:"StandardNavigation.ShoppingCartLabel",defaultMessage:"Shopping Cart",description:"Label for Shopping cart"},shoppingCartAriaLabel:{id:"StandardNavigation.ShoppingCartAriaLabel",defaultMessage:"item(s) in Cart",description:"ARIA label for Shopping cart"}})},49938(e,t,n){n.d(t,{f:()=>i});var o=n(14307);const i=(e,t)=>{const n={type:"click",label:e?.target?.textContent?.toString(),subject:t||"sub_header_menu",items:[{content_title:e?.target?.textContent?.toString(),content_url:e?.target?.href}],placement:"header"};(0,o.kg)(n)}},56857(e,t,n){n.d(t,{A:()=>U});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(73275),l=n(10642),d=n(38080),c=n(11025),m=n(90090),u=n(53499),p=n(89957),g=n(14307);const h=({subItems:e,subItemsLengthLimit:t})=>{if(!e||!e.length)return[];const[n,...o]=e,{image:i}=n||{},{contentType:a}=i||{};if(a){return[n,...o.slice(0,t)]}return h({subItems:o,subItemsLengthLimit:t})};var y=n(38267),b=n(26865),f=n(18608),w=n(73347),$=n(19607),v=n(96472),C=n(1123),k=n(89085),A=n(94828),x=n(36211),E=n(75163);const S=y.AH` 14993 display: block; 14994 14995 &::after { 14996 position: absolute; 14997 inset: 0; 14998 z-index: 1; 14999 content: ''; 15000 } 15001 15002 & h2 { 15003 position: relative; 15004 z-index: 2; 15005 } 15006`,L=(0,y.Ay)(w.Ay.LineAboveLineBelowTextCenter).withConfig({displayName:"Title"})` 15007 grid-column: 1/-1; 15008 grid-row: 1; 15009 margin-bottom: ${(0,b.Kq)(4)}; 15010`,T=(0,y.Ay)(f.vm).withConfig({displayName:"SubtopicDiscoveryFirstHed"}).attrs(e=>({as:"a",...e}))` 15011 ${S} 15012 text-decoration: none; 15013 line-height: 114%; 15014 color: var(${E.pT.Color.TextSubheading}); 15015 15016 h2 {
15017 ${(0,b.Gg)("typography.definitions.discovery.hed-bulletin-primary")} 15018 } 15019 15020 &:hover { 15021 text-decoration: underline; 15022 } 15023`,N=y.Ay.div.withConfig({displayName:"SubtopicDiscoveryHedContainer"})` 15024 position: relative; 15025 border-bottom: ${(0,b.Kq)(.125,"px")} solid 15026 var(${E.pT.Color.Divider}); 15027 15028 &:last-child { 15029 border-bottom: none; 15030 } 15031 15032 &:hover { 15033 cursor: pointer; 15034 } 15035`,H=y.Ay.div.withConfig({displayName:"SubtopicDiscoveryArticleContent"})` 15036 position: relative; 15037`,I=(0,y.Ay)(f.vm).withConfig({displayName:"SubtopicDiscoveryImage"}).attrs(e=>({as:"span",...e}))` 15038 display: block; 15039 position: relative; 15040 margin-bottom: ${(0,b.Kq)(2)}; 15041`,B=y.Ay.div.withConfig({displayName:"SubtopicDiscoveryItemContainer"})` 15042 grid-column: span 4; 15043 ${(0,b.H4)(v.LO.md)} { 15044 grid-column: span 3; 15045 } 15046`,O=(0,y.Ay)(f.vm).withConfig({displayName:"SubtopicDiscoverySubsequentHed"}).attrs(e=>({as:"a",...e}))` 15047 ${S} 15048 text-decoration: none; 15049 line-height: 106%; 15050 color: var(${E.pT.Color.TextSubheading}); 15051 15052 & h2 { 15053 ${({theme:e})=>
15053(0,b.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")} 15054 } 15055 15056 &:hover { 15057 text-decoration: underline; 15058 } 15059`,K=(0,y.Ay)($.A).withConfig({displayName:"SubtopicDiscoveryAdRail"})``,D=y.Ay.div.withConfig({displayName:"SubtopicDiscoveryAdRailContainer"})` 15060 display: block; 15061`,_=y.Ay.div.withConfig({displayName:"SubtopicDiscoveryGridContent"})` 15062 display: grid; 15063 grid-column: span 12; 15064 grid-template-columns: repeat(4, 1fr); 15065 ${(0,b.Xm)(v.LO.sm,v.LO.md)} { 15066 grid-row-gap: ${(0,b.Kq)(4)}; 15067 } 15068 ${(0,b.H4)(v.LO.md)} { 15069 grid-template-columns: repeat(9, 1fr); 15070 column-gap: var(--grid-gap); 15071 row-gap: var(--grid-gap); 15072 } 15073 ${(0,b.H4)(v.LO.lg)} { 15074 grid-column: ${({shouldUseSummaryItem:e})=>e?"span 12":"span 11"}; 15075 } 15076`,P=((0,y.Ay)("div").withConfig({displayName:"SubtopicDiscoveryGrid"})` 15077 ${(0,k.VG)()}; 15078 ${(0,C.aU)("padding")}; 15079`,(0,y.Ay)(A.A).withConfig({displayName:"SubtopicDiscoverySummaryItem"})` 15080 ${x.Y} { 15081 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.discovery.hed-core-secondary")} 15082 } 15083`),R=({item:e,subItemsLengthLimit:t,firstHedIdx:n,shouldEnableBundleComponentAnalytics:o,trackingNamespace:i,hasNativeImgLazyLoading:a,shouldUseSummaryItem:d=!1,onItemClick:c})=>{const u=(0,m.NY)(o,`${i?.SubtopicDiscoveryItemHed} ${n+1} hero`),{dangerousCategoryTitle:p,parsedSubItems:g=[]}=e||{},y=p?.label,b=h({subItems:g,subItemsLengthLimit:t});if(!b.length)return null;const[f,...w]=b,{artist:$,dangerousHed:v,genre:C,image:k,url:A}=f||{},{altText:x}=k||"",E=(0,r.useCallback)((e,t)=>{c&&c(e,t,n)},[c,n]),S=(0,r.useCallback)(()=>E(f,y),[E,f,y]);return r.createElement(B,null,r.createElement(N,null,r.createElement(l.A.DiscoveryCard,{name:p.label,url:p.link}),d?r.createElement(P,{...f,shouldHidePublishDate:!1,rubric:C,subHed:$,url:`/${A}/`}):r.createElement(H,null,r.createElement(I,{"aria-label":x,className:"SubtopicDiscoveryImage",...u},r.createElement(s.A,{...k,isLazy:!0,hasNativeImgLazyLoading:a})),r.createElement(T,{href:`/${A}`,"aria-label":v,className:"SubtopicDiscoveryFirstHed",onClick:S,...u},r.createElement("h2",{dangerouslySetInnerHTML:{__html:v}})))),!d&&(w||[]).map((e,t)=>{const{dangerousHed:a,url:s}=e||{},l=(0,m.NY)(o,`${i?.SubtopicDiscoveryItemHed} ${n+1} secondary`,t);return r.createElement(N,{key:t},r.createElement(O,{href:`/${s}`,"aria-label":a,className:"SubtopicDiscoverySubsequentHed",onClick:()=>E(e,y),...l},r.createElement("h2",{dangerouslySetInnerHTML:{__html:a}})))}))};R.propTypes={firstHedIdx:a().number,hasNativeImgLazyLoading:a().bool,item:a().shape({dangerousCategoryTitle:a().shape({label:a().string,link:a().string}),parsedSubItems:a().arrayOf(a().shape({dangerousHed:a().string,image:a().object,url:a().string}))}),shouldEnableBundleComponentAnalytics:a().bool,shouldUseSummaryItem:a().bool,subItemsLengthLimit:a().number,trackingNamespace:a().object,onItemClick:a().func};const q=({items:e,subItemsLengthLimit:t,shouldEnableBundleComponentAnalytics:n,trackingNamespace:o,shouldUseSummaryItem:i,onItemClick:a})=>e.map((e,s)=>r.createElement(R,{key:s,item:e,subItemsLengthLimit:t,firstHedIdx:s,hasNativeImgLazyLoading:e.hasNativeImgLazyLoading,shouldEnableBundleComponentAnalytics:n,trackingNamespace:o,shouldUseSummaryItem:i,onItemClick:a})),M=({dangerousDek:e="",dangerousHed:t="",items:n=[],shouldShowContainerTitle:o=!1,subItemsLengthLimit:i=2,showAdRightRail:a=!1,shouldEnableBundleComponentAnalytics:s,shouldUseSummaryItem:l=!1,trackingNamespace:m})=>{const{hasTrackedImpression:y,setHasTrackedImpression:b,trackImpressionEvent:f,handleItemClick:w}=((e,t)=>{const[n,o]=r.useState(!1);return{hasTrackedImpression:n,setHasTrackedImpression:o,trackImpressionEvent:()=>{e.forEach((n,o)=>{let i=[];const{dangerousCategoryTitle:a,parsedSubItems:r=[]}=n||{};h({subItems:r,subItemsLengthLimit:t}).forEach(e=>{const{dangerousHed:t,url:n,id:o,contentType:a}=e||{};i.push({content_title:t,content_id:o,content_type:a,content_url:n?.startsWith("/")?`${window.location.origin}${n}`:n})});const s={type:"impression",subject:"subtopic_discovery",label:a?.label||"Subtopic Discovery",items:i,index:o,total_index:e.length};(0,g.kg)(s)})}
15083,handleItemClick:(t,n,o)=>{const{dangerousHed:i,url:a,id:r,contentType:s}=t||{},l={type:"click",subject:"subtopic_discovery",label:n||"Subtopic Discovery",items:[{content_title:i,content_id:r,content_type:s,content_url:a?.startsWith("/")?`${window.location.origin}${a}`:a}],index:o,total_index:e.length};(0,g.kg)(l)}}})(n,i),$=r.useRef();return(0,p.Mp)(".subtopic-discovery-grid",{threshold:.1},e=>{e&&!y&&(f(),b(!0))},[y]),r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"SubtopicDiscovery"})},[]),r.createElement(r.Fragment,null,t&&o&&r.createElement(L,{dangerousDek:e,dangerousHed:t,hedTag:"h2"}),r.createElement(_,{shouldUseSummaryItem:l,ref:$,className:"subtopic-discovery-grid"},r.createElement(q,{items:n,subItemsLengthLimit:i,shouldEnableBundleComponentAnalytics:s,shouldUseSummaryItem:l,trackingNamespace:m,onItemClick:w})),a&&r.createElement(D,{className:"grid-layout__aside"},r.createElement(c.A,null,r.createElement(d.Z,{group:"ads"},r.createElement(K,{position:"rail"})))))};M.propTypes={dangerousDek:a().string,dangerousHed:a().string,items:a().array,shouldEnableBundleComponentAnalytics:a().bool,shouldShowContainerTitle:a().bool,shouldUseSummaryItem:a().bool,showAdRightRail:a().bool,subItemsLengthLimit:a().number,trackingNamespace:a().object},M.displayName="SubtopicDiscovery";const F=M,U=(0,o.y)(F,"SubtopicDiscovery")},47940(e,t,n){n.d(t,{A:()=>L});var o=n(13465),i=n(31581),a=n(96540),r=n(5556),s=n.n(r),l=n(68397),d=n(91706),c=n(94828),m=n(38267),u=n(73347),p=n(68116),g=n(277),h=n(86659),y=n(40653),b=n(26865),f=n(1123),w=n(96472),$=n(99906);const v=(0,m.Ay)(h.A).withConfig({displayName:"PodcastsSectionTitleWrapper"})` 15084 ${(0,f.aU)("padding")} 15085 15086 ${y.E} { 15087 grid-column: 1/-1; 15088 } 15089`,C=(0,m.Ay)(u.Ay).withConfig({displayName:"SummaryAudioCollectionTitle"})` 15090 grid-column: 1/-1; 15091 border-top: 1px solid ${(0,b.HK)("colors.discovery.body.white.accent")}; 15092 border-bottom: 1px solid 15093 ${(0,b.HK)("colors.discovery.body.white.accent")}; 15094`,k=m.Ay.div.withConfig({displayName:"PodcastsList"})` 15095 padding-top: ${(0,b.Kq)(4)}; 15096`,A=(0,m.Ay)(h.A.NoMargins).withConfig({displayName:"CarouselWrapper"})` 15097 ${(0,f.aU)("padding")} 15098 15099 ${y.E} { 15100 grid-column: 1/-1; 15101 width: 100%; 15102 } 15103`,x=m.Ay.section.withConfig({displayName:"SummaryAudioCollection"})` 15104 padding-top: ${(0,b.Kq)(5)}; 15105 15106 ${({theme:e})=>e&&`background: ${(0,b.HK)(e,"colors.discovery.lead.secondary.background")};\n }`} 15107 15108 ${k} { 15109 ${p.IB}, ${g.up} { 15110 display: none; 15111 } 15112 ${(0,b.L7)(`${$.VS.md}px`)} { 15113 display: none; 15114 } 15115 } 15116 15117 ${A} { 15118 ${p.IB}, ${g.up} { 15119 display: none; 15120 } 15121 15122 ${({itemCount:e})=>3===e&&m.AH` 15123 ${(0,b.H4)(w.LO.md)} { 15124 display: none; 15125 } 15126 `} 15127 } 15128`,E=({dangerousHed:e,hasDividerAbove:t=!0,hasDividerBelow:n=!0,hasBorder:o=!1,hasItemsRule:i=!1,hideIssueDate:r=!1,items:s,minItemsRequired:m=0,shouldHidePublishDate:u=!1,textAlign:p="center"})=>m&&s?.length<m?null:a.createElement(x,{itemCount:s.length},a.createElement(v,null,a.createElement(C,{dangerousHed:e,hasDividerAbove:t,hasDividerBelow:n,textAlign:p})),3===s.length&&a.createElement(k,{as:d.A.ThreeColumns,hasItemsRule:i,hideIssueDate:r,items:s,shouldHidePublishDate:u,"data-testid":"PodcastsList"}),a.createElement(A,null,a.createElement(l.A,{carouselSettings:{hasPaginationDots:!0,showControls:!1}},s.map((e,t)=>a.createElement(l.A.CarouselItem,{key:e.copilotID,"data-testid":"PodcastsList"},a.createElement(c.A,{key:t,...e,hasBorder:o,shouldHidePublishDate:u,hasRule:i,hideIssueDate:r}))))));E.propTypes={dangerousHed:s().string.isRequired,hasBorder:s().bool,hasDividerAbove:s().bool,hasDividerBelow:s().bool,hasItemsRule:s().bool,hideIssueDate:s().bool,items:s().arrayOf(s().shape({categories:s().shape({tags:s().array}),dangerousDek:s().string,dangerousHed:s().string,image:s().object,url:s().string})).isRequired,minItemsRequired:s().number,shouldHidePublishDate:s().bool,textAlign:s().string};const S=E,L=(0,i.N)((0,o.y)(S,"SummaryAudioCollection"))},25433(e,t,n){n.d(t,{A:()=>W});var o=n(13465),i=n(47655),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(73347),m=n(22539),u=n(94828),p=n(99366),g=n(38267),h=n(96472),y=n(1123),b=n(89085),f=n(26865),w=n(16800),$=n(33500),v=n(72542),C=n(85127),
15128k=n(99337),A=n(1817),x=n(75699),E=n(88154);const S=g.AH` 15129 ${A.HD} { 15130 ${({shouldShowStackedRatingsCard:e})=>e&&"padding-left:0"} 15131 } 15132`,L=g.Ay.div.withConfig({displayName:"SummaryCollageEightTitle"})` 15133 ${$.bU} { 15134 ${(0,f.Gg)("typography.definitions.discovery.subhed-section-collection")} 15135 ${(0,f.L7)(h.LO.md)} { 15136 justify-self: ${({isTitleFullWidth:e})=>e&&"center"}; 15137 } 15138 } 15139`,T=g.Ay.div.withConfig({displayName:"SummaryCollageEightTitle"})` 15140 ${$.bU} { 15141 ${(0,f.Gg)("typography.definitions.discovery.subhed-section-collection")} 15142 margin-bottom: ${(0,f.Kq)(3)}; 15143 } 15144`,N=g.Ay.section.withConfig({displayName:"SummaryCollageEightGrid"})` 15145 ${(0,y.VO)()} 15146 15147 display: grid; 15148 gap: 0 var(--grid-gap); 15149 grid-template-columns: repeat(4, 1fr); 15150 ${(0,y.aU)("padding")} 15151 margin: 0 auto; 15152 max-width: ${(0,f.Kq)(200)}; 15153 15154 ${(0,f.H4)(h.LO.md)} { 15155 grid-template-columns: repeat(12, 1fr); 15156 } 15157 15158 ${(0,f.H4)(h.LO.lg)} { 15159 grid-template-rows: auto repeat(2, 1fr); 15160 } 15161 ${({isPartiallyCurated:e})=>e&&`\n ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,w.F)(t,"gap-md")?`padding-top: ${(0,f.Kq)(3)};`:null}\n \n ${(0,f.H4)(h.LO.lg)} {\n ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,w.F)(t,"gap-md")?`padding-top: ${(0,f.Kq)(4)};`:null}\n grid-template-rows: minmax(${(0,f.Kq)(5)}, auto) repeat(1, 1fr);\n }\n\n ${(0,f.H4)(h.LO.xl)} {\n ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,w.F)(t,"gap-md")?`padding-top: ${(0,f.Kq)(5)};`:null}\n }\n `} 15162 ${(0,b.AQ)()}; 15163 15164 .summary-item--has-border { 15165 &:last-child { 15166 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15167 margin-bottom: 0; 15168 border-bottom: 0; 15169 } 15170 } 15171 } 15172 15173 ${({hasBackground:e})=>e&&g.AH` 15174 background-color: ${(0,f.HK)("colors.discovery.body.light.background")}; 15175 `} 15176`,H=g.Ay.div.withConfig({displayName:"SummaryCollageEightTopTitle"})` 15177 grid-column: 1 / -1; 15178 margin-top: ${(0,f.Kq)(6)}; 15179 margin-bottom: ${(0,f.Kq)(4)}; 15180 border-bottom-color: ${(0,f.HK)("colors.discovery.body.white.accent")}; 15181 padding-bottom: ${(0,f.Kq)(2)}; 15182 ${(0,f.H4)(h.LO.lg)} { 15183 margin-top: ${(0,f.Kq)(4)}; 15184 } 15185`,I=g.Ay.div.withConfig({displayName:"SummaryCollageEightGridItemTitle"})` 15186 grid-column: 1 / -1; 15187 align-self: flex-end; 15188 order: 2; 15189 border-bottom: 1px solid 15190 ${(0,f.HK)("colors.discovery.body.white.border")}; 15191 padding-bottom: ${(0,f.Kq)(1)}; 15192 15193 ${(0,f.H4)(h.LO.lg)} { 15194 grid-column: 10 / span 3; 15195 grid-row: ${({isTitleFullWidth:e})=>e?"2 / span 2":"1 / span 1"}; 15196 margin-left: calc(var(--border-offset) * -1); 15197 border-top: none; 15198 border-bottom: none; 15199 border-left: ${({isTitleFullWidth:e})=>e?"none;":`1px solid\n ${(0,f.HK)("colors.discovery.body.white.border")};`}; 15200 padding-left: var(--border-offset); 15201 width: calc(100% + var(--border-offset)); 15202 } 15203 ${({isPartiallyCurated:e})=>e&&`\n border-bottom: none;\n ${(0,f.Xm)(h.LO.md,`calc(${h.LO.lg} - 1px)`)} {\n grid-row: 2 / span 1;\n grid-column: 1 / span 12;\n }\n`} 15204`,B=g.Ay.div.withConfig({displayName:"SummaryCollageEightGridItemCollageFour"})` 15205 grid-column: 1 / -1; 15206 order: 1; 15207 15208 ${(0,f.H4)(h.LO.lg)} { 15209 grid-column-gap: var(--grid-gap); 15210 grid-column: 1 / span 9; 15211 grid-row: ${({isTitleFullWidth:e})=>e?"2 / span 4":"1 / span 3"}; 15212 grid-row-gap: ${(0,f.Kq)(2)}; 15213 } 15214 ${({isPartiallyCurated:e})=>e&&`\n ${(0,f.Xm)(h.LO.md,`calc(${h.LO.lg} - 1px)`)} {\n grid-column-gap: var(--grid-gap);\n grid-column: 1 / span 12;\n grid-row-gap: ${(0,f.Kq)(2)};\n grid-row: 1 / span 1;\n grid-template-rows: repeat(2, 0.75fr);\n }\n `} 15215 15216 ${({shouldUseDenseMobileVariation:e,theme:t})=>e&&`\n ${k.vg} {\n ${(0,f.L7)(h.LO.md)} {\n border-bottom: 1px solid\n ${(0,f.HK)(t,"colors.discovery.body.white.border")};\n }\n }\n ${x.zQ} {\n ${(0,f.L7)(h.LO.md)} {\n border-bottom: 1px solid\n ${(0,f.HK)(t,"colors.discovery.body.white.border")};\n padding: ${(0,f.Kq)(2)} 0;\n ${E.jY} {\n margin: ${(0,f.Kq)(2)} 0;\n }\n ${E.S3} {\n margin-bottom: 0.5rem;\n ${(0,f.Gg)("typography.definitions.discovery.hed-core-secondary")};\n }\n ${E.tH}::after {\n display: none;\n }\n }\n }\n }`} 15217`,O=g.Ay.div.withConfig({displayName:"SummaryCollageEightGridItemList"})` 15218 grid-column: 1 / -1; 15219 order: ${({hasHed:e})=>e?3:2}; 15220 margin: 0; 15221 border-top: none; 15222 padding: 0; 15223 15224 ${A.tU} { 15225 display: grid; 15226 border-top: 1px solid ${(0,f.HK)("colors.discovery.body.white.border")}; 15227 ${A.xW} { 15228 display: grid; 15229 grid-area: image; 15230 align-items: center; 15231 } 15232 ${A.HD} { 15233 grid-area: content; 15234 padding-top: 0; 15235 padding-bottom: 0; 15236 } 15237 } 15238 15239 ${(0,f.H4)(h.LO.lg)} { 15240 grid-column: 10 / span 3; 15241 grid-row: ${({hasHed:e})=>e?"2 / span 2":"1 / span 3"}; 15242 margin-left: calc(var(--border-offset) * -1); 15243 border-left: ${({isTitleFullWidth:e})=>e?"none;":`1px solid\n ${(0,f.HK)("colors.discovery.body.white.border")};`}; 15244 padding-right: 0; 15245 padding-left: var(--border-offset); 15246 width: calc(100% + var(--border-offset)); 15247 } 15248 15249 ${({isPartiallyCurated:e})=>e&&`\n ${(0,f.Xm)(h.LO.md,`calc(${h.LO.lg} - 1px)`)} {\n border-left: none;\n grid-column: 1 / span 12;\n grid-row: 3 / span 1;\n }\n `} 15250`,K=g.AH` 15251 ${k.CP} { 15252 position: unset; 15253 margin-bottom: 0; 15254 border-bottom: none; 15255 ${({shouldShowStackedRatingsCard:e})=>e&&`padding-bottom: ${(0,f.Kq)(6)};`} 15256 15257 ${A._n} { 15258 ${({shouldShowStackedRatingsCard:e})=>e&&(0,f.Gg)("typography.definitions.discovery.hed-feature")} 15259 } 15260 ${S} 15261 15262 ${(0,f.H4)(h.LO.lg)} { 15263 grid-column: 4 / -1; 15264 margin-bottom: ${(0,f.Kq)(3)}; 15265 } 15266 ${({isPartiallyCurated:e})=>e&&`\n ${(0,f.Xm)(h.LO.md,`calc(${h.LO.lg} - 1px)`)} {\n grid-column: 4 / -1;\n }\n `} 15267 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15268 padding-bottom: ${(0,f.Kq)(1)}; 15269 } 15270 15271 @media (min-width: 0) and (max-width: calc(${h.LO.md} - 1px)) { 15272 padding-bottom: ${(0,f.Kq)(2)}; 15273 } 15274 15275 .summary-item__dek { 15276 display: block; 15277 } 15278 15279 .summary-item__content { 15280 margin-bottom: 0; 15281 padding-bottom: 0; 15282 } 15283 15284 .summary-item__image-link { 15285 padding-right: 0; 15286 15287 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15288 margin-right: -${(0,f.Kq)(3)}; 15289 margin-left: -${(0,f.Kq)(3)}; 15290 ${({isPartiallyCurated:e})=>e&&`\n margin-right: ${(0,f.Kq)(0)};\n margin-left: ${(0,f.Kq)(0)};\n `} 15291 } 15292 } 15293 } 15294 ${k.W} { 15295 border-bottom: none; 15296 ${(0,f.H4)(h.LO.lg)} { 15297 grid-column: 4 / -1; 15298 } 15299 15300 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15301 display: ${({isTitleFullWidth:e})=>e?"none":"block"}; 15302 } 15303 15304 .summary-item__dek { 15305 display: block; 15306 } 15307 15308 .summary-item__content { 15309 ${(0,f.H4)(h.LO.lg)} { 15310 margin-top: ${(0,f.Kq)(2)}; 15311 } 15312 15313 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15314 padding: ${(0,f.Kq)(2)} 0 ${(0,f.Kq)(4)}; 15315 } 15316 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15317 padding-bottom: ${(0,f.Kq)(2)}; 15318 } 15319 ${({isPartiallyCurated:e})=>e&&"\n padding-top: none;\n "} 15320 } 15321 15322 .summary-item__content.summary-item__content--no-rubric { 15323 ${({isPartiallyCurated:e})=>e&&"\n padding-top: none;\n "} 15324 } 15325 15326 .summary-item__image-link { 15327 ${(0,f.H4)(h.LO.lg)} { 15328 margin-top: ${(0,f.Kq)(2)}; 15329 } 15330 } 15331 ${({isPartiallyCurated:e,isTitleFullWidth:t})=>(e||t)&&g.AH` 15332 border-top: none; 15333 `} 15334 } 15335 15336 ${k.jk} { 15337 .summary-item:last-child { 15338 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15339 padding-bottom: ${(0,f.Kq)(1)}; 15340 } 15341 @media (min-width: 0) and (max-width: calc(${h.LO.md} - 1px)) { 15342 padding-bottom: ${(0,f.Kq)(2)}; 15343 } 15344 } 15345 15346 .summary-item { 15347 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15348 border-bottom: 0; 15349 } 15350 } 15351 15352 ${A.tU}:first-child { 15353 ${({shouldShowStackedRatingsCard:e})=>e&&`\n border-bottom: 1px solid;\n padding-bottom:0;\n margin-bottom: ${(0,f.Kq)(2)};`} 15354 border-bottom-color: ${(0,f.HK)("colors.discovery.body.white.border")}; 15355 } 15356 15357 ${(0,f.H4)(h.LO.lg)} { 15358 grid-column: 1 / span 3; 15359 grid-row-start: 1; 15360 margin: 0 calc(var(--border-offset) * -1) 0 0; 15361 border-right: ${({isTitleFullWidth:e})=>e?"none;":`1px solid\n ${(0,f.HK)("colors.discovery.body.white.border")};`}; 15362 border-left: none; 15363 padding-right: var(--border-offset); 15364 padding-left: 0; 15365 } 15366 15367 ${({isPartiallyCurated:e})=>e&&`\n ${(0,f.H4)(h.LO.md)} {\n grid-column: 1 / span 3;\n grid-row-start: 1;\n margin: 0 calc(var(--border-offset) * -1) 0 0;
15367\n border-right: none;\n border-left: none;\n padding-right: var(--border-offset);\n padding-left: 0;\n } \n `} 15368 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15369 margin-bottom: ${(0,f.Kq)(2)}; 15370 } 15371 15372 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15373 margin-bottom: 0; 15374 } 15375 15376 .summary-item__hed { 15377 /* TOFIX: Lots of overrides happening here, this reassigns the default token for .summary-item__hed */ 15378 ${(0,f.Gg)("typography.definitions.discovery.hed-core-primary")} 15379 } 15380 15381 /* If the flag to use StackedRatingsCard is enabled, update the type token of the StackedRatingsCard Hed.*/ 15382 ${A._n} { 15383 ${({shouldShowStackedRatingsCard:e})=>e&&(0,f.Gg)("typography.definitions.discovery.hed-core-secondary")} 15384 } 15385 15386 ${S} 15387 15388 .summary-item__dek { 15389 display: block; 15390 } 15391 15392 .summary-item--has-border { 15393 margin-bottom: 0; 15394 } 15395 15396 .summary-item__content { 15397 padding-bottom: 0; 15398 } 15399 } 15400`,D=(0,g.Ay)(C.A).withConfig({displayName:"SummaryCollageEightSummaryCollageFour"})` 15401 && { 15402 grid-template-columns: repeat(4, 1fr); 15403 padding-top: 0; 15404 padding-right: 0; 15405 padding-left: 0; 15406 height: 100%; 15407 15408 .summary-item, 15409 .summary-item--has-border { 15410 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15411 border-bottom: 0; 15412 } 15413 } 15414 15415 .summary-list--collection-list { 15416 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15417 border-top: 0; 15418 } 15419 } 15420 15421 ${(0,f.H4)(h.LO.lg)} { 15422 grid-template-columns: repeat(9, 1fr); 15423 grid-template-rows: minmax(${(0,f.Kq)(5)}, auto) 1fr; 15424 } 15425 15426 ${({isPartiallyCurated:e})=>e&&`\n ${(0,f.Xm)(h.LO.md,`calc(${h.LO.lg} - 1px)`)} {\n grid-template-columns: repeat(9, 1fr);\n grid-template-rows: minmax(${(0,f.Kq)(5)}, auto) 1fr;\n }\n `} 15427 15428 &.summary-collage-four { 15429 ${K} 15430 } 15431 15432 ${({shouldUseDenseMobileVariation:e})=>e&&`\n && {\n ${(0,f.L7)(h.LO.md)} {\n height: auto;\n ${k.W}{\n display: none;\n }\n ${k.jk}{\n display: none;\n }\n }\n }\n `} 15433 } 15434`,_=(0,g.Ay)(m.A.Collection).withConfig({displayName:"SummaryCollageEightSummaryList"})` 15435 &&& { 15436 margin: 0; 15437 border-top: none; 15438 padding: 0; 15439 15440 * { 15441 bottom: auto; 15442 ${({shouldShowStackedRatingsCard:e})=>!e&&"width: auto;"} 15443 } 15444 15445 video { 15446 width: 100%; 15447 } 15448 15449 .summary-list__item { 15450 grid-template-areas: 'content image'; 15451 grid-template-columns: 1fr 75px; 15452 15453 padding-top: ${(0,f.Kq)(2)}; 15454 padding-bottom: ${(0,f.Kq)(2)}; 15455 15456 &:first-of-type { 15457 ${(0,f.H4)(h.LO.lg)} { 15458 border-top: 1px solid 15459 ${(0,f.HK)("colors.discovery.body.white.border")}; 15460 padding-top: ${(0,f.Kq)(2.5)}; 15461 } 15462 ${({shouldUseDenseMobileVariation:e})=>e&&`\n ${(0,f.L7)(h.LO.md)} {\n padding-top: 0;\n }\n `} 15463 } 15464 15465 &:last-of-type { 15466 ${(0,f.H4)(h.LO.lg)} { 15467 border-bottom: none; 15468 } 15469 } 15470 15471 &.summary-item--has-border { 15472 margin-bottom: 0; 15473 } 15474 15475 &.summary-item--layout-placement-side-by-side { 15476 grid-column-gap: var(--grid-gap); 15477 } 15478 15479 .summary-item__image-link { 15480 align-self: start; 15481 max-width: 75px; 15482 height: auto; 15483 } 15484 15485 .summary-item__hed { 15486 ${(0,f.Gg)("typography.definitions.discovery.hed-bulletin-
15486primary")} 15487 margin-bottom: ${(0,f.Kq)(1)}; 15488 } 15489 15490 ${A._n} { 15491 ${({shouldShowStackedRatingsCard:e})=>e&&(0,f.Gg)("typography.definitions.discovery.hed-bulletin-primary")} 15492 } 15493 } 15494 ${S} 15495 ${({shouldUseDenseMobileVariation:e,theme:t})=>e&&`\n && {\n .summary-list__items {\n ${(0,f.L7)(h.LO.md)} {\n display: flex;\n flex-direction: row;\n overflow-x: auto;\n padding: ${(0,f.Kq)(3)} 0;\n }\n }\n .summary-list__item {\n ${(0,f.L7)(h.LO.md)} {\n min-width: 75vw;\n margin: 0;\n margin-right: ${(0,f.Kq)(2)};\n border: none;\n border-right: 1px solid ${(0,f.HK)(t,"colors.discovery.body.white.border")};\n padding: 0;\n padding-right: ${(0,f.Kq)(2)};\n\n &:last-of-type {\n margin-right: 0;\n padding-right: 0;\n border-right: none;\n }\n }\n }}`} 15496 ${({isPartiallyCurated:e})=>e&&`\n .summary-list__item {\n grid-template-columns: 1fr;\n\n padding-top: ${(0,f.Kq)(2)};\n padding-bottom: ${(0,f.Kq)(2)};\n\n .summary-item__content.summary-item__content--no-rubric {\n padding-top: 0px;\n }\n\n &:first-of-type {\n border-top: none;\n padding-top: ${(0,f.Kq)(2.5)};\n ${(0,f.Xm)("0px",h.LO.md)} {\n padding-top: ${(0,f.Kq)(1)};\n }\n }\n\n &:last-of-type {\n ${(0,f.H4)(h.LO.lg)} {\n border-bottom: none;\n }\n }\n\n &:nth-child(4) {\n ${(0,f.Xm)(h.LO.md,h.LO.lg)} {\n border-bottom: none;\n }\n }\n\n &.summary-item--has-border {\n margin-bottom: 0;\n }\n\n &.summary-item--layout-placement-side-by-side {\n grid-column-gap: var(--grid-gap);\n }\n\n .summary-item__image-link {\n ${(0,f.Xm)("0px",`calc(${h.LO.lg} - 1px)`)}{\n display: none;\n }\n align-self: start;\n max-width: 75px;\n height: auto;\n }\n\n .summary-item__hed {\n ${(0,f.Gg)("typography.definitions.discovery.hed-bulletin-
15496primary")}\n margin-bottom: ${(0,f.Kq)(1)};\n }\n }\n\n ${(0,f.Xm)("768px",`calc(${h.LO.lg} - 1px)`)} {\n .summary-list__items {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n column-gap: ${(0,f.Kq)(2)};\n }\n }\n `} 15497 15498 ${({isPartiallyCurated:e})=>!e&&`.summary-list__items > div:nth-last-of-type(2) {\n margin-bottom: ${(0,f.Kq)(2)};\n @media (min-width: 0px) and (max-width: calc(${h.LO.lg} - 1px)) {\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }`} 15499 15500 ${({shouldShowStackedRatingsCard:e})=>e&&".summary-list__items > div:nth-last-of-type(2) {\n margin-bottom: 0;\n }"} 15501 15502 .summary-list__item--before-hidden { 15503 border-bottom: none; 15504 } 15505 15506 .summary-item--bundle { 15507 .summary-item__hed { 15508 margin-bottom: 0; 15509 } 15510 15511 .summary-item__dek { 15512 margin-top: ${(0,f.Kq)(.5)}; 15513 } 15514 } 15515 15516 ${({hasHed:e})=>!e&&`&& {\n .summary-list__item {\n &:first-of-type {\n ${(0,f.H4)(h.LO.lg)} {\n border-top: none;\n padding-top: 0;\n }\n }\n }\n }`} 15517 } 15518 15519 img { 15520 ${({hasRoundedBorder:e})=>e&&`\n border-radius: ${(0,f.Kq)(1)};\n `} 15521 } 15522`,P=g.DU` 15523 .summary-collage-eight-related-row--mobile-only-reorder-to-3 { 15524 @media (min-width: 0) and (max-width: calc(${h.LO.lg} - 1px)) { 15525 && { 15526 order: 2; 15527 margin-top: ${(0,f.Kq)(2)}; 15528 } 15529 } 15530 15531 ${v.CW} { 15532 margin-bottom: 0; 15533 } 15534 15535 ${v.F3} { 15536 margin-top: ${(0,f.Kq)(.5)}; 15537 } 15538 } 15539`;var R=n(53499),q=n(14307),M=n(72362),F=n(74644);const U=({className:e,configuredComponentRef:t,curatedSearchHed:n,dangerousCategoryTitle:o,dangerousDek:i,dangerousHed:a,hasBackground:s,hasConsistentSpacing:l=!1,hasRoundedBorder:m,hasUnderlineHed:u,hideBottomBorders:g=!1,hideRubricItemSummary:h=!1,hideSummaryListDeks:y=!1,hideVerticalBorders:b=!1,isPartiallyCurated:f=!1,isTitleFullWidth:w,items:$=[],recircRiver:v,rightColumnFeature:C,shouldEnableBookmarkDrawers:k,shouldEnableCardLevelBookmark:A,shouldEnableCommentsCount:x,shouldLimitSavingToContentTypes:E,sectionTitleVariation:S="TextLeft",shouldEnableBundleComponentAnalytics:K,shouldHideBylines:U=!1,shouldHideDangerousDek:V=!0,shouldHidePublishDate:G=!0,shouldShowRecipeBadge:W,shouldShowStackedRatingsCard:j=!1,shouldUseDekAsHed:z=!1,sumCollageFourItems:Y,sumListItems:X,summaryListHed:Z,summaryListSummaryItemVariation:J=null,summaryItemVariation:Q="SideBySideThirdsImageRight",shouldTrackSnowplowEvent:ee=!0,summarySectionTitleVariation:te="TextLeft",trackingNamespace:ne,variations:oe={shouldUseDenseMobileVariation:!1},variationName:ie})=>{d.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(R.G.RENDER,{name:"SummaryCollageEight",variation:ie})},[ie]);const ae=!(0,M.Zm)(),re=c.Ay[S],se=z?i:a,le=V?"":i,de=!!se,ce=Z||n,{shouldUseDenseMobileVariation:me}=oe,ue={type:"click",label:a,subject:"summary_collage_eight",subject_version:ae&&me?"mobile_dense":"default"},pe=(e,t,n,o,i,r,s)=>{ee&&(0,q.kg)({type:e,label:(0,F.Fi)(s??a),subject:"summary_collage_eight",items:[{content_title:t.dangerousHed,content_type:t.contentType,content_id:t.copilotID,content_url:new URL(t?.url,window.location.origin)}],index:n,total_index:i,placement:o,subject_version:me&&ae?r||"mobile_dense":"default"})},ge=()=>d.createElement(I,{isPartiallyCurated:f,isTitleFullWidth:w},d.createElement(L,{as:re,dangerousHed:(f||w)&&o?o:se,isTitleFullWidth:w,dangerousDek:le}));let he={};C&&(he={hasFeatured:!0,summaryItemFeatured:C});const ye=(()=>{const e=(f||w)&&Y?Y:$.slice(0,4);return ae&&me?e.slice(0,1):e})();return d.createElement(N,{ref:t,className:r()("summary-collage-eight",{"summary-collage--without-vertical-borders":b},e),isPartiallyCurated:f,hasBackground:s,hasConsistentSpacing:l},w&&d.createElement(H,{as:c.Ay.LineBelowTextCenter,dangerousHed:se,dangerousDek:le}),de&&!w&&ge(),d.createElement(B,{isPartiallyCurated:f,isTitleFullWidth:w,shouldUseDenseMobileVariation:me},f&&!w&&d.createElement(T,{as:re,dangerousHed:se,dangerousDek:le}),d.createElement(D,{items:ye,hasBorder:!g,placement:"secondary",hasUnderHeroItem:!0,hideLastFewSummaryImages:!1,hideSummaryListDeks:y,hideVerticalBorders:b,isPartiallyCurated:f,recircRiver:v,shouldEnableBundleComponentAnalytics:K,snowplowEvent:{...ue,total_index:1},shouldHideBylines:U,trackingNamespace:ne?.main,underHeroItemVariation:Q,hasRoundedBorder:m,shouldShowRecipeBadge:W,isTitleFullWidth:w,shouldShowStackedRatingsCard:j,shouldEnableBookmarkDrawers:k,shouldEnableCardLevelBookmark:A,shouldEnableCommentsCount:x,shouldLimitSavingToContentTypes:E,shouldUseDenseMobileVariation:me,shouldTrackSnowplowEvent:ee,impressionH
15539andler:pe}),ae&&me&&$.slice(1,3).map((e,t)=>d.createElement(p.A,{className:`mobile_dense_smart_item-${t}`,key:t,contributors:!U&&e.contributors,image:e.image,dangerousHed:e.dangerousHed,dangerousDek:!V&&e.dangerousDek,date:!G&&e.date,rubric:e.rubric,url:e.url,contentType:e.contentType,shouldHideIcon:!1,shouldTrackSnowplowEvent:ee,clickHandler:()=>(window.location=e.url,pe("click",e,t,"secondary",2)),impressionHandler:()=>pe("impression",e,t,"secondary",2)}))),d.createElement(O,{hasHed:de,isPartiallyCurated:f,isTitleFullWidth:w},de&&w&&o&&ge(),d.createElement(_,{...he,hasHed:de,dangerousHed:ce,hasUnderlineHed:u,hideBottomBorders:g,hideRubricItemSummary:h,shouldEnableBundleComponentAnalytics:K,shouldHideDangerousDek:!0,shouldHidePublishDate:G,shouldHoldImageSpace:!1,impressionHandler:pe,shouldTrackItemImpressionForSnowplow:ee,snowplowEvent:{...ue,subject_version:me&&ae?"mobile_dense-off_canvas":"default",total_index:5},totalItems:5,items:(f||w)&&X?X:$.slice(4),placement:"right_rail",isPartiallyCurated:f,sectionTitleVariation:te,summaryItemVariation:J||Q,recircRiver:v,shouldHideBylines:U,shouldShowStackedRatingsCard:j,shouldEnableBookmarkDrawers:k,shouldEnableCardLevelBookmark:A,shouldEnableCommentsCount:x,shouldLimitSavingToContentTypes:E,trackingNamespace:ne?.rightRail,hasRoundedBorder:m,shouldUseDenseMobileVariation:ae&&me})),d.createElement(P,null))};U.propTypes={configuredComponentRef:l().func,className:l().string,curatedSearchHed:l().string,dangerousCategoryTitle:l().string,dangerousDek:l().string,dangerousHed:l().string,hasBackground:l().bool,hasConsistentSpacing:l().bool,hasRoundedBorder:l().bool,hasUnderlineHed:l().bool,hideBottomBorders:l().bool,hideRubricItemSummary:l().bool,hideSummaryListDeks:l().bool,hideVerticalBorders:l().bool,isPartiallyCurated:l().bool,isTitleFullWidth:l().bool,items:l().arrayOf(l().shape(u.A.propTypes)),recircRiver:l().string,rightColumnFeature:l().shape({ctaUrl:l().string,header:l().string,ctaTextLabel:l().string,itemIndex:l().number,hideOnMobile:l().bool}),sectionTitleVariation:l().string,shouldEnableBookmarkDrawers:l().bool,shouldEnableBundleComponentAnalytics:l().bool,shouldEnableCardLevelBookmark:l().bool,shouldEnableCommentsCount:l().bool,shouldHideBylines:l().bool,shouldHideDangerousDek:l().bool,shouldHidePublishDate:l().bool,shouldLimitSavingToContentTypes:l().array,shouldShowRecipeBadge:l().bool,shouldShowStackedRatingsCard:l().bool,shouldTrackSnowplowEvent:l().bool,shouldUseDekAsHed:l().bool,sumCollageFourItems:l().object,sumListItems:l().object,summaryItemVariation:m.A.propTypes.summaryItemVariation,summaryListHed:l().string,summaryListSummaryItemVariation:l().string,summarySectionTitleVariation:l().string,trackingNamespace:l().object,variationName:l().string,variations:l().shape({shouldUseDenseMobileVariation:l().bool})},U.displayName="SummaryCollageEight";const V=U;V.DenseMobile=(0,i.y)(V,"DenseMobile",{shouldUseDenseMobileVariation:!0});const G=V,W=(0,o.y)(G,"SummaryCollageEight")},98338(e,t,n){n.d(t,{A:()=>tt});var o=n(13465),i=n(57744),a=n(5556),r=n.n(a),s=n(96540),l=n(94828),d=n(73347),c=n(38267),m=n(99906),u=n(96472),p=n(26865),g=n(16800),h=n(1123),y=n(40653),b=n(86659),f=n(68642),w=n(86157),$=n(53499),v=n(10642),C=n(18608);const k=c.Ay.div.withConfig({displayName:"FeatureRatingsCardWrapper"})``,A=(0,c.Ay)(C.sH).withConfig({displayName:"Link"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",linkStyle:"global",...e}))``,x=c.Ay.div.withConfig({displayName:"ImageWrapper"})` 15540 position: relative; 15541`,E=(0,c.Ay)(w.A).withConfig({displayName:"Image"})` 15542 img { 15543 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusMd")}; 15544 15545 ${(0,p.H4)(u.LO.md)} { 15546 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusLg")}; 15547 } 15548 } 15549 cursor: pointer; 15550`,S=(0,c.Ay)(C.vm).withConfig({displayName:"Label"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.brand.heading",typeIdentity:"typography.definitions.globalEditorial.tags",...e}))` 15551 position: absolute; 15552 top: ${(0,p.Kq)(1)}; 15553 left: ${(0,p.Kq)(1)}; 15554 margin: 0 ${(0,p.Kq)(1)} 0 0; 15555 border-radius: ${(0,p.Kq)(3)}; 15556 padding: ${(0,p.Kq)(.5)} ${(0,p.Kq)(1)}; 15557 15558 ${({theme:e})=>(0,p._o)(e,"background","colors.discovery.body.brand.background")}; 15559 15560 ${(0,p.H4)(u.LO.md)} { 15561 top: ${(0,p.Kq)(2)}; 15562 left: ${(0,p.Kq)(2)}; 15563 padding: ${(0,p.Kq)(1)} ${(0,p.Kq)(2)}; 15564 } 15565`,L=c.Ay.div.withConfig({displayName:"ContentWrapper"})` 15566 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusMd")}; 15567 padding: ${(0,p.Kq)(2)} ${(0,p.Kq)(1)} ${(0,p.Kq)(1)}; 15568 15569 ${(0,p.H4)(u.LO.md)} { 15570 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusLg")}; 15571 padding: ${(0,p.Kq)(2)} ${(0,p.Kq)(1)} 15572 ${(0,p.Kq)(1)}; 15573 } 15574 15575 ${(0,p.H4)(u.LO.lg)} { 15576 padding: ${(0,p.Kq)(3)} ${(0,p.Kq)(1)} 15577 ${(0,p.Kq)(1)}; 15578 } 15579`,T=c.Ay.div.withConfig({displayName:"Content"})` 15580 padding: 0 0 ${(0,p.Kq)(2)}; 15581`,N=c.Ay.div.withConfig({displayName:"Body"})``,H=(0,c.Ay)(C.vm).withConfig({displayName:"Hed"}).attrs(e=>({as:"h3",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-feature",...e}))` 15582 margin: 0 0 ${(0,p.Kq)(1)}; 15583 15584 ${(0,p.H4)(u.LO.md)} { 15585 margin: 0 0 ${(0,p.Kq)(2)}; 15586 } 15587`,I=(0,c.Ay)(C.vm).withConfig({displayName:"Dek"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.discovery.description-core",...e}))``,B=c.Ay.div.withConfig({displayName:"MetaData"})` 15588 display: flex; 15589 flex-direction: row; 15590 align-items: center; 15591 height: ${(0,p.Kq)(4)}; 15592`,O=(0,c.Ay)(C.vm).withConfig({displayName:"Rating"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.accreditation",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 15593 margin: 0 ${(0,p.Kq)(1)}; 15594`,K=(0,c.Ay)(C.vm).withConfig({displayName:"SourceTagNameWrapper"}).attrs(e=>({as:"div",colorToken:"colors.consumption.lead.standard.heading",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 15595 display: inline-block;
15596`,D=({analyticsDataAttribute:e,dangerousHed:t,dangerousDek:n,hedTag:o="h3",hideRubricItemSummary:i=!1,hideSourceTagName:a,image:r,imageLabels:l,rating:d,reviewsCount:c,rubric:m,shouldHoldImageSpace:u=!0,sourceTagName:p,url:g})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast($.G.RENDER,{name:"FeatureRatingsCard"})},[]);const h=r&&r.showImageWithoutLink,y=s.createElement(s.Fragment,null,s.createElement(E,{...r,shouldHoldImageSpace:u}),l&&l.length?l.map((e,t)=>s.createElement(S,{key:t.toString()},e)):null);return g&&t?s.createElement(k,{...e},r&&s.createElement(x,{onClick:()=>{h&&(window.location=g)}},h?y:s.createElement(A,{href:g},y)),s.createElement(L,null,s.createElement(T,null,s.createElement(N,null,!i&&m&&s.createElement(v.A,{name:m.name}),!a&&p&&s.createElement(K,null,"Â ",`| From ${p}`),s.createElement(A,{href:g},s.createElement(H,{as:o,dangerouslySetInnerHTML:{__html:t}})),s.createElement(I,{dangerouslySetInnerHTML:{__html:n}}))),d&&c?s.createElement(B,null,s.createElement(f.A,null),s.createElement(O,null,d," (",c,")")):null)):null};D.propTypes={analyticsDataAttribute:r().object,dangerousDek:r().string,dangerousHed:r().string.isRequired,hedTag:r().string,hideRubricItemSummary:r().bool,hideSourceTagName:r().bool,image:r().shape(w.A.propTypes),imageLabels:r().arrayOf(r().string),rating:r().number,reviewsCount:r().number,rubric:r().shape(v.A.propTypes),shouldHoldImageSpace:r().bool,sourceTagName:r().string,url:r().string.isRequired};const _=D;var P=n(3265);const R=c.Ay.div.withConfig({displayName:"SideBySideRatingsCardWrapper"})` 15597 display: flex; 15598 flex-direction: row; 15599`,q=(0,c.Ay)(C.sH).withConfig({displayName:"Link"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",linkStyle:"global",...e}))``,M=c.Ay.div.withConfig({displayName:"ImageWrapper"})` 15600 position: relative; 15601 width: 40%; 15602 15603 ${(0,p.H4)(u.LO.md)} { 15604 width: 50%; 15605 } 15606`,F=(0,c.Ay)(w.A).withConfig({displayName:"Image"})` 15607 img { 15608 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusSm")}; 15609 15610 ${(0,p.H4)(u.LO.md)} { 15611 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusMd")}; 15612 } 15613 15614 ${(0,p.H4)(u.LO.lg)} { 15615 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusLg")}; 15616 } 15617 } 15618 15619 cursor: pointer; 15620`,U=(0,c.Ay)(C.vm).withConfig({displayName:"Label"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.brand.heading",typeIdentity:"typography.definitions.globalEditorial.tags",...e}))` 15621 position: absolute; 15622 top: ${(0,p.Kq)(1)}; 15623 left: ${(0,p.Kq)(1)}; 15624 margin: 0 ${(0,p.Kq)(.5)} 0 0; 15625 border-radius: ${(0,p.Kq)(3)}; 15626 padding: ${(0,p.Kq)(.5)} ${(0,p.Kq)(1)}; 15627 15628 ${({theme:e})=>(0,p._o)(e,"background","colors.discovery.body.brand.background")}; 15629 15630 ${(0,p.H4)(u.LO.md)} { 15631 margin: 0 ${(0,p.Kq)(1)} 0 0; 15632 } 15633 15634 ${(0,p.H4)(u.LO.lg)} { 15635 top: ${(0,p.Kq)(2)}; 15636 left: ${(0,p.Kq)(2)}; 15637 padding: ${(0,p.Kq)(1)} ${(0,p.Kq)(2)}; 15638 } 15639`,V=c.Ay.div.withConfig({displayName:"ContentWrapper"})` 15640 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusSm")}; 15641 padding: 0 0 0 ${(0,p.Kq)(2)}; 15642 width: 60%; 15643 15644 ${(0,p.H4)(u.LO.md)} { 15645 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusMd")}; 15646 padding: 0 0 0 ${(0,p.Kq)(3)}; 15647 width: 50%; 15648 } 15649 15650 ${(0,p.H4)(u.LO.lg)} { 15651 border-radius: ${({theme:e})=>(0,p.Pp)(e,"cardRadiusLg")}; 15652 padding: 0 0 0 ${(0,p.Kq)(4)}; 15653 } 15654`,G=c.Ay.div.withConfig({displayName:"Content"})` 15655 ${({hasDekPaddingBottom:e,removePaddingOnMobileView:t})=>e?t?`\n ${(0,p.H4)(u.LO.md)} {\n padding: 0 0 ${(0,p.Kq)(2)};\n }\n `:`padding: 0 0 ${(0,p.Kq)(2)};`:"padding-bottom: 0;"} 15656`,W=c.Ay.div.withConfig({displayName:"Body"})``,j=(0,c.Ay)(C.vm).withConfig({displayName:"Hed"}).attrs(e=>({as:"h3",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.hed-core-secondary",...e}))` 15657 margin: 0 0 ${(0,p.Kq)(1)}; 15658`,z=(0,c.Ay)(C.vm).withConfig({displayName:"Dek"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.discovery.description-core",...e}))` 15659 ${({shouldHideDekOnMobileView:e})=>e&&`\n display: none;\n \n ${(0,p.H4)(u.LO.md)} {\n display: block;\n }\n `} 15660`,Y=c.Ay.div.withConfig({displayName:"MetaData"})` 15661 display: flex; 15662 flex-direction: row; 15663 align-items: center; 15664 height: ${(0,p.Kq)(4)}; 15665`,X=(0,c.Ay)(C.vm).withConfig({displayName:"Rating"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.accreditation",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 15666 margin: 0 ${(0,p.Kq)(1)}; 15667`,Z=(0,c.Ay)(C.vm).withConfig({displayName:"SideBySideRatingsSideBySideRatingsCardDate"}).attrs(e=>({as:"time",colorToken:"colors.discovery.body.white.context-tertiary",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...e}))` 15668 display: block; 15669 align-self: center; 15670 margin-top: ${(0,p.Kq)(1)}; 15671`,J=(0,c.Ay)(C.vm).withConfig({displayName:"SourceTagNameWrapper"}).attrs(e=>({as:"div",colorToken:"colors.consumption.lead.standard.heading",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 15672 display: inline-block; 15673`;var Q=n(33500),ee=n(68370),te=n(68116),ne=n(14207),oe=n(36211),ie=n(7228);const ae=(0,c.Ay)(b.A.WithMargins).withConfig({displayName:"SummaryCollageTwoColumnWrapper"})` 15674 padding: ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,g.F)(t,"gap-md")?"0":(0,p.Kq)(8)} 15675 0; 15676 15677 && { 15678 grid-row-gap: 0; 15679 } 15680 15681 > ${y.E} { 15682 grid-column: 1/-1; 15683 } 15684 15685 .summary-item.summary-item { 15686 margin-bottom: ${(0,p.Kq)(2)}; 15687 } 15688 15689 @media (max-width: ${m.Vh.lg}px) { 15690 .summary-item__content.summary-item__content { 15691 padding-bottom: 0; 15692 } 15693 } 15694 ${({hasPaddingTop:e})=>e?"":"padding-top: 0"} 15695`,re=c.Ay.div.withConfig({displayName:"OneColumnWrapper"})` 15696 margin-bottom: ${(0,p.Kq)(4)}; 15697 15698 @media (min-width: ${m.Vh.xl}px) { 15699 width: 100%; 15700 } 15701`,se=c.Ay.span.withConfig({displayName:"Title"})` 15702 margin-bottom: ${(0,p.Kq)(2)}; 15703`,le=c.Ay.div.withConfig({displayName:"StickyColumn"})` 15704 width: 100%; 15705 @media (max-width: ${m.VS.lg}px) { 15706 position: relative; 15707 } 15708 15709 ${({stickyPosition:e="top",layout:t="two-column",hasLimitedHeightStickyColumn:n=!1,isSummaryItemStickTopScreen:o=!1})=>"one-column"!==t&&"top"===e&&c.AH` 15710 @media (min-width: ${m.Vh.xl}px) { 15711 display: flex; 15712 position: sticky; 15713 max-height: 100vh; 15714 @media (max-height: 850px) { 15715 ${n&&"max-height: 100%;"} 15716 } 15717 margin-bottom: auto; 15718 top: ${o?(0,p.Kq)(8):0}; 15719 } 15720 `} 15721 15722 ${({layout:e=""})=>"one-column"!==e&&`\n @media (max-width: ${m.VS.lg}px) {\n width: 100vw;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n }\n `} 15723 15724 ${({layout:e="",hasPadding:t})=>"two-column"===e&&t&&`\n @media (max-width: ${m.VS.lg}px) {\n padding-left: ${(0,p.Kq)(3)};\n padding-right: ${(0,p.Kq)(3)};\n }\n `} 15725 15726 ${P.tm} { 15727 width: 100%; 15728 }
15729 ${te.Rp} { 15730 width: 100%; 15731 } 15732 ${P.ob} { 15733 height: auto; 15734 } 15735 15736 ${({isSummaryItemStickTopScreen:e,summaryItemContentHeight:t})=>e&&c.AH` 15737 ${ne.fh} { 15738 margin-right: auto; 15739 margin-left: auto; 15740 width: fit-content; 15741 ${ie.Em} { 15742 img { 15743 object-fit: contain; 15744 max-height: calc( 15745 100vh - ${(0,p.Kq)(8)} - ${t}px - 15746 ${(0,p.Kq)(2)} 15747 ); 15748 } 15749 } 15750 } 15751 ${te.Tr} { 15752 padding-top: ${(0,p.Kq)(4)}; 15753 ${oe.Y} { 15754 margin-bottom: ${(0,p.Kq)(1)}; 15755 } 15756 } 15757 `} 15758`,de=c.Ay.div.withConfig({displayName:"SummaryCollageOneColumnWrapper"})` 15759 --border-width: ${({theme:e})=>(0,p.Pp)(e,"borderWidth")}; 15760 ${({hasWrapperPadding:e})=>e?`\n padding: ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,g.F)(t,"gap-md")?"0":(0,p.Kq)(4)}; 0;\n\n ${(0,p.H4)(u.LO.md)} {\n padding: ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,g.F)(t,"gap-md")?"0":(0,p.Kq)(8)}; 0;\n }\n `:"padding: 0;"} 15761 15762 ${({hasBackground:e})=>e&&c.AH` 15763 background-color: ${(0,p.HK)("colors.discovery.body.light.background")}; 15764 `} 15765 15766 ${({showOneColumnReverse:e,breakpoint:t})=>e&&c.AH` 15767 padding: 0; 15768 ${Q.QW} { 15769 border-top: var(--border-width, 1px) solid 15770 ${(0,p.HK)("colors.discovery.body.white.accent")}; 15771 border-bottom: var(--border-width, 1px) solid 15772 ${(0,p.HK)("colors.discovery.body.white.accent")}; 15773 } 15774 ${R} { 15775 flex-direction: row-reverse; 15776 } 15777 ${V} { 15778 flex-grow: 1; 15779 padding-right: ${(0,p.Kq)(4)}; 15780 padding-left: 0; 15781 ${ee.N} { 15782 -webkit-line-clamp: unset; 15783 } 15784 } 15785 15786 ${re} { 15787 margin-bottom: ${(0,p.Kq)(2)}; 15788 border-bottom: var(--border-width, 1px) solid 15789 ${(0,p.HK)("colors.discovery.body.white.border")}; 15790 padding-bottom: ${(0,p.Kq)(2)}; 15791 15792 &:last-child { 15793 border-bottom: 0; 15794 } 15795 ${(0,p.L7)(`${m.VS[t]}px`)} { 15796 margin-top: ${(0,p.Kq)(1)}; 15797 } 15798 } 15799 15800 ${le} { 15801 ${te.Rp} { 15802 ${(0,p.L7)(`${m.VS[t]}px`)} { 15803 border-bottom: var(--border-width, 1px) solid 15804 ${(0,p.HK)("colors.discovery.body.white.border")}; 15805 padding-bottom: ${(0,p.Kq)(3)}; 15806 } 15807 } 15808 } 15809 15810 ${te.Rp} { 15811 ${te.Tr} { 15812 padding-bottom: 0; 15813 } 15814 15815 ${(0,p.L7)(`${m.VS[t]}px`)} { 15816 border: none; 15817 padding-bottom: 0; 15818 15819 ${te.IB} { 15820 text-align: left; 15821 } 15822 } 15823 } 15824 15825 ${se} { 15826 border-top-color: ${(0,p.HK)("colors.discovery.body.white.accent")}; 15827 border-bottom-color: ${(0,p.HK)("colors.discovery.body.white.accent")}; 15828 ${(0,p.L7)(`${m.VS.lg}px`)} { 15829 margin-bottom: ${(0,p.Kq)(3)}; 15830 } 15831 } 15832 `} 15833`,ce=(0,c.Ay)(b.A.EvenAny).withConfig({displayName:"Wrapper"})` 15834 && { 15835 grid-auto-flow: row; 15836 15837 @media (min-width: ${m.Vh.xl}px) { 15838 grid-auto-flow: column; 15839 grid-template-columns: minmax(0, 1fr) 50%; 15840 } 15841 } 15842`,me=(0,c.Ay)(b.A.WithMargins).withConfig({displayName:"GridWithMargins"})` 15843 grid-column: 1/-1; 15844 15845 ${({stickyPosition:e,layout:t,isSummaryItemStickTopScreen:n})=>"one-column"===t&&"bottom"===e&&c.AH` 15846 @media (min-width: ${m.Vh.xl}px) and (orientation: portrait) { 15847 & > div:nth-child(1) { 15848 display: flex; 15849 position: sticky; 15850 top: 0; 15851 margin-bottom: auto; 15852 } 15853 } 15854 @media (min-width: ${m.Vh.xl}px) and (orientation: landscape) { 15855 & > div:nth-child(1) { 15856 display: flex; 15857 position: sticky; 15858 @media (max-height: 1099px) { 15859 bottom: 0; 15860 margin-top: auto; 15861 } 15862 @media (min-height: 1100px) { 15863 top: ${n?(0,p.Kq)(8):0}; 15864 margin-bottom: auto; 15865 } 15866 } 15867 } 15868 `} 15869 15870 ${({hasDangerousHed:e})=>e&&"&& {\n margin-top: var(--grid-gap);\n }\n "}; 15871 15872 ${({breakpoint:e})=>`&&& {\n grid-auto-flow: row;\n \n @media (max-width: ${m.VS[e]}px) {\n grid-template-columns: 1fr;\n }\n \n @media (min-width: ${m.VS[e]+1}px) {\n grid-auto-flow: column;\n grid-template-columns: minmax(0, 1fr) 50%;\n }\n }\n `} 15873`,ue=c.Ay.div.withConfig({displayName:"SummaryCollageFiftyFiftyTitleWrapper"})` 15874 ${(0,h.VO)()} 15875 margin: 0 auto; 15876 ${(0,h.aU)("padding")} 15877 max-width: ${u.LO.xxl}; 15878`,pe=(0,c.Ay)(b.A.EvenAny).withConfig({displayName:"SecondaryColumnWrapper"})` 15879 width: 100%; 15880 15881 && { 15882 ${({hasTopSpacing:e})=>e&&`\n margin-top: ${(0,p.Kq)(4)};\n `} 15883 } 15884 15885 > ${y.E} { 15886 grid-gap: ${(0,p.Kq)(2)}; 15887 grid-auto-flow: row; 15888 } 15889 15890 @media (min-width: ${m.Vh.lg}px) { 15891 width: 80%; 15892 } 15893 15894 @media (min-width: ${m.Vh.xl}px) { 15895 width: 100%; 15896 } 15897`,ge=c.Ay.div.withConfig({displayName:"Column"})` 15898 margin-bottom: auto; 15899`,he=(0,c.Ay)(ge).withConfig({displayName:"Container"})` 15900 display: none; 15901 15902 ${({isLastElement:e,breakpoint:t})=>!e&&`\n @media (max-width: ${m.VS[t]}px) {\n display: block;\n }\n\n @media (max-width: ${m.VS.md}px) {\n ${pe} {\n row-gap: 0;\n }\n }\n `} 15903 15904 ${({isLastElement:e,breakpoint:t})=>e&&`\n @media (min-width: ${m.VS[t]+1}px) {\n display: block;\n }\n `} 15905`,ye=c.Ay.div.withConfig({displayName:"AdWrapper"})` 15906 max-width: 100%; 15907 15908 @media (min-width: ${m.Vh.xl}px) { 15909 margin-bottom: ${(0,p.Kq)(5)}; 15910 } 15911 15912 ${({isHidden:e})=>e&&"\n height: 0;\n padding: 0;\n margin: 0;\n visibility: hidden;\n "} 15913`;ge.displayName="Column";const be=(0,c.Ay)(({featuredSummaryItemVariation:e,contentType:t,...n})=>{const o={recipe:_,review:l.A[e],article:l.A[e],gallery:l.A[e]}[t]||l.A[e];
15913return s.createElement(o,{...n,contentType:t})}).withConfig({displayName:"FeaturedSummaryItem"})` 15914 ${P.VF} { 15915 ${(0,p.Gg)("typography.definitions.discovery.hed-break-out")} 15916 } 15917 15918 ${({hasMorePadding:e})=>e&&`\n @media (min-width: ${u.LO.lg}) {\n padding: 0 ${(0,p.Kq)(5)};\n }\n\n @media (min-width: ${u.LO.xl}) {\n padding: 0 ${(0,p.Kq)(10)};\n }\n \n @media (min-width: ${u.LO.xxl}) {\n padding: 0 ${(0,p.Kq)(15)};\n }\n `}; 15919`,fe=c.Ay.div.withConfig({displayName:"ShowMoreButtonWrapper"})` 15920 display: grid; 15921 max-width: fit-content; 15922 place-items: center; 15923 ${({hasShowMoreButtonBottomMargin:e})=>(e=>{const t=e?8:0;return`\n margin: ${(0,p.Kq)(4)} auto ${(0,p.Kq)(t)};\n @media (min-width: ${u.LO.lg}) {\n margin: ${(0,p.Kq)(3)} auto ${(0,p.Kq)(t)};\n }\n `})(e)} 15924`;var we=n(22482);const $e="large",ve="small",Ce="medium",ke="x-small",Ae="x-large",xe="none";var Ee=n(58156),Se=n.n(Ee),Le=n(38080),Te=n(3247),Ne=n(90090),He=n(6528);const Ie=c.Ay.div.withConfig({displayName:"TwoColumnsWithHorizontalAdMosaicWrapper"})` 15925 margin-bottom: ${(0,p.Kq)(2)}; 15926 ${He.HV} 15927`,Be=(e,t,n)=>{n%2==0?t.leftColumn.push(e):t.rightColumn.push(e)},Oe=({Ad:e,breakpoint:t,adPosition:n,componentConfig:o,hasCollapsedAd:i,items:a,shouldEnableBundleComponentAnalytics:r,trackingNamespace:d,variation:c,mosaicPosition:m})=>{const{horizontalPosition:u}=m||{},p=l.A[c],g={leftColumn:[],rightColumn:[]},h={leftColumn:[],rightColumn:[]},[y,,b]=(0,Te.qe)("mid-content-ad"),[f,,w]=(0,Te.qe)("moasic-ad"),$=Se()(o,"SummaryItem.settings.hasBorderOnMobileAndTabletOnly",!1),v=s.createElement(Ie,{hasMobileOnlyBorder:$,key:`two-columns-vertical-native-ad-${a.length+1}`},s.createElement(ye,{isHidden:!f},s.createElement(Le.Z,{group:"ads"},s.createElement(e,{position:"mosaic",onFilled:w}))));let C=u;u>a.length&&(C=a.length);return a.forEach((e,t)=>{const n=(0,Ne.NY)(r,d,t),o=s.createElement(p,{...e,analyticsDataAttribute:n,key:`two-columns-horizontal-element-${t+1}`,className:`summary-collage-fifty-fifty-item-${t+1}`,hedTag:"h3"});Be(o,t<4?g:h,t),(e=>{if(e===C-1){const t=e<4?g:h;let n;n=e<4?C%2==0?t.rightColumn:t.leftColumn:C%2==0?t.leftColumn:t.rightColumn,n.push(v)}})(t)}),s.createElement(he,{breakpoint:t},s.createElement(pe,null,Object.values(g).map((e,t)=>s.createElement(ge,{key:`two-columns-horizontal-first-column-${t+1}`},[...e]))),s.createElement(ye,{isHidden:i??!y},s.createElement(Le.Z,{group:"ads"},s.createElement(e,{position:n||"mid-content",onFilled:b,shouldDisplayLabel:!0}))),(k=h,Object.values(k).some(e=>e?.length)&&s.createElement(pe,{hasTopSpacing:!0},Object.values(h).map((e,t)=>s.createElement(ge,{key:`two-columns-horizontal-second-column-${t+1}`},[...e])))));var k};Oe.displayName="TwoColumnsWithHorizontalAd",Oe.propTypes={Ad:r().func,adPosition:r().string,breakpoint:r().string,componentConfig:r().object,hasCollapsedAd:r().bool,items:r().array,mosaicPosition:r().object,shouldEnableBundleComponentAnalytics:r().bool,trackingNamespace:r().str
15927ing,variation:r().string};const Ke=(0,i.M3)(Oe,{keysToPluck:["componentConfig"]}),De=({Ad:e,breakpoint:t,hasCollapsedAd:n,items:o,isLastElement:i,trackingNamespace:a,shouldEnableBundleComponentAnalytics:r,variation:d,mosaicPosition:c})=>{const{verticalPosition:m}=c||{},u=l.A[d],[p,,g]=(0,Te.qe)("rail-ad"),[h,,y]=(0,Te.qe)("moasic-ad"),b={leftColumn:[],rightColumn:[]};let f=m;m&&m>o.length&&(f=o.length);return o.forEach((t,o)=>{const i=o+2,l=(0,Ne.NY)(r,a,o);let d=[];const c=b.leftColumn.length;let m=b.rightColumn.length;var w;i>3&&n&&(m-=1),d=c<=m?b.leftColumn:b.rightColumn,d.push(s.createElement(u,{...t,analyticsDataAttribute:l,key:`two-columns-vertical-element-${o+1}`,className:`summary-collage-fifty-fifty-item-${o+1}`,position:i,hedTag:"h3"})),3===i&&b.rightColumn.push(s.createElement(ye,{isHidden:n??!p,key:`two-columns-vertical-rail-ad-${o+1}`},s.createElement(Le.Z,{group:"ads"},s.createElement(e,{position:"rail",onFilled:g})))),f&&o===f-1&&d.push((w=o+1,s.createElement(ye,{isHidden:n??!h,key:`two-columns-vertical-native-ad-${w}`},s.createElement(Le.Z,{group:"ads"},s.createElement(e,{position:"mosaic",onFilled:y})))))}),s.createElement(he,{breakpoint:t,isLastElement:i},s.createElement(pe,null,Object.values(b).map((e,t)=>s.createElement(ge,{key:`two-columns-vertical-column-${t+1}`},[...e]))))};De.displayName="TwoColumnsWithVerticalAd",De.propTypes={Ad:r().func,breakpoint:r().string,hasCollapsedAd:r().bool,hasTagLabel:r().bool,isLastElement:r().bool,items:r().array,mosaicPosition:r().object,shouldEnableBundleComponentAnalytics:r().bool,trackingNamespace:r().str
15927ing,variation:r().string};const _e=De,Pe={[$e]:_e,[Ce]:Ke,[ve]:Ke,[ke]:Ke,[Ae]:_e,[xe]:_e},Re={[$e]:{isLastElement:!0},[Ce]:{isLastElement:!1},[ve]:{isLastElement:!1},[ke]:{isLastElement:!1},[Ae]:{isLastElement:!0},[xe]:{isLastElement:!0}};var qe=n(48286),Me=n(77818),Fe=n(96774);const Ue=({analyticsDataAttribute:e,contentType:t,dangerousHed:n,dangerousDek:o,date:i,hedTag:a="h3",image:r,imageLabels:l,isAudioArticle:d=!1,issueDate:c,rating:u,hasDekPaddingBottom:p=!0,hideIssueDate:g=!0,hideRubricItemSummary:h=!1,hideSourceTagName:y,reviewsCount:b,rubric:w,shouldHideDekOnMobileView:C=!1,shouldHidePublishDate:k=!0,shouldHoldImageSpace:A=!0,sourceTagName:x,url:E})=>{if(s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast($.G.RENDER,{name:"SideBySideRatingsCard"})},[]),!E||!n)return null;const{medium:S}=m.th,L=C,T=r&&r.showImageWithoutLink,N=s.createElement(s.Fragment,null,s.createElement(F,{...r,shouldHoldImageSpace:A}),l&&l.length?l.map((e,t)=>s.createElement(U,{key:t.toString()},e)):null);return s.createElement(R,{...e},r&&s.createElement(M,{onClick:()=>{T&&(window.location=E)}},T?N:s.createElement(q,{href:E},N),d&&s.createElement(ne.dl,null,s.createElement(Me.A,null)),"gallery"===t&&s.createElement(ne.Ce,{ButtonIcon:()=>s.createElement(Fe.A,null),inputKind:"text",isIconButton:!0,label:"icon",position:"left"})),s.createElement(V,null,s.createElement(G,{removePaddingOnMobileView:L,hasDekPaddingBottom:p},s.createElement(W,null,!h&&w&&s.createElement(v.A,{name:w.name}),!y&&x&&s.createElement(J,null,"Â ",`| From ${x}`),s.createElement(q,{href:E},s.createElement(j,{as:a,dangerouslySetInnerHTML:{__html:n}})),s.createElement(qe.A,{lines:2,breakpoint:S},s.createElement(z,{dangerouslySetInnerHTML:{__html:o},shouldHideDekOnMobileView:C})),((e,t,n,o)=>{let i="";return!n&&o?i=o:!e&&t&&(i=t),i&&s.createElement(Z,{dangerouslySetInnerHTML:{__html:i}})})(k,i,g,c))),u&&b?s.createElement(Y,null,s.createElement(f.A,null),s.createElement(X,null,u," (",b,")")):null))};Ue.propTypes={analyticsDataAttribute:r().object,contentType:r().string,dangerousDek:r().string,dangerousHed:r().string.isRequired,date:r().string,hasDekPaddingBottom:r().bool,hedTag:r().string,hideIssueDate:r().bool,hideRubricItemSummary:r().bool,hideSourceTagName:r().bool,image:r().shape(w.A.propTypes),imageLabels:r().arrayOf(r().string),isAudioArticle:r().bool,issueDate:r().string,rating:r().number,reviewsCount:r().number,rubric:r().shape(v.A.propTypes),shouldHideDekOnMobileView:r().bool,shouldHidePublishDate:r().bool,shouldHoldImageSpace:r().bool,sourceTagName:r().string,url:r().string.isRequired};const Ve=Ue;var Ge=n(14307);const We=new Set,je=(e,t,n,o,i,a=0,r=1,s="hero")=>{if(!o)return;const l=`${t.copilotID||t.url}-${e}`;if(We.has(l))return;We.add(l);const d={type:e,label:n,subject:"summary_collage_fifty_fifty",items:[{content_title:(c=t.dangerousHed,c?c.replace(/<\/?[^>]+(>|$)/g,""):""),content_id:t.copilotID,content_type:t.contentType,content_url:new URL(t.url,window.location.origin)}],...(0,Ge.Cu)(t.url)&&{strategy:(0,Ge.Cu)(t.url)},placement:s,index:a,total_index:r,subject_version:i?"mobile_dense":"default"};var c;(0,Ge.kg)(d)},ze=({breakpoint:e,columnItemLimit:t,columnItemType:n,columnSummaryItemVariation:o,commentAttributes:i,hasRule:a,hideIssueDate:r,items:d,isLastElement:c,hasDekPaddingBottom:m,hideRubricItemSummary:u,hideSourceTagName:p,trackingNamespace:g,shouldEnableBundleComponentAnalytics:h,shouldHideDekOnMobileView:y,shouldHidePublishDate:b,imageAlignment:f,shouldTrackItemEvents:w=!1,dangerousHed:$,isMobile:v,user:C})=>{const k=d.slice(0,t),A="SummaryItem"===n?l.A[o]:Ve,x={leftColumn:[]},E=(e,t)=>()=>{je("click",e,$,w,v,t,d.length,"secondary")},S=(e,t)=>()=>{je("impression",e,$,w,v,t,d.length,"secondary")};return k.forEach((e,n)=>{const o=n+2,l=(0,Ne.NY)(h,g,n,!1);x.leftColumn.push(s.createElement(re,{key:n,"data-slot":`${n+2}`},s.createElement(A,{...e,itemIndex:n,analyticsDataAttribute:l,key:`one-column-vertical-element-${n+1}`,className:`summary-collage-fifty-fifty-item-${n+1}`,commentAttributes:i,hasBorder:!(n+1===t),hasRule:a,hideIssueDate:r,position:o,hedTag:"h3",hasDekPaddingBottom:m,shouldHoldImageSpace:!0,shouldHideDekOnMobileView:y,shouldHidePublishDate:b,imageAlignment:f,hideRubricItemSummary:u,hideSourceTagName:p,shouldTrackItemEvents:w,impressionH
15927andler:S(e,n),clickItem:E(e,n),user:C})))}),s.createElement(he,{breakpoint:e,isLastElement:c},s.createElement(pe,null,Object.values(x).map((e,t)=>s.createElement(ge,{key:`one-columns-vertical-column-${t+1}`},[...e]))))};ze.displayName="OneColumn",ze.propTypes={breakpoint:r().string,columnItemLimit:r().number,columnItemType:r().string,columnSummaryItemVariation:r().string,commentAttributes:r().object,dangerousHed:r().string,hasDekPaddingBottom:r().bool,hasRule:r().bool,hideIssueDate:r().bool,hideRubricItemSummary:r().bool,hideSourceTagName:r().bool,imageAlignment:r().string,isLastElement:r().bool,isMobile:r().bool,items:r().array,shouldEnableBundleComponentAnalytics:r().bool,shouldHideDekOnMobileView:r().bool,shouldHidePublishDate:r().bool,shouldTrackItemEvents:r().bool,trackingNamespace:r().string,user:r().object,variation:r().string};const Ye=ze;var Xe=n(89957),Ze=n(88456);const Je=({Ad:e,breakpoint:t="lg",columnItemLimit:n=3,columnItemType:o="RatingsCard",columnSummaryItemVariation:i="SideBySideThirdsImageRight",commentAttributes:a={},configuredComponentRef:r,customButtonText:l="See More",dangerousHed:c,dangerousDek:m,featuredItemHedTag:u,featuredSummaryItemVariation:p="OverlayCenterLimitedHeight",hasBackground:g=!1,hasBorder:h=!1,hasCollapsedAd:y,hasConsistentSpacing:b,hasPadding:f,hasPaddingTop:w=!0,hasFeaturedItemMorePadding:$,hasFetauredItemStickyColumnPadding:v=!1,hasLimitedHeightStickyColumn:k=!1,hasRule:A=!1,hasWrapperPadding:x=!0,hideIssueDate:E=!0,hideRubricItemSummary:S=!1,hideSourceTagName:L,hasShowMoreButtonBottomMargin:T=!0,hasRuleColumnItem:N=!1,items:H,layout:I="two-column",mobileColumnItemType:B,mobileColumnSummaryItemVariation:O,mobImageAlignment:K="default",mosaicPosition:D={},hasDekPaddingBottom:_=!0,sectionTitleVariation:P="LineAboveLineBelowTextCenter",shouldHideDekOnMobileView:R=!1,shouldHideItemCount:q=!1,shouldEnableBundleComponentAnalytics:M=!1,shouldHidePublishDate:F=!0,showOneColumnReverse:U=!1,hasShowMoreButton:V=!1,showMoreBtnStyle:G="outlined",showMoreButtonURL:W="",showMoreButtonVariation:j="Utility",stickyPosition:z="top",summaryItemStickTopThreshold:Y,summaryItemVariation:X="TextBelowDesktopOnlyThirds",trackingNamespace:Z,shouldTrackItemEvents:J=!1,user:Q={}})=>{const[ee,te]=s.useState(xe),[ne,oe]=s.useState(!1),[ie,re]=s.useState(0),se=s.useRef(null),pe=Ze.A[j],[ge,he]=((e,t)=>{const n=s.useMemo(()=>Pe[e],[e]),o=s.useMemo(()=>Re[e],[e]);return s.useEffect(()=>{const e=()=>{window.innerWidth>=1024?t($e):window.innerWidth<1024&&window.innerWidth>=768?t(Ce):t(ve)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t]),[n,o]})(ee,te),ye=s.useCallback(()=>()=>{if(window){const e=window.matchMedia(`(min-width: ${Y}px)`);return Boolean(e?.matches)}return!1},[Y]),[ke,Ae]=s.useState(!1);if((0,Xe.wY)(()=>Y&&oe(ye())),s.useEffect(()=>{Y&&oe(ye())},[Y,oe,ye]),s.useEffect(()=>{if(!se.current)return;const e=se.current.querySelector(".summary-item__content");if(e){if("function"==typeof ResizeObserver){const t=new ResizeObserver(()=>{re(e?.offsetHeight||0)});return t.observe(e),()=>{t.disconnect()}}re(e?.offsetHeight||0)}},[se]),s.useEffect(()=>{const e=()=>{window.innerWidth<1024?Ae(!0):Ae(!1)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),!((e=[])=>e.length>=4&&e.length<=7)(H))return null;const Ee=d.Ay[P],[Se,...Le]=H,Te=Z?.hero||c,He=Z?.aside||c,Ie=(0,Ne.NY)(M,Te,Z?.hero?"":0),Be="one-column"===I?de:ae,Oe="one-column"===I?me:ce,Ke=ne?"two-column":I,De=ne?"top":z,_e={columnItemLimit:n,columnItemType:o,columnSummaryItemVariation:i,commentAttributes:a,hasRule:N,layout:I,items:Le,shouldEnableBundleComponentAnalytics:M,trackingNamespace:He,breakpoint:t,hasBackground:g,hasCollapsedAd:y,hideIssueDate:E,isLastElement:!0,hasDekPaddingBottom:_,shouldHoldImageSpace:!0,shouldHidePublishDate:F,hideRubricItemSummary:S,hideSourceTagName:L,user:Q};return ke&&(_e.columnItemType=B||o,_e.columnSummaryItemVariation=O||i,_e.shouldHideDekOnMobileView=R,_e.imageAlignment=K,_e.isLastElement=!1),Se&&u&&(Se.hedTag=u),s.createElement(Be,{ref:r,hasBackgroun
15927d:g,hasPaddingTop:w,hasWrapperPadding:x,showOneColumnReverse:U,breakpoint:t,hasConsistentSpacing:b},c&&("one-column"===I?s.createElement(ue,null,s.createElement(we.aW,{hasPadding:f,as:Ee,dangerousHed:c,dangerousDek:m})):s.createElement(we.aW,{hasPadding:f,as:Ee,dangerousHed:c,dangerousDek:m})),s.createElement(Oe,{hasDangerousHed:Boolean(c),layout:Ke,stickyPosition:De,breakpoint:t,isSummaryItemStickTopScreen:ne},s.createElement(le,{ref:se,layout:Ke,stickyPosition:De,hasPadding:v,hasLimitedHeightStickyColumn:k,isSummaryItemStickTopScreen:ne,summaryItemContentHeight:ie},s.createElement(be,{...Se,className:"summary-collage-fifty-fifty-item-0",hasBorderOnMobileAndTabletOnly:!0,analyticsDataAttribute:Ie,commentAttributes:a,featuredSummaryItemVariation:p,hasBorder:h,hasMorePadding:$,hasRule:A,hideIssueDate:E,hideRubricItemSummary:S,hideSourceTagName:L,shouldHideItemCount:q,shouldHidePublishDate:F,shouldHoldImageSpace:!0,shouldUseMediumBreakpoint:!0,shouldHandleOverlayForLongHed:!0,impressionHandler:(qe=Se,()=>{je("impression",qe,c,J,ke,qe.itemIndex,1,"hero")}),clickItem:(e=>()=>{je("click",e,c,J,ke,e.itemIndex,1,"hero")})(Se),shouldTrackItemEvents:J,user:Q})),s.createElement(C.c7,null,"one-column"===I?s.createElement(Ye,{..._e,shouldTrackItemEvents:J,dangerousHed:c,isMobile:ke}):s.createElement(ge,{layout:I,items:Le,shouldEnableBundleComponentAnalytics:M,trackingNamespace:He,variation:X,breakpoint:t,Ad:e,mosaicPosition:D,hasCollapsedAd:y,...he}))),V&&s.createElement(fe,{hasShowMoreButtonBottomMargin:T},s.createElement(pe,{btnStyle:G,label:l,ariaLabel:l,href:W,inputKind:"link"})));var qe};Je.propTypes={configuredComponentRef:r().func,Ad:r().func,breakpoint:r().oneOf(m.LR),columnItemLimit:r().number,columnItemType:r().string,columnSummaryItemVariation:r().string,commentAttributes:r().object,customButtonText:r().string,dangerousDek:r().string,dangerousHed:r().string,featuredItemHedTag:r().oneOf(["h2","h3"]),featuredSummaryItemVariation:r().string,hasBackground:r().bool,hasBorder:r().bool,hasCollapsedAd:r().bool,hasConsistentSpacing:r().bool,hasDekPaddingBottom:r().bool,hasFeaturedItemMorePadding:r().bool,hasFetauredItemStickyColumnPadding:r().bool,hasLimitedHeightStickyColumn:r().bool,hasPadding:r().bool,hasPaddingTop:r().bool,hasRule:r().bool,hasRuleColumnItem:r().bool,hasShowMoreButton:r().bool,hasShowMoreButtonBottomMargin:r().bool,hasWrapperPadding:r().bool,hideIssueDate:r().bool,hideRubricItemSummary:r().bool,hideSourceTagName:r().bool,items:r().arrayOf(r().shape(l.A.propTypes)).isRequired,layout:r().oneOf(["one-column","two-column"]),mobileColumnItemType:r().string,mobileColumnSummaryItemVariation:r().string,mobImageAlignment:r().oneOf(["top","default","bottom"]),mosaicPosition:r().object,sectionTitleVariation:r().string,shouldEnableBundleComponentAnalytics:r().bool,shouldHideDekOnMobileView:r().bool,shouldHideItemCount:r().bool,shouldHidePublishDate:r().bool,shouldTrackItemEvents:r().bool,showMoreBtnStyle:r().oneOf(["filled","outlined","text"]),showMoreButtonURL:r().string,showMoreButtonVariation:r().oneOf(["Primary","Utility","UtilityInverted"]),showOneColumnReverse:r().bool,stickyPosition:r().oneOf(["top","bottom"]),summaryItemStickTopThreshold:r().number,summaryItemVariation:r().string,trackingNamespace:r().object,user:r().object},Je.displayName="SummaryCollageFiftyFifty";const Qe=Je,et=(0,i.M3)(Qe,{keysToPluck:["commentAttributes","user"]}),tt=(0,o.y)(et,"SummaryCollageFiftyFifty")},85127(e,t,n){n.d(t,{A:()=>v});var o=n(13465),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(88055),c=n.n(d),m=n(22539),u=n(94828),p=n(90090),g=n(53499),h=n(59867);const y=(e,t="")=>{try{return t?new URL(e,t).href:e}catch(t){return e}};var b=n(99337),f=n(57642);const w=({className:e,commentAttributes:t,configuredComponentRef:n,dangerousHed:o,shouldEnableSubItems:i=!1,hasBordersForFirstAndLastItem:r=!1,hasRoundedBorder:s,hasTitleBorder:d=!0,hasUnderHeroItem:w=!1,hideBottomBorders:$=!1,impressionHandler:v,hideRubricItemSummary:C=!1,hideLastFewSummaryImages:k=!0,hideSummaryListDeks:A=!0,hideSummaryMainItemDeks:x=!1,hideVerticalBorders:E=!1,isMainSummaryItemSticky:S=!1,items:L,placement:T,recircRiver:N,shouldEnableBundleComponentAnalytics:H,shouldEnableBookmarkDrawers:I,shouldEnableCardLevelBookmark:B,shouldEnableCommentsCount:O,shouldHideBylines:K=!1,shouldHidePublishDate:D=!0,shouldLimitSavingToContentTypes:_,shouldShowRecipeBadge:P,shouldUseHedCoreSecondaryToken:R=!1,shouldTrackSnowplowEvent:q=!1,sectionTitleVariation:M="TextLeft",shouldShowStackedRatingsCard:F=!1,snowplowEvent:U,summaryItemVariation:V="TextBelowLeft",trackingNamespace:G,user:W,hasCoverCollage:j,underHeroItemVariation:z="TextBelowLeft",isTitleFullWidth:Y,windowLocation:X=""})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(g.G.RENDER,{name:"SummaryCollageFour"})},[]);const[Z,J]=(0,l.useState)(0),Q=(0,l.useRef)(null),ee=()=>{let e=document.querySelector(".site-navigation").offsetHeight;e/=8,J(e)};(0,l.useEffect)(()=>
15927{if(S)return Q.current=window.Kendra.WINDOW_EVENT.on(h.m.SCROLL_THROTTLE,ee),()=>{Q.current&&Q.current.off()}});const te=c()(L),ne=k?te.map((e,t)=>(t>1&&e.image&&!j&&(e.image=null),j&&0===t&&(e.rubricVariation="Inverted",e.shouldHideEventDate=!1,e.metadataPrimary=""),e)):te,oe="recipe"===ne[0]?.contentType,ie=w?3:void 0,ae=(0,p.NY)(H,G?.hero||o),re=(0,p.NY)(H,G?.under||o),se=j?u.A.OverlayCenter:u.A[V],le=((e,t,n,o,i,a)=>e?{hideRubric:!1,ratingMethod:"starRating",sectionTitle:t,shouldEnableBookmarkDrawers:n,shouldEnableCardLevelBookmark:o,shouldEnableCommentsCount:i,shouldLimitSavingToContentTypes:a}:{})(F,o,I,B,O,_);return l.createElement(b.vg,{ref:n,className:a()("summary-collage-four",e,{"summary-collage--without-vertical-borders":E}),hasTitleBorder:d,hasCoverCollage:j},(e=>{const{modifiedItems:t,hasCoverCollage:n,shouldShowStackedRatingsCard:o,summaryItemVariationForFirstElement:i,analyticsDataAttributeHero:a,headerHeight:r,hideRubricItemSummary:s,isMainSummaryItemSticky:d,recircRiver:c,shouldHideBylines:m,hideSummaryMainItemDeks:u,shouldHidePublishDate:p,hasBordersForFirstAndLastItem:g,shouldLimitSavingToContentTypes:h,snowplowEvent:w,windowLocation:$,commentAttributes:v,user:C,stackedRatingsCardProps:k,hasRoundedBorder:A,isTitleFullWidth:x,shouldTrackSnowplowEvent:E,impressionHandler:S}=e,L=w&&t[0]?{...w,items:[{content_title:t[0].dangerousHed||"",content_type:t[0].contentType||"",content_id:t[0].copilotID||"",content_url:y(t[0].url||"",$)}],index:0,total_index:t.length-2,placement:"hero"}:null;return l.createElement(b.CP,{...t[0],hasCoverCollage:n,as:o?f.A:i,analyticsDataAttribute:a,className:"hero_summary_item",headerHeight:r,hideRubricItemSummary:s,isMainSummaryItemSticky:d,recircRiver:c,shouldHideBylines:m,shouldHideDangerousDek:u,shouldHidePublishDate:p,hasBordersForFirstAndLastItem:g,shouldLimitSavingToContentTypes:h,commentAttributes:v,snowplowEvent:L,placement:"hero",...k,hasRoundedBorder:A,isTitleFullWidth:x,user:C,shouldTrackItemImpressionForSnowplow:E,impressionHandler:()=>{S("impression",t[0],0,"hero",t.length-2)}})})({modifiedItems:ne,hasCoverCollage:j,shouldShowStackedRatingsCard:F,summaryItemVariationForFirstElement:se,analyticsDataAttributeHero:ae,headerHeight:Z,hideRubricItemSummary:C,isMainSummaryItemSticky:S,recircRiver:N,shouldHideBylines:K,hideSummaryMainItemDeks:x,shouldHidePublishDate:D,hasBordersForFirstAndLastItem:r,shouldLimitSavingToContentTypes:_,snowplowEvent:U,windowLocation:X,commentAttributes:t,user:W,stackedRatingsCardProps:le,hasRoundedBorder:s,isTitleFullWidth:Y,shouldTrackSnowplowEvent:q,impressionHandler:v}),P&&oe&&l.createElement(b.r_,{seal:{sealUrl:"/verso/static/epicurious-us/assets/icons/featuredRecipeBadge.svg"},hasStaticPositionedAward:!0}),!i&&l.createElement(b.jk,{className:"summary-collage-four__summary-list-item",hasUnderHeroItem:w,hasBordersForFirstAndLastItem:r,hideBottomBorders:$,hideVerticalBorders:E,as:m.A.Collection,dangerousHed:o,shouldEnableBundleComponentAnalytics:H,impressionHandler:v,shouldTrackItemImpressionForSnowplow:q,totalItems:2,sectionTitle:o,placement:T,snowplowEvent:{...U,total_index:2},shouldHideDangerousDek:A,items:ne.slice(1,ie),sectionTitleVariation:M,summaryItemVariation:V,commentAttributes:t,shouldHideBylines:K,shouldHidePublishDate:D,trackingNamespace:G?.aside,recircRiver:N,hasCoverCollage:j,user:W,hasRoundedBorder:s,...le,shouldUseHedCoreSecondaryToken:R,shouldShowStackedRatingsCard:F,shouldLimitSavingToContentTypes:_,windowLocation:X}),i&&l.createElement(l.Fragment,null,l.createElement(b.Ip,{...ne[1],hasCoverCollage:j,as:F?f.A:se,analyticsDataAttribute:ae,hideRubricItemSummary:C,recircRiver:N,snowplowEvent:{...U,total_index:8},shouldHideBylines:K,shouldHideDangerousDek:x,shouldHidePublishDate:D,commentAttributes:t,...le,placement:T,user:W}),l.createElement(b.As,{...ne[2],hasCoverCollage:j,as:F?f.A:se,analyticsDataAttribute:ae,hideRubricItemSummary:C,recircRiver:N,shouldHideBylines:K,shouldHideDangerousDek:x,shouldHidePublishDate:D,commentAttributes:t,...le,placement:T,user:W})),w&&l.createElement(b.W,{...ne[3],hasCoverCollage:j,as:F?f.A:u.A[z],analyticsDataAttribute:re,className:"summary-collage-four__under-main-item",hideRubricItemSummary:C,recircRiver:N,shouldHideBylines:K,shouldHideDangerousDek:x,shouldHidePublishDate:D,commentAttributes:t,...le,user:W,shouldTrackItemImpressionForSnowplow:q,impressionH
15927andler:()=>{v("impression",ne[3],1,"hero",ne.length-2)},snowplowEvent:U&&ne[3]&&{...U,items:[{content_title:ne[3].dangerousHed||"",content_type:ne[3].contentType||"",content_id:ne[3].copilotID||"",content_url:y(ne[3].url||"",X)}],index:1,total_index:ne.length-2,placement:"hero"}}))};w.propTypes={configuredComponentRef:s().func,className:s().string,commentAttributes:s().object,dangerousHed:s().string,hasBordersForFirstAndLastItem:s().bool,hasCoverCollage:s().bool,hasRoundedBorder:s().bool,hasTitleBorder:s().bool,hasUnderHeroItem:s().bool,hideBottomBorders:s().bool,hideLastFewSummaryImages:s().bool,hideRubricItemSummary:s().bool,hideSummaryListDeks:s().bool,hideSummaryMainItemDeks:s().bool,hideVerticalBorders:s().bool,impressionHandler:s().func,isMainSummaryItemSticky:s().bool,isTitleFullWidth:s().bool,items:s().arrayOf(s().shape(u.A.propTypes)).isRequired,placement:s().string,recircRiver:s().string,sectionTitleVariation:s().string,shouldEnableBookmarkDrawers:s().bool,shouldEnableBundleComponentAnalytics:s().bool,shouldEnableCardLevelBookmark:s().bool,shouldEnableCommentsCount:s().bool,shouldEnableSubItems:s().bool,shouldHideBylines:s().bool,shouldHidePublishDate:s().bool,shouldLimitSavingToContentTypes:s().array,shouldShowRecipeBadge:s().bool,shouldShowStackedRatingsCard:s().bool,shouldTrackSnowplowEvent:s().bool,shouldUseHedCoreSecondaryToken:s().bool,snowplowEvent:s().object,summaryItemVariation:s().string,trackingNamespace:s().object,underHeroItemVariation:s().string,user:s().object,windowLocation:s().string};const $=w;$.displayName="SummaryCollageFour";const v=(0,o.y)($,"SummaryCollageFour")},99337(e,t,n){n.d(t,{As:()=>b,CP:()=>g,Ip:()=>h,W:()=>w,jk:()=>f,r_:()=>y,vg:()=>$});var o=n(38267),i=n(26865),a=n(1123),r=n(89085),s=n(33500),l=n(63637),d=n(77423),c=n(39441),m=n(96472),u=n(3265),p=n(68116);const g=o.Ay.div.withConfig({displayName:"SummaryCollageFourMainItem"})` 15928 && { 15929 grid-column: 1 / -1; 15930 ${({isTitleFullWidth:e})=>e&&o.AH` 15931 grid-row: 1 / span 3; 15932 `}; 15933 margin-bottom: ${(0,i.Kq)(5)}; 15934 border-bottom: 0; 15935 ${({hasCoverCollage:e})=>e&&o.AH` 15936 margin-bottom: ${(0,i.Kq)(4)}; 15937 height: ${(0,i.Kq)(90)}; 15938 15939 .rubric { 15940 background-color: transparent; 15941 padding: unset; 15942 } 15943 ${(0,i.H4)(m.LO.md)} { 15944 margin-bottom: ${(0,i.Kq)(6)}; 15945 } 15946 `}; 15947 15948 ${u.VF} { 15949 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-feature")}; 15950 ${({theme:e})=>(0,i._o)(e,"color","colors.discovery.body.black.heading")}; 15951 margin-top: ${(0,i.Kq)(.5)}; 15952 margin-bottom: 0; 15953 } 15954 15955 ${u.K$} { 15956 margin-top: ${(0,i.Kq)(.75)}; 15957 } 15958 15959 ${u.Nb} { 15960 padding: 0 0 ${(0,i.Kq)(9)} 0; 15961 } 15962 15963 img { 15964 object-fit: cover; 15965 object-position: top; 15966 ${({hasRoundedBorder:e})=>e&&o.AH` 15967 border-radius: 10px; 15968 `} 15969 } 15970 15971 ${(0,i.H4)(m.LO.lg)} { 15972 grid-column: ${({hasCoverCollage:e})=>e?"1 / span 12":"1 / span 8"}; 15973 padding-right: 0; 15974 15975 .summary-item__image-link, 15976 .summary-item__inline-video, 15977 .summary-item__content { 15978 padding-right: 0; 15979 } 15980 } 15981 15982 ${({isMainSummaryItemSticky:e})=>e&&o.AH` 15983 ${(0,i.H4)(m.LO.lg)} { 15984 position: sticky; 15985 margin-bottom: auto; 15986 } 15987 `}; 15988 15989 ${({headerHeight:e})=>e&&o.AH` 15990 ${(0,i.H4)(m.LO.lg)} { 15991 top: ${(0,i.Kq)(e)}; 15992 } 15993 `}; 15994 15995 ${({hasBordersForFirstAndLastItem:e})=>e&&o.AH` 15996 border-bottom: 1px solid 15997 ${(0,i.HK)("colors.discovery.body.white.border")}; 15998 ${(0,i.H4)(m.LO.sm)} { 15999 ${p.Tr} { 16000 margin-bottom: ${(0,i.Kq)(2)}; 16001 padding-bottom: ${(0,i.Kq)(0)}; 16002 } 16003 margin-bottom: ${(0,i.Kq)(2)}; 16004 padding-bottom: ${(0,i.Kq)(0)}; 16005 } 16006 ${(0,i.H4)(m.LO.md)} { 16007 ${p.Tr} { 16008 margin-bottom: ${(0,i.Kq)(2)}; 16009 padding-bottom: ${(0,i.Kq)(0)}; 16010 } 16011 margin-bottom: ${(0,i.Kq)(1)}; 16012 } 16013 ${(0,i.H4)(m.LO.lg)} { 16014 ${p.Tr} { 16015 padding-bottom: ${(0,i.Kq)(0)}; 16016 } 16017 margin-bottom: auto; 16018 } 16019 `} 16020 } 16021 16022 .summary-item__hed { 16023 ${(0,i.Gg)("typography.definitions.discovery.hed-break-out")}; 16024 16025 ${(0,i.H4)(m.LO.md)} { 16026 ${(0,i.Gg)("typography.definitions.discovery.hed-feature")}; 16027 } 16028 } 16029 16030 .summary-item__dek { 16031 ${(0,i.Gg)("typography.definitions.discovery.description-feature")}; 16032 } 16033`,h=(0,o.Ay)(g).withConfig({displayName:"SummaryCollageFourSubMainItem"})``,y=(0,o.Ay)(d.A).withConfig({displayName:"SummaryCollageMainItemSeal"})` 16034 grid-column: 1 / 2; 16035 grid-row: 1 / 2; 16036 z-index: 1; 16037 margin-top: ${(0,i.Kq)(2)}; 16038 margin-left: ${(0,i.Kq)(1)}; 16039 width: 100%; 16040 ${(0,i.H4)(m.LO.lg)} { 16041 grid-column: 4 / 5; 16042 grid-row: 1 / 2; 16043 } 16044 ${c.j1} { 16045 @media (max-width: ${m.LO.md}) { 16046 width: 72px; 16047 height: 100%; 16048 } 16049 } 16050`,b=(0,o.Ay)(g).withConfig({displayName:"SummaryCollageFourSubMainItem2"})``,f=o.Ay.div.withConfig({displayName:"SummaryCollageFourSummaryListItem"})` 16051 --border-width: ${({theme:e})=>(0,i.Pp)(e,"borderWidth")}; 16052 16053 && { 16054 grid-column: 1 / -1; 16055 margin: ${({hasCoverCollage:e})=>e?"0 auto":"0"}; 16056 border-top: unset; 16057 padding: 0; 16058 16059 .summary-item { 16060 margin: 0 0 ${(0,i.Kq)(2)}; 16061 ${({hasCoverCollage:e})=>!e&&o.AH` 16062 padding: ${(0,i.Kq)(2)} 0; 16063 `} 16064 ${({hideBottomBorders:e})=>!e&&o.AH` 16065 border-bottom: var(--border-width, 1px) solid 16066 ${(0,i.HK)("colors.discovery.body.white.border")}; 16067 `} 16068 ${(0,i.H4)(m.LO.lg)} { 16069 position: relative; 16070 margin-bottom: 0; 16071 overflow: hidden; 16072 } 16073 16074 &:first-child { 16075 padding-top: 0; 16076 } 16077 16078 &:last-child { 16079 border-bottom: none; 16080 16081 ${(0,i.Xm)(0,m.LO.md)} { 16082 margin-bottom: 0; 16083 padding-bottom: 0; 16084 } 16085 16086 ${(0,i.Xm)(0,m.LO.lg)} { 16087 &::after { 16088 display: none; 16089 } 16090 } 16091 } 16092 16093 .summary-item__hed { 16094 ${({shouldUseHedCoreSecondaryToken:e})=>e?(0,i.Gg)("typography.definitions.discovery.hed-core-secondary"):(0,i.Gg)("typography.definitions.discovery.hed-bulletin-
16094primary")} 16095 } 16096 16097 ${({hasCoverCollage:e})=>!e&&o.AH` 16098 .summary-item__hed-link { 16099 &::after { 16100 display: none; 16101 } 16102 } 16103 `} 16104 16105 .summary-item__metadata-primary, 16106 .summary-item__metadata-secondary { 16107 display: none; 16108 } 16109 } 16110 } 16111 16112 ${({hasCoverCollage:e})=>!e&&o.AH` 16113 && { 16114 ${(0,i.H4)(m.LO.lg)} { 16115 grid-column: 9 / -1; 16116 margin-left: calc(var(--border-offset) * -1); 16117 border-left: 1px solid 16118 ${(0,i.HK)("colors.discovery.body.white.border")}; 16119 padding-left: var(--border-offset); 16120 width: calc(100% + var(--border-offset)); 16121 } 16122 } 16123 `} 16124 ${({hasCoverCollage:e})=>e&&o.AH` 16125 &&{ 16126 ${(0,a.aU)("padding")} 16127 border-top: unset; 16128 .summary-item { 16129 margin: unset; 16130 ${(0,i.Xm)(0,m.LO.md)} { 16131 margin-bottom: ${(0,i.Kq)(4)}; 16132 padding-bottom: ${(0,i.Kq)(2)}; 16133 } 16134 &:last-child { 16135 border-bottom: unset; 16136 padding-bottom: ${(0,i.Kq)(5)}; 16137 ${(0,i.H4)(m.LO.md)} { 16138 padding-bottom: ${(0,i.Kq)(2)}; 16139 } 16140 } 16141 } 16142 ${(0,i.H4)(m.LO.md)} { 16143 .summary-list__items{ 16144 display: grid; 16145 grid-template-columns: repeat(12,1fr); 16146 column-gap: var(--grid-gap); 16147 row-gap: var(--grid-gap); 16148 16149 .summary-list__item { 16150 &:nth-of-type(1){ 16151 grid-column:1 / span 4; 16152 } 16153 &:nth-of-type(2){ 16154 grid-column:5 / span 4; 16155 } 16156 &:nth-of-type(3){ 16157 grid-column:9 / span 4; 16158 } 16159 } 16160 } 16161 } 16162 } 16163 } 16164 `} 16165 16166 ${({hideVerticalBorders:e})=>e&&o.AH` 16167 &&& { 16168 border-left: 0; 16169 padding-left: 0; 16170 } 16171 `} 16172 16173 ${({hasUnderHeroItem:e})=>e&&o.AH` 16174 grid-row-end: span 2; 16175 `} 16176 16177 ${({hasBordersForFirstAndLastItem:e})=>e&&o.AH` 16178 .summary-item:last-child { 16179 border-bottom: var(--border-width, 1px) solid 16180 ${(0,i.HK)("colors.discovery.body.white.border")}; 16181 ${(0,i.H4)(m.LO.sm)} { 16182 ${p.Tr} { 16183 padding-bottom: ${(0,i.Kq)(0)}; 16184 } 16185 margin-bottom: ${(0,i.Kq)(0)}; 16186 padding-bottom: ${(0,i.Kq)(2)}; 16187 } 16188 ${(0,i.H4)(m.LO.md)} { 16189 ${p.Tr} { 16190 margin-bottom: ${(0,i.Kq)(2)}; 16191 padding-bottom: ${(0,i.Kq)(0)}; 16192 } 16193 padding-bottom: ${(0,i.Kq)(0)}; 16194 } 16195 ${(0,i.H4)(m.LO.lg)} { 16196 margin-bottom: ${(0,i.Kq)(0)}; 16197 } 16198 } 16199 `} 16200 img { 16201 ${({hasRoundedBorder:e})=>e&&o.AH` 16202 border-radius: 10px; 16203 `} 16204 } 16205`,w=o.Ay.div.withConfig({displayName:"SummaryCollageFourUnderMainItem"})` 16206 --border-width: ${({theme:e})=>(0,i.Pp)(e,"borderWidth")}; 16207 16208 grid-column: 1 / -1; 16209 16210 ${(0,i.H4)(m.LO.lg)} { 16211 grid-column: ${({hasCoverCollage:e})=>e?"1 / span 12":"1 / span 8"}; 16212 border-top: var(--border-width, 1px) solid 16213 ${(0,i.HK)("colors.discovery.body.white.border")}; 16214 border-bottom: none; 16215 } 16216 16217 .summary-item__asset-container { 16218 ${(0,i.H4)(m.LO.lg)} { 16219 margin-top: ${(0,i.Kq)(1)}; 16220 margin-bottom: auto; 16221 } 16222 } 16223`,$=o.Ay.div.withConfig({displayName:"SummaryCollageFourWrapper"})` 16224 ${(0,r.VG)()} 16225 ${(0,r.AQ)()} 16226 ${({hasCoverCollage:e})=>!e&&(0,a.aU)("padding")} 16227 16228 ${({hasCoverCollage:e})=>e&&o.AH` 16229 display: unset; 16230 row-gap: unset; 16231 `} 16232 16233 ${l.Ls} { 16234 margin-bottom: 0; 16235 } 16236 16237 ${s.bU} { 16238 padding-left: 0; 16239 } 16240 16241 ${({hasTitleBorder:e})=>e&&o.AH` 16242 ${l.Ls} { 16243 border-top: 1px solid 16244 ${(0,i.HK)("colors.discovery.body.white.divider")}; 16245 border-bottom: 1px solid 16246 ${(0,i.HK)("colors.discovery.body.white.border")}; 16247 } 16248 `} 16249`},82317(e,t,n){n.d(t,{A:()=>x});var o=n(47655),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(13465),c=n(73347),m=n(94828),u=n(90090),p=n(47135),g=n(53499),h=n(61229),y=n(52679),b=n(16963),f=n(11025),w=n(38080),$=n(19607),v=n(62327);const C=({analyticsDataAttribute:e,ctaLink:t={},showCtaIcon:n=!1,dangerousDek:o,showCartoonLink:i})=>{if(i&&o)return l.createElement(y.Oq,{"data-testid":"SummaryCollageOneDangerousDek"},l.createElement(y.$m,{dangerouslySetInnerHTML:{__html:o}}));const{label:a,html:r,url:s,icon:d}=t;return r||a&&s?l.createElement(y.Y_,{...e,showCtaIcon:n},n&&d&&l.createElement(y.LW,{icon:d}),r?l.createElement("span",{dangerouslySetInnerHTML:{__html:r}}
16249):l.createElement(y.RI,{"data-testid":"SummaryCollageOneAnchorLink",href:s,dangerouslySetInnerHTML:{__html:a},showCtaIcon:n})):null};C.propTypes={analyticsDataAttribute:s().object,ctaLink:s().shape({html:s().string,label:s().string,url:s().string}),dangerousDek:s().string,showCartoonLink:s().bool,showCtaIcon:s().bool};const k=({className:e,configuredComponentRef:t,ctaLink:n,customizedBackgroundColorToken:o,customizedBylineColorToken:i,customizedPublishDateColorToken:r,customizedSectionDekColorToken:s,customizedSectionDekTypeToken:d,customizedSectionTitleColorToken:h,customNativeBackgroundColor:k,dangerousDek:A,dangerousHed:x,hasFullWidthImage:E,hasListInDek:S=!1,hasNoBottomPaddingContent:L=!1,hasRoundedCorners:T=!1,hasPaddingOnContent:N,hasUnderlineHed:H,hideRubricItemSummary:I=!1,items:B,isBorderContextSignature:O=!1,recircRiver:K,sectionTitleVariation:D="LineAboveLineBelowTextCenter",shouldDisplayDangerousDek:_,shouldEmbedFeaturedVideo:P=!1,shouldEnableBundleComponentAnalytics:R,shouldHideBylines:q=!1,shouldHideDangerousDek:M=!1,shouldHideDangerousHed:F=!1,shouldHidePublishDate:U=!1,shouldHideTitle:V=!1,shouldUseHedFeatureToken:G,showAdRail:W,showCartoonLink:j=!1,summaryItemRubricVariation:z,summaryItemVariation:Y="TextBelowLeft",shouldApplyImageBorderRadius:X=!1,trackingNamespace:Z,variations:J={isFullBleedDarkBackground:!1,isSingleFeature:!1,hasEnhancedDailyCartoon:void 0,isHeroFeature:!1},variationName:Q})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(g.G.RENDER,{name:"SummaryCollageOne",variation:Q})},[Q]);const{isFullBleedDarkBackground:ee,isSingleFeature:te,hasEnhancedDailyCartoon:ne,isHeroFeature:oe}=J,ie=m.A[Y],ae=c.Ay[D];let re={},se={};const le=P&&B[0]?.image?.scriptUrl;te&&(re={hedTag:"h2"},ne?re.link={}:A&&!_&&(re.link={html:A}),se={shouldHoldImageSpace:!1});const de=(0,u.NY)(R,Z?.item||x),ce=(0,u.NY)(R,Z?.featuredLink||x),me=l.createElement(y.cu,{ref:t,"data-testid":"SummaryCollageOneSingleFeature",className:a()("summary-collage-one",e),isHeroFeature:oe,isSingleFeature:te,hasFullWidthImage:E,isFullBleedDarkBackground:ee,hasEnhancedDailyCartoon:ne,showCartoonLink:j,shouldUseHedFeatureToken:G,customizedBackgroundColorToken:o,customizedSectionDekTypeToken:d,customizedSectionDekColorToken:s,customNativeBackgroundColor:k,hasRoundedCorners:T,hasPaddingOnContent:N,shouldApplyImageBorderRadius:X},!V&&x&&l.createElement(y.eb,{isSingleFeature:te,customizedSectionTitleColorToken:h},l.createElement(ae,{...re,dangerousHed:x,isBorderContextSignature:O})),l.createElement(b.A,{dangerousDek:A,shouldDisplayDangerousDek:_}),le?l.createElement(y.et,{as:p.A,analyticsDataAttribute:de,isFeatured:!0,item:B[0],key:B[0].copilotID,scriptUrl:B[0].image.scriptUrl,videoEmbedPosition:v.sm}):l.createElement(y.et,{...B[0],analyticsDataAttribute:de,as:ie,hasNoBottomPaddingContent:L,hasUnderlineHed:H,hedTag:"h3",hideRubricItemSummary:I,shouldPlayInline:!0,recircRiver:K,rubricVariation:z,hasListInDek:S,shouldHideBylines:q,shouldHideDangerousDek:M,shouldHideDangerousHed:F,shouldHidePublishDate:U,customizedBylineColorToken:i,customizedPublishDateColorToken:r,responsiveCartoonVariation:ne&&"WithNoSocialIcons",hasWrapperButtonRole:!ne,...se,hasEnhancedDailyCartoon:ne}),W&&l.createElement(y.SE,null,l.createElement(f.A,null,l.createElement(w.Z,{group:"ads"},l.createElement($.A,{position:"rail"})))),te&&l.createElement(C,{ctaLink:n,analyticsDataAttribute:ce,showCtaIcon:ne,dangerousDek:A,showCartoonLink:j}));return ee?l.createElement(y.Vd,{isFullBleedDarkBackground:ee},me):me};k.propTypes={configuredComponentRef:s().func,className:s().string,ctaLink:s().shape({html:s().string,label:s().string,url:s().string,icon:s().string}),customizedBackgroundColorToken:s().string,customizedBylineColorToken:s().string,customizedPublishDateColorToken:s().string,customizedSectionDekColorToken:s().string,customizedSectionDekTypeToken:s().string,customizedSectionTitleColorToken:s().string,customNativeBackgroundColor:s().string,dangerousDek:s().string,dangerousHed:s().string,hasEnhancedDailyCartoon:s().bool,hasFullWidthImage:s().bool,hasListInDek:s().bool,hasNo
16249BottomPaddingContent:s().bool,hasPaddingOnContent:s().bool,hasRoundedCorners:s().bool,hasUnderlineHed:s().bool,hideRubricItemSummary:s().bool,isBorderContextSignature:s().bool,items:s().arrayOf(s().shape(m.A.propTypes)).isRequired,recircRiver:s().string,sectionTitleVariation:s().string,shouldDisplayDangerousDek:s().bool,shouldEmbedFeaturedVideo:s().bool,shouldEnableBundleComponentAnalytics:s().bool,shouldHideBylines:s().bool,shouldHideDangerousDek:s().bool,shouldHideDangerousHed:s().bool,shouldHidePublishDate:s().bool,shouldHideTitle:s().bool,shouldUseHedFeatureToken:s().bool,shouldApplyImageBorderRadius:s().bool,showAdRail:s().bool,showCartoonLink:s().bool,summaryItemRubricVariation:s().string,summaryItemVariation:s().oneOf(["TextBelowLeft","TextBelowCenter","TextBelowLeftCard","TextBelowCenterCard","ImageRatio43","ImageRatio169","ImageRatio11","CircularImage","TextBelowDesktopOnly","TextBelowDesktopOnlyImageRight","TextBelowDesktopOnlyThirds","TextBelowDesktopOnlyThirdsImageRight","TextBelowDesktopOnlyThirdsImageRightThumbnail","SideBySide","SideBySideImageRight","SideBySideThirds","SideBySideThirdsImageRight","SideBySideDarkBackground","SideBySideDarkBackgroundRight","SideBySideDesktopOnly","SideBySideDesktopOnlyImageRight","SideBySideDesktopOnlyThirds","SideBySideDesktopOnlyThirdsImageRight"]),trackingNamespace:s().object,variationName:s().string,variations:s().shape({isFullBleedDarkBackground:s().bool,isSingleFeature:s().bool,hasEnhancedDailyCartoon:s().bool,isHeroFeature:s().bool})},k.displayName="SummaryCollageOne";const A=(0,d.y)((0,h.j)(k),"SummaryCollageOne");A.SingleFeature=(0,o.y)(A,"SingleFeature",{isSingleFeature:!0},{sectionTitleVariation:"LineAboveLineBelowTextLeft",shouldHideDangerousDek:!0,shouldHideDangerousHed:!0}),A.FullBleedDarkBackground=(0,o.y)(A,"FullBleedDarkBackground",{isFullBleedDarkBackground:!0},{shouldHideDangerousDek:!1,shouldHideDangerousHed:!1,shouldHideTitle:!0}),A.FullBleedDarkBackgroundWithTitle=(0,o.y)(A,"FullBleedDarkBackgroundWithTitle",{isFullBleedDarkBackground:!0},{shouldHideDangerousDek:!1,shouldHideDangerousHed:!1,shouldHideTitle:!1}),A.DailyCartoon=(0,o.y)(A,"DailyCartoon",{isSingleFeature:!0,hasEnhancedDailyCartoon:!0},{sectionTitleVariation:"SoftDivider",shouldHideDangerousDek:!0,shouldHideDangerousHed:!0,showAdRail:!0,showCartoonLink:!0}),A.HeroFeature=(0,o.y)(A,"HeroFeature",{isHeroFeature:!0},{shouldHideDangerousDek:!1,shouldHideDangerousHed:!1,shouldHideTitle:!0,summaryItemRubricVariation:"DiscoveryItem",summaryItemVariation:"SideBySideCenterImageLeft",shouldUseHedFeatureToken:!0});const x=A},52679(e,t,n){n.d(t,{$m:()=>i.$m,LW:()=>v,Oq:()=>H,RI:()=>C,SE:()=>w,Vd:()=>N,Y_:()=>k,cu:()=>T,eb:()=>$,et:()=>x});var o=n(38267),i=n(33500),a=n(96472),r=n(99906),s=n(1123),l=n(6613),d=n(26865),c=n(18608),m=n(51e3),u=n(18117),p=n(77527),g=n(77307),h=n(277),y=n(74423),b=n(68116),f=n(95015);const w=o.Ay.div.withConfig({displayName:"SummaryCollageOneAside"})` 16250 display: none; 16251 grid-row: 1 / -1; 16252 justify-self: end; 16253 16254 ${g.o6} { 16255 top: ${(0,d.Kq)(10)}; 16256 } 16257 16258 ${(0,d.Xm)(a.LO.md,`${r.VS.lg}px`)} { 16259 display: block; 16260 grid-column: 7 / -1; 16261 } 16262 16263 ${(0,d.H4)(a.LO.lg)} { 16264 display: block; 16265 grid-column: 9 / -1; 16266 } 16267`,$=o.Ay.div.withConfig({displayName:"SummaryCollageOneTitle"})` 16268 grid-column: 1 / -1; 16269 16270 ${i.QW} { 16271 > h2 { 16272 color: ${({customizedSectionTitleColorToken:e})=>e&&(0,d.HK)(e)}; 16273 } 16274 } 16275 ${({isSingleFeature:e})=>!e&&o.AH` 16276 margin-bottom: ${(0,d.Kq)(2)}; 16277 16278 ${(0,d.H4)(a.LO.md)} { 16279 margin-bottom: ${(0,d.Kq)(1)}; 16280 } 16281 16282 ${(0,d.H4)(a.LO.lg)} { 16283 margin-bottom: ${(0,d.Kq)(0)}; 16284 } 16285 `} 16286`,v=o.Ay.div.withConfig({displayName:"SummaryCollageOneCtaIcon"})` 16287 border-radius: ${(0,d.Kq)(1)}; 16288 background-color: ${({theme:e})=>(0,d.HK)(e,"colors.discovery.lead.secondary.background")}; 16289 background-image: ${({icon:e})=>o.AH`url('${e}')`}; 16290 width: ${(0,d.Kq)(6)}; 16291 height: ${(0,d.Kq)(6)}; 16292 16293 ${(0,d.H4)(a.LO.lg)} { 16294 margin-right: ${(0,d.Kq)(2)}; 16295 } 16296 16297 ${(0,d.L7)(`${r.VS.lg}px`)} { 16298 margin-bottom: ${(0,d.Kq)(2)}; 16299 } 16300`,C=(0,o.Ay)(c.sH).withConfig({displayName:"SummaryCollageOneAnchorLink"}).attrs(e=>
16300({colorSecondaryLinkToken:"colors.interactive.base.dark",colorStaticLinkToken:"colors.interactive.base.brand-primary",linkStyle:"global",...e}))` 16301 ${(0,d.Gg)("typography.definitions.foundation.link-primary")} 16302 display: inline-block; 16303 margin-bottom: ${(0,d.Kq)(2)}; 16304 vertical-align: top; 16305 16306 ${(0,d.H4)(a.LO.lg)} { 16307 margin-bottom: ${({showCtaIcon:e})=>e?0:(0,d.Kq)(4)}; 16308 } 16309`,k=o.Ay.div.withConfig({displayName:"SummaryCollageOneCtaLink"})` 16310 grid-column: 1 / -1; 16311 text-align: center; 16312 16313 span { 16314 display: block; 16315 width: 100%; 16316 text-align: center; 16317 } 16318 16319 ${({showCtaIcon:e})=>e&&o.AH` 16320 display: flex; 16321 flex-direction: column; 16322 align-items: center; 16323 justify-content: center; 16324 16325 ${(0,d.H4)(a.LO.lg)} { 16326 flex-direction: row; 16327 } 16328 `} 16329`,A=o.AH` 16330 ${(0,s.VO)()} 16331 ${(0,s.aU)("padding")} 16332 16333 display: grid; 16334 grid-template-columns: repeat(4, 1fr); 16335 column-gap: var(--grid-gap); 16336 margin: 0 auto; 16337 width: 100%; 16338 max-width: ${a.LO.xxl}; 16339 row-gap: var(--grid-gap); 16340 16341 .summary-item--layout-placement-text-below { 16342 &.summary-item--text-align-left, 16343 &.summary-item--text-align-center { 16344 .summary-item__hed { 16345 ${(0,d.Gg)("typography.definitions.discovery.hed-break-out")}; 16346 } 16347 16348 .summary-item__dek { 16349 ${(0,d.Gg)("typography.definitions.discovery.description-feature")}; 16350 } 16351 } 16352 } 16353 16354 ${({theme:e,shouldUseHedFeatureToken:t})=>t&&o.AH` 16355 .summary-item .summary-item__hed { 16356 ${(0,d.Gg)(e,"typography.definitions.discovery.hed-feature")}; 16357 } 16358 `}; 16359 16360 .summary-item__hed-link { 16361 &::after { 16362 border-bottom: 1px solid 16363 ${(0,d.HK)("colors.discovery.body.white.accent")}; 16364 } 16365 } 16366 16367 .summary-item__content:empty { 16368 display: none; 16369 } 16370 16371 ${m.eO} { 16372 justify-content: center; 16373 } 16374 16375 ${(0,d.H4)(a.LO.md)} { 16376 grid-template-columns: repeat(12, 1fr); 16377 } 16378`,x=o.Ay.div.withConfig({displayName:"SummaryCollageOneItemComponent"})` 16379 grid-column: 1 / -1; 16380 16381 &&& { 16382 border-bottom: 0; 16383 16384 .summary-item__content { 16385 margin: 0; 16386 @media (min-width: 0) and (max-width: ${a.LO.lg}) { 16387 margin: 0; 16388 } 16389 ${({customizedBylineColorToken:e})=>e&&o.AH` 16390 ${y.H1}, ${y.CR} { 16391 color: ${(0,d.HK)(e)}; 16392 } 16393 `} 16394 ${({customizedPublishDateColorToken:e})=>e&&o.AH` 16395 ${h.Y0} { 16396 color: ${(0,d.HK)(e)}; 16397 } 16398 `} 16399 } 16400 @media (min-width: 0) and (max-width: ${a.LO.md}) { 16401 padding-bottom: 0; 16402 } 16403 16404 ${({hasEnhancedDailyCartoon:e})=>e&&o.AH` 16405 ${(0,d.H4)(a.LO.md)} { 16406 padding-bottom: 0; 16407 } 16408 `}; 16409 ${b.Tr} { 16410 display: flex; 16411 flex-direction: column; 16412 align-items: center; 16413 text-align: center; 16414 16415 ${y.f9} { 16416 align-items: center; 16417 text-align: center; 16418 } 16419 } 16420 } 16421`,E=o.AH` 16422 &&& { 16423 grid-gap: ${(0,d.Kq)(4)}; 16424 grid-template-rows: auto 1fr auto; 16425 height: 100%; 16426 } 16427 16428 ${x} { 16429 display: grid; 16430 align-items: center; 16431 } 16432 16433 ${u.B}.summary-item__image { 16434 .summary-item__image { 16435 display: grid; 16436 justify-items: center; 16437 ${({hasEnhancedDailyCartoon:e})=>e&&o.AH` 16438 ${(0,d.H4)(a.LO.lg)} { 16439 gap: 0; 16440 .responsive-cartoon__image-link { 16441 margin-bottom: ${(0,d.Kq)(3)}; 16442 } 16443 16444 ${p.Jp} { 16445 margin-bottom: ${(0,d.Kq)(1)}; 16446 } 16447 } 16448 `} 16449 16450 picture { 16451 max-width: ${(0,d.Kq)(37.5)}; 16452 16453 ${(0,d.H4)(a.LO.lg)} { 16454 max-width: ${({hasEnhancedDailyCartoon:e})=>(0,d.Kq)(e?62.5:50)}; 16455 } 16456 16457 ${(0,d.L7)(`${r.VS.md}px`)} { 16458 max-width: ${({hasEnhancedDailyCartoon:e})=>(0,d.Kq)(e?68.75:50)}; 16459 } 16460 } 16461 } 16462 16463 .responsive-cartoon__caption { 16464 margin-top: 0; 16465 ${(0,d.H4)(a.LO.lg)} { 16466 margin-top: ${({hasEnhancedDailyCartoon:e})=>e?0:(0,d.Kq)(2)}; 16467 width: 85%; 16468 } 16469 } 16470 } 16471`,S=o.AH` 16472 ${(0,d.Xm)(0,a.LO.lg)} { 16473 .summary-item__asset-container { 16474 ${(0,s.aU)("margin",!0)}; 16475 } 16476 } 16477`,L=o.AH` 16478 &&& { 16479 grid-template-rows: unset; 16480 background-color: ${(0,d.HK)("colors.discovery.body.dark.background")}; 16481 ${b.IB} { 16482 a { 16483 color: ${(0,d.HK)("colors.discovery.body.dark.description")}; 16484 } 16485 } 16486 max-width: ${a.LO.xxl}; 16487 16488 ${(0,d.Xm)(a.LO.sm,a.LO.md)} { 16489 column-gap: ${(0,d.Kq)(9)}; 16490 margin: ${(0,d.Kq)(0)}; 16491 padding: ${(0,d.Kq)(0)}; 16492 } 16493 ${(0,d.H4)(a.LO.md)} { 16494 column-gap: ${(0,d.Kq)(3)}; 16495 margin: ${(0,d.Kq)(0)}; 16496 padding: ${(0,d.Kq)(5)} ${(0,d.Kq)(3)}; 16497 } 16498 ${(0,d.H4)(a.LO.lg)} { 16499 margin: ${(0,d.Kq)(0)}; 16500 padding: ${(0,d.Kq)(7)} ${(0,d.Kq)(6)}; 16501 } 16502 ${(0,d.H4)(a.LO.xl)} { 16503 column-gap: 2rem; 16504 margin: ${(0,d.Kq)(0)}; 16505 padding: ${(0,d.Kq)(10)} ${(0,d.Kq)(8)}; 16506 } 16507 ${(0,d.H4)(a.LO.xxl)} { 16508 column-gap: 2rem; 16509 margin: auto; 16510 padding: ${(0,d.Kq)(10)} ${(0,d.Kq)(8)}; 16511 } 16512 } 16513 ${l.as} { 16514 color: ${(0,d.HK)("colors.discovery.body.dark.context-signature")}; 16515 } 16516 16517 .summary-item__rubric { 16518 color: ${(0,d.HK)("colors.discovery.body.dark.context-signature")}; 16519 } 16520 16521 .summary-item__dek { 16522 color: ${(0,d.HK)("colors.discovery.body.dark.description")}; 16523 } 16524 16525 .summary-item__hed--hed-core-primary { 16526 ${(0,d.Gg)("typography.definitions.discovery.hed-core-primary")} 16527 color: ${(0,d.HK)("colors.discovery.body.dark.heading")}; 16528 } 16529 16530 .summary-item__hed { 16531 color: ${(0,d.HK)("colors.discovery.body.dark.heading")}; 16532 } 16533 16534 .summary-item--dark-background-right { 16535 ${(0,d.H4)(a.LO.md)} { 16536 grid-column: 2 / -2; 16537 margin: ${(0,d.Kq)(0)} ${(0,d.Kq)(-3)}; 16538 } 16539 ${(0,d.H4)(a.LO.lg)} { 16540 grid-column: 2 / -2; 16541 margin: ${(0,d.Kq)(0)} ${(0,d.Kq)(-3)}; 16542 padding: ${(0,d.Kq)(0)}; 16543 } 16544 ${(0,d.H4)(a.LO.xl)} { 16545 grid-column: 2 / -2; 16546 margin: ${(0,d.Kq)(0)} ${(0,d.Kq)(-4)}; 16547 padding: ${(0,d.Kq)(0)}; 16548 } 16549 ${(0,d.H4)(a.LO.xxl)} { 16550 grid-column: 2 / -2; 16551 margin: ${(0,d.Kq)(0)}; 16552 padding: ${(0,d.Kq)(0)}; 16553 } 16554 16555 .summary-item__asset-container { 16556 ${(0,d.H4)(a.LO.md)} { 16557 margin-left: ${(0,d.Kq)(-3)}; 16558 } 16559 ${(0,d.H4)(a.LO.xl)} { 16560 margin-left: ${(0,d.Kq)(0)}; 16561 } 16562 } 16563 } 16564 16565 .summary-item__content { 16566 margin: ${(0,d.Kq)(0)}; 16567 ${(0,d.H4)(a.LO.md)} { 16568 padding-right: ${(0,d.Kq)(3)}; 16569 } 16570 ${(0,d.H4)(a.LO.lg)} { 16571 padding-right: ${(0,d.Kq)(5)}; 16572 } 16573 ${(0,d.H4)(a.LO.xl)} { 16574 padding-right: ${(0,d.Kq)(3)}; 16575 } 16576 ${(0,d.H4)(a.LO.xxl)} { 16577 padding-right: ${(0,d.Kq)(6)}; 16578 } 16579 } 16580`,T=o.Ay.div.withConfig({displayName:"SummaryCollageOneGridWithMargin"})` 16581 ${A} 16582 ${({isSingleFeature:e})=>e&&E} 16583 16584 ${({hasFullWidthImage:e})=>e&&S} 16585
16586 ${({isFullBleedDarkBackground:e})=>e&&L} 16587 16588 background-color: ${({customNativeBackgroundColor:e})=>e?(0,d.HK)(e):""}; 16589 16590 ${({hasPaddingOnContent:e})=>e&&o.AH` 16591 ${b.Rp} { 16592 padding-bottom: 0; 16593 } 16594 `} 16595 16596 padding-top: ${({hasPaddingOnContent:e})=>e?"16px":0}; 16597 16598 padding-bottom: ${({hasPaddingOnContent:e})=>e?"16px":0}; 16599 16600 ${({hasEnhancedDailyCartoon:e,theme:t})=>e&&o.AH` 16601 ${(0,d.Xm)(a.LO.md,`${r.VS.lg}px`)} { 16602 ${$}, ${x}, ${k} { 16603 grid-column: 1 / 7; 16604 } 16605 } 16606 16607 ${(0,d.L7)(`${r.VS.lg}px`)} { 16608 &&& { 16609 gap: ${(0,d.Kq)(3)}; 16610 } 16611 } 16612 16613 ${(0,d.H4)(a.LO.lg)} { 16614 &&& { 16615 grid-row-gap: 0; 16616 } 16617 16618 ${k} { 16619 margin-top: ${(0,d.Kq)(4)}; 16620 } 16621 16622 ${$}, ${x}, ${k} { 16623 grid-column: 1 / 9; 16624 } 16625 } 16626 16627 ${i.QW} { 16628 display: flex; 16629 justify-content: center; 16630 margin-bottom: ${(0,d.Kq)(3)}; 16631 16632 ${i.bU} { 16633 ${(0,d.Gg)(t,"typography.definitions.discovery.subhed-section-primary")}; 16634 } 16635 } 16636 `} 16637 16638 ${({showCartoonLink:e})=>e&&o.AH` 16639 ${(0,d.L7)(`${r.VS.lg}px`)} { 16640 &&& { 16641 grid-row-gap: 0; 16642 } 16643 } 16644 `} 16645 ${f.C} { 16646 color: ${({customizedSectionDekColorToken:e})=>e&&(0,d.HK)(e)}; 16647 ${({customizedSectionDekTypeToken:e})=>e&&(0,d.Gg)(e)}; 16648 } 16649 16650 ${({customizedBackgroundColorToken:e,hasRoundedCorners:t})=>(e||t)&&o.AH` 16651 ${b.Rp} { 16652 border-radius: ${({hasRoundedCorners:e})=>e?"20px":""}; 16653 background-color: ${({customizedBackgroundColorToken:e})=>e?(0,d.HK)(e):""}; 16654 padding-bottom: 0; 16655 16656 .aspect-ratio--overlay-container { 16657 ${({shouldApplyImageBorderRadius:e})=>!e&&o.AH` 16658 img { 16659 border-radius: 0; 16660 } 16661 `} 16662 ${(0,d.H4)(a.LO.sm)} { 16663 border-top-left-radius: ${({hasRoundedCorners:e})=>e?"20px":""}; 16664 border-top-right-radius: ${({hasRoundedCorners:e})=>e?"20px":""}; 16665 } 16666 ${(0,d.H4)(a.LO.md)} { 16667 border-top-left-radius: ${({hasRoundedCorners:e})=>e?"20px":""}; 16668 border-top-right-radius: ${({hasRoundedCorners:e})=>e?"0px":""}; 16669 border-bottom-left-radius: ${({hasRoundedCorners:e})=>e?"20px":""}; 16670 } 16671 } 16672 } 16673 16674 .summary-item__content { 16675 ${(0,d.L7)(a.LO.md)} { 16676 padding-top: ${(0,d.Kq)(4)}; 16677 padding-right: ${(0,d.Kq)(3)}; 16678 padding-bottom: ${(0,d.Kq)(7)}; 16679 padding-left: ${(0,d.Kq)(3)}; 16680 } 16681 } 16682 `} 16683`,N=o.Ay.div.withConfig({displayName:"SummaryCollageOneIsFullBleed"})` 16684 ${({isFullBleedDarkBackground:e})=>e&&o.AH` 16685 background-color: ${(0,d.HK)("colors.discovery.body.dark.background")}; 16686 ${b.IB} { 16687 a { 16688 color: ${(0,d.HK)("colors.discovery.body.dark.description")}; 16689 } 16690 } 16691 max-width: 100%; 16692 `} 16693`,H=(0,o.Ay)(i.Vy).withConfig({displayName:"SummaryCollageOneDangerousDek"})` 16694 display: flex; 16695 justify-content: center; 16696 margin-top: ${(0,d.Kq)(4)}; 16697 padding-left: 0; 16698 ${({theme:e})=>(0,d._o)(e,"color","colors.interactive.base.black")}; 16699 16700 ${(0,d.L7)(`${r.VS.md}px`)} { 16701 grid-column: 1 / -1; 16702 } 16703 16704 ${(0,d.Xm)(a.LO.md,`${r.VS.lg}px`)} { 16705 grid-column: 1 / 7; 16706 } 16707 16708 ${(0,d.H4)(a.LO.lg)} { 16709 grid-column: 1 / 9; 16710 } 16711`},85095(e,t,n){n.d(t,{O9:()=>C,OB:()=>S,WD:()=>A,jO:()=>L,mi:()=>x,n:()=>E});var o=n(38267),i=n(96472),a=n(26865),r=n(18608),s=n(86659),l=n(89085),d=n(99906),c=n(40653),m=n(33500),u=n(41803),p=n(6613),g=n(68116),h=n(36211),y=n(88154),b=n(75699),f=n(277),w=n(16800),$=n(75163);const v=`\n ${(0,a.H4)(i.LO.lg)} {\n border-right: 0;\n padding-right: 0;\n }\n`,C=o.Ay.div.withConfig({displayName:"SummaryCollageThreeItemWrapper"})` 16712 ${({theme:e})=>"inverted"===e.palette?`\n ${p.zM} {\n ${(0,a._o)(e,"color","colors.discovery.body.black.context-signature")};\n }\n\n ${g.hU} {\n &:hover,\n &:focus,\n &:active {\n ${(0,a._o)(e,"color","colors.discovery.body.black.heading")};\n }\n\n ${h.Y} {\n ${(0,a._o)(e,"color","colors.discovery.body.black.heading")};\n }\n }\n `:""} 16713 ${e=>o.AH` 16714 height: 100%; 16715 ${(0,a.Xm)(0,i.LO.lg)} { 16716 .inline-video-item { 16717 border-bottom: 0; 16718 } 16719 } 16720 ${e.isPrimaryItemFullBleed&&0===e.index&&`&{\n .summary-item__image-link {\n ${(0,a.Xm)(0,`${d.VS.lg}px`)} {\n margin-right: ${(0,a.Kq)(-3)};\n margin-left: ${(0,a.Kq)(-3)};\n }\n }\n \n }`} 16721 `} 16722 ${({shouldUseAlternativeStyle:e})=>e?`\n .summary-item__rubric {\n margin: ${(0,a.Kq)(2)} 0;\n }\n\n .summary-item__hed-link {\n margin-bottom: ${(0,a.Kq)(2)};\n }\n\n .summary-item__dek {\n margin-bottom: ${(0,a.Kq)(2)};\n }\n\n .summary-item__content {\n padding: 0;\n }\n\n .summary-item__byline-date-icon {\n margin-bottom: ${(0,a.Kq)(2)};\n }\n\n ${(0,a.L7)(i.LO.lg)} {\n .summary-item__byline-date-icon {\n margin-bottom: ${(0,a.Kq)(4)};\n }\n }`:""}; 16723`,k=(e,t,n,r=0,s=!1)=>o.AH` 16724 &:nth-child(${r+1}) { 16725 ${(0,a.H4)(i.LO.lg)} { 16726 grid-column: 1 / span 8;
16727 grid-row: span 3; 16728 ${(0,a.H4)(i.LO.lg)} { 16729 margin-right: calc(var(--border-offset) * -1); 16730 ${t&&" margin-right: 0;"} 16731 } 16732 } 16733 ${C} { 16734 ${(e=>o.AH` 16735 ${({theme:e})=>"inverted"===e.palette?o.AH` 16736 ${(0,a.H4)(i.LO.lg)} { 16737 border-right: 1px solid 16738 ${(0,a.HK)("colors.discovery.body.black.divider")}; 16739 } 16740 `:o.AH` 16741 ${(0,a.H4)(i.LO.lg)} { 16742 border-right: 1px solid 16743 ${(0,a.HK)("colors.discovery.body.white.border")}; 16744 } 16745 `} 16746 16747 ${(0,a.H4)(i.LO.lg)} { 16748 border-bottom: 0; 16749 ${({shouldUseAlternativeStyle:e})=>e?`padding-right: ${(0,a.Kq)(2)}`:"padding-right: var(--border-offset)"}; 16750 16751 ${e&&" padding-right: 0;\n "} 16752 } 16753 16754 .summary-item__hed { 16755 ${(0,a.Gg)("typography.definitions.discovery.hed-break-out")} 16756 } 16757 16758 .summary-item__dek { 16759 ${(0,a.Gg)("typography.definitions.discovery.description-feature")} 16760 } 16761`)(t)}; 16762 } 16763 } 16764 16765 &:nth-child(1n + ${r+2}) { 16766 ${(0,a.H4)(i.LO.lg)} { 16767 grid-column: 9 / span 4; 16768 } 16769 ${C} { 16770 ${(e=>o.AH` 16771 ${(0,a.H4)(i.LO.lg)} { 16772 padding: 0 0 ${(0,a.Kq)(2)} 0; 16773 ${e&&`\n padding-bottom: ${(0,a.Kq)(2.5)};\n `} 16774 ${({shouldUseAlternativeStyle:e})=>e?"padding: 0":`padding: 0 0 ${(0,a.Kq)(2)} 0`}; 16775 16776 .summary-item__hed { 16777 margin-bottom: ${(0,a.Kq)(2)}; 16778 } 16779 16780 .summary-item__hed-link::after { 16781 margin-bottom: ${(0,a.Kq)(2)}; 16782 } 16783 16784 .summary-item__dek { 16785 ${({shouldUseAlternativeStyle:e})=>e?`margin-bottom: ${(0,a.Kq)(1)}`:`margin-bottom: ${(0,a.Kq)(2)}`}; 16786 } 16787 16788 .summary-item__metadata-primary { 16789 margin-bottom: ${(0,a.Kq)(1)}; 16790 } 16791 16792 .summary-item__metadata-secondary { 16793 margin-bottom: ${(0,a.Kq)(2)}; 16794 } 16795 16796 .summary-item__content { 16797 padding-bottom: 0; 16798 } 16799 } 16800`)(n)}; 16801 } 16802 } 16803 16804 &:nth-child(${r+3}) { 16805 ${C} { 16806 ${((e,t,n)=>o.AH` 16807 ${(0,a.Xm)(0,i.LO.lg)} { 16808 border-bottom: none; 16809 padding-bottom: 0; 16810 16811 ${n&&`\n ${u.NA} {\n margin-bottom: 0;\n }\n `} 16812 } 16813 16814 ${(0,a.H4)(i.LO.md)} { 16815 padding-bottom: 0; 16816 16817 .inline-video-item { 16818 border-bottom: none; 16819 } 16820 } 16821 ${(0,a.L7)(i.LO.md)} { 16822 ${t&&".inline-video-item {\n border-bottom: 1px solid black;\n }\n "} 16823 } 16824 ${({shouldUseAlternativeStyle:e})=>e?`${(0,a.Xm)(i.LO.md,i.LO.lg)} {\n .summary-item__byline-date-icon {\n margin-bottom: 0;\n }\n }`:`${(0,a.H4)(i.LO.lg)} {\n padding-top: ${(0,a.Kq)(4)};\n }`}; 16825 16826 ${e&&"\n padding-bottom: 0;\n "} 16827`)(e,n,s)}; 16828 } 16829 } 16830`,A=o.Ay.div.withConfig({displayName:"SummaryCollageThreeTitle"})` 16831 ${({theme:e})=>"inverted"===e.palette?`\n ${m.bU} {\n ${(0,a._o)(e,"color","colors.discovery.body.black.heading")};\n }\n `:""} 16832 margin-bottom: ${(0,a.Kq)(4)}; 16833 ${({shouldUseAlternativeStyle:e})=>e?"":`margin-bottom: ${(0,a.Kq)(2)};`}; 16834 ${({hasIncreasedTitleSpacing:e,hasOtherTitleSpacing:t})=>t?`\n margin-bottom: ${(0,a.Kq)(2)};\n padding-top: ${(0,a.Kq)(6)};\n\n ${(0,a.H4)(i.LO.lg)}{\n margin-bottom: ${(0,a.Kq)(3)};\n padding-top: ${(0,a.Kq)(5)};\n }\n `:e?`\n margin-bottom: ${(0,a.Kq)(4)};\n padding-top: ${(0,a.Kq)(4)};\n `:""} 16835`,x=(0,o.Ay)(r.vm).withConfig({displayName:"SummaryCollageThreeDek"})` 16836 ${({theme:e})=>"inverted"===e.palette?`\n ${(0,a._o)(e,"color","colors.discovery.body.black.heading")};\n `:""} 16837 16838 padding-right: ${(0,a.Kq)(1)}; 16839 padding-left: ${(0,a.Kq)(1)}; 16840 max-width: 600px; 16841 text-align: center; 16842 ${(0,a.Gg)("typography.definitions.consumptionEditorial.description-core")} 16843 ${({shouldUseDiscoveryTypeToken:e,theme:t})=>e&&`${(0,a.Gg)(t,"typography.definitions.discovery.description-page")};`}; 16844`,E=(0,o.Ay)(s.A.WithMargins).withConfig({displayName:"SummaryCollageThreeWrapper"})` 16845 ${({hasExtraTopPadding:e,hasConsistentSpacing:t,theme:n})=>t&&"0px"!==(0,w.F)(n,"gap-md")?`padding-top: ${(0,a.Kq)(0)};`:e?`padding-top: ${(0,a.Kq)(5)};`:""} 16846 16847 && { 16848 ${({hasTopSpacing:e})=>e?`\n ${(0,a.H4)(i.LO.md)} {\n ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,w.F)(t,"gap-sm")?"margin-top: 0;":`margin-top: ${(0,a.Kq)(4)};`}\n }\n `:""} 16849 } 16850 16851 > ${c.E} { 16852 ${({dangerousHed:e})=>e&&"\n &:first-child {\n grid-column: 1/-1;\n grid-row: 1;\n margin-bottom: 0px;\n }\n "} 16853 16854 ${({dangerousHed:e,hasDangerousDek:t})=>!e&&t&&`\n &:first-child {\n grid-column: 1/-1;\n margin: 0 auto;\n margin-bottom: ${(0,a.Kq)(2)};\n }\n `} 16855 } 16856 16857 > ${c.E} { 16858 ${({hasDangerousDek:e,dangerousHed:t,hasModerateBottomMarginOnDek:n})=>e&&t&&`\n &:nth-child(2){\n grid-column: 1/-1;\n margin: 0 auto;\n margin-bottom: ${(0,a.Kq)(4)};\n ${(0,a.H4)(i.LO.lg)} {\n margin-bottom: ${(0,a.Kq)(6)};\n ${n&&`margin-bottom: ${(0,a.Kq)(4)}`}\n }\n }\n `} 16859 } 16860 16861 > ${c.E} { 16862 grid-column: 1 / -1; 16863 ${({shouldUseAlternativeStyle:e})=>e?`\n &:nth-child(3),\n &:nth-child(4) {\n ${(0,a.H4)(i.LO.lg)} {\n ${C} {\n margin-top: ${(0,a.Kq)(3)};\n }\n }\n }`:`margin-bottom: ${(0,a.Kq)(2)}`}; 16864 16865 ${(0,a.H4)(i.LO.lg)} { 16866 margin-bottom: 0; 16867 } 16868 ${({hasNoMarginBottonOnLastItem:e})=>e&&o.AH` 16869 &:last-child { 16870 ${(0,a.L7)(i.LO.lg)} { 16871 margin-bottom: 0; 16872 } 16873 } 16874 `} 16875 } 16876 16877 && { 16878 ${(0,l.AQ)()} 16879 row-gap: 0; 16880 } 16881 16882 ${y.UZ} { 16883 color: ${(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 16884 } 16885 ${C} > ${b.zQ} { 16886 ${(0,a.L7)(i.LO.md)} { 16887 border-bottom: 1px solid 16888 ${(0,a.HK)("colors.discovery.body.white.border")}; 16889 padding: ${(0,a.Kq)(2)} 0; 16890 16891 ${y.jY} { 16892 margin: ${(0,a.Kq)(2)} 0; 16893 } 16894 ${y.S3} { 16895 margin-bottom: 0.5rem; 16896 ${(0,a.Gg)("typography.definitions.discovery.hed-core-secondary")}; 16897 } 16898 ${y.S3}::after { 16899 display: block; 16900 margin-top: ${(0,a.Kq)(1)}; 16901 margin-bottom: ${(0,a.Kq)(2)}; 16902 border-bottom: 1px solid 16903 ${(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 16904 width: 5rem; 16905 content: ''; 16906 } 16907 ${y.tH}::after { 16908 display: none; 16909 } 16910 } 16911 } 16912 ${C} > ${g.Tr} { 16913 ${(0,a.L7)(i.LO.md)} { 16914 padding: ${(0,a.Kq)(2)} 0 ${(0,a.Kq)(2)}; 16915 16916 ${f.ir} { 16917 margin-bottom: 0; 16918 } 16919 } 16920 } 16921 ${C} { 16922 ${({shouldUseAlternativeStyle:e})=>e?`\n ${({hasBorder:e})=>e&&`border-bottom: 1px solid\n ${(0,a.HK)("colors.discovery.body.white.border")};`}`:`\n border-bottom: 1px solid\n ${(0,a.HK)("colors.discovery.body.white.border")};\n `}; 16923 16924 ${({hasBorder:e})=>e&&`border-bottom: 1px solid\n ${(0,a.HK)("colors.discovery.body.white.border")};`} 16925 padding-bottom: 0; 16926 16927 ${(0,a.H4)(i.LO.lg)} { 16928 border-bottom: 0; 16929 } 16930 ${({shouldUseDenseMobileVariation:e})=>e&&` ${(0,a.L7)(i.LO.md)} {\n border-bottom: 1px solid\n ${(0,a.HK)("colors.discovery.body.white.border")};}`} 16931 } 16932 16933 ${C} { 16934 .summary-item__hed { 16935 ${(0,a.Gg)("typography.definitions.discovery.hed-core-primary")}; 16936 16937 ${(0,a.H4)(i.LO.lg)} { 16938 ${(0,a.Gg)("typography.definitions.discovery.hed-core-secondary")}; 16939 } 16940 } 16941 } 16942 16943 .inline-video-item__image-link { 16944 margin-bottom: ${(0,a.Kq)(2)}; 16945 } 16946 16947 .inline-video-item__hed { 16948 ${({isDenseSummaryCollageThree:e})=>e?`\n margin-bottom: ${(0,a.Kq)(2.5)};\n `:`margin-bottom: ${(0,a.Kq)(2)}`} 16949 } 16950 16951 ${({dangerousHed:e,hasDangerousDek:t,hasMinimalSummaryItem:n,hideVerticalBorders:i,isDenseSummaryCollageThree:a,hasNoMarginBottomLastItemHed:r})=>(e&&!t||t&&!e)&&o.AH` 16952 > ${c.E} { 16953 ${k(n,i,a,1,r)} 16954 } 16955 `} 16956 16957 ${({dangerousHed:e,hasDangerousDek:t,summaryCollageColSpan:n})=>(e&&!t||t&&!e)&&"use9"===n&&o.AH` 16958 > ${c.E} { 16959 ${(0,a.H4)(i.LO.lg)} { 16960 &:nth-child(2) { 16961 grid-column: 1 / span 9; 16962 } 16963 16964 &:nth-child(1n + 3) { 16965 grid-column: 10 / span 3; 16966 } 16967 &:nth-child(5) { 16968 grid-column: 1 / -1; 16969 } 16970 } 16971 } 16972 `} 16973 16974 ${({dangerousHed:e,hasDangerousDek:t,hasMinimalSummaryItem:n,hideVerticalBorders:i,isDenseSummaryCollageThree:a})=>!e&&!t&&o.AH` 16975 > ${c.E} { 16976 ${k(n,i,a,0)} 16977 } 16978 `} 16979 16980${({dangerousHed:e,hasDangerousDek:t,summaryCollageColSpan:n})=>!e&&!t&&"use9"===n&&o.AH` 16981 > ${c.E} { 16982 ${(0,a.H4)(i.LO.lg)} { 16983 &:nth-child(1) { 16984 grid-column: 1 / span 9; 16985 } 16986 16987 &:nth-child(1n + 2) { 16988 grid-column: 10 / span 3; 16989 } 16990 } 16991 } 16992 `} 16993 16994${({summaryCollageColSpan:e})=>"use4"===e&&o.AH` 16995 > ${c.E} { 16996 ${(0,a.H4)(i.LO.lg)} { 16997 &:nth-child(1) { 16998 grid-column: 1 / span 12; 16999 } 17000 17001 &:nth-child(2) { 17002 grid-column: 1 / span 4; 17003 17004 ${C} { 17005 border: none; 17006 17007 .summary-item__hed { 17008 ${(0,a.Gg)("typography.definitions.discovery.hed-core-primary")}; 17009 } 17010 } 17011 } 17012 17013 &:nth-child(3) {
17014 grid-column: 5 / span 4; 17015 } 17016 17017 &:nth-child(4) { 17018 grid-column: 9 / span 4; 17019 17020 ${C} { 17021 padding-top: 0; 17022 } 17023 } 17024 } 17025 17026 ${(0,a.L7)(i.LO.lg)} { 17027 &:nth-child(2) { 17028 ${C} { 17029 .summary-item__hed { 17030 ${(0,a.Gg)("typography.definitions.discovery.hed-core-primary")}; 17031 } 17032 } 17033 } 17034 } 17035 } 17036 `} 17037 17038 ${({dangerousHed:e,hasDangerousDek:t,hasMinimalSummaryItem:n,hideVerticalBorders:i,isDenseSummaryCollageThree:a})=>e&&t&&o.AH` 17039 > ${c.E} { 17040 ${k(n,i,a,2)} 17041 } 17042 `} 17043 17044 > ${c.E} { 17045 ${({shouldShowSeeMoreButton:e})=>e&&`\n &:last-child {\n grid-column: 1 / -1;\n margin: 0 auto;\n ${(0,a.L7)(`${d.VS.md}px`)} {\n padding-bottom: ${(0,a.Kq)(5)};\n }\n\n ${(0,a.H4)(i.LO.lg)} {\n padding-top: ${(0,a.Kq)(4)};\n }\n }\n `} 17046 } 17047 17048 ${({dangerousHed:e,hasDangerousDek:t,summaryCollageColSpan:n})=>e&&t&&"use9"===n&&`\n > ${c.E} {\n ${(0,a.H4)(i.LO.lg)} {\n &:nth-child(3) {\n grid-column: 1 / span 9;\n }\n\n &:nth-child(1n + 4) {\n grid-column: 10 / span 3;\n }\n }\n }\n `} 17049 17050 ${({hasExtraBottomPadding:e,hasConsistentSpacing:t,theme:n})=>t&&"0px"!==(0,w.F)(n,"gap-md")?`padding-bottom: ${(0,a.Kq)(0)};`:e?`padding-bottom: ${(0,a.Kq)(5)};`:""} 17051 17052 ${({hasExtraPadding:e})=>e&&`\n > ${c.E}{ \n &:nth-child(1) {\n ${C} {\n ${(0,a.H4)(i.LO.lg)} {\n padding-right: ${(0,a.Kq)(4)};\n }\n }\n }\n\n &:nth-child(2),\n &:nth-child(3) {\n ${C} {\n ${({shouldUseAlternativeStyle:e})=>e?`\n ${(0,a.H4)(i.LO.lg)} {\n padding-left: ${(0,a.Kq)(2)};`:`padding-left: ${(0,a.Kq)(2)};`};\n }\n }\n }\n }\n `} 17053 17054 ${({dangerousHed:e,hasDangerousDek:t,hideVerticalBorders:n})=>!e&&!t&&n&&`\n > ${c.E}{ \n &:nth-child(1) {\n ${(0,a.H4)(i.LO.lg)} {\n margin-right: 0;\n }\n ${C} {\n ${v}\n }\n }\n }\n `} 17055 17056 ${({dangerousHed:e,hasDangerousDek:t,hideVerticalBorders:n})=>(e&&!t||t&&!e)&&n&&`\n > ${c.E}{ \n &:nth-child(2) {\n ${(0,a.H4)(i.LO.lg)} {\n margin-right: 0;\n }\n ${C} {\n ${v}\n }\n }\n }\n `} 17057 17058 ${({dangerousHed:e,hasDangerousDek:t,hasMinimalSummaryItem:n})=>!e&&!t&&n&&`\n .summary-item__content.summary-item__content--minimal {\n padding-bottom: ${(0,a.Kq)(2)};\n }\n `} 17059 17060 ${(0,a.H4)(i.LO.md)} { 17061 padding-bottom: ${({isDenseSummaryCollageThree:e,hasConsistentSpacing:t,theme:n})=>t&&"0px"!==(0,w.F)(n,"gap-md")?(0,a.Kq)(0):e?(0,a.Kq)(2.5):(0,a.Kq)(5)}; 17062 ${({hasNoBottomPadding:e})=>e&&"padding-bottom: 0;"} 17063 } 17064`,S=(0,o.Ay)(r.c7).withConfig({displayName:"SummaryCollageThreeBGWrapper"})` 17065 ${({theme:e})=>"inverted"===e.palette?`\n background: var(${$.pT.Color.Surface});\n `:""} 17066`,L=(0,o.Ay)(r.c7).withConfig({displayName:"SummaryCollageThreeButtonWrapper"})``},90447(e,t,n){n.d(t,{A:()=>ne});var o=n(13465),i=n(47655),a=n(5556),r=n.n(a),s=n(96540),l=n(88055),d=n.n(l),c=n(22539),m=n(73347),u=n(94828),p=n(43001),g=n(6518),h=n(90090),y=n(38267),b=n(26865),f=n(1123),w=n(40653),$=n(89085),v=n(6613),C=n(33500),k=n(63637),A=n(29752),x=n(34751),E=n(36211),S=n(96472),L=n(56503),T=n(68116),N=n(44802),H=n(75699),I=n(88154);const B=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveWrapper"})` 17067 ${(0,$.VG)()} 17068 ${(0,$.AQ)()} 17069 ${(0,f.aU)("padding")} 17070 ${k.Ls} { 17071 margin-bottom: 0; 17072 } 17073 17074 ${C.bU} { 17075 padding-left: 0; 17076 } 17077 grid-column: 1 / -1; 17078 17079 &&& { 17080 grid-template-columns: repeat(4, 1fr); 17081 grid-row-gap: ${(0,b.Kq)(0)}; 17082 order: 1; 17083 padding-top: 0; 17084 padding-right: 0; 17085 padding-left: 0; 17086 ${(0,b.H4)(S.LO.lg)} { 17087 grid-column-gap: var(--grid-gap); 17088 grid-column: 1 / span 9; 17089 grid-row: 1 / span 3; 17090 grid-template-columns: repeat(9, 1fr); 17091 grid-template-rows: 17092 minmax(${(0,b.Kq)(5)}, auto) minmax( 17093 ${(0,b.Kq)(5)}, 17094 auto 17095 ) 17096 1fr; 17097 grid-row-gap: ${(0,b.Kq)(0)}; 17098 } 17099 } 17100 ${(0,b.L7)(S.LO.md)} { 17101 .summary-item:first-child { 17102 padding-bottom: ${(0,b.Kq)(2.5)}; 17103 } 17104 } 17105 17106 .summary-item:last-child {
17107 align-self: start; 17108 border-bottom: 1px solid 17109 ${(0,b.HK)("colors.discovery.body.white.border")}; 17110 padding-bottom: ${(0,b.Kq)(2.5)}; 17111 } 17112 17113 .summary-item__content { 17114 padding-top: ${(0,b.Kq)(2.5)}; 17115 } 17116 ${w.A} { 17117 border-top: none; 17118 } 17119`,O=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveMainItem"})` 17120 && { 17121 grid-column: 1 / -1; 17122 ${(0,b.H4)(S.LO.lg)} { 17123 grid-column: 4 / 10; 17124 border-bottom: 0; 17125 padding-bottom: ${(0,b.Kq)(3)}; 17126 } 17127 17128 img { 17129 object-fit: cover; 17130 object-position: top; 17131 } 17132 } 17133 17134 .summary-item__hed { 17135 ${(0,b.Gg)("typography.definitions.discovery.hed-feature")}; 17136 color: ${(0,b.HK)("colors.discovery.body.white.heading")}; 17137 } 17138 ${(0,b.H4)(S.LO.lg)} { 17139 grid-column: 4 / -1; 17140 } 17141 17142 .summary-item__dek { 17143 display: block; 17144 ${(0,b.Gg)("typography.definitions.discovery.description-core")}; 17145 color: ${(0,b.HK)("colors.discovery.body.white.description")}; 17146 } 17147 17148 .summary-item__content { 17149 padding-bottom: 0; 17150 } 17151 17152 .summary-item__image-link { 17153 padding-right: 0; 17154 17155 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17156 margin-right: ${({isBestStories:e})=>e?0:"-"+(0,b.Kq)(3)}; 17157 margin-left: ${({isBestStories:e})=>e?0:"-"+(0,b.Kq)(3)}; 17158 } 17159 } 17160 17161 .summary-item__byline { 17162 margin-bottom: 0; 17163 } 17164 ${v.fq}.summary-item__rubric { 17165 margin-bottom: ${(0,b.Kq)(2)}; 17166 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17167 margin-bottom: ${(0,b.Kq)(1.5)}; 17168 } 17169 color: ${(0,b.HK)("colors.discovery.body.white.context-signature")}; 17170 } 17171 17172 .summary-item:first-child { 17173 padding-bottom: ${(0,b.Kq)(2.5)}; 17174 } 17175`,K=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveSummaryListItem"})` 17176 && { 17177 grid-column: 1 / -1; 17178 margin: 0; 17179 padding: 0; 17180 17181 .summary-item { 17182 margin: 0 0 ${(0,b.Kq)(2)}; 17183 padding: ${(0,b.Kq)(2.5)} 0; 17184 ${(0,b.H4)(S.LO.lg)} { 17185 position: relative; 17186 margin-bottom: 0; 17187 overflow: hidden; 17188 } 17189 17190 &:first-child { 17191 ${(0,b.H4)(S.LO.lg)} { 17192 padding-top: 0; 17193 } 17194 ${(0,b.L7)(S.LO.md)} { 17195 padding-top: ${(0,b.Kq)(2.5)}; 17196 } 17197 } 17198 17199 &:last-child { 17200 ${(0,b.Xm)(0,S.LO.md)} { 17201 margin-bottom: 0; 17202 padding-bottom: 0; 17203 } 17204 17205 ${(0,b.Xm)(0,S.LO.lg)} { 17206 &::after { 17207 display: none; 17208 } 17209 } 17210 } 17211 17212 .summary-item__hed { 17213 ${(0,b.Gg)("typography.definitions.discovery.hed-core-primary")} 17214 color: ${(0,b.HK)("colors.discovery.body.white.heading")}; 17215 } 17216 17217 .summary-item__metadata-primary, 17218 .summary-item__metadata-secondary { 17219 display: none; 17220 } 17221 } 17222 } 17223 17224 && { 17225 ${(0,b.H4)(S.LO.lg)} { 17226 grid-column: 9 / -1; 17227 margin-left: calc(var(--border-offset) * -1); 17228 padding-left: var(--border-offset); 17229 width: calc(100% + var(--border-offset)); 17230 } 17231 ${({hideVerticalBorders:e})=>e&&y.AH` 17232 &&& { 17233 border-left: 0; 17234 padding-left: 0; 17235 } 17236 `} 17237 17238 ${({hasUnderHeroItem:e})=>e&&y.AH` 17239 grid-row-end: span 3; 17240 `} 17241 17242.summary-item:last-child { 17243 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17244 border-bottom: none; 17245 padding-bottom: ${(0,b.Kq)(1)}; 17246 } 17247 17248 @media (min-width: 0) and (max-width: calc(${S.LO.md} - 1px)) { 17249 padding-bottom: ${(0,b.Kq)(2)}; 17250 } 17251 } 17252 ${(0,b.H4)(S.LO.lg)} { 17253 grid-column: 1 / span 3; 17254 grid-row-start: ${({isBestStories:e})=>e?"2":"1"}; 17255 margin: 0 calc(var(--border-offset) * -1) 0 0; 17256 padding-right: var(--border-offset); 17257 padding-left: 0; 17258 } 17259 17260 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17261 margin-bottom: ${(0,b.Kq)(2)}; 17262 } 17263 17264 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17265 margin-bottom: 0; 17266 } 17267 17268 .summary-item__hed { 17269 /* TOFIX: Lots of overrides happening here, this reassigns the default token for .summary-item__hed */ 17270 ${(0,b.Gg)("typography.definitions.discovery.hed-core-primary")} 17271 } 17272 17273 .summary-item__dek { 17274 display: block; 17275 } 17276 17277 .summary-item--has-border { 17278 margin-bottom: 0; 17279 } 17280 17281 .summary-item__content { 17282 padding-bottom: 0; 17283 } 17284 17285 .summary-item--has-rule .summary-item__hed-link::after { 17286 display: block; 17287 } 17288 } 17289 17290 ${({shouldEnableDenseMobile:e,theme:t})=>e&&y.AH` 17291 ${(0,b.L7)(S.LO.md)} { 17292 border-bottom: 1px solid 17293 ${(0,b.HK)(t,"colors.discovery.body.white.border")}; 17294 17295 .summary-list__items { 17296 display: grid; 17297 grid-template-columns: repeat(2, 1fr); 17298 column-gap: 16px; 17299 } 17300 17301 .summary-list__items > div:nth-child(1) { 17302 grid-column: 1 / -1; 17303 } 17304 17305 .summary-list__item:nth-child(2), 17306 .summary-list__item:nth-child(3) { 17307 border-bottom: none; 17308 } 17309 } 17310 `} 17311`,D=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveUnderMainItem"})` 17312 grid-column: 1 / -1; 17313 border-top: 1px solid ${(0,b.HK)("colors.discovery.body.white.border")}; 17314 border-bottom: none; 17315 ${(0,b.H4)(S.LO.lg)} { 17316 grid-column: 4 / -1; 17317 } 17318 17319 &.summary-item { 17320 .summary-item__hed { 17321 margin-bottom: ${(0,b.Kq)(1)}; 17322 ${(0,b.Gg)("typography.definitions.discovery.hed-core-secondary")}; 17323 color: ${(0,b.HK)("colors.discovery.body.white.heading")}; 17324 } 17325 17326 &:first-of-type { 17327 padding-bottom: ${(0,b.Kq)(2.5)}; 17328 } 17329 } 17330 17331 .summary-item__dek { 17332 display: block; 17333 } 17334 17335 .summary-item__asset-container { 17336 display: grid; 17337 align-self: baseline; 17338 padding-top: ${(0,b.Kq)(2.5)}; 17339 } 17340 ${T.Tr} { 17341 padding-bottom: 0; 17342 } 17343 17344 ${({theme:e,isBestStories:t})=>t?y.AH` 17345 &&& { 17346 ${(0,b.L7)(S.LO.md)} { 17347 border-top: 1px solid rgb(229, 229, 229); 17348 padding: 1rem 0; 17349 17350 .mobile_dense_smart_item-0 { 17351 border-top: 1px solid 17352 ${(0,b.HK)(e,"colors.discovery.body.white.border")}; 17353 } 17354 } 17355 } 17356 ${H.zQ} { 17357 ${(0,b.L7)(S.LO.md)} { 17358 border-bottom: 1px solid 17359 ${(0,b.HK)(e,"colors.discovery.body.white.border")}; 17360 padding: ${(0,b.Kq)(2)} 0; 17361 ${I.jY} { 17362 margin: ${(0,b.Kq)(2)} 0; 17363 } 17364 ${I.S3} { 17365 margin-bottom: 0.5rem; 17366 ${(0,b.Gg)("typography.definitions.discovery.hed-core-secondary")}; 17367 } 17368 ${I.tH}::after { 17369 display: none; 17370 } 17371 } 17372 } 17373 `:y.AH` 17374 &&& { 17375 ${(0,b.L7)(S.LO.md)} { 17376 border-top: none; 17377 padding-bottom: 0; 17378 17379 .mobile_dense_smart_item-0 { 17380 border-top: 1px solid 17381 ${(0,b.HK)(e,"colors.discovery.body.white.border")}; 17382 } 17383 } 17384 } 17385 ${H.zQ} { 17386 ${(0,b.L7)(S.LO.md)} { 17387 border-bottom: 1px solid 17388 ${(0,b.HK)(e,"colors.discovery.body.white.border")}; 17389 padding: ${(0,b.Kq)(2)} 0; 17390 ${I.jY} { 17391 margin: ${(0,b.Kq)(2)} 0; 17392 } 17393 ${I.S3} { 17394 margin-bottom: 0.5rem; 17395 ${(0,b.Gg)("typography.definitions.discovery.hed-core-secondary")}; 17396 } 17397 ${I.tH}::after { 17398 display: none; 17399 } 17400 } 17401 } 17402 `} 17403`,_=y.Ay.div.withConfig({displayName:"SummaryCollageTwelveSectionTitle"})` 17404 position: relative; 17405 grid-column: 1/-1; 17406 grid-row: 1; 17407 z-index: 1; 17408 margin-bottom: ${(0,b.Kq)(3)}; 17409 ${C.bU} { 17410 padding: 0.25rem 0.75rem; 17411 } 17412`,P=(0,y.Ay)(c.A.Collection).withConfig({displayName:"SummaryCollageTweleveSummaryList"})` 17413 &&& { 17414 order: 3; 17415 margin: 0; 17416 border-top: none; 17417 padding: 0; 17418 17419 ${(0,b.H4)(S.LO.lg)} { 17420 grid-column: 10 / span 3; 17421 grid-row: 2 / span 2; 17422 margin-left: calc(var(--border-offset) * -1); 17423 padding-right: 0; 17424 padding-left: var(--border-offset); 17425 width: calc(100% + var(--border-offset)); 17426 height: 100%; 17427 } 17428 17429 /* reset width of child elements */ 17430 &: { 17431 width: auto; 17432 } 17433 ${k.Ls} { 17434 padding-top: 0; 17435 padding-bottom: 0; 17436 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17437 margin-top: ${(0,b.Kq)(3)}; 17438 margin-bottom: ${(0,b.Kq)(3)}; 17439 padding-top: ${({isBestStories:e})=>e?0:(0,b.Kq)(.5)}; 17440 padding-bottom: ${({isBestStories:e})=>e?0:(0,b.Kq)(.5)}; 17441 } 17442 17443 ${({isBestStories:e,enableBestStoriesStyling:t})=>e&&y.AH` 17444 margin-bottom: 0; 17445 ${C.bU} { 17446 padding: ${!1===t?"0.25rem 0":"0.25rem 0.75rem"}; 17447 } 17448 `} 17449 } 17450 17451 .summary-list__item { 17452 grid-template-areas: 'content image'; 17453 grid-template-columns: 1fr 75px; 17454 padding-top: ${(0,b.Kq)(2.5)}; 17455 padding-bottom: ${(0,b.Kq)(2.5)}; 17456 17457 &:first-of-type { 17458 ${(0,b.H4)(S.LO.lg)} { 17459 border-top: 1px solid 17460 ${(0,b.HK)("colors.discovery.body.white.border")}; 17461 padding-top: 0; 17462 } 17463 } 17464 17465 &:last-of-type { 17466 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17467 border-bottom: none; 17468 padding-bottom: 0; 17469 } 17470 } 17471 17472 &.summary-item--has-border { 17473 margin-bottom: 0; 17474 } 17475 17476 &.summary-item--layout-placement-side-by-side { 17477 grid-column-gap: var(--grid-gap); 17478 } 17479 17480 .summary-item__image-link { 17481 align-self: start; 17482 max-width: 75px; 17483 height: auto; 17484 } 17485 17486 .summary-item__hed { 17487 margin-bottom: 0; 17488 } 17489 } 17490 ${({displayHed:e})=>!e&&y.AH` 17491 && { 17492 order: 2; 17493 17494 ${(0,b.H4)(S.LO.lg)} { 17495 grid-row: 1 / span 3; 17496 } 17497 17498 .summary-list__item { 17499 &:first-of-type { 17500 border-top: none; 17501 } 17502 } 17503 } 17504 `} 17505 } 17506`,R=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveGridItemList"})` 17507 ${L.pO} { 17508 border-bottom: 1px solid 17509 ${(0,b.HK)("colors.discovery.body.white.border")}; 17510 17511 ${T.hU} { 17512 ${E.Y} { 17513 padding-top: 0; 17514 text-transform: capitalize; 17515 line-height: 1.45em; 17516 ${(0,b.Gg)("typography.definitions.discovery.hed-core-secondary")}; 17517 color: ${(0,b.HK)("colors.discovery.body.white.heading")}; 17518 } 17519 } 17520 17521 ${T.IB} { 17522 ${(0,b.Gg)("typography.definitions.discovery.description-core")}; 17523 padding-bottom: 8px; 17524 text-transform: none; 17525 color: ${(0,b.HK)("colors.discovery.body.white.description")}; 17526 } 17527 17528 ${L.Bb} { 17529 border-bottom: none; 17530 padding-top: 20px; 17531 padding-bottom: 0; 17532 text-align: center; 17533 color: ${(0,b.HK)("colors.consumption.lead.standard.context-signature")}; 17534 ${(0,b.Gg)("typography.definitions.globalEditorial.context-primary")}; 17535 } 17536 17537 ${L.P_} { 17538 padding-top: 24px; 17539 padding-bottom: 24px; 17540 color: ${(0,b.HK)("colors.discovery.body.white.description")}; 17541 } 17542 17543 .summary-item__rubric { 17544 display: none; 17545 } 17546 } 17547 17548 ${({isBestStories:e})=>e&&y.AH` 17549 .summary-list__items { 17550 display: flex; 17551 flex-direction: column; 17552 } 17553 17554 ${L.pO} { 17555 && { 17556 order: 1; 17557 } 17558 17559 ${L.Bb} { 17560 text-align: left; 17561 } 17562 } 17563 `} 17564 17565 ${({isCenterAlignedWithTopDividerOnly:e,isBestStories:t})=>e&&y.AH` 17566 ${w.A} { 17567 ${w.E} { 17568 .summary-list__items { 17569 ${t&&y.AH` 17570 display: flex; 17571 flex-direction: column; 17572 `} 17573 ${L.pO} { 17574 ${t&&y.AH` 17575 order: 1; 17576 padding-bottom: 0; 17577 ${T.tP} { 17578 order: 1; 17579 max-width: 100%; 17580 } 17581 ${T.Tr} { 17582 text-align: left; 17583 17584 .summary-item__byline { 17585 display: none; 17586 } 17587 } 17588 ${L.Bb} { 17589 text-align: left; 17590 } 17591 ${T.Rp} { 17592 padding-top: 1rem; 17593 ${E.Y} { 17594 font-size: 18px; 17595 } 17596 } 17597 `} 17598 } 17599 } 17600 } 17601 } 17602 `} 17603 17604 grid-column: 1 / -1; 17605 order: ${({hasHed:e})=>e?3:2}; 17606 17607 ${(0,b.H4)(S.LO.lg)} { 17608 grid-column: 10 / span 3; 17609 grid-row: ${({hasHed:e})=>e?"2 / span 2":"1 / span 3"}; 17610 } 17611 17612 .summary-list__item--before-hidden { 17613 border-bottom: none; 17614 } 17615 ${T.hU} { 17616 ${E.Y} { 17617 ${(0,b.Gg)("typography.definitions.discovery.hed-bulletin-
17617primary")}; 17618 color: ${(0,b.HK)("colors.discovery.body.white.heading")}; 17619 } 17620 } 17621`,q=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveGridItemListButtonWrapper"})` 17622 display: flex; 17623 align-items: center; 17624 justify-content: center; 17625 17626 ${(0,b.H4)(S.LO.lg)} { 17627 display: none; 17628 } 17629 17630 .button--show-list { 17631 margin-top: ${(0,b.Kq)(4)}; 17632 } 17633`,M=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveSummaryCarouselWrapper"})` 17634 ${({theme:e})=>y.AH` 17635 ${L.pO} { 17636 border-bottom: 1px solid 17637 ${(0,b.HK)(e,"colors.discovery.body.white.border")}; 17638 } 17639 ${T.hU} { 17640 ${E.Y} { 17641 text-transform: capitalize; 17642 line-height: 1.45em; 17643 ${(0,b.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 17644 color: ${(0,b.HK)("colors.discovery.body.white.heading")}; 17645 padding-top: 0; 17646 } 17647 } 17648 ${T.IB} { 17649 ${(0,b.Gg)(e,"typography.definitions.discovery.description-core")}; 17650 padding-bottom: 8px; 17651 text-transform: none; 17652 color: ${(0,b.HK)(e,"colors.discovery.body.white.description")}; 17653 } 17654 ${L.Bb} { 17655 color: ${(0,b.HK)(e,"colors.consumption.lead.standard.context-signature")}; 17656 ${(0,b.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 17657 text-align: center; 17658 padding-top: 20px; 17659 border-bottom: none; 17660 padding-bottom: 0; 17661 border-top: 1px solid; 17662 border-top-color: ${(0,b.HK)(e,"colors.discovery.body.white.border")}; 17663 } 17664 ${L.P_} { 17665 padding-top: 24px; 17666 padding-bottom: 24px; 17667 color: ${(0,b.HK)(e,"colors.discovery.body.white.description")}; 17668 } 17669 .summary-item__asset-container { 17670 margin-left: 57px; 17671 margin-right: 57px; 17672 } 17673 ${(0,b.H4)(S.LO.md)} { 17674 display: none; 17675 } 17676 ${v.fq}.summary-item__rubric { 17677 display: block; 17678 } 17679 ${T.Rp} { 17680 grid-template-rows: auto; 17681 ${T.Tr} { 17682 grid-row: 1; 17683 } 17684 ${T.tP} { 17685 grid-row: 2; 17686 max-width: 100%; 17687 } 17688 } 17689 `} 17690 ${({shouldEnableDenseMobile:e,theme:t})=>e&&y.AH` 17691 ${N.oX} { 17692 min-width: 75vw; 17693 padding: 0; 17694 margin-right: ${(0,b.Kq)(2)}; 17695 border-right: 1px solid 17696 ${(0,b.HK)(t,"colors.discovery.body.white.border")}; 17697 padding-right: ${(0,b.Kq)(2)}; 17698 17699 &:last-child { 17700 border: none; 17701 } 17702 } 17703 `} 17704 ${(0,b.H4)(S.LO.md)} { 17705 display: none; 17706 } 17707 ${v.fq}.summary-item__rubric { 17708 display: block; 17709 } 17710 ${T.Rp} { 17711 grid-template-rows: auto; 17712 ${v.fq} { 17713 grid-row: 1; 17714 } 17715 ${T.Tr} { 17716 grid-row: 2; 17717 } 17718 } 17719 17720 .summary-item__rubric { 17721 display: none; 17722 } 17723 ${x.F5} { 17724 padding-right: 0; 17725 padding-left: 0; 17726 } 17727`,F=(0,y.Ay)(A.A).withConfig({displayName:"SummaryCollageTweleveSummaryCarousel"})``,U=y.Ay.div.withConfig({displayName:"SummaryCollageTweleveGrid"})` 17728 ${(0,f.VO)()} 17729 ${(0,$.AQ)()} 17730 ${(0,f.aU)("padding")} 17731 17732 display: grid; 17733 grid-template-columns: repeat(4, 1fr); 17734 column-gap: var(--grid-gap); 17735 margin: 0 auto; 17736 width: 100%; 17737 max-width: ${S.LO.xxl}; 17738 row-gap: 0; 17739 17740 ${(0,b.H4)(S.LO.md)} { 17741 grid-template-columns: repeat(12, 1fr); 17742 } 17743 17744 ${(0,b.H4)(S.LO.lg)} { 17745 grid-template-rows: minmax(${(0,b.Kq)(4)}, auto) repeat(2, 1fr); 17746 } 17747 17748 ${T.hU} { 17749 ${E.Y} { 17750 margin-bottom: ${(0,b.Kq)(1)}; 17751 } 17752 } 17753 ${O} { 17754 ${T.hU} { 17755 ${E.Y} { 17756 margin-bottom: ${(0,b.Kq)(1)}; 17757 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17758 margin-bottom: ${(0,b.Kq)(.5)}; 17759 } 17760 } 17761 } 17762 ${T.IB} { 17763 ${(0,b.Gg)("typography.definitions.discovery.description-feature")}; 17764 margin-bottom: ${(0,b.Kq)(2)}; 17765 @media (min-width: 0) and (max-width: calc(${S.LO.lg} - 1px)) { 17766 margin-bottom: ${(0,b.Kq)(1)}; 17767 } 17768 } 17769 } 17770 ${D} { 17771 padding-bottom: ${(0,b.Kq)(2.5)}; 17772 } 17773`;var V=n(99906),G=n(53499),W=n(88456),j=n(75989),z=n(14307),Y=n(74644),X=n(5303);const Z=(e,t,n)=>e||(t&&n?"mobile_dense":"default"),J=(e,t,n,o,i,a)=>()=>e(t,n,o,i,a),Q=({configuredComponentRef:e,curatedSearchHed:t,dangerousDek:n,dangerousHed:o,enableBestStoriesStyling:i,featuredDangerousHed:a,featuredFooter:r,hasUnderlineHed:l,hideRubricItemSummary:y=!1,listItemsLimit:b=6,isCenterAlignedWithTopDividerOnly:f,items:w=[],isBestStories:$=!1,rightColumnFeature:v,recircRiver:C,sectionTitleVariation:k="TextLeft",shouldUseFeaturedTitleAndFooter:A=!1,shouldEnableBundleComponentAnalytics:x,shouldHideBylines:E=!1,shouldHideDangerousDekInSummaryList:S=!0,shouldLimitListItemsOnMobile:L=!1,shouldTrackSnowplowEvent:T=!1,shouldUseDekAsHed:N=!1,summaryListSummaryItemVariation:H,summaryListHed:I,summaryItemRubricVariation:Q,summaryItemVariation:ee="SideBySideThirdsImageRight",summarySectionTitleVariation:te="TextLeft",trackingNamespace:ne,variations:oe})=>{const[ie,ae]=s.useState(!0);s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(G.G.RENDER,{name:"SummaryCollageTweleve"})},[]);const re=!(0,X.q)({initialValue:!0}),se=((e,t,n,o,i)=>
17773e?i:t&&n||o)(N,A,a,o,n),le=I||t,de=!!se,[ce,me]=(0,s.useState)(6),{shouldEnableDenseMobile:ue=!1}=oe||{},pe=(e=>e?{hasFeatured:!0,summaryItemFeatured:e}:{})(v),ge=(e,t,n,i,a,r,s)=>{T&&(0,z.kg)({type:e,label:(0,Y.Fi)(r??o),subject:"summary_collage_twelve",items:[{content_title:t?.dangerousHed,content_type:t?.contentType,content_id:t?.copilotID,content_url:new URL(t?.url,window.location.origin)}],index:n,total_index:a||w?.length,placement:i,subject_version:Z(s,re,ue)})};(0,s.useEffect)(()=>{L&&window.innerWidth<V.Vh.xl&&me(b)},[b,L]);const he=d()(w),ye=!0,be=((e,t)=>e&&t?"TextBelowLeft":t?void 0:"SideBySideThirdsImageRight")($,re),{analyticsDataAttributeHero:fe,analyticsDataAttributeUnder:we}=((e,t,n,o)=>({analyticsDataAttributeHero:e(t,n?.hero||o),analyticsDataAttributeUnder:e(t,n?.under||o)}))(h.NY,x,ne,o),$e=he.slice(4,6),[ve]=he.slice(11,12),Ce={clickHandler:{},hasUnderlineHed:!1,hideRubricItemSummary:y,recircRiver:C},{featuredProps:ke}=(0,g.N)({item:ve,index:5,sharedSummaryItemProps:Ce,...pe,shouldHoldImageSpace:!0}),Ae=m.Ay[k],xe={type:"click",subject:"summary_collage_twelve",subject_version:Z(void 0,re,ue)};return s.createElement(U,{ref:e},s.createElement(B,null,((e,t,n,o)=>e?s.createElement(_,{as:t,dangerousHed:n,link:{html:o},hedTag:"h2"}):null)($,Ae,o,n),s.createElement(O,{...he[0],as:u.A.TextBelowLeft,analyticsDataAttribute:fe,hideRubricItemSummary:!1,recircRiver:C,shouldHideBylines:E,shouldHideDangerousDek:!1,shouldHidePublishDate:!0,hasUnderlineHed:!1,isBestStories:$,placement:"hero",shouldTrackItemImpressionForSnowplow:T,impressionHandler:J(ge,"impression",he[0],0,"hero",1),clickHandler:J(ge,"click",he[0],0,"hero",1)}),s.createElement(K,{hasUnderHeroItem:ye,hideVerticalBorders:!0,as:c.A.Collection,dangerousHed:$?null:o,isBestStories:$&&i,shouldEnableBundleComponentAnalytics:x,shouldHideDangerousDek:!0,items:he.slice(1,4),sectionTitleVariation:k,summaryItemVariation:ee,shouldHideBylines:E,shouldHidePublishDate:!0,trackingNamespace:ne?.aside,recircRiver:C,hasUnderlineHed:!1,rubricVariation:Q,shouldEnableDenseMobile:ue,shouldTrackItemImpressionForSnowplow:T,impressionHandler:ge,snowplowEvent:{...xe,total_index:3},placement:"secondary",totalItems:3}),((e,t,n,o)=>{if(!e)return null;const{isBestStories:i,isMobile:a,analyticsDataAttributeUnder:r,recircRiver:l,shouldHideBylines:d,shouldEnableDenseMobile:c,shouldTrackSnowplowEvent:m,trackSnowplowEvent:p}=o;return t.map((e,t)=>s.createElement(D,{key:`underHereItem-${t}`,...e,as:u.A[n],shouldHideDangerousDek:i&&a,analyticsDataAttribute:r,hideRubricItemSummary:!1,recircRiver:l,shouldHideBylines:d,shouldHidePublishDate:!0,hasUnderlineHed:!1,isBestStories:i,shouldEnableDenseMobile:c,shouldTrackItemImpressionForSnowplow:m,placement:"secondary_stacked",clickHandler:J(p,"click",e,t,"secondary_stacked",2),impressionHandler:J(p,"impression",e,t,"secondary_stacked",2)},a&&!i&&s.createElement(j.A,{className:`mobile_dense_smart_item-${t}`,key:t,contributors:e.contributors,image:e.image,dangerousHed:e.dangerousHed,dangerousDek:e.dangerousDek,rubric:e.rubric,url:e.url,rubricVariation:"DiscoveryItem",shouldTrackSnowplowEvent:m,clickHandler:J(p,"click",e,t,"secondary_stacked",2),impressionHandler:J(p,"impression",e,t,"secondary_stacked",2)})))})(ye,$e,be,{isBestStories:$,isMobile:re,analyticsDataAttributeUnder:we,recircRiver:C,shouldHideBylines:E,shouldEnableDenseMobile:ue,shouldTrackSnowplowEvent:T,trackSnowplowEvent:ge})),s.createElement(R,{hasHed:de,isCenterAlignedWithTopDividerOnly:f,isBestStories:$},(e=>{const{shouldEnableDenseMobile:t,isMobile:n,items:o,listItemsVisible:i,listProps:a,displayHed:r,summaryListHeading:l,shouldUseFeaturedTitleAndFooter:d,featuredFooter:c,hasUnderlineHed:m,shouldEnableBundleComponentAnalytics:u,shouldHideDangerousDekInSummaryList:g,summaryListSummaryItemVariation:h,summaryItemVariation:y,recircRiver:b,isBestStories:f,trackingNamespace:w,trackSnowplowEvent:$,shouldTrackSnowplowEvent:v,snowplowEvent:C,removeAnchorTags:k,featuredProps:A,item:x,dangerousHed:E,enableBestStoriesStyling:S,summarySectionTitleVariation:L}=e;return t&&n?s.createElement(M,{shouldEnableDenseMobile:t},s.createElement(F,{items:o.slice(6,6+i-1),dangerousHed:l,summaryItemVariation:"SideBySideDenseNoAsset",hideRubricItemSummary:!1,shouldShowViewAllButton:!1,shouldHideBylines:!0,shouldHideDangerousDek:!0,shouldHidePublishDate:!0,hasCarouselControls:!1,hasModerateSpacing:!1,shouldHideCarouselFooter:!0,isSummaryHeadingSecondary:!0,shouldShowAllContentWhenDense:!0,shouldEnableDenseMobile:t,placement:"right_rail",impressionH
17773andler:$,shouldTrackItemImpressionForSnowplow:v,snowplowEvent:{...C,total_index:6},version:"mobile_dense-off_canvas",totalItems:6}),s.createElement(p.A,{...A,shouldEnableBundleComponentAnalytics:u,hedTag:E?"h3":"h2",impressionHandler:J($,"impression",x,5,"right_rail",6),clickHandler:J($,"click",x,5,"right_rail",6)})):s.createElement(P,{enableBestStoriesStyling:S,isBestStories:f,...a,displayHed:r,dangerousHed:l,footerWithLink:d?c:{},hasUnderlineHed:m,hideRubricItemSummary:!1,shouldEnableBundleComponentAnalytics:u,shouldHideDangerousDek:g,shouldHidePublishDate:!0,shouldHoldImageSpace:!1,items:o.slice(6,6+i),sectionTitleVariation:L,summaryItemVariation:h||y,recircRiver:b,shouldHideBylines:!f,trackingNamespace:w?.rightRail,placement:"right_rail",totalItems:6,impressionHandler:$,clickHandler:$,shouldTrackItemImpressionForSnowplow:v,snowplowEvent:{...C,total_index:6,label:k(l)}})})({shouldEnableDenseMobile:ue,isMobile:re,items:w,listItemsVisible:ce,listProps:pe,displayHed:se,summaryListHeading:le,shouldUseFeaturedTitleAndFooter:A,featuredFooter:r,hasUnderlineHed:l,shouldEnableBundleComponentAnalytics:x,shouldHideDangerousDekInSummaryList:S,summaryListSummaryItemVariation:H,summaryItemVariation:ee,recircRiver:C,isBestStories:$,trackingNamespace:ne,trackSnowplowEvent:ge,shouldTrackSnowplowEvent:T,snowplowEvent:xe,removeAnchorTags:Y.Fi,featuredProps:ke,item:ve,dangerousHed:o,enableBestStoriesStyling:i,summarySectionTitleVariation:te}),s.createElement(q,null,((e,t,n)=>e?s.createElement(W.A.Primary,{className:"button--show-list",onClickHandler:t,label:n?"Show More":"Show Less",inputKind:"button"}
17773):null)(L,()=>{me(ie?6:b),ae(!ie)},ie))))};Q.propTypes={configuredComponentRef:r().func,className:r().string,curatedSearchHed:r().string,dangerousDek:r().string,dangerousHed:r().string,enableBestStoriesStyling:r().bool,featuredDangerousHed:r().string,featuredFooter:r().shape({link:r().string,label:r().string}),hasUnderlineHed:r().bool,hideRubricItemSummary:r().bool,hideVerticalBorders:r().bool,isBestStories:r().bool,isCenterAlignedWithTopDividerOnly:r().bool,items:r().arrayOf(r().shape(u.A.propTypes)),listItemsLimit:r().number,recircRiver:r().string,rightColumnFeature:r().shape({ctaUrl:r().string,header:r().string,ctaTextLabel:r().string,itemIndex:r().number,hideOnMobile:r().bool,overrideFeaturedLinks:r().bool}),sectionTitleVariation:r().string,shouldEnableBundleComponentAnalytics:r().bool,shouldHideBylines:r().bool,shouldHideDangerousDek:r().bool,shouldHideDangerousDekInFeaturedItems:r().bool,shouldHideDangerousDekInSummaryList:r().bool,shouldLimitListItemsOnMobile:r().bool,shouldTrackSnowplowEvent:r().bool,shouldUseDekAsHed:r().bool,shouldUseFeaturedTitleAndFooter:r().bool,summaryItemRubricVariation:r().string,summaryItemVariation:c.A.propTypes.summaryItemVariation,summaryListHed:r().string,summaryListSummaryItemVariation:r().string,summarySectionTitleVariation:r().string,trackingNamespace:r().object,variations:r().shape({shouldEnableDenseMobile:r().bool})},Q.displayName="SummaryCollageTweleve";const ee=Q;ee.DenseMobile=(0,i.y)(ee,"DenseMobile",{shouldEnableDenseMobile:!0},{});const te=ee,ne=(0,o.y)(te,"SummaryCollageTweleve")},72147(e,t,n){n.d(t,{A:()=>F});var o=n(47655),i=n(96540),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(45135),c=n(94828),m=n(73347),u=n(38080),p=n(90090),g=n(3247),h=n(13465),y=n(53499),b=n(89957),f=n(14307),w=n(38267),$=n(19607),v=n(74423),C=n(33500),k=n(68116),A=n(40653),x=n(86659),E=n(99906),S=n(75989),L=n(11586),T=n(26865),N=n(1123),H=n(96472);const I=w.Ay.div.withConfig({displayName:"SummaryCollectionRowWrapper"})` 17774 background-color: ${({hasBackgroundColor:e,isInvertedTheme:t})=>e?(0,T.HK)(!t&&e?"colors.discovery.body.light.background":"colors.interactive.base.black"):"transparent"}; 17775 17776 ${(0,T.H4)(H.LO.lg)} { 17777 ${({shouldHaveIncreasedHorizontalPadding:e})=>e?`padding: 0 ${(0,T.Kq)(8)}`:""}; 17778 } 17779 17780 ${k.Rp} { 17781 ${L.fI} { 17782 position: absolute; 17783 right: ${(0,T.Kq)(.5)}; 17784 bottom: ${(0,T.Kq)(.5)}; 17785 background: transparent; 17786 height: ${(0,T.Kq)(3)}; 17787 17788 ${L.eC} { 17789 border: none; 17790 background: none; 17791 text-decoration: none; 17792 } 17793 17794 ${({theme:e})=>`\n ${(0,T._o)(e,"border-color","colors.discovery.body.black.border")};\n \n svg {\n path {\n ${(0,T._o)(e,"fill","colors.discovery.body.white.accent")};\n }\n }\n \n `} 17795 } 17796 } 17797`,B=w.Ay.div.withConfig({displayName:"SummaryCollectionRowSectionTitleWrapper"})` 17798 ${(0,N.VO)()} 17799 margin: 0 auto; 17800 ${(0,N.aU)("padding")} 17801 max-width: ${H.LO.xxl}; 17802`,O=w.Ay.div.withConfig({displayName:"SummaryCollectionRowSectionTitle"})` 17803 ${C.bU} { 17804 ${(0,T.Gg)("typography.definitions.discovery.subhed-section-collection")}; 17805 } 17806`,K=`\n &:last-child {\n padding-bottom: 0;\n \n ${(0,T.H4)(H.LO.md)}{\n padding-bottom: ${(0,T.Kq)(2)};\n }\n }\n`,D=(0,w.Ay)(({columnAmount:e,variation:t,shouldHideDangerousDek:n,shouldHideDangerousHed:o,hasExtraRubricSpace:a,hasLessBottomSpace:r,hasTighterBylineSpacing:s,...l})=>{const d=c.A[t];return i.createElement(d,{...l})}).withConfig({displayName:"SummaryCollectionRowItem"})` 17807 ${I} & { 17808 align-items: start; 17809 padding-bottom: ${(0,T.Kq)(2)}; 17810 ${(0,T.H4)(H.LO.md)} { 17811 border-bottom: 0; 17812 } 17813 17814 .summary-item__rubric { 17815 ${({isInvertedTheme:e})=>(0,T.Gg)(e?"typography.definitions.discovery.subhed-section-tertiary":"typography.definitions.globalEditorial.context-primary")}; 17816 display: block; 17817 color: ${(0,T.HK)("colors.discovery.body.light.context-signature")}; 17818 17819 ${(0,T.H4)(H.LO.md)} { 17820 margin-bottom: ${({hasExtraRubricSpace:e})=>e?(0,T.Kq)(1):(0,T.Kq)(.5)}; 17821 } 17822 17823 > * { 17824 ${({isInvertedTheme:e,theme:t})=>e&&`color:${(0,T.HK)(t,"colors.discovery.body.white.background")}`}; 17825 } 17826 } 17827 17828 .summary-item__hed-link { 17829 display: ${({shouldHideDangerousHed:e})=>e?"none":"block"}; 17830 17831 &::after { 17832 display: none; 17833 } 17834 color: ${({isInvertedTheme:e})=>`${(0,T.HK)(e?"colors.discovery.body.white.description":"colors.discovery.body.light.heading")}`}; 17835 } 17836 17837 .summary-item__hed { 17838 ${({isInvertedTheme:e})=>(0,T.Gg)(e?"typography.definitions.globalEditorial.context-tertiary":"typography.definitions.discovery.hed-bulletin-
17838primary")}; 17839 margin-bottom: 0; 17840 } 17841 17842 .summary-item__hed:hover { 17843 ${({isInvertedTheme:e,theme:t})=>e&&`color: ${(0,T.HK)(t,"colors.consumption.lead.inverted.link-hover")}`}; 17844 } 17845 17846 .summary-item__dek { 17847 ${(0,T.Gg)("typography.definitions.discovery.description-page")} 17848 display: ${({shouldHideDangerousDek:e})=>e?"none":"block"}; 17849 margin: ${(0,T.Kq)(2)} 0 ${(0,T.Kq)(1)}; 17850 color: ${(0,T.HK)("colors.discovery.body.white.description")}; 17851 } 17852 17853 .summary-item__content { 17854 ${({hasLessBottomSpace:e})=>e?`padding-bottom: ${(0,T.Kq)(0)}`:""} 17855 ${({isInvertedTheme:e})=>e?`padding-bottom: ${(0,T.Kq)(2)};\n padding-top: ${(0,T.Kq)(3)}`:""}; 17856 } 17857 17858 .summary-item__byline { 17859 margin-top: ${({hasTighterBylineSpacing:e})=>e?(0,T.Kq)(1):(0,T.Kq)(2)}; 17860 17861 ${v.f9}, 17862 ${v.CR}, 17863 ${v.H1}, 17864 ${v.QW} { 17865 ${(0,T.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 17866 color: ${(0,T.HK)("colors.discovery.body.light.accreditation")}; 17867 } 17868 17869 ${v.QW}:link { 17870 color: ${(0,T.HK)("colors.discovery.body.light.accreditation")}; 17871 } 17872 } 17873 17874 .summary-item__metadata-secondary { 17875 margin: ${(0,T.Kq)(2)} 0 0 0; 17876 } 17877 17878 ${(0,T.R9)("hasBorder",!1,K)}; 17879 } 17880`,_=(0,w.Ay)(S.A).withConfig({displayName:"SummaryCollectionRowSmartItem"})` 17881 align-items: start; 17882 padding-bottom: ${(0,T.Kq)(2)}; 17883 ${(0,T.H4)(H.LO.md)} { 17884 display: grid; 17885 border-bottom: 0; 17886 } 17887 17888 .smart-item__rubric { 17889 ${({isInvertedTheme:e})=>(0,T.Gg)(e?"typography.definitions.discovery.subhed-section-tertiary":"typography.definitions.globalEditorial.context-primary")}; 17890 display: block; 17891 color: ${(0,T.HK)("colors.discovery.body.light.context-signature")}; 17892 17893 ${(0,T.H4)(H.LO.md)} { 17894 margin-bottom: ${({hasExtraRubricSpace:e})=>e?(0,T.Kq)(1):(0,T.Kq)(.5)}; 17895 } 17896 17897 > * { 17898 ${({isInvertedTheme:e,theme:t})=>e&&`color:${(0,T.HK)(t,"colors.discovery.body.white.background")}`}; 17899 } 17900 } 17901 17902 .smart-item__hed-link { 17903 display: ${({shouldHideDangerousHed:e})=>e?"none":"block"}; 17904 17905 &::after { 17906 display: none; 17907 } 17908 color: ${({isInvertedTheme:e})=>`${(0,T.HK)(e?"colors.discovery.body.white.description":"colors.discovery.body.light.heading")}`}; 17909 } 17910 17911 .smart-item__hed { 17912 ${({isInvertedTheme:e})=>(0,T.Gg)(e?"typography.definitions.globalEditorial.context-tertiary":"typography.definitions.discovery.hed-bulletin-
17912primary")}; 17913 margin-bottom: 0; 17914 } 17915 17916 .smart-item__hed:hover { 17917 ${({isInvertedTheme:e,theme:t})=>e&&`color: ${(0,T.HK)(t,"colors.consumption.lead.inverted.link-hover")}`}; 17918 } 17919 17920 .smart-item__dek { 17921 ${(0,T.Gg)("typography.definitions.discovery.description-page")} 17922 display: ${({shouldHideDangerousDek:e})=>e?"none":"block"}; 17923 margin: ${(0,T.Kq)(2)} 0 ${(0,T.Kq)(1)}; 17924 color: ${(0,T.HK)("colors.discovery.body.white.description")}; 17925 } 17926 17927 .smart-item__content { 17928 ${({hasLessBottomSpace:e})=>e?`padding-bottom: ${(0,T.Kq)(0)}`:""} 17929 ${({isInvertedTheme:e})=>e?`padding-bottom: ${(0,T.Kq)(2)};\n padding-top: ${(0,T.Kq)(3)}`:""}; 17930 } 17931 17932 .smart-item__byline { 17933 margin-top: ${({hasTighterBylineSpacing:e})=>e?(0,T.Kq)(1):(0,T.Kq)(2)}; 17934 17935 ${v.f9}, 17936 ${v.CR}, 17937 ${v.H1}, 17938 ${v.QW} { 17939 ${(0,T.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 17940 color: ${(0,T.HK)("colors.discovery.body.light.accreditation")}; 17941 } 17942 17943 ${v.QW}:link { 17944 color: ${(0,T.HK)("colors.discovery.body.light.accreditation")}; 17945 } 17946 } 17947 17948 .smart-item__metadata-secondary { 17949 margin: ${(0,T.Kq)(2)} 0 0 0; 17950 } 17951 17952 ${(0,T.L7)(H.LO.md)} { 17953 border-bottom: 1px solid 17954 ${(0,T.HK)("colors.discovery.body.white.border")}; 17955 padding: ${(0,T.Kq)(2)} 0; 17956 } 17957`,P=(0,w.Ay)($.A).withConfig({displayName:"SummaryCollectionRowAd"})` 17958 padding-bottom: ${(0,T.Kq)(2)}; 17959 17960 ${(0,T.H4)(H.LO.md)} { 17961 border-bottom: 0; 17962 } 17963 ${(0,T.R9)("isBorderSpaceDisabled",!0,K)}; 17964`,R=(0,w.Ay)(x.A.ThreeUp).withConfig({displayName:"SummaryCollectionRowItems"})` 17965 .ad--trending { 17966 display: ${({showTrendingAd:e})=>e?"block":"none"}; 17967 } 17968 17969 ${(0,T.R9)("showTrendingAd",!0,w.AH` 17970 ${A.E}:last-of-type ${D} { 17971 display: none; 17972 } 17973 `)} 17974 17975 padding-top: ${(0,T.Kq)(2)}; 17976 padding-bottom: ${(0,T.Kq)(5)}; 17977 17978 ${(0,T.L7)(`${E.VS.md}px`)} { 17979 ${({hasNoBottomSpacingInMobile:e})=>e&&"padding-bottom: 0;"}; 17980 } 17981 17982 ${A.E} { 17983 grid-column: 1 / -1; 17984 /* crosshairs x axis */ 17985 &:nth-child(n) { 17986 @media (min-width: ${H.LO.md}) and (max-width: ${E.VS.lg}px) { 17987 position: relative; 17988 17989 &::before { 17990 position: absolute; 17991 bottom: 0; 17992 background: ${({theme:e})=>(0,T.HK)(e,"colors.discovery.body.white.border")}; 17993 width: 100%; 17994 height: 1px; 17995 content: ''; 17996 } 17997 } 17998 } 17999 18000 ${({shouldRemoveLastItemBorder:e})=>e&&w.AH` 18001 &:last-child ${k.Rp} { 18002 ${(0,T.L7)(`${E.VS.md}px`)} { 18003 border-bottom: none; 18004 padding-bottom: 0; 18005 } 18006 } 18007 `}; 18008 } 18009 18010 @media only screen and (min-width: ${E.VS.md}px) and (max-width: ${E.VS.lg}px) { 18011 padding-bottom: 0; 18012 ${A.E} { 18013 ${({columnAmount:e,hasFullWidth:t})=>1===e||t?"grid-column: 1 / -1":"grid-column: "+(4===e?"span 6":"span 4")} 18014 } 18015 } 18016 18017 ${(0,T.H4)(H.LO.lg)} { 18018 padding-bottom: 0; 18019 18020 ${A.E} { 18021 ${({columnAmount:e,hasFullWidth:t})=>1===e||t?"grid-column: 1 / -1":"grid-column: "+(4===e?"span 3":"span 4")} 18022 } 18023 } 18024`,q=({actionBarConfig:e,className:t,configuredComponentRef:n,dangerousHed:o,dangerousSubHed:a,hasBackgroundColor:s=!0,hasNoBottomSpacingInMobile:l=!1,hasBorderItem:c=!0,hasExtraRubricSpace:h=!1,hasLessBottomSpace:w=!1,hasNoDividerWidth:$=!1,hasSummaryItemAssetSpacing:v=!1,hasTopBottomSpacing:C=!1,hasTighterBylineSpacing:k=!1,hideRubricItemSummary:A,imageAlignment:x="default",shouldTrackSnowplowRecircEvent:E,itemHedTag:S,items:L,isInvertedTheme:T=!1,nativeTrendingPosition:N=3,sectionTitleVariation:H="LineAboveLineBelowTextCenter",shouldShowSectionTitle:K=!0,shouldHideDangerousDek:q=!0,shouldHideDangerousHed:M=!1,shouldHideSponsoredContent:F=!1,shouldEnableBundleComponentAnalytics:U,shouldHaveIncreasedHorizontalPadding:V,shouldRemoveLastItemBorder:G=!1,shouldShowAllContentWhenDense:W=!1,shouldTriggerDynamicUKExperienceTracking:j=!1,summaryItemRubricVariation:z,summaryItemVariation:Y="SideBySideThirds",shouldUseSmartItem:X=!1,titleHedTag:Z="h2",trackingNamespace:J,template:Q,variations:{columnAmount:ee,hasFullWidth:te}={},variationName:ne})=>{const oe=(0,d.d4)(e=>"verso-related"===Q&&e.featureFlags?.enableRecircTrackingUrls);(0,i.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(y.G.RENDER,{name:"SummaryCollectionRow",variation:ne})},[ne]);const ie=S||(o?"h3":"h2"),[ae,,re]=(0,g.qe)("trending-ad"),se=L.map(e=>e.dangerousHed).join("|"),le=e=>e.replace(/<\/?[^>]+(>|$)/g,""),de=(e,t,n,i,a,r,s)=>{let l={type:e,label:le(n),subject:"recirc_unit",items:[{content_title:le(n),content_id:i,content_type:a,content_url:r}],strategy:(0,f.Cu)(s,oe),placement:"verso-hp-trending",index:t,total_index:L.length};if(j){const{strategy:e,placement:t,...n}=l;l=Object.assign(n,{label:o,subject:"summary_collection",subject_version:"version_uk"})}oe?(0,f.kg)(l,null,{targetElement:(0,f.oQ)({aliasUrl:s,href:r,textContent:le(n)})}):(0,f.kg)(l)};(0,b.ol)(".summary-collection-row",void 0,e=>{e&&(0,p.zJ)("summary-collection-row-impressions",{"summary-collection-row-titles":se,"summary-collection-row-template":Q})});const ce=(e,t,n,o,i,a)=>{(0,p.W8)("summary-collection-row-clicks",{"summary-collection-row-click-position":e,"summary-collection-row-click-title":t,"summary-collection-row-template":Q}),E&&de("click",e-1,t,n,o,i,a)};return i.createElement(I,{ref:n,className:r()(t,{"summary-collection-row--four-columns":4===ee}),"data-testid":"SummaryCollectionRowWrapper",isInvertedTheme:T,hasBackgroun
18024dColor:s,shouldHaveIncreasedHorizontalPadding:V},o&&K&&i.createElement(B,null,i.createElement(O,{as:m.Ay[H],dangerousHed:o,dangerousSubHed:a,"data-testid":"SummaryCollectionRowSectionTitle",hedTag:Z,hasNoDividerWidth:$,hasTopBottomSpacing:C})),i.createElement(R,{dataTestId:"SummaryCollectionRowItems",showTrendingAd:!F&&ae,columnAmount:ee,hasFullWidth:te,hasNoBottomSpacingInMobile:l,shouldRemoveLastItemBorder:G},L.map((t,n)=>{const a=!F&&n===N-1,r=(0,p.NY)(U,J?.item,n);return i.createElement(i.Fragment,{key:n},a&&i.createElement(u.Z,{group:"ads"},i.createElement(P,{"data-testid":"SummaryCollectionRowAd",position:"trending",isBorderSpaceDisabled:!c,onFilled:re})),X?i.createElement(_,{className:`mobile_dense_smart_item-${n}`,key:n,contributors:t.contributors,"data-testid":"SummaryCollectionRowSmartItem",bylineVariation:"ItemWithoutPreamble",image:t.image,dangerousHed:t.dangerousHed,dangerousDek:t.dangerousDek,rubric:t.rubric,url:t.url,rubricVariation:z,contentType:t.contentType,shouldTrackSnowplowEvent:j,impressionHandler:()=>{return e=n+1,o=t.dangerousHed,i=t.copilotID,a=t.contentType,r=t.url,s=t.trackingURL,void(E&&de("impression",e-1,o,i,a,r,s));var e,o,i,a,r,s},clickHandler:()=>ce(n+1,t.dangerousHed,t.copilotID,t.contentType,t.url,t.trackingURL)}):i.createElement(D,{...t,url:t.url,trackingURL:t.trackingURL,enableRecircTrackingUrls:oe,analyticsDataAttribute:r,variation:Y,hasBorder:c,recircPlacement:E&&"verso-hp-trending",hedTag:ie,isRecircListItem:E&&!j,key:n,recircId:n+1,rubricVariation:z,"data-testid":"SummaryCollectionRowItem",shouldHideDangerousDek:q,shouldHideDangerousHed:M,hasTighterBylineSpacing:k,hasLessBottomSpace:w,hasExtraRubricSpace:h,hasSummaryItemAssetSpacing:v,hideRubricItemSummary:A,parentDangerousHed:o,shouldTriggerDynamicUKExperienceTracking:j,shouldShowAllContentWhenDense:W,totalItems:L.length,imageAlignment:x,isInvertedTheme:T,sectionTemplate:Q,clickHandlerHed:()=>ce(n+1,t.dangerousHed,t.copilotID,t.contentType,t.url,t.trackingURL),actionBarConfig:e}))})))};q.propTypes={configuredComponentRef:l().func,actionBarConfig:l().object,className:l().string,dangerousHed:l().string,dangerousSubHed:l().string,experience:l().string,hasBackgroundColor:l().bool,hasBorderItem:l().bool,hasExtraRubricSpace:l().bool,hasLessBottomSpace:l().bool,hasNoBottomSpacingInMobile:l().bool,hasNoDividerWidth:l().bool,hasSummaryItemAssetSpacing:l().bool,hasTopBottomSpacing:l().bool,hasTighterBylineSpacing:l().bool,hideRubricItemSummary:l().bool,imageAlignment:l().oneOf(["top","default","bottom"]),isInvertedTheme:l().bool,itemHedTag:l().string,items:l().arrayOf(l().shape(c.A.propTypes)).isRequired,nativeTrendingPosition:l().number,sectionTitleVariation:l().string,shouldEnableBundleComponentAnalytics:l().bool,shouldHaveIncreasedHorizontalPadding:l().bool,shouldHideDangerousDek:l().bool,shouldHideDangerousHed:l().bool,shouldHideSponsoredContent:l().bool,shouldRemoveLastItemBorder:l().bool,shouldShowAllContentWhenDense:l().bool,shouldShowSectionTitle:l().bool,shouldTrackSnowplowRecircEvent:l().bool,shouldTriggerDynamicUKExperienceTracking:l().bool,shouldUseSmartItem:l().bool,summaryItemRubricVariation:l().string,summaryItemVariation:l().oneOf(["TextBelowLeft","TextBelowCenter","TextBelowLeftCard","TextBelowCenterCard","ImageRatio43","ImageRatio169","ImageRatio11","CircularImage","TextBelowDesktopOnly","TextBelowDesktopOnlyImageRight","TextBelowDesktopOnlyThirds","TextBelowDesktopOnlyThirdsImageRight","TextBelowDesktopOnlyThirdsImageRightThumbnail","SideBySide","SideBySideImageRight","SideBySideThirds","SideBySideThirdsImageRight","SideBySideDesktopOnly","SideBySideDesktopOnlyImageRight","SideBySideDesktopOnlyThirds","SideBySideDesktopOnlyThirdsImageRight","SideBySideCenterDesktopOnlyThirdsCircularImage","SideBySideDesktopOnlyThirdsCircularImage","NoAssetTextCenter"]),template:l().string,titleHedTag:l().string,trackingNamespace:l().object,variationName:l().string,variations:l().shape({columnAmount:l().number,hasFullWidth:l().bool})},q.displayName="SummaryCollectionRow";const M=(0,h.y)(q,"SummaryCollectionRow");M.FourColumnsTighterBylineSpaceWithDek=(0,o.y)(M,"FourColumnsTighterBylineSpaceWithDek",{columnAmount:4},{shouldHideDangerousDek:!1,hasTighterBylineSpacing:!0,hasLessBottomSpace:!0,hasExtraRubricSpace:!0}),M.OneColumnWithFullWidth=(0,o.y)(M,"OneColumnWithFullWidth",{columnAmount:1,hasFullWidth:!0},{shouldHideDangerousDek:!1,hasTighterBylineSpacing:!0,hasLessBottomSpace:!0,hasExtraRubricSpace:!0});const F=M},96747(e,t,n){n.d(t,{A:()=>k});var o=n(5556),i=n.n(o),a=n(96540),r=n(94327),s=n(87160),l=n(67170),d=n(38267),c=n(86659),m=n(26865),u=n(31226),p=n(40653);const g=d.AH` 18025 && { 18026 column-gap: ${(0,m.Kq)(1)}; 18027 row-gap: ${(0,m.Kq)(1)}; 18028 } 18029 18030 @keyframes fadein { 18031 from { 18032 opacity: 0; 18033 } 18034 18035 to { 18036 opacity: 1; 18037 } 18038 } 18039 18040 img { 18041 animation: fadein 0.5s; 18042 } 18043`,h=(0,d.Ay)(c.A.EvenFive).withConfig({displayName:"SummaryGridCompactGridFive"})` 18044 ${g} 18045`,y=(0,d.Ay)(c.A.EvenSix).withConfig({displayName:"SummaryGridCompactGridSix"})` 18046 ${g} 18047 18048 && { 18049 column-gap: ${(0,m.Kq)(2)}; 18050 } 18051`,b=d.Ay.div.withConfig({displayName:"SummaryGridCompactWrapper"})``,f=(0,d.Ay)(c.A).withConfig({displayName:"SummaryGridCompactHeaderWrapper"})` 18052 > ${p.E} { 18053 grid-column: 1/-1; 18054 margin-bottom: ${(0,m.Kq)(4)}; 18055 } 18056`,w=(0,d.Ay)(u.A.Primary).withConfig({displayName:"SummaryGridCompactExpandButton"})` 18057 margin-bottom: ${(0,m.Kq)(4)}; 18058`;var $=n(73347),v=n(53499);const C=({items:e,dangerousHed:t,hasButton:n=!0,hasMobilePaddingBottom:o,hasUnderlineHed:i,showPrice:d=!1,showSummaryGridCompactGridSix:c=!1,onItemClick:m})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(v.G.RENDER,{name:"SummaryGridCompact"})},[]);const[u,p]=(0,a.useState)(10),g=a.createElement(b,null,t&&a.createElement(f,null,a.createElement($.Ay,{dangerousHed:t,hasDividerAbove:!0,hasDividerBelow:!0,textAlign:"center","data-testid":"section-title"})),c?a.createElement(y,null,e.map((e,t)=>a.createElement(l.A,{...e,key:t,hasMobilePaddingBottom:o,hasUnderlineHed:i,onItemClick:m&&(()=>m(e,t))}))):a.createElement(h,null,e.slice(0,u).map((e,t)=>a.createElement(l.A,{...e,key:t,showPrice:d,hasUnderlineHed:i,onItemClick:m&&(()=>m(e,t))}
18058)))),C=e.length>u&&n&&a.createElement(w,{label:"Show more",btnStyle:"outlined",onClickHandler:()=>{p(u+(()=>{const t=e.length-u;return t>10?10:t})()),(0,r.W8)("show_more")},isInline:!0});return a.createElement(s.A,{contentComponent:g,ctaComponent:C})};C.propTypes={dangerousHed:i().string,hasButton:i().bool,hasMobilePaddingBottom:i().bool,hasUnderlineHed:i().bool,items:i().arrayOf(i().shape(l.A.propTypes)).isRequired,onItemClick:i().func,showPrice:i().bool,showSummaryGridCompactGridSix:i().bool};const k=C},22539(e,t,n){n.d(t,{A:()=>i,t:()=>a});var o=n(98012);const i=o.A,{propTypes:a}=o.A},94107(e,t,n){n.d(t,{A:()=>S});var o=n(13465),i=n(31581),a=n(21013),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(38080),m=n(99906),u=n(73347),p=n(94828),g=n(22539),h=n(53499),y=n(94776),b=n(15641),f=n(40396),w=n(98012);const $=(e,t,n)=>{const o=((e,t)=>e||!!t&&y.F[t]?.isGrid)(e,n);let i;return i=t?o?f.A.ThreeColumnsWithAdSection:w.A.WithAside:o?f.A:w.A,i};var v=n(95768),C=n(57744),k=n(16695);const A=(e=null)=>e?.replace(/<a\b[^>]*>(.*?)<\/a>/gi,"$1"),x=({btnStyle:e,buttonType:t="more",chunkSize:n=4,className:o,clickItem:i,columnAmountForMobile:a=1,configuredComponentRef:s,columnsHasUnderlineHed:l,content:m,contentTitle:p,currentPage:g,dangerousDek:f,filter:w,dangerousHed:C,handleLoadMore:x,hideBottomBorders:E,hasBottomBorderOnLargeScreen:S,hasBottomBorderLargeMargin:L,hasExtraTitlePadding:T=!1,hasLineAboveBelowInTitle:N=!1,hasLineAboveBelowTitleHead:H=!1,hasScrollOffset:I=!1,shouldTrackItemImpressionForSnowplow:B,hasSideBySideMobileOnlyImageRight:O,hasRail:K=!0,hasReducedMargin:D=!1,hasRule:_=!0,hasTitleTopMargin:P=!1,hasUnderlineHed:R,hideBylinesUntil:q="sm",hideRubricItemSummary:M,itemInViewGAEventName:F,isFullBleedMobile:U=!1,isLoading:V=!1,isMidContentAdsDisabled:G,items:W,label:j="More Stories",landingPageLink:z,layout:Y="",link:X,maxDekLines:Z,maxDekLinesInMobile:J,maxDekLinesInTablet:Q,maxDekLinesInDesktop:ee,maxDekLinesInLargeDesktop:te,maxDekLinesInExtraLargeDesktop:ne,nextPage:oe,onMoreClick:ie=()=>{},onPaginationClick:ae,previousPageUrl:re,promoUnits:se=[],queryParamsForPagination:le,searchTerm:de,sectionTitleVariation:ce="TextCenter",shouldAppendReadMoreLinkForDek:me,shouldDekHideOnMobileAndShowOnTablet:ue=!1,shouldDisplayLoadMore:pe=!1,shouldEnableBookmarkDrawers:ge,shouldEnableCardLevelBookmark:he,shouldEnableBundleComponentAnalytics:ye,shouldEnableCommentsCount:be,shouldFetchBITokens:fe=!1,shouldHideBottomBorderForLastItem:we=!1,shouldHideBylines:$e,shouldHideDangerousDek:ve,shouldHideMetadataSecondary:Ce,shouldHidePublishDate:ke=!0,shouldHideSponsoredAd:Ae=!1,shouldHideVideoDek:xe=!1,showRecircMostPopularInAsideW
18058ithRail:Ee=!1,recircMostPopularItems:Se,shouldLimitSavingToContentTypes:Le,shouldShowRiverDek:Te=!1,shouldShowRiverHed:Ne=!1,shouldShowButton:He,shouldShowSourceTagName:Ie,shouldTruncateDek:Be,shouldTreatTabletLikeMobile:Oe,shouldUseBookmarkV2:Ke,shouldUseDangerousDekAsLink:De=!1,shouldUseGrid:_e=!1,shouldUseRiverDekAsGridDek:Pe,shouldUseRiverHedAsGridHed:Re,shouldUseSmallImageMobileOnly:qe=!1,shouldVerticallyAlignHed:Me,sideBySideVerticalAlign:Fe,sort:Ue,summaryItemClassName:Ve,summaryItemRubricVariation:Ge,summaryItemVariation:We="SideBySideDesktopOnly",summaryItemVariationList:je,recircRiver:ze,hasMoreItems:Ye,summaryItemHedTag:Xe,gridColSpanValue:Ze=0,topSpacingInRem:Je=0,totalResults:Qe,trackingNamespace:et,handleTrackSearchFilterEvent:tt,handleGridItemImpression:nt,adsSettings:{summaryRiverMidContentCadence:ot}={}})=>{(0,d.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"SummaryRiver"})},[]);const it=K&&(!Y||y.F[Y]?.hasRail),at=$(_e,it,Y),rt=_e?{columnsHasUnderlineHed:l,hasBorder:!E,hasBottomBorderLargeMargin:L,hasBottomBorderOnLargeScreen:S,shouldEnableBundleComponentAnalytics:ye,shouldShowButton:He,dangerousHed:Re?C:null,dangerousDek:Pe?f:null,shouldTreatTabletLikeMobile:Oe,trackingNamespace:et||C}:{},st=W.map(e=>({...e,dangerousDek:A(e.dangerousDek),source:{...e.source,hed:e.source?.hed?.replace(/\\/g,"")}})),[...lt]=st,dt=ot??n,ct=r()(lt,dt),mt=u.Ay[ce];let ut=0;const pt=e=>(e&&ut++,ut),gt=(({dangerousDek:e,landingPageLink:t,shouldUseDangerousDekAsLink:n})=>n&&e?{html:e}:t||null)({dangerousDek:f,landingPageLink:z,shouldUseDangerousDekAsLink:De}),ht=y.F[Y]?.map||je;return d.createElement(b.yV,{ref:s,className:o,isFullBleedMobile:U,gridColSpanValue:Ze,showRecircMostPopularInAsideW
18058ithRail:Ee,"data-testid":"SummaryRiverWrapper",topSpacingInRem:Je},ct.map((n,o)=>{const r=ct.length===o+1,s=0===o;return d.createElement(b.yj,{key:o,"data-testid":"SummaryRiverSection"},Ne&&s&&C&&d.createElement(b.UI,{id:C,hasDividerAbove:N||H||!P,hasExtraTitlePadding:T,hasScrollOffset:I},d.createElement(mt,{dangerousHed:C,dangerousDek:Te?f:void 0,hasDividerAbove:N||H,hasDividerBelow:N,hasDividerAboveDek:H,hedTag:"h2",link:gt})),d.createElement(v.A,{isPhotoBookmarkingEnabled:ge},d.createElement(k.N,null,d.createElement(b.RF,{as:at,buttonType:t,btnStyle:e,hasRule:s&&_,adCounter:pt,chunkIndex:o,hideBottomBorderForLastItem:we&&r,chunkSize:dt,columnAmountForMobile:a,chunksTotal:ct.length,currentPage:g,hasMoreItems:Ye,isLastChunk:r,clickFunction:x,clickItem:i,onMoreClick:ie,onPaginationClick:ae,link:X,maxDekLines:Z,maxDekLinesInMobile:J,maxDekLinesInTablet:Q,maxDekLinesInDesktop:ee,maxDekLinesInLargeDesktop:te,maxDekLinesInExtraLargeDesktop:ne,nextPage:oe,previousPageUrl:re,isLoading:V,items:n,itemInViewGAEventName:F,shouldTrackItemImpressionForSnowplow:B,hasReducedMargin:D,hasUnderlineHed:R,hasSideBySideMobileOnlyImageRight:O,hideBylinesUntil:q,hideRubricItemSummary:M,label:j,queryParamsForPagination:le,shouldAppendReadMoreLinkForDek:me,shouldDekHideOnMobileAndShowOnTablet:ue,shouldDisplayLoadMore:pe,shouldFetchBITokens:fe,shouldHideBylines:$e,shouldHideDangerousDek:ve,shouldHideMetadataSecondary:Ce,shouldHideSponsoredAd:Ae,shouldHidePublishDate:ke,shouldHideVideoDek:xe,shouldTruncateDek:Be,shouldUseSmallImageMobileOnly:qe,shouldVerticallyAlignHed:Me,sideBySideVerticalAlign:Fe,summaryItemClassName:Ve,summaryItemRubricVariation:Ge,summaryItemVariation:We,summaryItemVariationList:ht,recircRiver:ze,summaryItemHedTag:Xe,hideBottomBorders:E,showRecircMostPopularInAsideW
18058ithRail:Ee,recircMostPopularItems:Se,totalResults:Qe,...rt,filter:w,sort:Ue,content:m,searchTerm:de,shouldShowSourceTagName:Ie,shouldUseBookmarkV2:Ke,shouldEnableBookmarkDrawers:ge,shouldEnableCardLevelBookmark:he,shouldEnableCommentsCount:be,shouldLimitSavingToContentTypes:Le,contentTitle:p,handleGridItemImpression:nt,handleTrackSearchFilterEvent:tt}))),!r&&se&&!G&&d.createElement(d.Fragment,null,se[o],d.createElement(c.Z,{group:"ads"},d.createElement(b.Ob,{position:"mid-content",shouldDisplayLabel:!0}))))}))};x.propTypes={configuredComponentRef:l().func,adsSettings:l().shape({summaryRiverMidContentCadence:l().number}),btnStyle:l().oneOf(["filled","outlined","text"]),buttonType:l().oneOf(["more","pagination"]),chunkSize:l().number,className:l().string,contentTitle:l().string,clickItem:l().func,columnAmountForMobile:l().number,columnAmountForTablet:l().number,columnsHasUnderlineHed:l().shape({hasUnderlineHedForColumnAmount2:l().bool,hasUnderlineHedForColumnAmount3:l().bool,hasUnderlineHedForColumnAmount4:l().bool}),content:l().string,currentPage:l().number,dangerousDek:l().string,dangerousHed:l().string,filter:l().string,gridColSpanValue:l().number,handleLoadMore:l().func,handleGridItemImpression:l().func,hasBottomBorderLargeMargin:l().bool,hasBottomBorderOnLargeScreen:l().bool,hasExtraTitlePadding:l().bool,hasLineAboveBelowInTitle:l().bool,hasLineAboveBelowTitleHead:l().bool,hasMoreItems:l().bool,hasRail:l().bool,hasReducedMargin:l().bool,hasRule:l().bool,hasScrollOffset:l().bool,hasSideBySideMobileOnlyImageRight:l().bool,hasTitleTopMargin:l().bool,hasUnderlineHed:l().bool,hideBottomBorders:l().bool,hideBylinesUntil:l().oneOf(m.LR),hideRubricItemSummary:l().bool,isFullBleedMobile:l().bool,isLoading:l().bool,isMidContentAdsDisabled:l().bool,itemInViewGAEventName:l().string,onPaginationClick:l().func,items:l().arrayOf(l().shape(p.A.propTypes)).isRequired,label:l().string,landingPageLink:l().shape({url:l().string,label:l().string}),layout:l().oneOf([...Object.keys(y.F),""]),link:l().string,maxDekLines:l().number,maxDekLinesInDesktop:l().number,maxDekLinesInExtraLargeDesktop:l().number,maxDekLinesInLargeDesktop:l().number,maxDekLinesInMobile:l().number,maxDekLinesInTablet:l().number,nextPage:l().string,onMoreClick:l().func,previousPageUrl:l().string,promoUnits:l().array,queryParamsForPagination:l().array,recircMostPopularItems:l().array,recircRiver:l().string,searchTerm:l().string,sectionTitleVariation:g.t.sectionTitleVariation,shouldAppendReadMoreLinkForDek:l().bool,shouldDekHideOnMobileAndShowOnTablet:l().bool,shouldDisplayLoadMore:l().bool,shouldEnableBookmarkDrawers:l().bool,shouldEnableBundleComponentAnalytics:l().bool,shouldEnableCardLevelBookmark:l().bool,shouldEnableCommentsCount:l().bool,shouldFetchBITokens:l().bool,shouldHideBottomBorderForLastItem:l().bool,shouldHideBylines:l().bool,shouldHideDangerousDek:l().bool,shouldHideMetadataSecondary:l().bool,shouldHidePublishDate:l().bool,shouldHideSponsoredAd:l().bool,shouldHideVideoDek:l().bool,shouldLimitSavingToContentTypes:l().array,shouldShowButton:l().bool,shouldShowRiverDek:l().bool,shouldShowRiverHed:l().bool,shouldShowSourceTagName:l().bool,shouldTrackItemImpressionForSnowplow:l().bool,shouldTreatTabletLikeMobile:l().bool,shouldTruncateDek:l().bool,shouldUseBookmarkV2:l().bool,shouldUseDangerousDekAsLink:l().bool,shouldUseGrid:l().bool,shouldUseRiverDekAsGridDek:l().bool,shouldUseRiverHedAsGridHed:l().bool,shouldUseSmallImageMobileOnly:l().bool,shouldVerticallyAlignHed:l().bool,showRecircMostPopularInAsideW
18058ithRail:l().bool,sideBySideVerticalAlign:l().oneOf(["top","center"]),sort:l().string,summaryItemClassName:l().string,summaryItemHedTag:l().oneOf(["div","h2","h3"]),summaryItemRubricVariation:l().string,summaryItemVariation:g.t.summaryItemVariation,summaryItemVariationList:l().arrayOf(g.t.summaryItemVariation),topSpacingInRem:l().number,totalResults:l().number,trackingNamespace:l().string,handleTrackSearchFilterEvent:l().func},x.displayName="SummaryRiver";const E=(0,C.M3)(x,{keysToPluck:["adsSettings"]}),S=(0,i.N)((0,o.y)(E,"SummaryRiver"))},15641(e,t,n){n.d(t,{Ob:()=>c,RF:()=>p,UI:()=>m,yV:()=>d,yj:()=>u});var o=n(38267),i=n(19607),a=n(96472),r=n(1123),s=n(26865),l=n(63637);const d=o.Ay.div.withConfig({displayName:"SummaryRiverWrapper"})` 18059 ${(0,r.VO)()} 18060 18061 .summary-item__dek--isCneVideo { 18062 display: none; 18063 } 18064 18065 ${({isFullBleedMobile:e})=>e&&`\n ${l.Ik} {\n ${(0,s.Xm)(0,a.LO.md)} {\n padding: 0;\n }\n }\n `}; 18066 ${({gridColSpanValue:e,showRecircMostPopularInAsideWithRail:t})=>e>=1&&t?`\n @media (min-width: calc(${a.LO.lg} - 1px)) {\n .summary-list .grid-layout__content {\n grid-column: span ${e};\n }\n }\n `:""} 18067 18068 ${({topSpacingInRem:e})=>e?`\n ${(0,s.H4)(a.LO.md)} {\n margin-top: ${(0,s.Kq)(e)};\n }\n `:""} 18069`,c=(0,o.Ay)(i.A).withConfig({displayName:"SummaryRiverAd"})` 18070 margin-bottom: ${(0,s.Kq)(4)}; 18071`,m=o.Ay.div.withConfig({displayName:"SummaryRiverTitleWrapper"})` 18072 ${(0,r.aU)("padding")} 18073 ${({hasScrollOffset:e})=>e?`scroll-margin-top: ${(0,s.Kq)(8)};`:""} 18074 18075 margin-bottom: ${(0,s.Kq)(4)}; 18076 18077 ${({hasExtraTitlePadding:e})=>e?`\n @media (min-width: ${a.LO.xxl}) {\n padding-left: calc(2.5 * var(--grid-margin));\n padding-right: calc(2.5 * var(--grid-margin));\n }\n `:""} 18078 18079 ${({hasDividerAbove:e})=>e?"":`margin-top: ${(0,s.Kq)(2)};`} 18080`,u=o.Ay.section.withConfig({displayName:"SummaryRiverSection"})``,p=o.Ay.div.withConfig({displayName:"SummaryRiverList"})` 18081 ${({hasRule:e,theme:t,shouldFetchBITokens:n})=>e?`\n &::before {\n border-top: 1px solid ${(0,s.HK)(t,"colors.discovery.body.white.divider")};\n content: '';\n grid-column: 1/-1;\n margin-bottom: ${(0,s.Kq)(5-a.Yq.md)};\n ${n?`border-top : ${(0,s.Pp)(t,"dividerWidth")} solid \n ${(0,s.HK)(t,"colors.discovery.body.white.border")};`:""}\n }\n `:""} 18082`},51172(e,t,n){n.d(t,{A:()=>ke});var o=n(47655),i=n(5556),a=n.n(i),r=n(96540),s=n(65848),l=n(13465),d=n(6442);const c=(0,n(72267).YK)({continueReadingText:{id:"SummarySpotlight.ContinueReading",defaultMessage:"Continue reading »",description:"Continue reading Summary Spotlight article."},selectedStoriesHeading:{id:"SummarySpotlight.SelectedStories",defaultMessage:"Selected Stories",description:"Title of the selected stories section"}});var m=n(94828),u=n(38267),p=n(26865),g=n(96472),h=n(99906),y=n(40653),b=n(68116);const f=u.Ay.div.withConfig({displayName:"SpotlightRelatedItems",hasBorder:!1})` 18083 margin-top: ${(0,p.Kq)(3)}; 18084 18085 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18086 margin-top: ${(0,p.Kq)(5)}; 18087 `} 18088 18089 ${(0,p.H4)(g.LO.md)} { 18090 margin-top: ${(0,p.Kq)(2)}; 18091 } 18092 18093 a { 18094 text-decoration: none; 18095 } 18096 18097 ${({single:e})=>e&&u.AH` 18098 ${(0,p.H4)(g.LO.md)} { 18099 align-self: unset; 18100 } 18101 ${y.A} { 18102 display: unset; 18103 } 18104 18105 ${b.tP} { 18106 display: none; 18107 } 18108 `} 18109 18110 ${(0,p.L7)(`${h.VS.md}px`)} { 18111 ${b.Rp} { 18112 grid-gap: ${(0,p.Kq)(1)}; 18113 grid-template-columns: none; 18114 } 18115 } 18116 18117 .summary-item { 18118 border-top-width: 1px; 18119 border-top-style: solid; 18120 padding-top: ${(0,p.Kq)(2)}; 18121 18122 ${b.IB} { 18123 margin-bottom: 0; 18124 18125 &:hover { 18126 text-decoration: underline; 18127 } 18128 } 18129 18130 ${({theme:e})=>(0,p._o)(e,"border-color","colors.discovery.body.white.border")}; 18131 } 18132 18133 ${({hideSummaryItemBottomSpacing:e})=>e&&u.AH` 18134 ${b.tP} { 18135 margin-bottom: 0; 18136 } 18137 ${b.Tr} { 18138 padding-bottom: 0; 18139 } 18140 `} 18141 18142 ${({showItemsAsList:e})=>e&&`\n ${y.A} {\n grid-template-columns: repeat(1, 1fr);\n grid-template-rows: repeat(2, auto);\n grid-column-gap: 0;\n }\n `} 18143`,w=u.Ay.div.withConfig({displayName:"SpotlightRelatedItem"})` 18144 ${b.tP} { 18145 width: ${(0,p.Kq)(8)}; 18146 } 18147 18148 a { 18149 text-decoration: none; 18150 } 18151`;var $=n(86659),v=n(90090);const C=({items:e,shouldShowDangerousBottomDek:t,summaryItemVariation:n="SideBySideDense",summaryItemVariationWithNoAssest:o="TextBelowDesktopOnlyNoAsset",template:i,trackingNamespace:a,showItemsAsList:s,actionBarConfig:l})=>
18151{if(!e.length)return null;const d=1===e.length,c="spotlight-contributor"===i?m.A[o]:m.A[n],u="spotlight-contributor"===i?"Author Spotlight/Recirc":a;return r.createElement(f,{single:d,"data-testid":"SpotlightRelatedItems",template:i,...t&&{hideSummaryItemBottomSpacing:!0},showItemsAsList:s},r.createElement($.A.NoMarginsTwoUp,null,e.map((e,t)=>r.createElement(w,{key:t,...e.image,...e,analyticsDataAttribute:(0,v.NY)(!0,u,"spotlight-contributor"===i?t:t+1),dangerousDek:`<a href="${e.url}">${e.dangerousHed}</a>`,alternateClickHandlerStrategy:t=>((e,t)=>{const n=e.nativeEvent;(0,v.W8)(i,{hitType:"event",eventCategory:"click tracking",eventAction:{"data-section-title":u}}),n.target.parentElement.classList.contains("rubric__link")||(n.preventDefault(),n.metaKey?window.open(t.url,"_blank"):window.location=t.url)})(t,e),shouldHideDangerousHed:!0,shouldHideBylines:!0,hasBorder:!1,sideBySideVerticalAlign:"top","data-testid":"SpotlightRelatedItem",shouldShowAllContentWhenDense:!0,as:c,actionBarConfig:l}))))};C.propTypes={actionBarConfig:a().object,items:a().arrayOf(a().shape({categories:a().shape({tags:a().array}),contributors:a().shape({author:a().shape({items:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,socialMedia:a().array,url:a().string}))})}),dangerousDek:a().string,dangerousHed:a().string,image:a().object,url:a().string})).isRequired,shouldShowDangerousBottomDek:a().bool,showItemsAsList:a().bool,summaryItemVariation:a().string,summaryItemVariationWithNoAssest:a().string,template:a().oneOf(["spotlight-story","spotlight-contributor","spotlight-article"]).isRequired,trackingNamespace:a().string.isRequired};const k=C;var A=n(1817),x=n(73347),E=n(22539),S=n(63637),L=n(36211);const T=(0,u.Ay)(E.A).withConfig({displayName:"SelectedStoriesList"})``,N=u.Ay.section.withConfig({displayName:"SelectedStoriesGrid"})` 18152 ${(0,p.L7)(`${h.VS.md}px`)} { 18153 display: none; 18154 } 18155 ${T} { 18156 padding: 0; 18157 18158 ${S.Rp} { 18159 display: grid; 18160 grid-template-areas: ${({isImageOnRight:e})=>e?"content image":"image content"}; 18161 grid-template-columns: ${({isImageOnRight:e,selectedStoriesImageWidth:t})=>e?`auto ${(0,p.Kq)(t||7.5)}`:`${(0,p.Kq)(t||7.5)} auto`}; 18162 gap: ${(0,p.Kq)(4)}; 18163 margin-bottom: ${(0,p.Kq)(2)}; 18164 padding-bottom: ${(0,p.Kq)(2)}; 18165 18166 &:last-of-type { 18167 margin-bottom: 0; 18168 border-bottom: 0; 18169 padding-bottom: 0; 18170 } 18171 } 18172 18173 ${b.Tr} { 18174 padding-top: 0; 18175 18176 ${L.Y} { 18177 ${(0,p.Gg)("typography.definitions.discovery.hed-core-secondary")}; 18178 } 18179 18180 ${b.IB} { 18181 margin: 0; 18182 } 18183 } 18184 } 18185`,H=(0,u.Ay)(x.Ay).withConfig({displayName:"SelectedStoriesSectionTitle"})` 18186 ${(0,p.H4)(g.LO.md)} { 18187 margin-top: ${(0,p.Kq)(5)}; 18188 border-bottom-width: 1px; 18189 } 18190 18191 ${(0,p.H4)(g.LO.md)} { 18192 margin-top: ${(0,p.Kq)(4)}; 18193 } 18194 18195 h2 { 18196 ${({theme:e})=>(0,p.Gg)(e,"typography.definitions.discovery.subhed-section-secondary")}; 18197 justify-self: center; 18198 } 18199 18200 ${(0,p.L7)(g.LO.md)} { 18201 margin-bottom: ${(0,p.Kq)(1)}; 18202 } 18203 18204 ${(0,p.H4)(g.LO.md)} { 18205 margin-bottom: ${(0,p.Kq)(2)}; 18206 } 18207`,I=u.Ay.section.withConfig({displayName:"SelectedStory"})` 18208 text-align: left; 18209 18210 .summary-item__content { 18211 padding-bottom: 0; 18212 } 18213`,B=u.Ay.section.withConfig({displayName:"SelectedStoriesCarousel"})` 18214 .selected-stories-carousel { 18215 margin-top: ${(0,p.Kq)(1)}; 18216 margin-bottom: ${(0,p.Kq)(5)}; 18217 18218 .summary-item { 18219 width: ${(0,p.Kq)(23.75)}; 18220 } 18221 18222 ${A.tU} { 18223 width: ${(0,p.Kq)(23.75)}; 18224 } 18225 } 18226 ${(0,p.H4)(g.LO.md)} { 18227 display: none; 18228 } 18229`;var O=n(24277);const K=({items:e,sectionTitleVariation:t="TextCenter",selectedStoriesHeadline:n,selectedStoriesImageWidth:o,shouldUseDekForselectedStoriesHeadline:i=!1,summaryItemVariation:a="TextBelowDesktopOnlyThirds",shouldHideSelectedStoriesByline:s=!1,shouldHideSelectedStoriesHeadline:l=!1,shouldHideDangerousDek:m=!1,shouldShowStackedRatingsCard:u=!1,stackedRatingsCardProps:p,snowplowEvent:g,trackingNamespace:h,isImageOnRight:y,actionBarConfig:b})=>{const f=(0,d.A)();return e.length?r.createElement(N,{selectedStoriesImageWidth:o,isImageOnRight:y},!l&&r.createElement(H,{as:O.A[t],className:"SelectedStoriesSectionTitle",dangerousHed:i?n:f.formatMessage(c.selectedStoriesHeading),hasDividerBelow:!0}),r.createElement(T,{snowplowEvent:{...g,placement:"right-rail"},items:e,shouldHideFinalBorder:!0,shouldHideSponsoredAd:!0,hasMarginSpacing:!0,hideRubricItemSummary:!0,hasUnderlineHed:!1,shouldShowStackedRatingsCard:u,...p,shouldHideBylines:s,shouldHideDangerousDek:m,summaryItemVariation:a,trackingNamespace:h,shouldEnableBundleComponentAnalytics:!0,actionBarConfig:b})):null};K.propTypes={actionBarConfig:a().object,isImageOnRight:a().bool,items:a().arrayOf(a().shape({categories:a().shape({tags:a().array}),contributors:a().shape({author:a().shape({items:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,
18229socialMedia:a().array,url:a().string}))})}),dangerousDek:a().string,dangerousHed:a().string,image:a().object,signalType:a().string,url:a().string})).isRequired,sectionTitleVariation:a().string,selectedStoriesHeadline:a().string,selectedStoriesImageWidth:a().number,shouldHideDangerousDek:a().bool,shouldHideSelectedStoriesByline:a().bool,shouldHideSelectedStoriesHeadline:a().bool,shouldShowStackedRatingsCard:a().bool,shouldUseDekForselectedStoriesHeadline:a().bool,snowplowEvent:a().object,stackedRatingsCardProps:a().object,summaryItemVariation:a().string,trackingNamespace:a().string.isRequired},K.displayName="LargeDeviceSelectedStories";const D=K;var _=n(68397),P=n(57642);const R=({items:e,isDotClickable:t=!1,sectionTitleVariation:n="TextCenter",selectedStoriesHeadline:o,shouldShowStackedRatingsCard:i=!1,shouldUseDekForselectedStoriesHeadline:a=!1,stackedRatingsCardProps:s,summaryItemVariation:l="TextBelowLeft",shouldHideSelectedStoriesHeadline:u=!1,shouldHideDangerousDek:p=!1,snowplowEvent:g,trackingNamespace:h,actionBarConfig:y})=>{const b=(0,d.A)();if(!e.length)return null;const f=m.A[l];return r.createElement(B,null,!u&&r.createElement(H,{as:O.A[n],className:"SelectedStoriesSectionTitle",dangerousHed:a?o:b.formatMessage(c.selectedStoriesHeading),hasDividerBelow:!1}),r.createElement(_.A,{className:"selected-stories-carousel",carouselSettings:{showControls:!1,hasPaginationDots:!0,isPaginationClickable:t}},e.map((t,n)=>r.createElement(_.A.CarouselItem,{key:t.copilotID,"data-testid":"SelectedStoriesSummaryList"},r.createElement(I,{...t.image,...t,...s,analyticsDataAttribute:(0,v.NY)(!0,h,n),snowplowEvent:g&&{...g,items:[{content_title:t.dangerousHed,content_url:t.url}],index:n,total_index:e.length,placement:"right-rail"},hideRubricItemSummary:!0,shouldHideBylines:!0,shouldHideDangerousDek:p,hasUnderlineHed:!1,hasBorder:!1,as:i?P.A:f,actionBarConfig:y})))))};R.propTypes={actionBarConfig:a().object,isDotClickable:a().bool,items:a().arrayOf(a().shape({categories:a().shape({tags:a().array}),contributors:a().shape({author:a().shape({items:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,socialMedia:a().array,url:a().string}))})}),dangerousDek:a().string,dangerousHed:a().string,image:a().object,signalType:a().string,url:a().string})).isRequired,sectionTitleVariation:a().string,selectedStoriesHeadline:a().string,shouldHideDangerousDek:a().bool,shouldHideSelectedStoriesHeadline:a().bool,shouldShowStackedRatingsCard:a().bool,shouldUseDekForselectedStoriesHeadline:a().bool,snowplowEvent:a().object,stackedRatingsCardProps:a().object,summaryItemVariation:a().string,trackingNamespace:a().string.isRequired},R.displayName="SmallDeviceSelectedStories";const q=R;var M=n(81520),F=n(86157),U=n(7228),V=n(65087),G=n(20388),W=n(18608);const j=(0,u.Ay)($.A.NoMarginsTwoUp).withConfig({displayName:"SummarySpotlightGrid"})` 18230 /* up to md screens, we should not render a grid */ 18231 ${(0,p.L7)(`${h.VS.lg}px`)} { 18232 && { 18233 display: unset; 18234 } 18235 } 18236 18237 > ${y.E} { 18238 &:nth-of-type(1) { 18239 text-align: center; 18240 } 18241 18242 &:nth-of-type(2) { 18243 display: flex; 18244 flex-direction: column; 18245 justify-content: space-between; 18246 18247 ${(0,p.H4)(g.LO.xxl)} { 18248 grid-column: span 5; 18249 } 18250 } 18251 } 18252`,z=u.Ay.h2.withConfig({displayName:"SpotlightMainFeatureHeader"})` 18253 margin: 0 auto; 18254 padding-bottom: ${(0,p.Kq)(3)}; 18255 text-align: center; 18256 text-transform: uppercase; 18257 18258 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18259 ${(0,p.H4)(g.LO.md)} { 18260 padding-bottom: ${(0,p.Kq)(6)}; 18261 } 18262 `} 18263 18264 ${({theme:e})=>u.AH` 18265 ${(0,p.Gg)(e,"typography.definitions.discovery.hed-feature")} 18266 ${(0,p._o)(e,"color","colors.discovery.body.light.heading")}; 18267 `}; 18268 18269 ${(0,p.H4)(g.LO.lg)} { 18270 max-width: 80%; 18271 } 18272 18273 a { 18274 text-decoration: none; 18275 color: inherit; 18276 18277 &:hover { 18278 text-decoration: underline; 18279 } 18280 } 18281`,Y=u.Ay.div.withConfig({displayName:"SpotlightMainFeatureCover"})``,X=u.Ay.div.withConfig({displayName:"SpotlightRatingWrapper"})` 18282 display: flex; 18283 flex-flow: column; 18284 justify-content: center; 18285 18286 ${A.es} { 18287 display: flex; 18288 margin: auto; 18289 padding-top: 16px; 18290 width: 64%; 18291 ${(0,p.Xm)(g.LO.sm,`${h.VS.md}px`)} { 18292 margin: 0; 18293 } 18294 18295 ${(0,p.Xm)(g.LO.md,`${h.VS.lg}px`)} { 18296 margin-bottom: ${(0,p.Kq)(6)}; 18297 } 18298 } 18299`,Z=u.Ay.a.withConfig({displayName:"SpotlightMainFeatureCoverImageWrapper"})` 18300 display: flex; 18301 flex-direction: column; 18302 align-items: center; 18303`,J=(0,u.Ay)(F.A).withConfig({displayName:"SpotlightMainFeatureCoverImage"})` 18304 display: inline-block; 18305 18306 ${(0,p.H4)(g.LO.md)} { 18307 ${({shouldHaveLargerFeaturedImage:e})=>e?"max-width: 80%;":"max-width: 70%;"} 18308 } 18309 18310 ${(0,p.H4)(g.LO.lg)} { 18311 ${U.BF} { 18312 object-fit: cover; 18313 18314 ${({template:e})=>"spotlight-story"===e&&u.AH` 18315 max-height: 70vh; 18316 `} 18317 } 18318 } 18319 18320 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18321 ${(0,p.H4)(g.LO.md)} { 18322 max-width: ${(0,p.Kq)(50)}; 18323 } 18324 ${(0,p.L7)(`${h.VS.md}px`)} { 18325 display: none; 18326 } 18327 `}; 18328 18329 img { 18330 ${({hasRoundedCorners:e})=>e&&u.AH` 18331 border-radius: ${(0,p.Kq)(2)}; 18332 `} 18333 } 18334`,Q=(0,u.Ay)(G.A).withConfig({displayName:"SpotlightMainFeatureCredit"})` 18335 grid-area: dek; 18336 padding: 0 5%; 18337 text-align: center; 18338 18339 ${(0,p.L7)(`${h.VS.lg}px`)} { 18340 margin-bottom: ${(0,p.Kq)(3)}; 18341 } 18342 ${({theme:e})=>u.AH` 18343 ${(0,p._o)(e,"color","colors.discovery.body.light.heading")}; 18344 `}; 18345 18346 ${(0,p.H4)(g.LO.md)} { 18347 padding: 0 20%; 18348 18349 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18350 padding: 0; 18351 `} 18352 } 18353 18354 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18355 margin-top: ${(0,p.Kq)(6)}; 18356 margin-bottom: 0; 18357 18358 ${(0,p.H4)(g.LO.lg)} { 18359 margin-top: ${(0,p.Kq)(5)}; 18360 } 18361 18362 ${(0,p.L7)(`${h.VS.md}px`)} { 18363 display: none; 18364 } 18365 18366 ${(0,p.Xm)(g.LO.md,`${h.VS.lg}px`)} { 18367 margin: ${(0,p.Kq)(6)} 0; 18368 } 18369 `}; 18370`,ee=(0,u.Ay)(V.A).withConfig({displayName:"SpotlightMainFeatureByline"})` 18371 margin-top: ${(0,p.Kq)(3)}; 18372 margin-bottom: ${(0,p.Kq)(.8)}; 18373 padding: 0; 18374 18375 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18376 display: none; 18377 `}; 18378 18379 span, 18380 a { 18381 ${(0,p.Gg)("typography.definitions.foundation.title-primary")}; 18382 } 18383 18384 span { 18385 text-transform: uppercase; 18386 18387 ${({theme:e})=>u.AH` 18388 ${(0,p._o)(e,"color","colors.discovery.body.light.heading")}; 18389 `}; 18390 } 18391`,te=(0,u.Ay)(W.sH).withConfig({displayName:"SpotlightMainFeatureLink"})``,ne=u.Ay.p.withConfig({displayName:"SpotlightMainFeatureContent"})` 18392 ${({theme:e})=>u.AH` 18393 ${(0,p.Gg)(e,"typography.definitions.consumptionEditorial.body-core")} 18394 ${(0,p._o)(e,"color","colors.discovery.body.light.description")}; 18395 `}; 18396 ${(0,p.Xm)(g.LO.md,`${h.VS.xl}px`)} { 18397 ${({hasCustomPadding:e})=>e&&`padding-bottom: ${(0,p.Kq)(6)};`} 18398 } 18399 18400 /* We declare the styles here because SpotlightMainFeatureLink is wrapped 18401 in renderToStaticMarkup. styled-components sets a component's styles 18402 in the DOM after mounting, a phase that won't happen if we render 18403 this component to static HTML during the production build. */ 18404 ${te} { 18405 ${({theme:e})=>(0,p._o)(e,"color","colors.interactive.base.brand-primary")}; 18406 18407 ${({hasSpecialStyleForFeatureLink:e,theme:t})=>e&&u.AH` 18408 ${(0,p._o)(t,"color","colors.consumption.body.standard.link")}; 18409 ${(0,p.Gg)(t,"typography.definitions.foundation.link-primary")} 18410 `} 18411 18412 display: block; 18413 margin: ${(0,p.Kq)(3)} 0 0 0; 18414 width: 100%; 18415 height: auto; 18416 text-align: center; 18417 text-decoration: none; 18418 text-underline-offset: 5px; /* this was agreed in VQA and is not one of our theme values */ 18419 white-space: nowrap; 18420 18421 ${(0,p.H4)(g.LO.md)} { 18422 display: inline-block; 18423 margin: 0 0 0 ${(0,p.Kq)(1)}; 18424 width: auto; 18425 text-align: unset; 18426 } 18427 } 18428 18429 ${te}:hover { 18430 text-decoration: underline; 18431 } 18432
18433 ${({hasMarginTopOnMobile:e})=>e&&u.AH` 18434 ${(0,p.L7)(`${h.VS.md}px`)} { 18435 margin-top: ${(0,p.Kq)(3)}; 18436 } 18437 `} 18438 18439 ${({hasMarginTopOnTablet:e})=>e&&u.AH` 18440 ${(0,p.Xm)(g.LO.md,`${h.VS.lg}px`)} { 18441 margin-top: ${(0,p.Kq)(3)}; 18442 } 18443 `} 18444 18445 a { 18446 ${({theme:e})=>u.AH` 18447 ${(0,p._o)(e,"color","colors.discovery.body.light.description")}; 18448 `}; 18449 } 18450 ${({shouldCenterContent:e})=>e&&u.AH` 18451 margin: auto; 18452 `} 18453`,oe=u.Ay.div.withConfig({displayName:"SpotlightMainFeatureBottomWrapper"})` 18454 .spotlight-mobile-only-cta { 18455 display: block; 18456 margin-top: ${(0,p.Kq)(3)}; 18457 padding-bottom: ${(0,p.Kq)(1)}; 18458 text-align: center; 18459 text-decoration: underline; 18460 ${({theme:e})=>u.AH` 18461 ${(0,p.Gg)(e,"typography.definitions.utility.button-utility")} 18462 `}; 18463 18464 @media (min-width: ${g.LO.md}) { 18465 display: none; 18466 } 18467 } 18468`;var ie=n(14307),ae=n(1123),re=n(33500),se=n(18730),le=n(11586);const de=u.Ay.section.withConfig({displayName:"SpotlightSummaryContainer"})` 18469 padding: ${(0,p.Kq)(3)}; 18470 18471 ${({shouldHaveBackgroundWhite:e,shouldUseLightColorBackground:t,isSpecialTheme:n,theme:o})=>e?`${(0,p._o)(o,"background-color","colors.background.white")};`:n?`${(0,p._o)(o,"background-color","colors.consumption.lead.special.background")};`:t?`${(0,p._o)(o,"background-color","colors.discovery.body.light.background")};`:`${(0,p._o)(o,"background-color","colors.background.light")};`} 18472 18473 ${(0,p.H4)(g.LO.md)} { 18474 padding-top: ${(0,p.Kq)(6)}; 18475 padding-bottom: ${(0,p.Kq)(6)}; 18476 } 18477 18478 ${(0,ae.VO)()} 18479 ${(0,ae.aU)("padding")} 18480 18481 ${f} { 18482 ${le.fI} { 18483 position: absolute; 18484 right: ${(0,p.Kq)(.5)}; 18485 bottom: ${(0,p.Kq)(.5)}; 18486 background: transparent; 18487 height: ${(0,p.Kq)(3)}; 18488 ${le.eC} { 18489 border: none; 18490 background: none; 18491 text-decoration: none; 18492 } 18493 ${({theme:e})=>`\n ${(0,p._o)(e,"border-color","colors.discovery.body.black.border")};\n \n svg {\n path {\n ${(0,p._o)(e,"fill","colors.discovery.body.white.accent")};\n }\n }\n \n `} 18494 } 18495 } 18496`,ce=u.Ay.div.withConfig({displayName:"SpotlightSummaryInnerContainer"})` 18497 margin: 0 auto; 18498 max-width: calc(${g.LO.xxl} - (2 * ${(0,p.Kq)(8)})); 18499`,me=u.Ay.div.withConfig({displayName:"SpotlightSummarySingleColumn"})` 18500 .summary-item { 18501 width: 100%; 18502 } 18503`,ue=(0,u.Ay)(x.Ay).withConfig({displayName:"SpotlightHeader"})` 18504 ${({shouldUseDekForselectedStoriesHeadline:e,showSectionTitleInsideContent:t,shouldStackHedAndDek:n})=>!e&&!t&&!n&&u.AH` 18505 display: flex; 18506 justify-content: space-between; 18507 `} 18508 18509 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18510 ${(0,p.L7)(`${h.VS.md}px`)} { 18511 display: block; 18512 ${re.bU} { 18513 width: 100%; 18514 text-align: center; 18515 } 18516 } 18517 `} 18518 18519 ${({shouldCenterSectionTitleHedOnMobile:e})=>e&&u.AH` 18520 ${(0,p.L7)(`${h.VS.md}px`)} { 18521 ${re.bU} { 18522 justify-self: center; 18523 } 18524 } 18525 `} 18526 margin-bottom: ${(0,p.Kq)(3)}; 18527 ${({shouldShowHeaderDivider:e})=>!e&&`border-bottom: ${(0,p.Kq)(.125)} solid\n ${(0,p.HK)("colors.discovery.body.white.accent")};\n `} 18528 padding-bottom: ${(0,p.Kq)(2)}; 18529 18530 ${(0,p.H4)(g.LO.md)} { 18531 margin-bottom: ${(0,p.Kq)(4)}; 18532 } 18533 18534 ${re.sM} { 18535 margin-top: 0; 18536 padding-top: 0; 18537 text-underline-offset: 3px; /* this was agreed in VQA and is not one of our theme values */ 18538 ${({theme:e})=>(0,p.pe)(e,"colors.foundation.collapsed-menu.utility-link.default","colors.foundation.collapsed-menu.utility-link.hover","navigation")} 18539 ${({theme:e})=>(0,p.Gg)(e,"typography.definitions.foundation.link-primary")}; 18540 18541 a { 18542 text-decoration: none; 18543 transition-duration: unset; 18544 18545 &:hover { 18546 text-decoration: underline; 18547 } 18548 } 18549 18550 ${({template:e})=>"spotlight-contributor"===e&&u.AH` 18551 ${(0,p.L7)(`${h.VS.md}px`)} { 18552 display: none; 18553 } 18554 `} 18555 18556 ${({shouldStackHedAndDek:e})=>e&&u.AH` 18557 padding-top: ${(0,p.Kq)(1.5,"px")}; 18558 `} 18559 } 18560 18561 ${({showSectionTitleInsideContent:e})=>e&&u.AH` 18562 margin-bottom: ${(0,p.Kq)(1,"px")}; 18563 border-bottom: none; 18564 padding-bottom: 0; 18565 ${(0,p.H4)(g.LO.md)} { 18566 margin-bottom: ${(0,p.Kq)(1,"px")}; 18567 } 18568 ${re.bU} { 18569 ${(0,p.Gg)("typography.definitions.discovery.subhed-section-tertiary")} 18570 } 18571 `} 18572`,pe=(0,u.Ay)(se.v).withConfig({displayName:"SpotlightDangerousBottomDek"})` 18573 margin-top: ${({hasEnhancedTopSpacing:e})=>(0,p.Kq)(e?2:3)}; 18574 text-align: center; 18575 ${(0,p.H4)(g.LO.lg)} { 18576 text-align: left; 18577 } 18578 ${({hideOnTabletDesktop:e})=>e&&u.AH` 18579 ${(0,p.H4)(g.LO.md)} { 18580 display: none; 18581 } 18582 `} 18583 ${({theme:e})=>(0,p.Gg)(e,"typography.definitions.foundation.link-primary")}; 18584 18585 a { 18586 text-decoration: none; 18587 } 18588`,ge=u.Ay.section.withConfig({displayName:"SpotlightSummaryGrid"})` 18589 display: grid; 18590 ${(0,ae.VO)()} 18591 grid-template-areas: 18592 'stories' 18593 'body'; 18594 grid-template-columns: 100%; 18595 18596 ${(0,p.H4)(g.LO.md)} { 18597 grid-template-areas: 'body'; 18598 } 18599`,he=(u.Ay.h2.withConfig({displayName:"SpotlightMainFeatureHeader"})` 18600 margin: 0 auto; 18601 padding-bottom: ${(0,p.Kq)(3)}; 18602 text-align: center; 18603 text-transform: uppercase; 18604 18605 ${({theme:e})=>u.AH` 18606 ${(0,p.Gg)(e,"typography.definitions.discovery.hed-feature")} 18607 ${(0,p._o)(e,"color","colors.discovery.body.brand.heading")}; 18608 `}; 18609 18610 ${(0,p.H4)(g.LO.lg)} { 18611 max-width: 80%; 18612 } 18613`,(0,u.Ay)(W.sH).withConfig({displayName:"SpotlightContinueReadingLink"}).attrs(e=>({colorToken:"colors.interactive.base.black",linkStyle:"navigation",typeToken:"typography.definitions.utility.button-utility",...e}))``),ye="Author Spotlight/Story",be=({bookmarkId:e,mainClassName:t,commentingCtaUrl:n,contentType:o,contributors:i,copilotID:a,customizedContinueReadingText:l,dangerousDek:m,dangerousHed:u,hasBookmark:p,hasCustomPadding:g,hasMarginTopOn
18613Mobile:h=!1,hasMarginTopOnTablet:y=!1,hasNativeImgLazyLoading:b,hasRating:f=!1,hasSpecialStyleForFeatureLink:w=!1,hasRoundedCorners:$,hedTag:C,image:A,iconBookmarkOnClickHandler:x,isDotClickable:E=!1,isImageOnRight:S=!1,rating:L,related:T=[],reviewsCount:N,rubric:H,sectionTitleDangerousHed:I,showSectionTitleInsideContent:B,sectionTitleVariation:K="TextCenter",selectedStories:_=[],selectedStoriesHeadline:P,selectedStoriesImageWidth:R,shouldUseDekForselectedStoriesHeadline:F=!1,shouldHideDangerousDek:U,shouldHaveLargerFeaturedImage:V=!1,shouldHideSelectedStoriesHeadline:G=!1,shouldHideFeatureItemHeader:W=!1,shouldHideFeatureItemByline:ae=!1,shouldHideSelectedStoriesByline:re=!1,shouldHideFeatureItemCaption:se=!1,shouldLazyLoadCoverImage:le=!1,shouldShowMobileCta:de=!1,shouldUseDropCap:ce=!1,shouldShowDangerousBottomDek:me,shouldShowSelectedStoriesBelowInMobile:ge=!1,shouldShowStackedRatingsCard:be=!1,stackedRatingsCardProps:fe,snowplowEvent:we,summaryItemVariation:$e,summaryItemVariationWithNoAssest:ve,template:Ce,url:ke,showItemsAsList:Ae,shouldCenterContent:xe=!1,signalType:Ee,actionBarConfig:Se,shouldHideCustmizeText:Le})=>{const Te=(0,d.A)(),Ne="spotlight-story"===Ce?`Story Spotlight/${H.name}`:`Author Spotlight/${u}`,He=(e=!1)=>{const t=(0,v.NY)(!0,Ne,0);return e&&(t["data-section-title"]=`${t["data-section-title"]}-image`),{...t,href:ke}},Ie={dangerousHed:I,className:"SpotlightSectionTitle"},Be={...we&&we,subject:"summary_spotlight",type:"click"};return r.createElement(j,null,r.createElement(Y,null,B&&r.createElement(ue,{as:O.A[K],shouldUseDekForselectedStoriesHeadline:F,showSectionTitleInsideContent:B,...Ie,template:Ce}),!W&&r.createElement(z,{"data-testid":"SpotlightMainFeatureHeader",as:C,dangerouslySetInnerHTML:{__html:(0,s.qV)(r.createElement("a",{...He()},u))},onClick:()=>(0,ie.kg)({...Be,placement:"hero",items:[{content_title:u,content_url:window&&window.location.origin+ke,content_id:a,content_type:o}]}),template:Ce}),!ge&&r.createElement(q,{snowplowEvent:Be,items:_,shouldHideSelectedStoriesHeadline:G,sectionTitleVariation:K,selectedStoriesHeadline:P,shouldUseDekForselectedStoriesHeadline:F,shouldHideDangerousDek:U,isDotClickable:E,trackingNamespace:ye,actionBarConfig:Se}),r.createElement(X,{hasCustomPadding:g},r.createElement(Z,{...He(!0),tabIndex:"-1",onClick:()=>(0,ie.kg)({...Be,placement:"hero",items:[{content_title:u,content_url:window&&window.location.origin+ke,content_id:a,content_type:o}]})},r.createElement(J,{"data-testid":"SpotlightCoverImage",template:Ce,hasNativeImgLazyLoading:b,shouldHaveLargerFeaturedImage:V,isLazy:le,...A,hasRoundedCorners:$,signalType:Ee,actionBarConfig:Se})),f&&(0,M.Z)(L,fe.ratingMethod,N,p,e,x)),!ae&&r.createElement(ee,{"data-testid":"SpotlightAuthorName",contributors:i,template:Ce}),!se&&r.createElement(Q,{"data-testid":"SpotlightMainFeatureCredit",dangerousCaptionText:"spotlight-contributor"===Ce?"":A.caption,dangerousCredit:A.credit,template:Ce})),r.createElement(r.Fragment,null,r.createElement(ne,{className:t,"data-testid":"SpotlightMainFeatureContent",dangerouslySetInnerHTML:{__html:m+("spotlight-contributor"===Ce||Le?"":(0,s.qV)(r.createElement(te,{tabIndex:"-1",...He(),dangerouslySetInnerHTML:{__html:l||Te.formatMessage(c.continueReadingText)}})))},shouldUseDropCap:ce,hasMarginTopOnMobile:h,hasMarginTopOnTablet:y,template:Ce,hasSpecialStyleForFeatureLink:w,hasCustomPadding:g,shouldCenterContent:xe}),r.createElement(D,{snowplowEvent:Be,items:_,sectionTitleVariation:K,selectedStoriesHeadline:P,shouldUseDekForselectedStoriesHeadline:F,stackedRatingsCardProps:fe,shouldShowStackedRatingsCard:be,shouldHideSelectedStoriesByline:re,shouldHideSelectedStoriesHeadline:G,shouldHideDangerousDek:U,summaryItemVariation:S?$e:void 0,trackingNamespace:ye,isImageOnRight:S,selectedStoriesImageWidth:R,actionBarConfig:Se}),ge&&r.createElement(q,{snowplowEvent:Be,items:_,shouldHideSelectedStoriesHeadline:G,stackedRatingsCardProps:fe,shouldShowStackedRatingsCard:be,sectionTitleVariation:K,selectedStoriesHeadline:P,shouldUseDekForselectedStoriesHeadline:F,shouldHideDangerousDek:U,isDotClickable:E,trackingNamespace:ye}),r.createElement(oe,null,r.createElement(k,{items:T,...me&&P&&{shouldShowDangerousBottomDek:me},summaryItemVariation:$e,summaryItemVariationWithNoAssest:ve,template:Ce,trackingNamespace:Ne,showItemsAsList:Ae,actionBarConfig:Se}),me&&P&&r.createElement(pe,{dangerouslySetInnerHTML:{__html:P},hasEnhancedTopSpacing:me}),n&&l&&de&&r.createElement(he,{href:n,dangerouslySetInnerHTML:{__html:l},className:"spotlight-mobile-only-cta"}))))};be.propTypes={actionBarConfig:a().object,bookmarkId:a().string,mainClassName:a().string,commentingCtaUrl:a().string,contentType:a().string,contributors:a().shape({author:a().shape({items:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,
18613socialMedia:a().array,url:a().string}))})}).isRequired,copilotID:a().string,customizedContinueReadingText:a().string,dangerousDek:a().string.isRequired,dangerousHed:a().string.isRequired,hasBookmark:a().bool,hasCustomPadding:a().bool,hasMarginTopOnMobile:a().bool,hasMarginTopOnTablet:a().bool,hasNativeImgLazyLoading:a().bool,hasRating:a().bool,hasRoundedCorners:a().bool,hasSpecialStyleForFeatureLink:a().bool,hedTag:a().string,iconBookmarkOnClickHandler:a().func,image:a().object.isRequired,isDotClickable:a().bool,isImageOnRight:a().bool,rating:a().number,related:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,socialMedia:a().array,url:a().string})),reviewsCount:a().number,rubric:a().shape({name:a().string}),sectionTitleDangerousHed:a().string,sectionTitleVariation:a().string,selectedStories:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,socialMedia:a().array,url:a().string})),selectedStoriesHeadline:a().string,selectedStoriesImageWidth:a().number,shouldHaveLargerFeaturedImage:a().bool,shouldHideCustmizeText:a().bool,shouldHideDangerousDek:a().bool,shouldHideFeatureItemByline:a().bool,shouldHideFeatureItemCaption:a().bool,shouldHideFeatureItemHeader:a().bool,shouldHideSelectedStoriesByline:a().bool,shouldHideSelectedStoriesHeadline:a().bool,shouldLazyLoadCoverImage:a().bool,shouldShowMobileCta:a().bool,shouldShowDangerousBottomDek:a().bool,shouldShowSelectedStoriesBelowInMobile:a().bool,shouldShowStackedRatingsCard:a().bool,shouldUseDekForselectedStoriesHeadline:a().bool,shouldUseDropCap:a().bool,shouldCenterContent:a().bool,showItemsAsList:a().bool,showSectionTitleInsideContent:a().bool,signalType:a().string,snowplowEvent:a().object,stackedRatingsCardProps:a().object,summaryItemVariation:a().string,summaryItemVariationWithNoAssest:a().string,template:a().oneOf(["spotlight-story","spotlight-contributor","spotlight-article"]),url:a().string.isRequired};const fe=be;var we=n(53499),$e=n(61229);const ve=({mainClassName:e,configuredComponentRef:t,customizedContinueReadingText:n,dangerousHed:o,dangerousDek:i,hasCustomPadding:a,hasMarginTopOnMobile:l=!1,hasMarginTopOnTablet:d=!1,hasRating:c,hasRoundedCorners:m,hasSpecialStyleForFeatureLink:u=!1,hedTag:p,items:h,isDotClickable:y=!1,isImageOnRight:b=!1,isSpecialTheme:f=!1,sectionTitleVariation:w="TextLeftWithLineBelowTitle",selectedStories:$,selectedStoriesImageWidth:v,shouldUseDekForselectedStoriesHeadline:C=!1,shouldHaveBackgroundWhite:k=!1,shouldHideDangerousDek:A=!1,shouldHaveLargerFeaturedImage:x=!1,shouldHideSelectedStoriesHeadline:E=!1,shouldHideFeatureItemHeader:S=!1,shouldHideFeatureItemCaption:L=!1,shouldHideFeatureItemByline:T=!1,shouldHideSelectedStoriesByline:N=!1,shouldLazyLoadCoverImage:H=!1,shouldUseLightColorBackground:I=!1,shouldShowDangerousBottomDek:B=!1,shouldShowSelectedStoriesBelowInMobile:K=!1,shouldShowHeaderDivider:D=!1,shouldShowStackedRatingsCard:_=!1,shouldStackHedAndDek:P=!1,shouldUseLargeIconSize:R=!1,shouldShowHeaderCta:q=!1,shouldShowMobileCta:M=!1,shouldCenterContent:F=!1,shouldCenterSectionTitleHedOnMobile:U=!1,stackedRatingsCardRatingMethod:V,summaryItemVariation:G,summaryItemVariationWithNoAssest:W,template:j,showItemsAsList:z,shouldHideCustmizeText:Y,actionBarConfig:X,variations:{showSectionTitleInsideContent:Z}={}})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(we.G.RENDER,{name:"SummarySpotlight"})},[]);let J={};_&&(J={shouldUseLargeIconSize:R,hasIcon:!0,hideRubric:!1,ratingMethod:V});const[Q]=h,ee=n&&(q||M)?`${Q.url}#${g.h2}`:null,te={dangerousDek:C?"":i,dangerousHed:o,hasDividerBelow:!0,className:"SpotlightSectionTitle",hasDividerAbove:D,link:ee&&q?{html:(0,s.qV)(r.createElement(he,{href:ee,className:"spotlight-desktop-only-cta"},n))}:null};return r.createElement(de,{ref:t,"data-testid":"SpotlightSummaryContainer",shouldHaveBackgroundWhite:k,shouldUseLightColorBackground:I,isSpecialTheme:f},r.createElement(ce,null,r.createElement(me,null,!Z&&r.createElement(ue,{"data-testid":"SpotlightOuterSectionTitle",as:O.A[w],shouldUseDekForselectedStoriesHeadline:C,shouldStackHedAndDek:P,shouldShowHeaderDivider:D,shouldCenterSectionTitleHedOnMobile:U,...te,template:j}),r.createElement(ge,null,r.createElement(fe,{...Q,customizedContinueReadingText:n,commentingCtaUrl:ee,shouldShowMobileCta:M,sectionTitleVariation:w,showSectionTitleInsideContent:Z,...Z&&{sectionTitleDangerousHed:o},...o&&{snowplowEvent:{label:o}},selectedStoriesHeadline:i,selectedStoriesImageWidth:v,hasMarginTopOn
18613Mobile:l,hasMarginTopOnTablet:d,related:h.slice(1),selectedStories:$,isDotClickable:y,isImageOnRight:b,hedTag:p,shouldHideFeatureItemHeader:S,mainClassName:e,shouldHideSelectedStoriesHeadline:E,stackedRatingsCardProps:J,shouldUseDekForselectedStoriesHeadline:C,shouldShowDangerousBottomDek:B,shouldShowSelectedStoriesBelowInMobile:K,hasRating:c,shouldShowStackedRatingsCard:_,shouldHaveLargerFeaturedImage:x,shouldHideFeatureItemCaption:L,shouldHideDangerousDek:A,shouldHideFeatureItemByline:T,shouldHideSelectedStoriesByline:N,summaryItemVariation:G,summaryItemVariationWithNoAssest:W,template:j,hasSpecialStyleForFeatureLink:u,showItemsAsList:z,shouldLazyLoadCoverImage:H,hasRoundedCorners:m,shouldHideCustmizeText:Y,hasCustomPadding:a,shouldCenterContent:F,actionBarConfig:X})),!B&&"spotlight-contributor"===j&&r.createElement(pe,{"data-testid":"SpotlightMobileDangerousDek",dangerouslySetInnerHTML:{__html:i},hideOnTabletDesktop:!0}))))};ve.propTypes={configuredComponentRef:a().func,mainClassName:a().string,actionBarConfig:a().object,customizedContinueReadingText:a().string,dangerousDek:a().string.isRequired,dangerousHed:a().string.isRequired,hasCustomPadding:a().bool,hasMarginTopOnMobile:a().bool,hasMarginTopOnTablet:a().bool,hasRating:a().bool,hasRoundedCorners:a().bool,hasSpecialStyleForFeatureLink:a().bool,hedTag:a().string,isDotClickable:a().bool,isImageOnRight:a().bool,isSpecialTheme:a().bool,items:a().arrayOf(a().shape({categories:a().shape({tags:a().array}),contributors:a().shape({author:a().shape({items:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,socialMedia:a().array,url:a().string}))})}),dangerousDek:a().string,dangerousHed:a().string,contentType:a().string,copilotID:a().string,image:a().object,url:a().string})).isRequired,sectionTitleVariation:a().string,selectedStories:a().arrayOf(a().shape({categories:a().shape({tags:a().array}),contributors:a().shape({author:a().shape({items:a().arrayOf(a().shape({dangerousBio:a().string,dangerousTitle:a().string,name:a().string,socialMedia:a().array,url:a().string}))})}),dangerousDek:a().string,dangerousHed:a().string,id:a().string,image:a().object,url:a().string})),selectedStoriesImageWidth:a().number,shouldHaveBackgroundWhite:a().bool,shouldHaveLargerFeaturedImage:a().bool,shouldHideCustmizeText:a().bool,shouldHideDangerousDek:a().bool,shouldHideFeatureItemByline:a().bool,shouldHideFeatureItemCaption:a().bool,shouldHideFeatureItemHeader:a().bool,shouldHideSelectedStoriesByline:a().bool,shouldHideSelectedStoriesHeadline:a().bool,shouldLazyLoadCoverImage:a().bool,shouldShowHeaderCta:a().bool,shouldShowMobileCta:a().bool,shouldShowDangerousBottomDek:a().bool,shouldShowHeaderDivider:a().bool,shouldShowSelectedStoriesBelowInMobile:a().bool,shouldShowStackedRatingsCard:a().bool,shouldStackHedAndDek:a().bool,shouldUseDekForselectedStoriesHeadline:a().bool,shouldUseLargeIconSize:a().bool,shouldUseLightColorBackground:a().bool,shouldCenterContent:a().bool,shouldCenterSectionTitleHedOnMobile:a().bool,showItemsAsList:a().bool,stackedRatingsCardRatingMethod:a().string,summaryItemVariation:a().string,summaryItemVariationWithNoAssest:a().string,template:a().oneOf(["spotlight-story","spotlight-contributor","spotlight-article"]).isRequired,variations:a().shape({showSectionTitleInsideContent:a().bool})},ve.displayName="SummarySpotlight";const Ce=(0,l.y)((0,$e.j)(ve),"SummarySpotlight");Ce.StorySummarySpotlight=(0,o.y)(Ce,"StorySummarySpotlight",{showSectionTitleInsideContent:!0},{sectionTitleVariation:"TextCenter",shouldShowDangerousBottomDek:!0,shouldLazyLoadCoverImage:!0,showItemsAsList:!1}),Ce.ContributorSummarySpotlight=(0,o.y)(Ce,"ContributorSummarySpotlight",{showSectionTitleInsideContent:!0},{sectionTitleVariation:"TextCenter",shouldShowDangerousBottomDek:!0,shouldLazyLoadCoverImage:!0});const ke=Ce},23479(e,t,n){n.d(t,{A:()=>E});var o=n(13465),i=n(57744),a=n(5556),r=n.n(a),s=n(96540),l=n(6442),d=n(53499),c=n(59867),m=n(40307),u=n(48188),p=n(89957),g=n(26890),h=n(26865),y=n(19607),b=n(98904),f=n(64214);const w=(0,n(72267).YK)({toutHead:{id:"TopStory.toutHead",defaultMessage:"<i>Also today . . .</i>",description:"Tout header for top story"}});var $=n(26805),v=n(77630);const C=({content:e})=>{const t=(0,l.A)();return e?s.createElement($.l8,{className:"smart-item--tout"},s.createElement($.Rb,{dangerouslySetInnerHTML:{__html:t.formatMessage(w.toutHead)}}),s.createElement($.i$,{dangerouslySetInnerHTML:{__html:e}})):null};
18613C.propTypes={content:r().string.isRequired};const k=({additionalContent:e,index:t,items:n,navigation:o,layoutConfigs:i,hasFixedNavigationHeight:a=!1,...r})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"TopStory"})},[]);const{formatMessage:u}=(0,l.A)(),w=s.useRef(),[k,A]=s.useState(!1),[x,E]=s.useState(!1),[S,L]=s.useState(0),[T,N]=s.useState(!1),[H,I]=s.useState(!1),[B,O]=s.useState(!1),[K,D]=s.useState(0),[_,P]=s.useState(!1),R=s.useRef(null),q=n.map(t=>({...t,additionalContent:e&&s.createElement(C,{content:e}),image:t.image&&{...t.image,isLazy:!1}}));(0,p.ol)(".top-story__crown-ad",void 0,e=>{A(!e)}),(0,p.ol)(".top_story-component",{rootSelector:null,rootMargin:`-${(0,h.Kq)(9,"px")}`,threshold:0},e=>{E(!e)});const M=s.useCallback(e=>{if(e){const e=w.current?.getBoundingClientRect();L(e?.top||0)}N(e)},[]);(0,p.ol)(".top_story-component",{rootSelector:null,rootMargin:`${(0,h.Kq)(62.5,"px")}`,threshold:0},e=>{I(!e)});const F=s.useCallback(()=>{const e=window.pageYOffset;(0,g.q)(B,e,K,"delta")&&(O(e-K>0),D(e))},[B,K]);s.useEffect(()=>(R.current=window.Kendra.WINDOW_EVENT.on(c.m.SCROLL_THROTTLE,F),()=>{R.current&&R.current.off()}),[F]);const U=i[r.id]?.palette||"",V=x?"standard":U;return s.createElement(s.Fragment,null,s.createElement($.h3,{className:"top-story__crown-ad",addPaddingToCrownAd:_},s.createElement(y.$,{onFilled:e=>{e&&P(!0)}})),s.createElement($.gf,{ref:w,headerIsFixed:k,navIsFixed:x,headerTheme:V,isDrawerOpen:T,hasFixedNavigationHeight:a,"data-testid":"top-story__header"},s.createElement(m.A,{headerTheme:V,onDrawerStateChange:M})),s.createElement($.ec,{navIsFixed:x,headerIsFixed:k,headerTheme:V,palette:U,hasFixedNavigationHeight:a,shouldCollapseNavbar:B&&H,"data-testid":"top-story__wrapper"},s.createElement($.Yq,{"data-testid":"StackedNavigationSectionPrimaryLinks"},s.createElement(v.S6,{attributes:{"aria-label":u(b.A.primaryLinksLabel)},links:o.primaryLinks,shouldAllowNavItemHide:!0})),s.createElement($.cF,{id:"topstory-content"},s.createElement(f.A,{...r,index:t,className:"top_story-component",items:q,themeExtensions:{componentStylePools:{SmartItem:$.ct}}})),s.createElement($.kH,{drawerTop:S})))};k.propTypes={additionalContent:r().string,index:r().number,items:r().array.isRequired,layoutConfigs:r().object,navigation:r().shape({primaryLinks:u.A.propTypes.links}),hasFixedNavigationHeight:r().bool},k.displayName="TopStory";const A=k,x=(0,i.M3)(A,{keysToPluck:["bundle","layoutConfigs","navigation","componentConfig"]}),E=(0,o.y)(x,"TopStory")},26805(e,t,n){n.d(t,{Rb:()=>f,Yq:()=>E,cF:()=>x,ct:()=>C,ec:()=>S,gf:()=>A,h3:()=>k,i$:()=>w,kH:()=>L,l8:()=>$});var o=n(38267),i=n(88154),a=n(77630),r=n(71862),s=n(43068),l=n(12972),d=n(7228),c=n(42667),m=n(82752),u=n(23311),p=n(36185),g=n(99906),h=n(26865),y=n(96472);const b=o.AH` 18614 --top-story-header-height: ${(0,h.Kq)(7)}; 18615 --top-story-header-height-fixed: ${(0,h.Kq)(7)}; 18616 ${(0,h.H4)(y.LO.lg)} { 18617 --top-story-header-height: ${(0,h.Kq)(9)}; 18618 --top-story-header-height-fixed: ${(0,h.Kq)(8)}; 18619 --top-story-nav-bar-height: ${(0,h.Kq)(6)}; 18620 } 18621`,f=(0,o.Ay)(i.tH).withConfig({displayName:"ToutsHeader"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.description",invertedColorToken:"colors.discovery.body.black.description",typeIdentity:"typography.definitions.discovery.description-core",...e}))``,w=(0,o.Ay)(i.tH).withConfig({displayName:"ToutsBody"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.description",invertedColorToken:"colors.discovery.body.black.description",typeIdentity:"typography.definitions.discovery.description-core",...e}))` 18622 & > ul { 18623 display: grid; 18624 grid-template-columns: 1fr; 18625 margin: 0; 18626 padding: 0; 18627 list-style: none; 18628 gap: ${(0,h.Kq)(1)}; 18629 } 18630`,$=(0,o.Ay)(i.tH).withConfig({displayName:"ToutsContainer"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.white.description",invertedColorToken:"colors.discovery.body.black.description",typeIdentity:"typography.definitions.discovery.description-feature",...e}))` 18631 text-align: center; 18632 ${(0,h.L7)(`${g.VS.md}px`)} { 18633 padding: ${(0,h.Kq)(3)}; 18634 } 18635 ${(0,h.H4)(`${g.Vh.lg}px`)} { 18636 margin-top: ${(0,h.Kq)(3)}; 18637 padding-top: 0; 18638 padding-bottom: ${(0,h.Kq)(3)}; 18639 } 18640 18641 ${f} { 18642 margin-bottom: ${(0,h.Kq)(1)}; 18643 } 18644`,v=o.AH` 18645 height: auto; 18646 min-height: unset; 18647 ${(0,h.H4)(`${g.Vh.lg}px`)} { 18648 min-height: ${(0,h.Kq)(68)}; 18649 } 18650 ${(0,h.H4)(`${g.Vh.xl}px`)} { 18651 min-height: ${(0,h.Kq)(75)}; 18652 ${({theme:e})=>"transparent"!==e.palette?o.AH` 18653 height: calc( 18654 100vh - 18655 ( 18656 var(--top-story-header-height) + 18657 var(--top-story-nav-bar-height, 0px) 18658 ) 18659 ); 18660 `:o.AH` 18661 height: calc(100vh - var(--top-story-nav-bar-height, 0px)); 18662 `}; 18663 } 18664 ${(0,h.L7)(`${g.VS.md}px`)} { 18665 ${c.T3} { 18666 min-height: 167vw; 18667 } 18668 } 18669`,C={overlay:(e,t={})=>o.AH` 18670 --top-story-layout: 'overlay'; 18671 ${v} 18672 ${c.T3} { 18673 padding-top: ${(0,h.Kq)(13)}; 18674 } 18675 18676 ${(0,h.L7)(`${g.VS.md}px`)} { 18677 justify-content: stretch; 18678 ${c.T3} { 18679 padding-bottom: ${(0,h.Kq)(3)}; 18680 } 18681 ${u.C} { 18682 position: relative; 18683 grid-area: content; 18684 } 18685 } 18686 18687 ${(0,h.H4)(`${g.Vh.lg}px`)} { 18688 ${c.T3} { 18689 padding-bottom: ${({additionalContent:e})=>e?0:(0,h.Kq)(3)}; 18690 } 18691 } 18692 18693 ${(0,h.H4)(`${g.Vh.xl}px`)} { 18694 ${c.T3} { 18695 padding-bottom: ${({additionalContent:e})=>e?(0,h.Kq)(3):(0,h.Kq)(6)}; 18696 } 18697 18698 ${"start"===t?.textAlign&&`\n && ${c.T3} {\n padding-top: ${(0,h.Kq)(21)};\n }\n `} 18699 18700 ${({additionalContent:e})=>"start"===t?.textAlign?o.AH` 18701 && ${u.C} { 18702 &::after { 18703 background: ${e?"linear-gradient(to bottom, rgba(0, 0, 0, .95) 0, transparent 65%, rgba(0, 0, 0, .85) 100%);":"linear-gradient(to bottom, rgba(0, 0, 0, .95) 0, transparent 100%);"}; 18704 } 18705 } 18706 `:o.AH``} 18707 } 18708 ${c.T3} { 18709 ${({presetCategory:e,additionalContent:t})=>"TEXT_ONLY"===e&&!t&&o.AH` 18710 padding-bottom: 0; 18711 `} 18712 } 18713 `,stack:(e,t={})=>o.AH` 18714 --top-story-layout: 'stack'; 18715 ${t?.image?.inset&&o.AH` 18716 ${$} { 18717 padding-top: 0; 18718 } 18719 `} 18720 `,"side-by-side":(e,t={})=>o.AH` 18721 --top-story-layout: 'side-by-side'; 18722 ${(0,h.H4)(`${g.Vh.lg}px`)} { 18723 ${t?.image?.inset&&o.AH` 18724 --smart-item-asset-h-inset: ${(0,h.Kq)(3)}; 18725 --smart-item-asset-v-inset: ${(0,h.Kq)(3)}; 18726 `} 18727 18728 ${c.T3} { 18729 ${({additionalContent:e})=>e&&o.AH` 18730 padding-bottom: 0; 18731 `}; 18732 } 18733 ${$} { 18734 padding-right: ${(0,h.Kq)(3)}; 18735 padding-left: ${(0,h.Kq)(3)}; 18736 } 18737 } 18738 ${(0,h.H4)(`${g.Vh.xl}px`)} { 18739 ${$} { 18740 padding-right: ${(0,h.Kq)(6)}; 18741 padding-left: ${(0,h.Kq)(6)}; 18742 } 18743 } 18744 ${c.T3}, ${$} { 18745 margin: 0 auto; 18746 } 18747 ${v} 18748 `},k=o.Ay.div.withConfig({displayName:"TopStoryHeroAdWrapper"})` 18749 grid-area: ad; 18750 18751 ${({addPaddingToCrownAd:e})=>e&&o.AH` 18752 ${p.IO} { 18753 padding: ${(0,h.Kq)(1)} 0; 18754 18755 ${(0,h.H4)(y.LO.md)} { 18756 padding: ${(0,h.Kq)(2)} 0; 18757 } 18758 } 18759 `} 18760`,A=o.Ay.div.withConfig({displayName:"TopStoryHeader"})` 18761 ${b}; 18762 18763 position: ${({headerIsFixed:e})=>e?"fixed":"sticky"}; 18764 top: 0; 18765 left: 0; 18766 grid-area: header; 18767 z-index: ${y.KV.persistentTopLayer+1}; 18768 width: 100%; 18769 18770 ${(0,h.H4)(y.LO.lg)} { 18771 ${a.Rx} { 18772 padding: ${(0,h.Kq)(2)} 0; 18773 ${({navIsFixed:e})=>o.AH` 18774 height: ${e?"var(--top-story-header-height-fixed)":"var(--top-story-header-height)"}; 18775 `} 18776 ${({hasFixedNavigationHeight:e})=>e&&o.AH` 18777 align-items: center; 18778 padding: 0; 18779 height: var(--top-story-header-height-fixed); 18780 `} 18781 } 18782 18783 ${a.BI} ${d.BF} { 18784 transition: 18785 width 0.3s cubic-bezier(0, 0.59, 0.32, 1), 18786 height 0.3s cubic-bezier(0, 0.59, 0.32, 1); 18787 width: ${({navIsFixed:e})=>e?(0,h.Kq)(16):(0,h.Kq)(21.626)}; 18788 height: ${({navIsFixed:e})=>e&&(0,h.Kq)(3.75)}; 18789 } 18790 18791 &&& { 18792 ${a.qQ} { 18793 ${({navIsFixed:e})=>o.AH` 18794 height: ${e?"var(--top-story-header-height-fixed)":"var(--top-story-header-height)"}; 18795 `} 18796 18797 ${({hasFixedNavigationHeight:e})=>e&&o.AH` 18798 height: var(--top-story-header-height-fixed); 18799 `} 18800 } 18801 } 18802 } 18803 18804 ${s.s} { 18805 position: relative; 18806 max-height: var(--top-story-header-height); 18807 } 18808 18809 ${a.xQ} { 18810 box-shadow: none; 18811 18812 ${({isDrawerOpen:e})=>e&&o.AH` 18813 & { 18814 transition: none; 18815 } 18816 `} 18817 18818 ${(0,h.L7)(`${g.VS.lg}px`)} { 18819 ${a.FT} { 18820 transition: none; 18821 } 18822 } 18823 } 18824 18825 ${({headerTheme:e})=>"transparent"===e&&o.AH` 18826 background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); 18827 `} 18828 18829 && ${a.xQ} { 18830 border-bottom: none; 18831 18832 ${a.Rx}, ${a.FT} { 18833 ${({navIsFixed:e,theme:t})=>e?o.AH` 18834 border-bottom: 1px solid; 18835 ${(0,h._o)(t,"border-bottom-color","colors.foundation.menu.dividers")}; 18836 `:o.AH` 18837 border-bottom: none; 18838 `} 18839 } 18840 18841 ${a.Zp} { 18842 ${r.vs} { 18843 box-shadow: none; 18844 } 18845 ${r.vs}::before { 18846 content: none; 18847 } 18848 } 18849 } 18850`,x=o.Ay.div.withConfig({displayName:"TopStoryComponent"})` 18851 grid-area: content; 18852`,E=(0,o.Ay)(a.mS).withConfig({displayName:"TopStoryPrimaryLinks"})` 18853 grid-area: navigation; 18854`,S=o.Ay.div.withConfig({displayName:"TopStoryWrapper"})` 18855 ${b}; 18856 ${({headerIsFixed:e,palette:t,hasFixedNavigationHeight:n})=>{const i=n?"var(--top-story-header-height-fixed)":"var(--top-story-header-height)";return e?o.AH` 18857 margin-top: ${"transparent"===t?0:i}; 18858 `:o.AH` 18859 margin-top: ${"transparent"===t?`calc(-1 * ${i})`:0}; 18860 `}} 18861 18862 display: grid; 18863 grid-template-areas: 18864 'content'
18865 'navigation'; 18866 grid-template-rows: repeat(12, auto); 18867 18868 ${({navIsFixed:e})=>e&&o.AH` 18869 margin-bottom: var(--top-story-nav-bar-height, 0px); 18870 `} 18871 18872 ${({palette:e,theme:t})=>"standard"===e&&o.AH` 18873 ${x} { 18874 border-bottom: 1px solid; 18875 ${(0,h._o)(t,"border-bottom-color","colors.interactive.base.border")}; 18876 } 18877 `} 18878 18879 && { 18880 ${E} { 18881 display: none; 18882 grid-row: -1; 18883 align-items: center; 18884 transition: height 0.3s cubic-bezier(0, 0.59, 0.32, 1); 18885 z-index: ${y.KV.persistentBottomLayer}; 18886 height: var(--top-story-nav-bar-height); 18887 overflow: hidden; 18888 18889 ${({theme:e})=>(0,h._o)(e,"background-color","colors.foundation.menu-bg.collapsed")}; 18890 18891 ${({navIsFixed:e})=>e&&o.AH` 18892 position: fixed; 18893 left: 0; 18894 top: var(--top-story-header-height-fixed); 18895 width: 100%; 18896 `} 18897 18898 ${l.M8}, ${l.SE} { 18899 ${({theme:e})=>(0,h._o)(e,"color","colors.foundation.collapsed-menu.nav-link.default")}; 18900 } 18901 18902 ${({shouldCollapseNavbar:e})=>e&&o.AH` 18903 border-bottom: none; 18904 height: 0; 18905 `} 18906 } 18907 18908 ${(0,h.H4)(y.LO.lg)} { 18909 border-bottom: 1px solid; 18910 ${({theme:e})=>(0,h._o)(e,"border-bottom-color","colors.foundation.menu.dividers")}; 18911 18912 ${E} { 18913 display: flex; 18914 } 18915 } 18916 } 18917 18918 overflow: hidden; 18919`,L=o.DU` 18920 ${m.od} { 18921 .drawer__overlay { 18922 &.drawer__overlay--opening { 18923 transition: none; 18924 } 18925 18926 &.drawer__overlay--closing { 18927 transition: none; 18928 } 18929 18930 &.drawer__overlay--opening.drawer--overlay-color-white { 18931 background-color: rgba( 18932 ${(0,h.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 18933 1 18934 ); 18935 } 18936 } 18937 18938 .drawer--megamenu-topstory { 18939 padding-top: ${({drawerTop:e})=>o.AH`calc(${e}px + ${(0,h.Kq)(6)})`}; 18940 } 18941 } 18942`},25671(e,t,n){n.d(t,{A:()=>ut});var o=n(13465),i=n(32485),a=n.n(i),r=n(96540),s=n(6442),l=n(38221),d=n.n(l),c=n(62193),m=n.n(c),u=n(33031),p=n.n(u),g=n(5556),h=n.n(g),y=n(83673),b=n.n(y),f=n(94409),w=n(26890),$=n(66657),v=n(97e3),C=n(38267),k=n(26865),A=n(18608),x=n(96472),E=n(86659),S=n(62930),L=n(40653);const T=C.i7` 18943 0% { 18944 top: ${(0,k.Kq)(8)}; 18945 } 18946 18947 100% { 18948 top: ${(0,k.Kq)(20)}; 18949 } 18950`,N=C.i7` 18951 0% { 18952 top: ${(0,k.Kq)(20)}; 18953 } 18954 18955 100% { 18956 top: ${(0,k.Kq)(8)}; 18957 } 18958`,H=C.Ay.div.withConfig({displayName:"VersoCommerceCollectionCuratedWrapper"})` 18959 ${({hasPaddingTop:e})=>e&&`padding-top: ${(0,k.Kq)(4)}`} 18960 position: relative; 18961 height: 100%; 18962`,I=C.Ay.div.withConfig({displayName:"PaginationModalWrapper"})` 18963 display: flex; 18964 justify-content: center; 18965 padding-top: ${(0,k.Kq)(8)}; 18966`,B=(0,C.Ay)(A.c7).withConfig({displayName:"VersoPlpCuratedWrapper"})``,O=(0,C.Ay)(A.c7).withConfig({displayName:"FilterWrapper"})` 18967 ${e=>e&&`\n && {\n padding-right: ${(0,k.Kq)(2)};\n padding-left: ${(0,k.Kq)(2)};\n }\n `} 18968 padding-right: ${(0,k.Kq)(4)}; 18969 padding-left: ${(0,k.Kq)(4)}; 18970 ${(0,k.Xm)(0,x.LO.md)} { 18971 padding-right: ${(0,k.Kq)(3)}; 18972 padding-left: ${(0,k.Kq)(3)}; 18973 } 18974`,K=(0,C.Ay)(E.A.NoMargins).withConfig({displayName:"FilterComponentGrid"})` 18975 > ${L.E} { 18976 grid-column: 1 / 9; 18977 18978 @media (min-width: ${x.LO.md}) { 18979 grid-column: 1 / -1; 18980 } 18981 } 18982`,D=(0,C.Ay)($.A).withConfig({displayName:"FilterRow"})``,_=C.Ay.hr.withConfig({displayName:"FilterHr"})` 18983 && { 18984 display: block; 18985 position: relative; 18986 top: ${({isMobileView:e})=>e?` ${(0,k.Kq)(6)};`:` ${(0,k.Kq)(6.1)};`}; 18987 margin: 0; 18988 border: 0; 18989 border-bottom: 1px solid ${(0,k.HK)("colors.foundation.menu.dividers")}; 18990 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 18991 padding: 0; 18992 height: 0; 18993 } 18994`,P=C.Ay.div.withConfig({displayName:"FilterComponentWrapper"})` 18995 position: sticky; 18996 18997 top: ${({isMobileView:e})=>e&&` ${(0,k.Kq)(6.8)};`}; 18998 z-index: ${({isMobileView:e})=>e?11:399}; 18999 background: rgba(255, 255, 255, 1); 19000 width: 100%; 19001 ${({isScrolled:e,isMobileView:t})=>t?"":C.AH` 19002 ${e?C.AH` 19003 animation: ${N} 0.2s 19004 cubic-bezier(0, 0.59, 0.32, 1) both; 19005 `:C.AH` 19006 animation: ${T} 0.8s 19007 cubic-bezier(0, 0.59, 0.32, 1) both; 19008 `} 19009 `} 19010`,R=((0,C.Ay)(A.vm).withConfig({displayName:"FilterTotalItemWrapper"}).attrs(e=>({as:"span",colorToken:"colors.interactive.base.black",typeToken:"typography.definitions.globalEditorial.tags",...e}))` 19011 display: flex; 19012 justify-content: center; 19013 padding: ${(0,k.Kq)(3)} 0 ${(0,k.Kq)(3)} 0; 19014 ${({theme:e,typeToken:t})=>(0,k.Gg)(e,t)} 19015 ${({theme:e,colorToken:t})=>(0,k._o)(e,"color",t)}; 19016`,C.Ay.div.withConfig({displayName:"BackdropWrapper"})` 19017 position: absolute; 19018 transition: background-color 750ms; 19019 opacity: 1; 19020 z-index: 9; 19021 background-color: rgba( 19022 ${(0,k.HK)("colors.background.black",{rgbOnly:!0})}, 19023 0.4 19024 ); 19025 padding-top: ${(0,k.Kq)(50)}; 19026 width: 100%; 19027 height: ${({heightDiff:e})=>e?`calc( 100% + ${e}px )`:"100%"}; 19028 text-align: center; 19029 ${({heightDiff:e})=>e?`height: calc(100% + ${e}px);`:"height: 100%;"} 19030`),q=(0,C.Ay)(S.Ay.Circle).withConfig({displayName:"LoaderWrapper"})` 19031 position: fixed; 19032 top: 50%; 19033 left: 46%; 19034`;var M=n(88055),F=n.n(M),U=n(71549),V=n(72267);const G=(0,V.YK)({filterCloseButtonLabel:{id:"FilterComponent.FilterMenuCloseButton",defaultMessage:"Close Filter Menu",description:"ARIA label for the close button on filter Menu",isConfigurable:!0},items:{id:"FilterComponent.Items",defaultMessage:"Items",description:"Suffix text to append to the total count"},sortBy:{id:"FilterComponent.SortBy",defaultMessage:"Sort by",description:"Filter component sort by text for sorting result"},filterBy:{id:"FilterComponent.FilterBy",defaultMessage:"Filter by",description:"Filter component filter by text for sorting result"},showItems:{id:"FilterComponent.ShowItems",defaultMessage:"Show {totalItems} Results",description:"ShowItems string for filter component"},applyActionLabel:{id:"FilterComponent.FilterApplyActionButton",defaultMessage:"Apply",description:"Filter component apply text for sorting result"},cancelActionLabel:{id:"FilterComponent.FilterCancelActionButton",defaultMessage:"Cancel",description:"Filter component cancel text for sorting result"},deseletActionLabel:{id:"FilterComponent.FilterDeselectActionButton",defaultMessage:"Unselect all",description:"Filter component deselect text for filter result"},contentLoadingLabel:{id:"FilterComponent.ContentLoadingLabel",defaultMessage:"Updating",description:"Filter Component label while content loading"}});var W=n(76399),j=n(708),z=n(39733),Y=n(89674),X=n(22698),Z=n(79499),J=n(14307),Q=n(87098),ee=n(67506),te=n(70698),ne=n(34520),oe=n(73730),ie=n(18730),ae=n(9664),re=n(20404),se=n(58293);const le="0.2s",de=C.Ay.div.withConfig({displayName:"FilterComponentWrapper"})``,ce=C.Ay.div.withConfig({displayName:"FilterCategoryWrapper"})` 19035 display: flex; 19036 position: relative; 19037 justify-content: space-between; 19038 width: fill-available; 19039 ${({isCentered:e})=>e&&"justify-content: center;"} 19040 ${({hasBorders:e,theme:t})=>e&&`\n border-width: 1px 0;\n border-style: solid;\n ${(0,k._o)(t,"border-color","colors.foundation.menu.dividers")};\n `} 19041 ${({hasBottomBorder:e,theme:t})=>e&&`border-bottom: 1px solid;\n ${(0,k._o)(t,"border-color","colors.foundation.menu.dividers")};\n `} 19042 19043 ${({hasGradient:e,fadeWidth:t,theme:n,hasAnchorLinkList:o})=>e&&`&::after {\n position: ${o?"unset":"absolute"};\n top: 1px;\n right: 0;\n bottom: 1px;\n background: linear-gradient(90deg, rgba(${(0,k.HK)(n,(0,te.l1)(n,"colors.foundation.menu-bg.collapsed"),{rgbOnly:!0})}, 0) 0%, rgba(${(0,k.HK)(n,(0,te.l1)(n,"colors.foundation.menu-bg.collapsed"),{rgbOnly:!0})}, 1) 75%);\n \n width: ${(0,k.Kq)(3)} ;\n content: '';\n pointer-events: none;\n ${"lg"===t&&`\n width: ${(0,k.Kq)(9)} ;\n opacity: 0.9;\n @media (max-width: ${x.LO.md}) {\n right: -1px;\n }\n `}\n }`} 19044`,me=C.Ay.ul.withConfig({displayName:"FilterCategoryList"})` 19045 display: inline-flex; 19046 margin: 0; 19047 padding: 0; 19048 padding-right: var(--grid-margin);
19049`,ue=(0,C.Ay)(A.sH).withConfig({displayName:"Category"}).attrs(e=>({colorToken:"colors.interactive.base.black",linkStyle:"navigation",typeToken:"typography.definitions.utility.input-core",...e}))` 19050 text-decoration: none; 19051 line-height: 1; 19052 19053 &:focus { 19054 text-decoration: none; 19055 ${({theme:e,isActive:t})=>`${(0,k._o)(e,"color",(0,te.l1)(e,t?"colors.foundation.collapsed-menu.nav-link.hover":"colors.foundation.collapsed-menu.nav-link.default"))};`} 19056 } 19057`,pe=C.Ay.div.withConfig({displayName:"CategoryContainer"})` 19058 display: inline-flex; 19059`,ge=(0,C.Ay)(z.A).withConfig({displayName:"ScrollingNavigationChevron"})` 19060 fill: ${(0,k.HK)("colors.foundation.collapsed-menu.nav-link.default")}; 19061 transform: rotate(90deg); 19062 width: ${(0,k.Kq)(2)}; 19063 height: ${(0,k.Kq)(2)}; 19064 19065 ${({theme:e,isactive:t})=>"true"===t&&`transform: rotate(270deg);\n ${(0,k._o)(e,"fill",(0,te.l1)(e,"colors.foundation.collapsed-menu.nav-link.hover"))};`} 19066`;re.w0.defaultProps={as:"span",colorToken:"colors.interactive.base.black",typeToken:"typography.definitions.utility.input-core"};const he=(0,C.Ay)(ae.A).withConfig({displayName:"RadioCheckboxSelectionControl"})` 19067 ${re.w0} 19068 &.filter-item { 19069 span { 19070 padding-top: 2px; 19071 } 19072 } 19073`,ye=C.Ay.li.withConfig({displayName:"FilterCategoryItem"})` 19074 display: flex; 19075 position: relative; 19076 flex-shrink: 0; 19077 align-items: center; 19078 transition: all 500ms ease; 19079 cursor: pointer; 19080 height: 48px; 19081 text-transform: none; 19082 19083 ${({theme:e,isActive:t})=>t&&`\n &::before {\n ${(0,k._o)(e,"background-color",(0,te.l1)(e,(0,te.iq)(e)?"colors.consumption.lead.inverted.background":"colors.foundation.collapsed-menu.nav-link.hover"))};\n bottom: 0;\n content: '';\n height: 2px;\n position: absolute;\n width: 100%;\n }\n `}; 19084 19085 & + & { 19086 margin-left: ${(0,k.Kq)(2)}; 19087 } 19088 19089 &:first-child { 19090 margin-left: 0; 19091 } 19092`,be=C.Ay.div.withConfig({displayName:"FilterSelectionMenuWrapper"})` 19093 ${({isActive:e})=>"display: "+(e?"block":"none")}; 19094 ${({theme:e})=>(0,k._o)(e,"background-color",(0,te.iq)(e)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed")}; 19095 19096 position: relative; 19097 z-index: 9; 19098 width: 100%; 19099 height: auto; 19100`,fe=C.Ay.div.withConfig({displayName:"FilterMenuWrapper"})` 19101 width: 100%; 19102 height: 100%; 19103 ${(0,k.L7)(x.LO.sm)} { 19104 padding: 0 ${(0,k.Kq)(2)}; 19105 } 19106`,we=(0,C.Ay)(E.A.WithMargins).withConfig({displayName:"FilterMenuGridWrapper"})` 19107 && { 19108 width: 100%; 19109 max-width: inherit; 19110 19111 ${(0,k.L7)(`calc(${x.LO.xxl} - 1px)`)} { 19112 padding: 0 ${(0,k.Kq)(0)}; 19113 } 19114 ${(0,k.H4)(x.LO.xxl)} { 19115 padding: 0 ${(0,k.Kq)(0)}; 19116 } 19117 } 19118 height: 100%; 19119 overflow-y: scroll; 19120 box-sizing: content-box; 19121 19122 scrollbar-width: none; 19123 19124 &::-webkit-scrollbar {
19125 width: 0; 19126 height: 0; 19127 } 19128 19129 ${L.E} { 19130 grid-column: 1 / -1; 19131 margin-top: ${(0,k.Kq)(2)}; 19132 } 19133`,$e=C.Ay.div.withConfig({displayName:"FilterMenuContent"})` 19134 ${(0,k.H4)(x.LO.lg)} { 19135 display: flex; 19136 width: 100%; 19137 } 19138`,ve=(0,C.Ay)(oe.A.Utility).withConfig({displayName:"MegaMenuCloseIconWrapper"})` 19139 position: relative; 19140 margin-left: auto; 19141 padding: 0; 19142 height: ${(0,k.Kq)(4)}; 19143 19144 &, 19145 &:active, 19146 &:hover, 19147 &:focus { 19148 border: 0; 19149 background-color: transparent; 19150 } 19151 19152 svg { 19153 ${({theme:e})=>(0,k._o)(e,"fill",(0,te.iq)(e)?"colors.background.white":"colors.foundation.collapsed-menu.nav-link.default")}; 19154 } 19155`,Ce=(0,C.Ay)("div").withConfig({displayName:"FilterSelectionControlWrapper"})` 19156 && { 19157 grid-column-gap: ${(0,k.Kq)(1)}; 19158 } 19159 19160 span { 19161 display: box; 19162 overflow: hidden; 19163 text-overflow: ellipsis; 19164 -webkit-line-clamp: 2; 19165 -webkit-box-orient: vertical; 19166 } 19167`,ke=(0,C.Ay)("div").withConfig({displayName:"FilterMenuListWrapper"})` 19168 margin: 1rem 0; 19169 overflow-y: scroll; 19170 ${({showTotalItems:e})=>`margin: 1rem 0rem ${(0,k.Kq)(e?2:4)};`} 19171 width: 100%; 19172 19173 .filter-selection-list { 19174 display: grid; 19175 grid-auto-flow: row; 19176 grid-template-columns: repeat(5, 1fr); 19177 grid-template-rows: repeat(10, 1fr); 19178 column-gap: ${(0,k.Kq)(4)}; 19179 height: ${(0,k.Kq)(16)}; 19180 row-gap: ${(0,k.Kq)(1.5)}; 19181 justify-items: start; 19182 } 19183 19184 && { 19185 .filter-item { 19186 padding: 0; 19187 19188 &:hover { 19189 cursor: pointer; 19190 } 19191 } 19192 19193 .selection-control-list__item { 19194 text-decoration: none; 19195 } 19196 } 19197`,Ae=C.Ay.div.withConfig({displayName:"FilterMenuItemWrapper"})` 19198 display: inline-flex; 19199 width: 100%; 19200`,xe=(0,C.Ay)(oe.A.Utility).withConfig({displayName:"FilterMenuTypeDeselect"}).attrs(e=>({typeToken:"typography.definitions.utility.input-core",...e}))` 19201 padding: 0; 19202 ${({isDisabled:e})=>e?"color:#636363;":"color: black;"} 19203 ${({isMobileView:e})=>e?`\n margin-bottom: ${(0,k.Kq)(3)};\n `:"\n width: 70px;\n min-width : 0;\n margin-top: -4px;\n "} 19204 19205 &&&, 19206 &:focus, 19207 &:hover { 19208 border: 0; 19209 background-color: transparent; 19210 height: 24px; 19211 text-align: left; 19212 text-decoration: underline; 19213 ${({theme:e,typeToken:t})=>(0,k.Gg)(e,t)}; 19214 ${({isDisabled:e,theme:t})=>e?`color:${(0,k._o)(t,"color","colors.interactive.base.deemphasized")};\n opacity: 80%;\n `:"color: black;"} 19215 } 19216`,Ee=(0,C.Ay)(ie.v).withConfig({displayName:"FilterTotalItemWrapper"}).attrs(e=>({as:"span",colorToken:"colors.interactive.base.black",typeToken:"typography.definitions.utility.input-core",...e}))` 19217 margin: ${(0,k.Kq)(2)}; 19218 border-left: 1px solid ${(0,k.HK)("colors.interactive.base.black")}; 19219 padding: 0 ${(0,k.Kq)(4)}; 19220 width: 100%; 19221 height: 17px; 19222 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.globalEditorial.tags")}; 19223 ${({theme:e,colorToken:t})=>(0,k._o)(e,"color",t)}; 19224`,Se=(0,C.Ay)(A.c7).withConfig({displayName:"SortContainer"})` 19225 display: flex; 19226 19227 .dropdown__control--menu-is-open { 19228 .dropdown__icon > svg { 19229 transform: rotate(180deg); 19230 } 19231 } 19232 19233 .dropdown__value-container { 19234 height: 47px; 19235 } 19236 19237 &.is-sort-menu-closed { 19238 .dropdown__value-container { 19239 border: none; 19240 } 19241 19242 .dropdown__control--is-focused { 19243 border: none; 19244 box-shadow: none; 19245 } 19246 } 19247 19248 &.is-sort-menu-open { 19249 .dropdown__value-container { 19250 border-width: 1px; 19251 border-style: solid; 19252 border-color: ${(0,k.HK)("colors.interactive.base.black")}; 19253 } 19254 } 19255 19256 ${se.wF} { 19257 min-width: ${(0,k.Kq)(12)}; 19258 19259 .dropdown__control { 19260 display: flex; 19261 justify-content: flex-start; 19262 19263 .dropdown__single-value { 19264 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.utility.input-core")}; 19265 color: ${(0,k.HK)("colors.interactive.base.black")}; 19266 } 19267 19268 .dropdown__value-container { 19269 padding: 1rem 1.9rem 1rem 0.5rem; 19270 } 19271 19272 .dropdown__control--menu-is-open { 19273 .dropdown__value-container { 19274 border-width: 1px; 19275 border-style: solid; 19276 border-color: ${(0,k.HK)("colors.interactive.base.black")}; 19277 } 19278 } 19279 } 19280 19281 .dropdown__menu-list { 19282 .dropdown__option { 19283 border-width: 1px; 19284 border-color: ${(0,k.HK)("colors.interactive.base.black")}; 19285 19286 &:last-of-type { 19287 border-bottom: 1px solid 19288 ${(0,k.HK)("colors.interactive.base.black")}; 19289 border-top-width: none; 19290 border-top-style: none; 19291 } 19292 } 19293 } 19294 } 19295 19296 @media (max-width: ${x.LO.md}) { 19297 left: -${(0,k.Kq)(2)}; 19298 } 19299`,Le=(0,C.Ay)(A.c7).withConfig({displayName:"SortWrapper"})` 19300 position: relative; 19301 z-index: 1; 19302 19303 @media (max-width: ${x.LO.md}) { 19304 margin: 0; 19305 } 19306`,Te=C.Ay.div.withConfig({displayName:"FilterMobileWrapper"})``,Ne=C.Ay.div.withConfig({displayName:"FilterTotalItemWrapperMobile"})` 19307 padding: ${(0,k.Kq)(2)}; 19308 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.globalEditorial.tags")}; 19309 ${({theme:e,colorToken:t})=>(0,k._o)(e,"color",t)}; 19310`,He=(0,C.Ay)(oe.A.Utility).withConfig({displayName:"FilterMobileButton"})` 19311 &, 19312 &:focus, 19313 &:hover { 19314 border: 0; 19315 background-color: transparent; 19316 color: black; 19317 } 19318 padding: 0; 19319 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.utility.input-core")}; 19320 19321 svg { 19322 transform: rotate(90deg); 19323 width: ${(0,k.Kq)(1.25)}; 19324 height: ${(0,k.Kq)(1.25)}; 19325 } 19326`,Ie=(0,C.Ay)(ne.A).withConfig({displayName:"FilterMobileDrawer"})` 19327 overflow-y: auto; 19328 position: relative; 19329`,Be=(0,C.Ay)(A.c7).withConfig({displayName:"FilterSortMobileDrawerWrapper"})``,Oe=C.Ay.div.withConfig({displayName:"RemoveFilter"})` 19330 display: flex; 19331 cursor: pointer; 19332 19333 .icon-close { 19334 padding: 4px; 19335 } 19336 19337 svg { 19338 position: absolute; 19339 right: 1rem; 19340 width: ${(0,k.Kq)(4)}; 19341 height: ${(0,k.Kq)(4)}; 19342 19343 path { 19344 fill: ${(0,k.HK)("colors.interactive.base.black")}; 19345 } 19346 } 19347`,Ke=(C.Ay.div.withConfig({displayName:"FilterMobileDrawerHeaderWrapper"})``,(0,C.Ay)(A.c7).withConfig({displayName:"FilterMobileDrawerHeader"})` 19348 display: inline-flex; 19349 position: relative; 19350 background: rgb(248, 248, 248); 19351 padding: ${(0,k.Kq)(3)}; 19352 width: fill-available; 19353`),De=(0,C.Ay)(A.c7).withConfig({displayName:"FilterMobileDrawerTitle"})` 19354 display: inline-flex; 19355`,_e=(0,C.Ay)(A.c7).withConfig({displayName:"FilterDrawerText"})` 19356 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 19357 19358 ${({theme:e})=>(0,k._o)(e,"color","colors.interactive.base.black")}; 19359`,Pe=C.Ay.div.withConfig({displayName:"FilterDrawerSelectionCounter"})` 19360 position: relative; 19361 margin-left: 0.2rem; 19362 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 19363`,Re=(0,C.Ay)(A.c7).withConfig({displayName:"FilterMobileAccordianData"})` 19364 position: absolute; 19365 top: 80px; 19366 bottom: 160px; 19367 width: 100%; 19368 overflow-y: auto; 19369 overflow-x: auto; 19370 -ms-overflow-style: none; 19371 scrollbar-width: none; 19372 scroll-behavior: smooth; 19373 19374 &::-webkit-scrollbar {
19375 display: none; 19376 } 19377`,qe=C.Ay.div.withConfig({displayName:"FilterAccordionContainer"})` 19378 border-bottom: 1px solid; 19379 ${({theme:e})=>(0,k._o)(e,"border-bottom-color","colors.discovery.body.white.divider")}; 19380 19381 svg { 19382 float: right; 19383 transform-origin: center; 19384 transition: all ${le} ease-in-out; 19385 width: ${(0,k.Kq)(1.25)}; 19386 height: ${(0,k.Kq)(1.25)}; 19387 } 19388 overflow: hidden; 19389`,Me=C.Ay.label.withConfig({displayName:"FilterAccordionItemContainerLabel"}).attrs(e=>({typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))` 19390 ${(0,k.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 19391 ${({theme:e})=>(0,k._o)(e,"color","colors.background.black")}; 19392`,Fe=C.Ay.div.withConfig({displayName:"FilterAccordionLabelContainer"})` 19393 display: inline-flex; 19394`,Ue=(0,C.Ay)(ie.v).withConfig({displayName:"FilterAccordionItemContainerContent"})` 19395 margin: 0 ${(0,k.Kq)(3)}; 19396 19397 .selection-control-list__item { 19398 text-decoration: none; 19399 } 19400 ${({isActive:e})=>e?`\n overflow: hidden;\n transition: ${le} linear;\n padding-bottom: ${(0,k.Kq)(2)};\n `:`\n max-height: 0px;\n transition: all ${le};\n `} 19401 19402 ${({theme:e})=>(0,k._o)(e,"color","colors.consumption.lead.standard.description")}; 19403 19404 && { 19405 .un-select-filter-button { 19406 margin-bottom: 0; 19407 } 19408 } 19409 ${Ce} { 19410 padding: ${(0,k.Kq)(2)} 0 ${(0,k.Kq)(1)}; 19411 } 19412`,Ve=C.Ay.div.withConfig({displayName:"FilterAccordionItemContainer"})` 19413 margin: ${(0,k.Kq)(3)}; 19414`,Ge=(0,C.Ay)(oe.A.Utility).withConfig({displayName:"FilterAccordionItemContainerButton"})` 19415 fill: #615f66; 19416 float: right; 19417 transition: all 0.2s ease; 19418 padding: ${(0,k.Kq)(1)} ${(0,k.Kq)(.5)}; 19419 19420 &, 19421 &:focus, 19422 &:hover { 19423 border: 0; 19424 background-color: transparent; 19425 } 19426 ${({isActive:e})=>e&&"transform: rotate(180deg);"} 19427`,We=(0,C.Ay)(A.c7).withConfig({displayName:"FilterMobileActionWrapper"})` 19428 position: absolute; 19429 bottom: 0; 19430 padding: ${(0,k.Kq)(3)}; 19431 width: 100%; 19432 ${({theme:e})=>`\n background: ${(0,k.HK)(e,"colors.background.light")};`}; 19433`,je=C.Ay.div.withConfig({displayName:"FilterMobileDrawerAccordionWrapper"})``,ze=(0,C.Ay)(oe.A.Primary).withConfig({displayName:"FilterMobileApplyActionButton"})` 19434 margin-bottom: ${(0,k.Kq)(2)}; 19435 width: 100%; 19436`,Ye=(0,C.Ay)(oe.A.Secondary).withConfig({displayName:"FilterMobileCancelActionButton"})` 19437 width: 100%; 19438 ${({theme:e})=>`\n background: ${(0,k.HK)(e,"colors.background.light")};`} 19439`,Xe=C.Ay.div.withConfig({displayName:"SortMobileContainer"})``,Ze=(0,C.Ay)(oe.A.Utility).withConfig({displayName:"SortMobileButton"})` 19440 &, 19441 &:focus, 19442 &:hover { 19443 border: 0; 19444 background-color: transparent; 19445 color: black; 19446 } 19447 padding: 0; 19448 ${({theme:e})=>(0,k.Gg)(e,"typography.definitions.utility.input-core")}; 19449 19450 svg { 19451 transform: rotate(90deg); 19452 width: ${(0,k.Kq)(1.25)}; 19453 height: ${(0,k.Kq)(1.25)}; 19454 } 19455`,Je=(0,C.Ay)(ne.A).withConfig({displayName:"FilterMobileDrawer"})` 19456 overflow-y: auto; 19457`,Qe=C.Ay.div.withConfig({displayName:"SortSelectionControlWrapper"})` 19458 position: absolute; 19459 top: 80px; 19460 bottom: 160px; 19461 margin: 1.5rem 1.5rem 0; 19462 width: 100%; 19463`,et="filtering",tt="Sorting",nt=["Type"],ot=({className:e,filterSortData:t={},hasBottomBorder:n,isMobileView:o,hasUpdateUrl:i=!0,hideChannelNavigation:l=!0,isCentered:d,isContentLoading:c,showTotalItems:u,theme:p="standard",totalItems:g=0,trackingEvent:y="plpFilterInteraction",updateParentDataHandler:b,sendFilterOpenStatus:f})=>{const[w,$]=r.useState(null),[v,C]=r.useState(null),[k,A]=r.useState(t.sortData),[x,E]=r.useState(t.filterData),[L,T]=r.useState(!1),N=(0,r.useRef)(null),H=(0,r.useRef)(null);(0,Q.j)(H,()=>T(!1));const[I,B]=r.useState({});(0,Q.j)(N,()=>{o||(E(x.map(e=>({...e,isActive:!1}))),f&&f(!1))});const[O,K]=r.useState({}),{formatMessage:D}=(0,s.A)(),[_,P]=r.useState(!1),[R,q]=r.useState(!1),[M,V]=r.useState(""),te=(e=null)=>{let n;if(e)n=F()(e);else{n=F()(t.sortData).find(e=>e.default)}if(!n)return{label:D(G.sortBy)};let o=n.label;return n.label.includes(":")&&(o=n.label.split(":")[1].trim()),n.label=`${D(G.sortBy)}: ${o}`,n},ne=(e,t)=>{{const n=t!==et||m()(w)?`Sort By ${e.selectedFilter.label}`:w.label;window.dataLayer.push({event:y,interactionType:"Filtering/Sorting",nameOfSelection:`${t}_${n}`,valueOfFilter:e.selectedFilter.label,eventValue:""})}};(0,r.useEffect)(()=>{E(t.filterData);const{pathname:e}=window.location;V(e)},[t.filterData]);const oe=(e,t)=>{let n=e.value;return nt.includes(t)&&(n=`${(0,ee.mJ)(e.label)}`),n},ie=(e,t={})=>{const n=[],o=[];
19463return e.forEach(e=>{const t=e.children.map(t=>t.isSelected&&oe(t,e.label)).filter(e=>e);if(m()(t)||"path"!==e.paramType){if(!m()(t)){const o=oe(e,e.label),i=`${"Type"===e.label?"category":o}=${t.join("+")}`;n.push(i)}}else{const e=`/${t.join()}`;o.push(e)}}),{filterParams:n.join("&"),pathParams:o.join("/"),sortParams:t.value}},ae=({filterData:e=[],sortData:t,filterSelectionPriority:n={}})=>{const{filterParams:o,pathParams:i,sortParams:a}=ie(e,t),{pathname:r,origin:s}=window.location,l=!m()(i)&&r!==i;if(l){const e=`${s}${i}`;return window.history.replaceState(null,null,e),void b({pathChanged:l})}let d=`${s}${r}`;const c=[];o&&c.push(o),a&&c.push(`sort=${a}`),c.length&&(d=`${d}?${c.join("&")}`),window.history.replaceState(null,null,d),b({pathChanged:l,filterData:e,activeFilter:w,filterSelectionPriority:n})},re=e=>{e.preventDefault(),E(x.map(e=>({...e,isActive:!1}))),f&&f(!1)},se=e=>{""!==e.target.name&&(re(e),T(!L))},le=e=>{const t={...I},n=e.children.filter(({isSelected:e})=>e);if(t[e.value]&&0===n.length){const n=t[e.value];delete t[e.value];let o=n;for(const e in t)t[e]>n&&(o=n>t[e]?n:t[e],t[e]-=1);t.lastActionTabPriority=o}else{delete t.activeTab,delete t.lastActionTabPriority;const n=Object.keys(t).length;t[e.value]||(t[e.value]=0===n?1:n+1),t.lastActionTabPriority=t[e.value]}return t.activeTab=e.value,t},ot=(e,t)=>
19463{const n=F()(x),o=n.findIndex(t=>t.value===e),a=n[o],r=a.children[t];let s=!1;if("multiple"===a.selectionType)s=!r.isSelected,r.isSelected=!r.isSelected,a.children[t]=r;else{a.children=a.children.map((e,n)=>({...e,isSelected:n===t}));const e=a.label.split(":")[0];a.label=`${e}: ${r.label}`,s=!0}n[o]=a;const l=le(a);B(l),$(a),E(n);const d=n.map(e=>{const t="multiple"===e.selectionType?e.children.filter(e=>e.isSelected).length:0;return{...e,counter:t}});s&&ne({category:a,selectedFilter:r},et);let c="deselect";r.isSelected&&(c="select"),((e,t,n)=>{const o={type:e,subject:"filter",criteria:{filter:[{name:t.label,label:n.label.toLowerCase()}]},platform:"verso"};(0,J.ce)(o)})(c,a,r),E(d),i&&ae({filterData:n,sortData:O,filterSelectionPriority:l})},it=(e,t)=>{const n=F()(x).find(t=>t.value===e);if(n&&"single"===n.selectionType){const e=n.children.find(e=>e.isSelected);if(e){return`${n.label.split(":")[0]}: ${e.label}`}}return t>0?`${n.label} (${t})`:n.label},at=r.createElement(U.A,{min:"xl"},e=>e&&r.createElement(ve,{"aria-label":D(G.filterCloseButtonLabel),ButtonIcon:W.A,isIconButton:!0,label:D(G.filterCloseButtonLabel),onClickHandler:e=>re(e)})),rt=e=>0===e.children.filter(e=>e.isSelected).length,st=e=>{const t=F()(x),n=t.findIndex(t=>t.value===e.value);e.children=e.children.map(e=>(e.isSelected&&(e.isSelected=!e.isSelected),e)),e.counter=0,t[n]=e,E(t);const o=le(e);B(o),i&&ae({filterData:t,sortData:O,filterSelectionPriority:o})},lt=e=>{const{children:t,selectionType:n,value:i}=e,a="multiple"===n?he.Checkbox:he.Radio,s="multiple"===n,l=rt(e);return r.createElement(r.Fragment,null,o&&s&&r.createElement(xe,{inputKind:"button",isDisabled:l,label:D(G.deseletActionLabel),isMobileView:o,onClickHandler:()=>l?{}:st(e),className:"un-select-filter-button"}),r.createElement(Y.A,{dangerousLegend:i,className:"filter-selection-list",items:t},t.map((e,t)=>{const n=Boolean(e.isSelected),o=((e,t,n)=>{const o=F()(x),i=o.findIndex(t=>t.value===e),a=o[i],r=a.children[t];r.isSelected=!0,a.children[t]=r,o[i]=a;const{filterParams:s}=ie(o,O);let l=n?M:`/${r.value}`;return s&&(l+=`?${s}`),l})(i,t,s);return r.createElement("a",{href:o},r.createElement(Ce,{as:a,...e,className:"filter-item",value:e.value,formName:i,key:`${e.label}.${e.value}`,index:t,isChecked:n,isDisabled:!1,onChangeHandler:()=>ot(i,t)}))})))},dt=()=>{const e=!_;P(e),E(x.map(e=>({...e,isActive:!1}))),f&&f(e)},ct=e=>{e&&ae({filterData:x,sortData:e}),q(!R)},mt=(e=0)=>(F()(x).forEach(t=>{"multiple"===t.selectionType&&(e+=t.counter)}),e),ut=()=>{const e=mt();return r.createElement(Ke,{"data-testid":"filter-mobile-drawer-header"},r.createElement(De,null,r.createElement(_e,null,_?`${D(G.filterBy)}`:`${D(G.sortBy)}`),_&&e>0&&r.createElement(Pe,null,"(",e,")")),r.createElement(Oe,null,r.createElement(W.A,{"data-testid":"filter-mobile-drawer-close",onClick:()=>_?dt():ct(v)})))},pt=({id:e,label:t,value:n,counter:o})=>{const i=x[e];return r.createElement(qe,null,r.createElement(Ve,{"data-testid":`filter-accordion-item-${e}`,onClick:()=>(e=>{const t=x.map((t,n)=>({...t,isActive:n===e&&!t.isActive})),n=t.find(e=>e.isActive);$(n),E(t)})(e)},r.createElement(Fe,null,t?r.createElement(Me,{dangerouslySetInnerHTML:{__html:it(n,o)}}):null),r.createElement(Ge,{isActive:i.isActive,ButtonIcon:j.A,role:"button",isIconButton:!0,label:"FilterAccordionItemContainerButton",width:"0.5rem",height:"0.5rem"})),r.createElement(Ue,{activeCategory:w,id:e,isActive:i.isActive},lt(i)))};pt.propTypes={counter:h().number,id:h().number,label:h().string,value:h().string};const gt=t.sortData&&!m()(t.sortData),ht=gt?te():{},yt=gt?((e=null)=>{let n;if(e)n=F()(e);else{n=F()(t.sortData).find(e=>e.default)}return n})():{},bt=()=>r.createElement(S.jl,{fillColor:"#fff",margin:"0px",height:"40px",width:"40px"}),ft=()=>r.createElement(We,{"data-testid":"filter-mobile-action-wrapper"},r.createElement(ze,{"data-testid":"filter-mobile-apply-button",inputKind:"button",label:_?c?`${D(G.contentLoadingLabel)}`:`${D(G.showItems,{totalItems:g})}`:`${D(G.applyActionLabel)}`,onClickHandler:()=>_?dt():ct(v),ButtonIcon:c&&bt,iconPosition:"before",hasEnableIcon:!0}),r.createElement(Ye,{"data-testid":"filter-mobile-cancel-button",inputKind:"button",label:D(G.cancelActionLabel),onClickHandler:()=>_?(()=>{const e=F()(x);e.map(e=>("multiple"===e.selectionType&&(e.children=e.children.map(e=>({...e,isSelected:!1}))),e)),E(e),i&&ae({filterData:e,sortData:v||yt}),P(!_),E(x.map(e=>({...e,isActive:!1})))})():q(!R)}));return r.createElement(de,{ref:N},r.createElement(ce,{"data-testid":"FilterComponent",hasBottomBorder:n,isCentered:d,className:e,id:"filter-wrapper"},r.createElement(r.Fragment,null,o?r.createElement(Te,null,r.createElement(He,{"data-testid":"filter-mobile-button",inputKind:"button",label:mt()>0?`${D(G.filterBy)} (${mt()})`:D(G.filterBy),ButtonIcon:z.A,iconPosition:"after",hasEnableIcon:!0,onClickHandler:()=>P(!_)}),r.createElement(Ie,{isOpen:_,className:"drawer--filter-mobile",onClose:()=>{},hideChannelNavigation:l},_&&r.createElement(Be,null,ut(),r.createElement(je,null,r.createElement(Re,null,x.map(({label:e,value:t,counter:n},o)=>r.createElement(pt,{id:o,label:e,value:t,counter:n}))),ft())))):r.createElement(me,{id:"filter-category"},x.map(({value:e,isActive:t,counter:n},o)=>r.createElement(ye,{key:`${e}-${o}
19463`,isActive:t,onClick:t=>((e,t)=>{t.preventDefault();const n=x.map(t=>({...t,isActive:!t.isActive&&t.value===e})),o=n.find(e=>e.isActive);$(o),f&&f(o&&!0),E(n)})(e,t)},r.createElement(pe,null,r.createElement(ue,{tabIndex:"0",role:"link",isActive:t,as:"a"},r.createElement("span",{dangerouslySetInnerHTML:{__html:it(e,n)}}))),r.createElement(ge,{isactive:String(t)})))),o&&u&&r.createElement(Ne,null,g," ",D(G.items)),gt&&r.createElement(Le,{ref:H},o?r.createElement(Xe,null,r.createElement(Ze,{"data-testid":"sort-mobile-button",inputKind:"button",label:v?v.label:yt.label,ButtonIcon:z.A,iconPosition:"after",hasEnableIcon:!0,onClickHandler:()=>q(!R)}),r.createElement(Je,{isOpen:R,className:"drawer--filter-mobile",onClose:()=>{},hideChannelNavigation:l},R&&r.createElement(Be,null,ut(),r.createElement(Qe,{selectionType:"single"},r.createElement(Y.A,{"data-testid":"mobile-sort-list",dangerousLegend:`${D(G.sortBy)}`},k.map((e,t)=>{const n=e.default;return r.createElement(Ce,{"data-testid":`mobile-sort-radio-${t}`,as:X.A.Radio,label:e.label,value:e.value,formName:e.value,key:`${e.label}.${e.value}`,index:t,isChecked:n,isDisabled:!1,onChangeHandler:()=>(e=>{const t=k.map((t,n)=>({...t,default:n===e})),n=t.find(e=>e.default);C(n),A(t)})(t)})}))),ft()))):r.createElement(Se,{className:a()({"is-sort-menu-open":L,"is-sort-menu-closed":!L}),onClick:e=>se(e),onTouchStart:e=>se(e),totalItems:g},r.createElement(Z.Ay,{defaultValue:ht,selectedValue:m()(O)?ht:O,isDropdownMenuOpen:L,options:t.sortData,onInputChange:e=>{K(te(e)),m()(e)||(ne({selectedFilter:e},tt),ae({filterData:x,sortData:e}));const t={type:"select",subject:"sort",criteria:{sort:e.label},platform:"verso",no_of_results_returned:g};(0,J.ce)(t)},shouldHideSelectedOptions:!0}),u&&r.createElement(Ee,null,g," ",D(G.items)))))),!o&&x.map(e=>r.createElement(be,{isActive:e.isActive},r.createElement(fe,{theme:p},r.createElement(we,null,r.createElement($e,null,r.createElement(ke,{showTotalItems:u},lt(e)),at))),r.createElement(Ae,null,"multiple"===e.selectionType&&r.createElement(xe,{inputKind:"button",isDisabled:rt(e),label:D(G.deseletActionLabel),onClickHandler:()=>rt(e)?{}:st(e)})))))};ot.propTypes={className:h().string,filterSortData:h().object,hasBottomBorder:h().bool,hasUpdateUrl:h().bool,hideChannelNavigation:h().bool,isCentered:h().bool,isContentLoading:h().bool,isMobileView:h().bool,sendFilterOpenStatus:h().func,showTotalItems:h().bool,theme:h().oneOf(["standard","inverted"]),totalItems:h().number,trackingEvent:h().string,updateParentDataHandler:h().func},ot.displayName="FilterComponent";const it=ot;var at=n(89544);const rt=(0,V.YK)({Category:{id:"VersoCommerceCollectionCurated.FilterBy.Category",defaultMessage:"Type",description:"Text for diplaying filter type label Type"},Brand:{id:"VersoCommerceCollectionCurated.FilterBy.Brand",defaultMessage:"Designer",description:"Text for diplaying filter type label Brand"},Size:{id:"VersoCommerceCollectionCurated.FilterBy.Size",defaultMessage:"Size",description:"Text for diplaying filter type label Size"},StorefrontBundle:{id:"VersoCommerceCollectionCurated.FilterBy.StorefrontBundle",defaultMessage:"Category",description:"Text for diplaying filter type label StorefrontBundle"},Color:{id:"VersoCommerceCollectionCurated.FilterBy.Color",defaultMessage:"Color",description:"Text for diplaying filter type label Color"},Type:{id:"VersoCommerceCollectionCurated.FilterBy.Type",defaultMessage:"Type",description:"Text for diplaying filter type label Type"},Popular:{id:"VersoCommerceCollectionCurated.SortBy.Popular",defaultMessage:"Most Wanted",description:"Text for diplaying sort by option label Popular"},Featured:{id:"VersoCommerceCollectionCurated.SortBy.Featured",defaultMessage:"Featured",description:"Text for diplaying sort by option label Featured"},items:{id:"VersoCommerceCollectionCurated.Items",defaultMessage:"Items",description:"Suffix text to append to the total count"},"Most Recent":{id:"VersoCommerceCollectionCurated.SortBy.MostRecent",defaultMessage:"New Arrivals",description:"Text for diplaying sort by option label Most Recent"},"Lowest Price":{id:"VersoCommerceCollectionCurated.SortBy.LowestPrice",defaultMessage:"Lowest Price",description:"Text for diplaying sort by option label Lowest Price"},"Highest Price":{id:"VersoCommerceCollectionCurated.SortBy.HighestPrice",defaultMessage:"Highest Price",description:"Text for diplaying sort by option label Highest Price"}});var st=n(59867);function lt(e,t){e.current.style.position="sticky",e.current.style.setProperty("top",`${t}px`,"important")}const dt=["sort","page","format","branch"],ct=({container:e,pimCollectionBundleLinks:t,isMobileView:n,shouldHideFilterComponent:o,isFirstProductListingContainer:i,affiliateDisclaimer:l,containerIndex:c})=>{const{formatMessage:u}=(0,s.A)(),g=e=>{const t=e.filter(Boolean);if(!t.length)return[];return t.map(e=>rt[e.label]?{...e,label:u(rt[e.label])}:e)},[h,y]=(0,r.useState)(e),[C,k]=(0,r.useState)({}),[A,x]=(0,r.useState)(!0),[E,S]=(0,r.useState)(!1),L=(0,r.useRef)(null),T=(0,r.useRef)(null),[N,M]=(0,r.useState)(0),[F,U]=(0,r.useState)([]),V=t&&t.length&&{label:"StorefrontBundle",value:"storefront",selectionType:"single",paramType:"path",counter:0,children:p()(t,"label")},[G,W]=(0,r.useState)(!1),[j,z]=(0,r.useState)(0),Y=(0,r.useRef)(null),X=(0,r.useRef)(null),[Z,J]=(0,r.useState)({...e.pimFilterSortPaginationData,filterData:g([V,...e.pimFilterSortPaginationData.filterData]),sortData:g(e.pimFilterSortPaginationData.sortData),optionsSelected:!1});0===F.length&&U(g([V,...e.pimFilterSortPaginationData.filterData]));const Q=(e,t=[])=>{if(t.length){return e.map(e=>t.includes(e.value)?{...e,isSelected:!0}:e)}return e},te=(e,t=[])=>{if(t.length&&"multiple"===e.selectionType){return t?.length||0}return 0};!function(e){(0,r.useEffect)(()=>
19463{if(null==e.current)return;const t=document.querySelector(".onenav-site-navigation header");if(null==t)return;const n=new ResizeObserver(t=>{const{height:n}=t[0].contentRect;lt(e,n)});return n.observe(t),lt(e,t.getBoundingClientRect().height),()=>{n.disconnect()}},[e])}(T),(0,r.useEffect)(()=>{const e=L.current?.getBoundingClientRect(),t=document.getElementById("app-root"),{bottom:n}=(0,f.A)(t);M(n-e.bottom)},[]),(0,r.useEffect)(()=>(X.current=window.Kendra.WINDOW_EVENT.on(st.m.SCROLL_DEBOUNCE,()=>{const{offsetTop:e}=T.current;if(window&&window.document){const t=window.document.querySelector('header[class*="StackedNavigationHeader-"]:first-of-type');e<=0?setTimeout(()=>{t.classList?.remove("stacked-navigation--hidden-shadow")},100):setTimeout(()=>{t.classList?.add("stacked-navigation--hidden-shadow")},100)}}),()=>{X.current&&X.current.off()}),[]),(0,r.useEffect)(()=>{if(!Z.optionsSelected){const{pathname:e,search:t}=window.location,n=e.split("/");n.splice(0,1);const o=n.join("/"),{sort:i="",queryString:a}=(0,ee.O6)(t);k({query:"",sort:i});const r=((e,t,n,o)=>{const i=m()(o)?"":o.replace("?",""),{filterData:a,sortData:r}=e,s=new Map;t.length&&s.set("storefront",[t]),i.length&&i.split("&").forEach(e=>{const[t,n]=e.split("="),o=decodeURIComponent(n).replace(/ /g,"+");if("category"===t&&a.length){const e=(0,ee.pH)({key:"type",value:o.split("+")},a);e.key&&e.value&&s.set(e.key,e.value)}else dt.includes(t)||s.set(t,o.split("+"))});return{filterData:a.map(e=>({...e,counter:te(e,s.get(e.value)),children:Q(e.children,s.get(e.value))})),sortData:m()(n)?r:r.map(e=>({...e,default:e.value===n}))}})(Z,o,i,a);J(e=>({...e,...r,optionsSelected:!0})),x(!1)}},[Z]);const ne=(e,t)=>t.findIndex(t=>t.value===e.value),oe=d()(({activeFilter:e,filterData:t,filterSelectionPriority:n})=>{const{pathname:o,search:i,origin:a}=window.location;x(!0);const r=m()(i)?"?format=json":`${i}&format=json`,s=`${a}${o}${i}`;window.history.replaceState(null,"",s),fetch(`${o}${r}`).then(e=>e.json()).then(({bundle:o})=>{const a=o.containers.find(e=>"verso-pim-collection"===e.template),{sort:r=""}=(0,ee.O6)(i);k({query:"",sort:r}),y(a);const{filterData:s}=a.pimFilterSortPaginationData;let l=t.map(e=>{const t=n[e.value]||10,o=n.lastActionTabPriority||!1;return 1===t?F.find(t=>t.value===e.value):o&&t<=o?e:s.find(t=>t.value===e.value)});l=b()(l);const d=s.map(e=>l.find(t=>t.value===e.value)||e);if(!m()(e)){const n=ne(e,t),o=ne(e,d),i=ne(e,d),a=t[n];a.children=d[o]?.children||[],i>-1&&d.splice(i,1,a)}J({...a.pimFilterSortPaginationData,filterData:g([V,...d]),sortData:Z.sortData,optionsSelected:!1}),x(!1);const c=window.document&&window.document.querySelector('div.verso-plp-curated-wrapper div[class*="UnifiedProductCardWrapper-"]:first-of-type');c&&setTimeout(()=>{c.scrollIntoView({behavior:"smooth",block:"end"})},1)}).catch(e=>{x(!1)})},1e3),ie=(0,r.useCallback)(()=>{const e=window.pageYOffset;(0,w.q)(G,e,j,"delta")&&(W(e-j>0),z(e))},[G,j]);return(0,r.useEffect)(()=>(Y.current=window.Kendra.WINDOW_EVENT.on(st.m.SCROLL_THROTTLE,ie),()=>{Y.current&&Y.current.off()}),[ie]),r.createElement(H,{ref:L},!o&&r.createElement(P,{isScrolled:G,isMobileView:n,ref:T},r.createElement(D,null,r.createElement(_,{isMobileView:n}),r.createElement(K,null,r.createElement(O,{isMobileView:n},r.createElement(it,{theme:"standard",filterSortData:Z,isMobileView:n,totalItems:Z.pagination.totalResults,showTotalItems:!0,isCentered:!1,hasBorders:!1,updateParentDataHandler:({pathChanged:e,filterData:t,activeFilter:n=null,filterSelectionPriority:o={}})=>{e&&window.location.reload(),oe({filterData:t,activeFilter:n,filterSelectionPriority:o})},className:"",isContentLoading:A,sendFilterOpenStatus:e=>{n?e||setTimeout(()=>{window&&window.scrollTo(0,0)},1):S(e)}}))))),r.createElement($.A,null,!n&&E&&r.createElement(R,{heightDiff:N},A&&r.createElement(q,null))),r.createElement($.A,null,r.createElement(B,{className:a()("verso-plp-curated-wrapper")},r.createElement(v.A,{...h,isFirstProductListingContainer:i,affiliateDisclaimer:l,containerIndex:c}))),r.createElement($.A,null,r.createElement(I,null,Z.pagination&&r.createElement(at.A,{...C,...Z.pagination,additionalParams:["status","type","color","brand"]}))))};ct.propTypes={affiliateDisclaimer:h().string,container:h().object,containerIndex:h().number,isFirstProductListingContainer:h().bool,isMobileView:h().bool,pimCollectionBundleLinks:h().array,shouldHideFilterComponent:h().bool};const mt=ct,ut=(0,o.y)(mt,"VersoCommerceCollectionCurated")}
19463,57926(e,t,n){n.d(t,{A:()=>Lt});var o=n(13465),i=n(32485),a=n.n(i),r=n(96540),s=n(5556),l=n.n(s),d=n(6442),c=n(79859),m=n.n(c),u=n(20659),p=n(53499),g=n(72267);const h=(0,g.YK)({viewAllButton:{id:"VersoFeatures.viewAllButton",defaultMessage:"View All",description:"Aria label text for verso feature view all button"}});var y=n(68397),b=n(94828),f=n(25433),w=n(47655),$=n(90090),v=n(73347),C=n(73730),k=n(42361),A=n(59867),x=n(38267),E=n(26865),S=n(16800),L=n(99906),T=n(89085),N=n(96472),H=n(50531),I=n(1123),B=n(91783),O=n(18117),K=n(7228),D=n(6613),_=n(1817),P=n(6528),R=n(36211),q=n(68116),M=n(88154),F=n(75699),U=n(23311);const V=x.Ay.div.withConfig({displayName:"SummaryCollageFiveFooterWrapper"})` 19464 display: flex; 19465 grid-column: 1 / -1; 19466 align-items: center; 19467 justify-content: flex-end; 19468 19469 a { 19470 ${({theme:e})=>(0,E.pe)(e,"colors.consumption.lead.standard.link")}; 19471 ${H.ny} { 19472 padding-left: ${(0,E.Kq)(.3)}; 19473 19474 .icon-arrow { 19475 transform: scale(0.6); 19476 width: 18px; 19477 } 19478 } 19479 } 19480 ${H.Lj} { 19481 ${({theme:e})=>(0,E.Gg)(e,"typography.definitions.foundation.link-secondary")}; 19482 } 19483`,G=x.Ay.span.withConfig({displayName:"SummaryCollageFiveSectionTitle"})` 19484 grid-column: 1/-1; 19485 grid-row: 1; 19486 ${({shouldUseAlternativeStyle:e})=>e?`margin-bottom: ${(0,E.Kq)(0)};`:` margin-bottom: ${(0,E.Kq)(2)};\n @media (min-width: ${N.LO.md}) {\n margin-bottom: ${(0,E.Kq)(1)};\n }\n @media (min-width: ${N.LO.lg}) {\n margin-bottom: ${(0,E.Kq)(0)};\n }`} 19487`,W=`\n &&& {\n ${(0,E.H4)(N.LO.md)} {\n padding-right: ${(0,E.Kq)(3)};\n padding-left: ${(0,E.Kq)(3)};\n\n .summary-item__content.summary-item__content--minimal {\n padding-top: ${(0,E.Kq)(4)};\n }\n\n .summary-item__image {\n padding-right: ${(0,E.Kq)(2)};\n padding-left: ${(0,E.Kq)(2)};\n }\n }\n\n @media (min-width: ${L.Vh.md+1}px) {\n padding-right: ${(0,E.Kq)(1)};\n padding-left: ${(0,E.Kq)(1)};\n\n .summary-item__image {\n padding: 0;\n }\n }\n\n ${(0,E.H4)(N.LO.lg)} {\n padding-right: ${(0,E.Kq)(3)};\n padding-left: ${(0,E.Kq)(3)};\n\n .summary-item__image {\n padding: 0;\n }\n }\n }\n`,j=x.AH` 19488 .summary-item__hed { 19489 ${(0,E.H4)(N.LO.md)} { 19490 ${(0,E.Gg)("typography.definitions.discovery.hed-core-secondary")}; 19491 } 19492 } 19493`,z=x.AH` 19494 && { 19495 border-top: 1px solid ${(0,E.HK)("colors.discovery.body.white.border")}; 19496 padding-top: ${(0,E.Kq)(4)}; 19497 } 19498`,Y=x.AH` 19499 .summary-item__hed { 19500 margin-bottom: 0.5rem; 19501 } 19502 ${(0,E.Xm)(0,`${L.VS.md}px`)} { 19503 &&& { 19504 grid-column: 1 / span 12; 19505 grid-row: auto; 19506 grid-template-areas: 'content content content image'; 19507 grid-template-columns: repeat(4, 1fr); 19508 19509 &.summary-item--has-border-sides { 19510 && { 19511 border-right-style: none; 19512 } 19513 } 19514 } 19515 margin: 0; 19516 border-bottom: 1px solid 19517 ${(0,E.HK)("colors.discovery.body.white.divider")}; 19518 ${({shouldUseAlternativeStyle:e})=>e?"":"padding: 0 0 16px 0;"} 19519 } 19520`,X=x.AH` 19521 &&& { 19522 grid-column: 1 / -1; 19523 grid-row: 2 / span 1; 19524 margin-right: 0; 19525 margin-left: 0; 19526 border-right: none; 19527 border-bottom: 1px solid 19528 ${(0,E.HK)("colors.discovery.body.white.divider")}; 19529 border-left: none; 19530 padding-right: 0; 19531 padding-bottom: 24px; 19532 padding-left: 0; 19533 } 19534 19535 ${(0,E.Xm)(0,`${L.VS.md}px`)} { 19536 padding-bottom: 16px; 19537 } 19538 19539 ${(0,E.H4)(N.LO.md)} { 19540 margin-top: -8px; 19541 } 19542 19543 &&& { 19544 .summary-item__hed { 19545 ${(0,E.Gg)("typography.definitions.discovery.hed-break-out")}; 19546 } 19547 } 19548 19549 .summary-item__dek { 19550 ${(0,E.Gg)("typography.definitions.discovery.description-core")}; 19551 19552 ${(0,E.Xm)(N.LO.lg,`${L.VS.xl}px`)} { 19553 max-height: 5rem; 19554 overflow: scroll; 19555 text-align: left; 19556 text-overflow: ellipsis; 19557 } 19558 } 19559 19560 .summary-item__content { 19561 .rubric.summary-item__rubric { 19562 margin-bottom: 16px; 19563 ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} { 19564 margin-bottom: ${(0,E.Kq)(1)}; 19565 } 19566 } 19567 } 19568 19569 ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} { 19570 &.summary-item--layout-proportions-66-33.summary-item--layout-position-image-left { 19571 ${`\n ${(0,I.VO)()}\n \n display: grid;\n grid-column-gap: ${(0,E.Kq)(2)};\n grid-template-areas: 'image content';\n grid-template-columns: repeat(2, 1fr);\n align-items: center;\n\n &.summary-item--layout-position-image-right {\n grid-template-areas: 'content image';\n }\n\n &.summary-item--videodekposition {\n ${(0,E.H4)(`${L.VS.md}px`)} {\n border-bottom: 0;\n }\n\n .summary-item__image-link {\n max-width: 100%;\n }\n }\n\n &.summary-item--videodekposition:first-of-type {\n ${(0,E.L7)(N.LO.md)} {\n display: block;\n }\n }
19571\n\n .summary-item__asset-container--align-top {\n align-self: start;\n }\n\n .summary-item__asset-container {\n grid-area: image;\n }\n\n .summary-item__content {\n grid-area: content;\n padding-top: 0;\n }\n\n &.summary-item--videodekposition:first-of-type\n > .summary-item__content--margintop {\n padding-top: 0;\n ${(0,E.H4)(N.LO.md)} {\n margin-top: calculate-spacing(2);\n }\n }\n`}; 19572 grid-template-columns: 1fr; 19573 align-items: start; 19574 19575 .summary-item__asset-container, 19576 .summary-item__content { 19577 grid-column: 1 / -1; 19578 grid-row: auto; 19579 } 19580 19581 .summary-item__asset-container { 19582 padding-bottom: 24px; 19583 } 19584 19585 .summary-item__content.summary-item__content--bottom-dek { 19586 .summary-item__byline-date-icon--pre-dek { 19587 margin: 8px 0 14px 0; 19588 } 19589 } 19590 } 19591 } 19592 19593 ${(0,E.Xm)(0,`${L.VS.md}px`)} { 19594 &&& { 19595 grid-column: 1 / span 12; 19596 grid-row: auto; 19597 border-bottom: 1px solid 19598 ${(0,E.HK)("colors.discovery.body.white.divider")}; 19599 19600 &.summary-item--has-border-sides { 19601 border-right-style: none; 19602 } 19603 } 19604 margin: 0; 19605 padding: 0 0 10px 0; 19606 19607 &.summary-item--layout-proportions-66-33.summary-item--layout-position-image-left { 19608 ${(0,P.qk)()} 19609 grid-template-columns: 1fr; 19610 align-items: start; 19611 19612 .summary-item__asset-container, 19613 .summary-item__content { 19614 grid-column: 1 / -1; 19615 grid-row: auto; 19616 19617 .rubric { 19618 &.summary-item__rubric { 19619 margin-bottom: 8px; 19620 } 19621 } 19622 } 19623 19624 .summary-item__asset-container { 19625 padding-bottom: 16px; 19626 } 19627 } 19628 } 19629`,Z=x.AH` 19630 && { 19631 grid-column: 1 / 4; 19632 grid-row: 3 / span 1; 19633 padding-right: 16px; 19634 } 19635 19636 &.summary-item--has-border-sides { 19637 border-right: none; 19638 } 19639 19640 ${Y} 19641 19642 ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} { 19643 &&& { 19644 grid-column: 1 / 7; 19645 grid-row: 3 / span 1; 19646 border-bottom: 1px solid 19647 ${(0,E.HK)("colors.discovery.body.white.divider")}; 19648 padding-right: 12px; 19649 } 19650 19651 padding-bottom: 24px; 19652 19653 &.summary-item--has-border-sides { 19654 && { 19655 border-right-style: none; 19656 } 19657 } 19658 19659 &::after { 19660 position: absolute; 19661 top: 0; 19662 right: 0; 19663 border-right: 1px solid 19664 ${(0,E.HK)("colors.discovery.body.white.divider")}; 19665 height: 80%; 19666 content: ''; 19667 } 19668 } 19669 ${(0,E.Xm)("1025px",`calc(${N.LO.xl} - 1px)`)} { 19670 .summary-item__content--bottom-dek { 19671 margin-right: ${(0,E.Kq)(-4)}; 19672 width: 100%; 19673 } 19674 } 19675`,J=x.AH` 19676 &&& { 19677 grid-column: 4 / 7; 19678 } 19679 margin-left: calc(-1 * var(--grid-gap)); 19680 padding-right: 16px; 19681 padding-left: 16px; 19682 19683 ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} { 19684 &.summary-item--has-border-sides { 19685 && { 19686 border-right-style: none; 19687 } 19688 } 19689 19690 &&& { 19691 grid-column: 7 / -1; 19692 grid-row: 3 / span 1; 19693 border-bottom: 1px solid 19694 ${(0,E.HK)("colors.discovery.body.white.divider")}; 19695 padding-right: 0; 19696 padding-left: 12px; 19697 } 19698 padding-bottom: 16px; 19699 } 19700 19701 ${Y} 19702 ${(0,E.Xm)("1025px",`calc(${N.LO.xl} - 1px)`)} { 19703 .summary-item__content--bottom-dek { 19704 margin-right: ${(0,E.Kq)(-2)}; 19705 } 19706 } 19707`,Q=x.AH` 19708 && { 19709 grid-column: 7 / 10; 19710 grid-row: 3 / span 1; 19711 padding-right: 16px; 19712 } 19713 margin-left: -16px; 19714 ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} { 19715 &&& { 19716 grid-column: 1 / 7; 19717 grid-row: 4 / span 1; 19718 margin-left: 0; 19719 padding-right: 12px; 19720 padding-bottom: 0; 19721 } 19722 } 19723 ${(0,E.Xm)(0,`${L.VS.md}px`)} { 19724 margin-left: 0; 19725 } 19726 19727 ${Y} 19728 ${(0,E.Xm)("1025px",`calc(${N.LO.xl} - 1px)`)} { 19729 .summary-item__content--bottom-dek { 19730 margin-right: ${(0,E.Kq)(-2)}; 19731 } 19732 } 19733`,ee=x.AH` 19734 && { 19735 grid-column: 10 / -1; 19736 padding-left: 16px; 19737 } 19738 margin-left: calc(-1 * var(--grid-gap)); 19739 19740 ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} { 19741 grid-row: 4 / span 1; 19742 padding-bottom: 0; 19743 19744 && { 19745 grid-column: 7/-1; 19746 } 19747 padding-left: 12px; 19748 } 19749 19750 ${(0,E.Xm)(0,`${L.VS.md}px`)} { 19751 &&& { 19752 border-bottom: none; 19753 } 19754 } 19755 ${(0,E.Xm)("1025px",`calc(${N.LO.xl} - 1px)`)} { 19756 .summary-item__content--bottom-dek { 19757 margin-right: ${(0,E.Kq)(-1)}; 19758 } 19759 } 19760 ${Y} 19761 &.summary-item--has-border-sides { 19762 && { 19763 border-right-style: none; 19764 } 19765 } 19766`,te=x.Ay.div.withConfig({displayName:"SummaryCollageFiveItem"})` 19767 grid-column: 1 / -1; //1 19768 19769 .summary-item__image, 19770 ${K.BF} { 19771 width: 100%; 19772 } 19773 19774 ${B.WE} { 19775 margin-bottom: 0; 19776 } 19777 19778 ${({shouldEnableDenseMobile:e})=>
19778e&&`\n .aspect-ratio--overlay-container {\n ${(0,E.L7)(N.LO.md)} {\n top: auto;\n height: fit-content;\n }\n }\n `} 19779 19780 /* Remove bottom border from all devices except mobile */ 19781 && { 19782 ${(0,E.H4)(N.LO.md)} { 19783 border-bottom: none; 19784 } 19785 } 19786 19787 && ${M.UZ} { 19788 ${(0,E.L7)(N.LO.md)} { 19789 color: ${(0,E.HK)("colors.consumption.lead.standard.context-signature")}; 19790 } 19791 } 19792 19793 && ${M.jY} { 19794 ${(0,E.L7)(N.LO.md)} { 19795 margin: ${(0,E.Kq)(2)} 0; 19796 } 19797 } 19798 19799 && ${M.S3} { 19800 ${(0,E.L7)(N.LO.md)} { 19801 margin-bottom: 0.5rem; 19802 ${(0,E.Gg)("typography.definitions.discovery.hed-core-secondary")}; 19803 19804 &::after { 19805 display: block; 19806 margin-top: ${(0,E.Kq)(1)}; 19807 margin-bottom: ${(0,E.Kq)(2)}; 19808 width: 5rem; 19809 content: ''; 19810 } 19811 } 19812 } 19813 19814 &&& ${F.zQ} { 19815 ${(0,E.L7)(N.LO.md)} { 19816 border-bottom: 1px solid 19817 ${(0,E.HK)("colors.discovery.body.white.border")}; 19818 padding: ${(0,E.Kq)(2)} 0; 19819 } 19820 ${(0,E.H4)(N.LO.md)} { 19821 display: flex; 19822 flex-direction: column; 19823 text-align: center; 19824 gap: 1rem; 19825 } 19826 19827 ${M.tH}::after { 19828 display: none; 19829 } 19830 } 19831 19832 &&& ${U.C} { 19833 order: -2; 19834 } 19835 19836 ${({shouldDisplayItemsBelow:e,summaryItemPosition:t})=>e&&x.AH` 19837 &.summary-item--layout-placement-side-by-side { 19838 align-items: start; 19839 } 19840 19841 &.summary-item--layout-position-image-right.summary-item--layout-proportions-33-66 { 19842 .summary-item__content { 19843 &.summary-item__content--no-rubric { 19844 padding-top: 0; 19845 } 19846 } 19847 } 19848 19849 &.summary-item { 19850 ${B.WE} { 19851 margin-bottom: 0; 19852 } 19853 } 19854 ${(e=>{switch(e){case 1:return X;case 2:return Z;case 3:return J;case 4:return Q;case 5:return ee;default:return""}})(t)}; 19855 `} 19856 19857 /* 1. css-grid: spans 6 columns starting 3 columns in (desktop/tablet) 19858 2. css-grid: spans 2 rows starting from the first row (desktop/tablet) 19859 3. override featured summary-item typography token for this composition */ 19860 ${({DangerousHedProp:e,hasMinimalSummaryItem:t,shouldDisplayItemsBelow:n,summaryItemPosition:o})=>{switch(o){case 1:return x.AH` 19861 ${(e=>x.AH` 19862 ${(0,E.H4)(N.LO.md)} { 19863 grid-column: 4 / span 6; 19864 margin-right: calc(var(--border-offset) * -1); 19865 margin-left: calc(var(--border-offset) * -1); 19866 border-right: 1px solid 19867 ${(0,E.HK)("colors.discovery.body.white.border")}; 19868 border-left: 1px solid 19869 ${(0,E.HK)("colors.discovery.body.white.border")}; 19870 padding-right: var(--border-offset); 19871 padding-left: var(--border-offset); 19872 19873 &.summary-item--card { 19874 margin-right: 0; 19875 margin-left: 0; 19876 border: 0; 19877 padding: 0; 19878 } 19879 } 19880 19881 &.summary-item:not(.summary-item--card) { 19882 .summary-item__content { 19883 padding-bottom: 0; 19884 } 19885 } 19886 19887 .summary-item__content.summary-item__content--bottom-dek { 19888 position: relative; 19889 height: 100%; 19890 19891 .summary-item__metadata-secondary-without-mobile-margin { 19892 margin-bottom: ${(0,E.Kq)(4)}; 19893 } 19894 19895 .summary-item__byline-date-icon--pre-dek { 19896 margin: 8px 0 14px 0; 19897 } 19898 } 19899 19900 ${O.B}.summary-item__image { 19901 ${(0,E.Xm)(0,N.LO.md)} { 19902 width: auto; 19903 } 19904 } 19905 19906 ${e&&W} 19907 19908 .summary-item__hed { 19909 ${(0,E.Gg)("typography.definitions.discovery.hed-break-out")}; 19910 19911 ${(0,E.H4)(N.LO.md)} { 19912 ${(0,E.Gg)("typography.definitions.discovery.hed-feature")}; 19913 } 19914 } 19915 19916 .summary-item__dek { 19917 @media (max-width: ${N.LO.md}) { 19918 ${(0,E.Gg)("typography.definitions.discovery.description-feature")}; 19919 } 19920 } 19921 19922 &.summary-item--card { 19923 ${(0,E.Xm)(0,N.LO.md)} { 19924 margin-right: ${(0,E.Kq)(-3)}; 19925 margin-left: ${(0,E.Kq)(-3)}; 19926 } 19927 19928 .summary-item__content { 19929 ${(0,E.H4)(N.LO.lg)} { 19930 padding-top: ${(0,E.Kq)(4)}; 19931 } 19932 } 19933 } 19934 19935 &.summary-item { 19936 ${(0,E.H4)(N.LO.md)} { 19937 margin-bottom: 0; 19938 } 19939 } 19940`)(t)}; 19941 ${e?"grid-row: 2 / span 2;":"grid-row: 1 / span 2;"} 19942 `;case 2:return x.AH` 19943 ${j} 19944 ${(0,E.H4)(N.LO.md)} { 19945 position: relative; /* 2 */ 19946 grid-column: 1 / span 3; /* 1 */ 19947 grid-row: 2; /* 1 */ 19948 ${!e&&"grid-row: 1;"} 19949 &.summary-item--card { 19950 margin-bottom: 0; 19951 } 19952 } 19953 ${t&&z} 19954 `;case 3:return x.AH` 19955 ${j} 19956 &.summary-item { 19957 ${(0,E.H4)(N.LO.md)} { 19958 margin-bottom: 0; 19959 } 19960 } 19961 ${(0,E.H4)(N.LO.md)} { 19962 grid-column: 1 / span 3; 19963 } 19964 `;case 4:return x.AH` 19965 ${j} 19966 ${(0,E.H4)(N.LO.md)} { 19967 position: relative; /* 2 */ 19968 grid-column: 10 / span 3; /* 1 */ 19969 grid-row: 2; /* 1 */ 19970 ${!e&&"grid-row: 1;"} 19971 &.summary-item--card { 19972 margin-bottom: 0; 19973 } 19974 } 19975 ${t&&z} 19976 `;case 5:return x.AH` 19977 ${j} 19978 &.summary-item { 19979 ${(0,E.H4)(N.LO.md)} { 19980 margin-bottom: 0; 19981 } 19982 } 19983 ${(0,E.H4)(N.LO.md)} { 19984 grid-column: 10 / span 3; /* 1 */ 19985 } 19986 ${(0,E.Xm)(0,N.LO.md)} { 19987 && { 19988 margin-bottom: 0; 19989 padding-bottom: 0; 19990 } 19991 } 19992 `;default:return""}}} 19993 19994 ${({headerHeight:e})=>e&&`\n ${q.kW} {\n top: ${(0,E.Kq)(e)};\n }\n `} 19995`,ne=`\n&& {\n .summary-item__rubric {\n margin-bottom: ${(0,E.Kq)(2)};\n }\n\n .summary-item__hed {\n margin-bottom: ${(0,E.Kq)(2)};\n }\n\n .summary-item--card {\n .summary-item__content {\n padding-top: ${(0,E.Kq)(2)};\n }\n }\n\n\n ${(0,E.H4)(N.LO.lg)} {\n .summary-item__rubric {\n margin-bottom: ${(0,E.Kq)(2)};\n }\n\n .summary-item__hed {\n margin-bottom: ${(0,E.Kq)(2)};\n\n &.summary-item__hed--no-margin-bottom {\n margin-bottom: 0;\n }\n }\n }\n}\n`,oe=`\n ${(0,E.H4)(N.LO.lg)} {\n .summary-item__dek {\n margin-bottom: ${(0,E.Kq)(1)};\n }\n\n .summary-item__metadata-primary {\n margin-bottom: ${(0,E.Kq)(1)};\n }\n\n .summary-item__metadata-secondary {\n margin-bottom: ${(0,E.Kq)(2)};\n }\n }\n }\n`,ie=(0,x.Ay)("div").withConfig({displayName:"SummaryCollageFiveWrapper"})` 19996 ${(0,T.AQ)()}; 19997 ${(0,T.VG)()}; 19998 ${(0,I.aU)("padding")}; 19999 20000 ${(0,E.Xm)(0,N.LO.md)} { 20001 ${G} { 20002 grid-column: 1 / span 12; 20003 } 20004 } 20005
20006 ${()=>`\n ${_.tU} {\n ${_.HD} {\n padding: ${(0,E.Kq)(2)} 0 0;\n }\n\n ${D.fq} {\n margin-bottom: ${(0,E.Kq)(1)};\n }\n }\n`}; 20007 20008 ${({hasTopPadding:e})=>e&&`padding-top: ${(0,E.Kq)(4)}`}; 20009 20010 ${(0,E.Xm)(0,`${L.VS.md}px`)} { 20011 &&& { 20012 column-gap: 0; 20013 } 20014 } 20015 ${({shouldUseAlternativeStyle:e,hasConsistentSpacing:t,theme:n})=>e?`padding-bottom: ${t&&"0px"!==(0,S.F)(n,"gap-md")?"20px":(0,E.Kq)(5)};\n\n ${(0,E.H4)(N.LO.lg)} {\n row-gap: ${(0,E.Kq)(3)};\n }\n \n ${(0,E.Xm)(N.LO.md,`${L.VS.lg}px`)} {\n row-gap: ${(0,E.Kq)(2)};\n } \n \n ${(0,E.L7)(`${L.VS.md}px`)} {\n grid-gap: 0;\n } `:` ${(0,E.H4)(N.LO.md)} {\n padding-bottom: ${t&&"0px"!==(0,S.F)(n,"gap-md")?"20px":(0,E.Kq)(5)};`} 20016 20017 ${({hasMinimalSummaryItem:e})=>e&&` ${(0,E.H4)(N.LO.lg)} {\n padding-bottom: ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,S.F)(t,"gap-md")?"0px":(0,E.Kq)(2)};\n }`} 20018 20019 ${({hideVerticalBorders:e})=>e&&" .summary-item {\n margin-right: 0;\n margin-left: 0;\n border-right: 0;\n border-left: 0;\n padding: 0;\n }"} 20020 20021 ${({dangerousHed:e})=>e?` ${te}:not(:nth-child(2)) {\n ${oe}\n };`:`${ne}{\n ${te}:not(:first-child) {\n ${oe}\n }\n };`} 20022 20023 ${({shouldUseAlternativeStyle:e})=>e?`${R.Y} {\n margin: ${(0,E.Kq)(2)} 0;\n }\n ${q.Rp} {\n padding-bottom: ${(0,E.Kq)(2)};\n ${(0,E.L7)(N.LO.md)} {\n padding: ${(0,E.Kq)(2)} 10px;\n }\n }\n \n & > div[data-section-title='summary collage 5/hero'] {\n ${(0,E.L7)(N.LO.md)} {\n margin-top: ${(0,E.Kq)(3)};\n }\n \n ${(0,E.Xm)(`${L.VS.md}px`,`${L.VS.lg}px`)} {\n margin-top: ${(0,E.Kq)(1)};\n }\n \n ${(0,E.H4)(N.LO.lg)} {\n margin-top: 0;\n }\n }`:""} 20024`,ae=x.Ay.div.withConfig({displayName:"SummaryCollageFiveBGWrapper"})`
20025 ${({hasLightBackground:e,theme:t})=>e&&`\n background: ${(0,E.HK)(t,"colors.discovery.body.light.background")};\n `} 20026`;var re=n(57642),se=n(75989),le=n(72362),de=n(14307),ce=n(74644);const me=({className:e,configuredComponentRef:t,dangerousDek:n="",dangerousHed:o,featuredFooter:i,hasBylineBeforeDek:s=!1,hasConsistentSpacing:l=!1,hideRubricItemSummary:d=!1,hideVerticalBorders:c=!1,hasLightBackground:m=!1,hasMinimalSummaryItem:u=!1,hasSectionTitleDekColor:g=!1,hasTopPadding:h=!1,items:y,recircRiver:f,sectionTitleVariation:w="LineAboveLineBelowTextCenter",shouldAlignDekAtBottom:x=!1,shouldHideBylines:E=!1,shouldHideMetadataSecondary:S=!1,shouldMakePrimaryCardSticky:L=!1,shouldEnableBundleComponentAnalytics:T,shouldShowDek:N=!1,shouldShowStackedRatingsCard:H=!1,shouldTitleHasTopSpacing:I,shouldTrackSnowplowEvent:B=!1,shouldUseFeaturedFooter:O,shouldUseAlternativeStyle:K=!1,summaryItemRubricVariation:D,summaryItemVariation:_="TextBelowLeft",trackingNamespace:P,variations:R={shouldDisplayItemsBelow:!1,shouldShowSubHed:!1,shouldEnableDenseMobile:!1},variationName:q})=>{const[M,F]=(0,r.useState)(0),U=(0,r.useRef)(null),W=()=>{const e=document.querySelector(".site-navigation");let t=0;e&&({offsetHeight:t}=e),F(t/8)};(0,r.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SummaryCollageFive",variation:q})},[q]),(0,r.useEffect)(()=>{if(L)return U.current=window.Kendra.WINDOW_EVENT.on(A.m.SCROLL_THROTTLE,W),()=>{U.current&&U.current.off()}});const j=!(0,le.Zm)();if(y.length<5)return null;const{shouldDisplayItemsBelow:z,shouldShowSubHed:Y,shouldEnableDenseMobile:X}=R,Z=u?{shouldHideBylines:!0,hideRubricItemSummary:!0,shouldHidePublishDate:!0,shouldHideMetadataSecondary:!0,shouldHideIcon:!0,shouldHideDangerousDek:!0,hasUnderlineHed:!1,hasTighterVerticalSpacing:!0}:{},J=v.Ay[w]||v.Ay,Q=y.slice(0,5),ee=o;let ne=0,oe={};H&&(oe={hasIcon:!0,hasRoundedBorder:!1,hideRubric:!1,maxDekLines:0,maxHedLines:0});const me=(e,t,n,i,a,r)=>{B&&(0,de.kg)({type:e,subject:"summary_collage_five",label:(0,ce.Fi)(r??o),items:[{content_title:t.dangerousHed,content_type:t.contentType,content_id:t.copilotID,content_url:new URL(t?.url,window.location.origin)}],index:n,total_index:a||y.length,placement:i,subject_version:j&&X?"mobile_dense":"default"})};
20026return r.createElement(ae,{ref:t,hasLightBackground:m},r.createElement(ie,{className:a()("summary-collage-five",e),dangerousHed:o,hasMinimalSummaryItem:u,hasTopPadding:h,hideVerticalBorders:c,shouldDisplayItemsBelow:z,shouldUseAlternativeStyle:K,shouldHideBottomMargin:!0,hasConsistentSpacing:l},r.createElement(G,{as:J,dangerousHed:o,hedTag:"h2",className:"summary-collage-five__title",dangerousSubHed:Y&&n?n:void 0,dangerousDek:N&&n?n:void 0,hasSectionTitleDekColor:g,hasTopSpacing:I,shouldUseAlternativeStyle:K}),Q.filter(e=>e.image).map((e,t)=>{const n=z?0===t?"SideBySideTwoThirdsImageLeft":"SideBySideThirdsImageRightHedOnly":_,o=b.A[n],i=H?re.A:o,a=(0,$.NY)(T,0===t?P?.center:P?.aside,t>0?ne++:void 0),l=Z?.shouldHidePublishDate;return r.createElement(te,{as:(!X||0===t)&&i,...e,...oe,DangerousHedProp:ee,key:t,hasMinimalSummaryItem:u,isSticky:L&&0===t,analyticsDataAttribute:a,hasBylineBeforeDek:s,headerHeight:M,hedTag:"h3",hideRubricItemSummary:d,shouldDisplayItemsBelow:z,summaryItemPosition:t+1,recircRiver:f,rubricVariation:D,shouldEnableDenseMobile:X,index:t,shouldAlignDekAtBottom:x,shouldHideBylines:E,shouldHideMetadataSecondary:S,shouldUseAlternativeStyle:K,...Z,shouldTrackItemImpressionForSnowplow:B,impressionHandler:()=>me("impression",e,t,0===t?"hero":"secondary",0===t?1:5),clickHandler:()=>me("click",e,t,0===t?"hero":"secondary",0===t?1:5)},X&&t>0&&r.createElement(se.A,{className:`mobile_dense_smart_item-${t}`,key:t,contributors:!E&&e.contributors,image:e.image,dangerousHed:e.dangerousHed,dangerousDek:e.dangerousDek,date:l&&e.date,rubric:e.rubric,url:e.url,rubricVariation:"DiscoveryItem",contentType:e.contentType,shouldHideIcon:Z?.shouldHideIcon,variationsProp:o?.variationsProp,shouldTrackSnowplowEvent:B,impressionHandler:()=>me("impression",e,t-1,"secondary",4),clickHandler:()=>me("click",e,t-1,"secondary",4)}))}),O&&i&&i.link&&i.label&&r.createElement(V,null,r.createElement(C.A.Utility,{btnStyle:"text",href:i.link,inputKind:"link",label:i.label,ButtonIcon:k.A,hasEnableIcon:!0}))))};me.propTypes={configuredComponentRef:l().func,className:l().string,dangerousDek:l().string,dangerousHed:l().string,featuredFooter:l().shape({link:l().string,label:l().string}),hasBylineBeforeDek:l().bool,hasConsistentSpacing:l().bool,hasLightBackgroun
20026d:l().bool,hasMinimalSummaryItem:l().bool,hasSectionTitleDekColor:l().bool,hasTopPadding:l().bool,hideRubricItemSummary:l().bool,hideVerticalBorders:l().bool,items:l().arrayOf(l().shape(b.A.propTypes)).isRequired,recircRiver:l().string,sectionTitleVariation:l().string,shouldAlignDekAtBottom:l().bool,shouldEnableBundleComponentAnalytics:l().bool,shouldHideBylines:l().bool,shouldHideMetadataSecondary:l().bool,shouldMakePrimaryCardSticky:l().bool,shouldShowDek:l().bool,shouldShowStackedRatingsCard:l().bool,shouldTitleHasTopSpacing:l().bool,shouldTrackSnowplowEvent:l().bool,shouldUseAlternativeStyle:l().bool,shouldUseFeaturedFooter:l().bool,summaryItemRubricVariation:l().string,summaryItemVariation:l().string,trackingNamespace:l().object,variationName:l().string,variations:l().shape({shouldDisplayItemsBelow:l().bool,shouldShowSubHed:l().bool,shouldEnableDenseMobile:l().bool})},me.displayName="SummaryCollageFive";const ue=(0,o.y)(me,"SummaryCollageFive");ue.RowsWithDekAndItemsBelow=(0,w.y)(ue,"RowsWithDekAndItemsBelow",{shouldDisplayItemsBelow:!0,shouldShowSubHed:!0},{}),ue.DenseMobile=(0,w.y)(ue,"DenseMobile",{shouldEnableDenseMobile:!0},{});const pe=ue;var ge=n(85127),he=n(57744),ye=n(22539),be=n(11025),fe=n(38080),we=n(40653),$e=n(33500),ve=n(29752),Ce=n(99337),ke=n(56503),Ae=n(19607);const xe=x.Ay.div.withConfig({displayName:"SummaryCollageNineTitle"})` 20027 ${$e.bU} { 20028 ${(0,E.Gg)("typography.definitions.discovery.subhed-section-collection")} 20029 } 20030 ${({enableChannelFeatures:e})=>e&&x.AH` 20031 ${$e.sM} { 20032 margin-bottom: ${(0,E.Kq)(2)}; 20033 } 20034 `} 20035`,Ee=x.Ay.div.withConfig({displayName:"SummaryCollageNineTitleWrapper"})` 20036 --border-width: ${({theme:e})=>(0,E.Pp)(e,"borderWidth")}; 20037 20038 grid-column: 1 / -1; 20039 align-self: flex-end; 20040 order: 2; 20041 20042 border-bottom: var(--border-width, 1px) solid 20043 ${(0,E.HK)("colors.discovery.body.white.border")}; 20044 padding-bottom: ${(0,E.Kq)(1)}; 20045 20046 ${(0,E.H4)(N.LO.lg)} { 20047 grid-column: 10 / span 3; 20048 grid-row: 1 / span 1; 20049 margin-left: calc(var(--border-offset) * -1); 20050 border-top: none; 20051 border-bottom: none; 20052 border-left: var(--border-width, 1px) solid 20053 ${(0,E.HK)("colors.discovery.body.white.border")}; 20054 padding-left: var(--border-offset); 20055 width: calc(100% + var(--border-offset)); 20056 } 20057 20058 ${({showTopBorderInSummaryTitle:e})=>{e&&x.AH` 20059 border-top: var(--border-width, 1px) solid 20060 ${(0,E.HK)("colors.discovery.body.white.border")}; 20061 20062 ${(0,E.H4)(N.LO.lg)} { 20063 position: relative; 20064 20065 &::before { 20066 position: absolute; 20067 top: 0; 20068 left: var(--border-offset); 20069 background-color: ${(0,E.HK)("colors.discovery.body.white.border")}; 20070 width: calc(100% - var(--border-offset)); 20071 height: 1px; 20072 content: ''; 20073 } 20074 } 20075 `}} 20076`,Se=(0,x.Ay)(ge.A).withConfig({displayName:"SummaryCollageNineSummaryCollageFour"})` 20077 grid-column: 1 / -1; 20078 ${({enableChannelFeatures:e})=>e&&x.AH` 20079 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20080 display: none; 20081 } 20082 `}; 20083 20084 &&& { 20085 grid-template-columns: repeat(4, 1fr); 20086 order: 1; 20087 padding-top: 0; 20088 padding-right: 0; 20089 padding-left: 0; 20090 20091 .summary-item, 20092 .summary-item--has-border { 20093 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20094 border-bottom: 0; 20095 } 20096 } 20097 20098 .summary-list--collection-list { 20099 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20100 border-top: 0; 20101 } 20102 } 20103 20104 ${({enableChannelFeatures:e,theme:t})=>e&&x.AH` 20105 ${q.hU} { 20106 &::after { 20107 display: none; 20108 } 20109 } 20110 ${(0,E.H4)(N.LO.lg)} { 20111 grid-row: 2; 20112 } 20113 ${Ce.CP} { 20114 ${(0,E.H4)(N.LO.lg)} { 20115 grid-column: 4 / span 3; 20116 grid-row: 1; 20117 } 20118 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20119 grid-column: 5 / span 4; 20120 grid-row: 1; 20121 } 20122 @media (min-width: ${N.LO.md}) and (max-width: calc(${N.LO.lg} - 1px)) { 20123 border-bottom: var(--border-width, 1px) solid 20124 ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20125 } 20126 } 20127 ${Ce.Ip} { 20128 ${(0,E.H4)(N.LO.lg)} { 20129 grid-column: 1 / span 3; 20130 grid-row: 1; 20131 } 20132 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20133 grid-column: 1 / span 4; 20134 grid-row: 1; 20135 } 20136 @media (min-width: ${N.LO.md}) and (max-width: calc(${N.LO.lg} - 1px)) { 20137 border-bottom: var(--border-width, 1px) solid 20138 ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20139 } 20140 } 20141 ${Ce.As} { 20142 ${(0,E.H4)(N.LO.lg)} { 20143 grid-column: 1 / span 3; 20144 grid-row: 2; 20145 } 20146 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20147 grid-column: 1 / span 4; 20148 grid-row: 2; 20149 } 20150 @media (min-width: ${N.LO.md}) and (max-width: calc(${N.LO.lg} - 1px)) { 20151 border-bottom: var(--border-width, 1px) solid 20152 ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20153 } 20154 } 20155 ${Ce.W} { 20156 ${(0,E.H4)(N.LO.lg)} { 20157 border-top: none; 20158 grid-column: 4 / span 3; 20159 grid-row: 2; 20160 } 20161 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) {
20162 grid-column: 5 / span 4; 20163 grid-row: 2; 20164 } 20165 @media (min-width: ${N.LO.md}) and (max-width: calc(${N.LO.lg} - 1px)) { 20166 border-bottom: var(--border-width, 1px) solid 20167 ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20168 } 20169 } 20170 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20171 grid-column: 1 / span 8; 20172 grid-row: 2; 20173 grid-template-columns: repeat(8, 1fr); 20174 } 20175 `} 20176 20177 ${(0,E.H4)(N.LO.lg)} { 20178 grid-column-gap: var(--grid-gap); 20179 grid-column: 1 / span 9; 20180 ${({enableChannelFeatures:e})=>!e&&x.AH` 20181 grid-row: 1 / span 3; 20182 `} 20183 grid-template-columns: repeat(9, 1fr); 20184 grid-template-rows: minmax(${(0,E.Kq)(5)}, auto) 1fr; 20185 grid-row-gap: ${(0,E.Kq)(2)}; 20186 } 20187 ${Ce.CP} { 20188 position: unset; 20189 margin-bottom: 0; 20190 border-bottom: none; 20191 20192 ${({enableChannelFeatures:e})=>!e&&x.AH` 20193 ${(0,E.H4)(N.LO.lg)} { 20194 grid-column: 4 / -1; 20195 } 20196 `} 20197 20198 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20199 padding-bottom: ${(0,E.Kq)(1)}; 20200 } 20201 20202 @media (min-width: 0) and (max-width: calc(${N.LO.md} - 1px)) { 20203 padding-bottom: ${(0,E.Kq)(2)}; 20204 } 20205 20206 .summary-item__dek { 20207 display: block; 20208 } 20209 20210 .summary-item__content { 20211 margin-bottom: 0; 20212 padding-bottom: 0; 20213 } 20214 20215 .summary-item__image-link { 20216 padding-right: 0; 20217 20218 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20219 } 20220 } 20221 20222 .summary-item__byline { 20223 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20224 margin-bottom: 0; 20225 } 20226 } 20227 } 20228 20229 ${Ce.W} { 20230 border-bottom: none; 20231 @media (min-width: 0) and (max-width: calc(${N.LO.lg})) { 20232 ${({enableChannelFeatures:e,theme:t})=>e&&x.AH` 20233 display: block; 20234 @media (min-width: ${N.LO.md}) and (max-width: calc(${N.LO.lg} - 1px)) { 20235 border-bottom: var(--border-width, 1px) solid 20236 ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20237 } 20238 `} 20239 } 20240 ${({enableChannelFeatures:e})=>!e&&x.AH` 20241 ${(0,E.H4)(N.LO.lg)} { 20242 grid-column: 4 / -1; 20243 } 20244 `} 20245 20246 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20247 display: block; 20248 } 20249 20250 .summary-item__dek { 20251 display: block; 20252 } 20253 20254 .summary-item__content { 20255 ${(0,E.H4)(N.LO.lg)} { 20256 ${({enableChannelFeatures:e})=>e?`margin-top: 0;\n padding: ${(0,E.Kq)(2)} 0 ${(0,E.Kq)(4)};`:`margin-top: ${(0,E.Kq)(2)};`} 20257 } 20258 20259 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20260 padding: ${(0,E.Kq)(2)} 0 ${(0,E.Kq)(4)}; 20261 } 20262 20263 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20264 padding-bottom: ${(0,E.Kq)(2)}; 20265 } 20266 } 20267 20268 .summary-item__image-link { 20269 ${(0,E.H4)(N.LO.lg)} { 20270 ${({enableChannelFeatures:e})=>e?"margin-top: 0;":`margin-top: ${(0,E.Kq)(2)};`} 20271 } 20272 @media (min-width: 0) and (max-width: calc(${N.LO.lg})) { 20273 ${({enableChannelFeatures:e})=>e&&x.AH` 20274 max-width: 100%; 20275 `} 20276 } 20277 } 20278 } 20279 20280 ${Ce.jk} { 20281 .summary-item:last-child { 20282 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20283 padding-bottom: ${(0,E.Kq)(1)}; 20284 } 20285 20286 @media (min-width: 0) and (max-width: calc(${N.LO.md} - 1px)) { 20287 padding-bottom: ${(0,E.Kq)(2)}; 20288 } 20289 } 20290 ${(0,E.H4)(N.LO.lg)} { 20291 grid-column: 1 / span 3; 20292 grid-row-start: 1; 20293 margin: 0 calc(var(--border-offset) * -1) 0 0; 20294 border-right: var(--border-width, 1px) solid 20295 ${(0,E.HK)("colors.discovery.body.white.border")}; 20296 border-left: none; 20297 padding-right: var(--border-offset); 20298 padding-left: 0; 20299 } 20300 20301 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20302 margin-bottom: ${(0,E.Kq)(2)}; 20303 } 20304 20305 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20306 margin-bottom: 0; 20307 } 20308 20309 .summary-item__hed { 20310 /* TOFIX: Lots of overrides happening here, this reassigns the default token for .summary-item__hed */ 20311 ${(0,E.Gg)("typography.definitions.discovery.hed-core-primary")} 20312 } 20313 20314 .summary-item__dek { 20315 display: block; 20316 } 20317 20318 .summary-item--has-border { 20319 margin-bottom: 0; 20320 } 20321 20322 .summary-item__content { 20323 padding-bottom: 0; 20324 } 20325 20326 .summary-item--has-rule .summary-item__hed-link::after { 20327 display: block; 20328 } 20329 } 20330 } 20331`,Le=(0,x.Ay)(ye.A.Collection).withConfig({displayName:"SummaryCollageNineSummaryList"})` 20332 --border-width: ${({theme:e})=>(0,E.Pp)(e,"borderWidth")}; 20333
20334 ${q.Rp} { 20335 ${({enableChannelFeatures:e})=>e&&x.AH` 20336 ${D.fq} { 20337 display: block; 20338 grid-row: 1; 20339 } 20340 ${q.Tr} { 20341 grid-row: 2; 20342 } 20343 `} 20344 } 20345 20346 &&& { 20347 order: 3; 20348 margin: 0; 20349 border-top: none; 20350 padding: 0; 20351 20352 ${(0,E.H4)(N.LO.lg)} { 20353 grid-column: 10 / span 3; 20354 grid-row: 2 / span 2; 20355 margin-left: calc(var(--border-offset) * -1); 20356 border-left: var(--border-width, 1px) solid 20357 ${(0,E.HK)("colors.discovery.body.white.border")}; 20358 padding-right: 0; 20359 padding-left: var(--border-offset); 20360 width: calc(100% + var(--border-offset)); 20361 height: 100%; 20362 } 20363 20364 /* reset width of child elements */ 20365 &: { 20366 width: auto; 20367 } 20368 20369 .summary-list__item { 20370 grid-template-areas: 'content image'; 20371 grid-template-columns: 1fr 75px; 20372 padding-top: ${(0,E.Kq)(2)}; 20373 padding-bottom: ${(0,E.Kq)(2)}; 20374 20375 &:first-of-type { 20376 ${(0,E.H4)(N.LO.lg)} { 20377 border-top: var(--border-width, 1px) solid 20378 ${(0,E.HK)("colors.discovery.body.white.border")}; 20379 padding-top: ${(0,E.Kq)(2.5)}; 20380 } 20381 } 20382 20383 &:last-of-type { 20384 ${(0,E.H4)(N.LO.lg)} { 20385 border-bottom: none; 20386 } 20387 20388 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20389 padding-bottom: 0; 20390 } 20391 } 20392 20393 &.summary-item--has-border { 20394 margin-bottom: 0; 20395 } 20396 20397 &.summary-item--layout-placement-side-by-side { 20398 grid-column-gap: var(--grid-gap); 20399 } 20400 20401 .summary-item__image-link { 20402 align-self: start; 20403 max-width: 75px; 20404 height: auto; 20405 } 20406 20407 .summary-item__hed { 20408 ${(0,E.Gg)("typography.definitions.discovery.hed-bulletin-
20408primary")} 20409 margin-bottom: ${(0,E.Kq)(1)}; 20410 } 20411 } 20412 ${({displayHed:e})=>!e&&x.AH` 20413 && { 20414 order: 2; 20415 20416 ${(0,E.H4)(N.LO.lg)} { 20417 grid-row: 1 / span 3; 20418 } 20419 20420 .summary-list__item { 20421 &:first-of-type { 20422 ${(0,E.H4)(N.LO.lg)} { 20423 border-top: none; 20424 padding-top: 0; 20425 } 20426 } 20427 } 20428 } 20429 `} 20430 } 20431`,Te=x.Ay.div.withConfig({displayName:"SummaryCollageNineGridItemList"})` 20432 ${({isCenterAlignedWithTopDividerOnly:e,theme:t})=>e&&x.AH` 20433 ${we.A} { 20434 ${we.E} { 20435 .summary-list__items { 20436 ${ke.pO} { 20437 ${q.hU} { 20438 ${R.Y} { 20439 padding-top: 0; 20440 text-transform: capitalize; 20441 line-height: 1.45em; 20442 ${(0,E.Gg)(t,"typography.definitions.discovery.hed-core-secondary")}; 20443 color: ${(0,E.HK)("colors.discovery.body.white.heading")}; 20444 } 20445 } 20446 20447 ${q.IB} { 20448 ${(0,E.Gg)(t,"typography.definitions.discovery.description-core")}; 20449 padding-bottom: 8px; 20450 text-transform: none; 20451 color: ${(0,E.HK)(t,"colors.discovery.body.white.description")}; 20452 } 20453 20454 ${ke.Bb} { 20455 border-top: var(--border-width, 1px) solid; 20456 border-bottom: none; 20457 border-top-color: ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20458 padding-top: 20px; 20459 padding-bottom: 0; 20460 text-align: center; 20461 ${(0,E.Gg)(t,"typography.definitions.globalEditorial.context-primary")}; 20462 color: ${(0,E.HK)(t,"colors.consumption.lead.standard.context-signature")}; 20463 } 20464 20465 ${ke.P_} { 20466 padding-top: 24px; 20467 padding-bottom: 24px; 20468 color: ${(0,E.HK)(t,"colors.discovery.body.white.description")}; 20469 } 20470 } 20471 } 20472 } 20473 } 20474 `} 20475 20476 grid-column: 1 / -1; 20477 order: ${({hasHed:e})=>e?3:2}; 20478 20479 ${({enableChannelFeatures:e,theme:t})=>e&&x.AH` 20480 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20481 grid-column: 1 / span 12; 20482 padding-top: 32px; 20483 } 20484 ${q.Rp} { 20485 border-bottom: var(--border-width, 1px) solid 20486 ${(0,E.HK)(t,"colors.discovery.body.white.border")}; 20487 } 20488 ${q.tP} { 20489 display: none; 20490 } 20491 `} 20492 20493 ${({enableChannelFeatures:e,showSummaryCarousel:t})=>e&&t&&x.AH` 20494 @media (min-width: 0) and (max-width: calc(${N.LO.md} - 1px)) { 20495 display: none; 20496 } 20497 `} 20498 20499 ${(0,E.H4)(N.LO.lg)} { 20500 ${({enableChannelFeatures:e})=>e?"grid-column: 7 / span 2;":"grid-column: 10 / span 3;"} 20501 grid-row: ${({hasHed:e})=>e?"2 / span 2":"1 / span 3"}; 20502 } 20503 20504 .summary-list__item--before-hidden { 20505 border-bottom: none; 20506 } 20507`,Ne=x.Ay.div.withConfig({displayName:"SummaryCollageNineAdRailContainer"})` 20508 display: block; 20509 grid-column: 10 / span 3; 20510 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20511 display: none; 20512 } 20513`,He=(0,x.Ay)(Ae.A).withConfig({displayName:"SummaryCollageNineAdRail"})``,Ie=x.Ay.div.withConfig({displayName:"SummaryCollageNineGridItemListButtonWrapper"})` 20514 display: flex; 20515 align-items: center; 20516 justify-content: center; 20517 20518 ${(0,E.H4)(N.LO.lg)} { 20519 display: none; 20520 } 20521 20522 .button--show-list { 20523 margin-top: ${(0,E.Kq)(4)}; 20524 } 20525`,Be=x.Ay.div.withConfig({displayName:"SummaryCollageNineSummaryListItems"})` 20526 &&&&& { 20527 ${(0,E.H4)(N.LO.lg)} { 20528 display: none; 20529 } 20530 } 20531 20532 && { 20533 grid-column: 1 / span 12; 20534 grid-row: 2; 20535 margin: 0; 20536 border-top: none; 20537 padding: 0; 20538 20539 .summary-item { 20540 margin: 0 0 ${(0,E.Kq)(2)}; 20541 padding: ${(0,E.Kq)(2.5)} 0; 20542 ${(0,E.H4)(N.LO.lg)} { 20543 position: relative; 20544 margin-bottom: 0; 20545 overflow: hidden; 20546 } 20547 20548 &:first-child { 20549 ${(0,E.H4)(N.LO.lg)} { 20550 padding-top: 0; 20551 } 20552 ${(0,E.L7)(N.LO.md)} { 20553 padding-top: ${(0,E.Kq)(2.5)}; 20554 } 20555 } 20556 20557 &:last-child { 20558 ${(0,E.Xm)(0,N.LO.md)} { 20559 margin-bottom: 0; 20560 padding-bottom: 0; 20561 } 20562 20563 ${(0,E.Xm)(0,N.LO.lg)} { 20564 &::after { 20565 display: none; 20566 } 20567 } 20568 } 20569 20570 .summary-item__hed { 20571 ${(0,E.Gg)("typography.definitions.discovery.hed-core-primary")} 20572 color: ${(0,E.HK)("colors.discovery.body.white.heading")}; 20573 } 20574 20575 .summary-item__metadata-primary, 20576 .summary-item__metadata-secondary { 20577 display: none; 20578 } 20579 } 20580 } 20581 20582 && { 20583 ${(0,E.H4)(N.LO.lg)} { 20584 grid-column: 9 / -1; 20585 margin-left: calc(var(--border-offset) * -1); 20586 padding-left: var(--border-offset); 20587 width: calc(100% + var(--border-offset)); 20588 } 20589 ${({hideVerticalBorders:e})=>e&&x.AH` 20590 &&& { 20591 border-left: 0; 20592 padding-left: 0; 20593 } 20594 `} 20595 20596 ${({hasUnderHeroItem:e})=>e&&x.AH` 20597 grid-row-end: span 3; 20598 `} 20599 20600.summary-item:last-child { 20601 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20602 border-bottom: var(--border-width, 1px) solid 20603 ${(0,E.HK)("colors.discovery.body.white.border")}; 20604 padding-bottom: ${(0,E.Kq)(2.5)}; 20605 } 20606 } 20607 ${(0,E.H4)(N.LO.lg)} { 20608 grid-column: 1 / span 3; 20609 grid-row-start: 1; 20610 margin: 0 calc(var(--border-offset) * -1) 0 0; 20611 padding-right: var(--border-offset); 20612 padding-left: 0; 20613 } 20614 20615 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20616 margin-bottom: ${(0,E.Kq)(2)}; 20617 } 20618 20619 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20620 margin-bottom: 0; 20621 } 20622 20623 .summary-item__hed { 20624 /* TOFIX: Lots of overrides happening here, this reassigns the default token for .summary-item__hed */ 20625 ${(0,E.Gg)("typography.definitions.discovery.hed-core-primary")} 20626 } 20627 20628 .summary-item__dek { 20629 display: block; 20630 } 20631 20632 .summary-item--has-border { 20633 margin-bottom: 0; 20634 } 20635 20636 .summary-item__content { 20637 padding-bottom: 0; 20638 } 20639 20640 .summary-item--has-rule .summary-item__hed-link::after { 20641 display: block; 20642 } 20643 } 20644`,Oe=x.Ay.div.withConfig({displayName:"SummaryCollageNineGrid"})` 20645 ${(0,I.VO)()} 20646 ${(0,T.AQ)()} 20647 ${(0,I.aU)("padding")} 20648 20649 display: grid; 20650 grid-template-columns: repeat(4, 1fr); 20651 column-gap: var(--grid-gap); 20652 margin: 0 auto; 20653 width: 100%; 20654 max-width: ${N.LO.xxl}; 20655 row-gap: 0; 20656 20657 ${(0,E.H4)(N.LO.md)} { 20658 grid-template-columns: repeat(12, 1fr); 20659 } 20660 20661 ${({enableChannelFeatures:e,theme:t})=>e&&x.AH` 20662 ${Ee} { 20663 grid-column: 1 / span 12; 20664 border-left: none; 20665 border-bottom: none; 20666 padding-bottom: 0; 20667 } 20668 ${Se} { 20669 ${R.Y} { 20670 ${(0,E.Gg)(t,"typography.definitions.discovery.hed-core-primary")} 20671 } 20672 } 20673 20674 ${Te} { 20675 ${we.A} { 20676 border-left: none; 20677 ${q.Rp} { 20678 &:first-of-type { 20679 border-top: none; 20680 padding-top: 0; 20681 } 20682 } 20683 } 20684 ${R.Y} { 20685 ${(0,E.Gg)(t,"typography.definitions.discovery.hed-core-secondary")} 20686 } 20687 } 20688 `} 20689 20690 ${(0,E.H4)(N.LO.lg)} { 20691 ${({enableChannelFeatures:e})=>e?" grid-template-rows: auto;":` grid-template-rows: minmax(${(0,E.Kq)(4)}, auto) repeat(2, 1fr);`} 20692 } 20693 20694 .summary-item--has-border { 20695 &:last-child { 20696 @media (min-width: 0) and (max-width: calc(${N.LO.lg} - 1px)) { 20697 margin-bottom: 0; 20698 border-bottom: 0; 20699 } 20700 } 20701 } 20702`,Ke=(0,x.Ay)(ve.A).withConfig({displayName:"SummaryCollageNineSummaryCarousel"})``;var De=n(88456),_e=n(8877);const Pe=({className:e,commentAttributes:t={},configuredComponentRef:n,curatedSearchHed:o,dangerousDek:i,dangerousHed:s,shouldEnableChannelFeatures:l=!1,featuredDangerousHed:d,featuredFooter:c,hasUnderlineHed:m,hideBottomBorders:u=!1,hideRubricItemSummary:g=!1,hideVerticalBorders:h=!1,hideBottomBordersforMainFour:y,listItemsLimit:b=5,isCenterAlignedWithTopDividerOnly:f,items:w=[],primarySummaryItemVariation:$="TextBelowLeft",rightColumnFeature:C,recircRiver:k,sectionTitleVariation:A="TextLeft",shouldUseFeaturedTitleAndFooter:x=!1,shouldEnableBundleComponentAnalytics:E,shouldHideBylines:S=!1,shouldHideBylinesInSummaryList:T,shouldHideDangerousDek:N=!0,shouldHideDangerousDekInFeaturedItems:H=!1,shouldHideDangerousDekInSummaryList:I=!0,shouldLimitListItemsOnMobile:B=!1,shouldUseDekAsHed:O=!1,showTopBorderInSummaryTitle:K=!1,summaryListSummaryItemVariation:D=null,summaryListHed:_,summaryItemVariation:P="SideBySideThirdsImageRight",summarySectionTitleVariation:R="TextLeft",trackingNamespace:q,user:M={},showSummaryCarousel:F=!0,shouldTrackSnowplowEvent:U=!1})=>{const[V,G]=r.useState(!0),W=!(0,le.Zm)(),j=(0,_e.B)();r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SummaryCollageNine"})},[]);const z=v.Ay[A],Y=O?i:x&&d||s,X=N?"":i,Z=_||o,J=!!Y,[Q,ee]=(0,r.useState)(5);let te={};C&&(te={hasFeatured:!0,summaryItemFeatured:C});const ne={type:"click",label:Y,subject:"summary_collage_nine",subject_version:W?"mobile_dense":"default"},oe=(e,t,n,o,i,a)=>{U&&(0,de.kg)({type:e,label:Y,subject:"summary_collage_nine",items:[{content_title:t.dangerousHed||"",content_type:t.contentType||"",content_id:t.copilotID||"",content_url:new URL(t.url||"",window.location.origin)}],index:n,total_index:i,placement:o,subject_version:W?a||"mobile_dense":"default"})};return(0,r.useEffect)(()=>{B&&window.innerWidth<L.Vh.xl&&ee(b)},[b,B]),r.createElement(Oe,{ref:n,className:a()("summary-collage-nine",{"summary-collage--without-vertical-borders":h},e),enableChannelFeatures:l},Y&&r.createElement(Ee,{showTopBorderInSummaryTitle:K,enableChannelFeatures:l},r.createElement(xe,{as:z,dangerousHed:Y,dangerousDek:X,enableChannelFeatures:l})),r.createElement(Se,{shouldEnableBundleComponentAnalytics:E,items:w.slice(0,4),hasBorder:!u,hideBottomBorders:y,hasUnderHeroItem:!0,hideLastFewSummaryImages:!1,hideSummaryListDeks:H,hideSummaryMainItemDeks:H,hideVerticalBorders:h,recircRiver:k,enableChannelFeatures:l,shouldHideBylines:S,summaryItemVariation:$,trackingNamespace:q?.main,underHeroItemVariation:P,shouldEnableSubItems:l,commentAttributes:t,user:M,shouldTrackSnowplowEvent:U,snowplowEvent:{...ne,total_index:1,placement:"secondary"}
20702,impressionHandler:oe,placement:"secondary",windowLocation:j?window.location.origin:""}),l&&r.createElement(r.Fragment,null,r.createElement(Be,{hideVerticalBorders:!0,as:ye.A.Collection,shouldEnableBundleComponentAnalytics:E,hasSectionTitlePrimary:!1,shouldHideDangerousDek:!0,items:w.slice(0,4),summaryItemVariation:"TextBelowLeft",shouldHideBylines:S,shouldHidePublishDate:!0,trackingNamespace:q?.aside,recircRiver:k,hasUnderlineHed:!1,rubricVariation:"DiscoveryItem",shouldTrackItemImpressionForSnowplow:U,shouldTrackSnowplowEvent:U,commentAttributes:t,user:M,snowplowEvent:{...ne,total_index:1},windowLocation:j?window.location.origin:""}),F&&r.createElement(Ke,{items:w.slice(4,4+Q),summaryItemVariation:"SideBySideDenseNoAsset",shouldEnableChannelFeatures:l,shouldShowViewAllButton:!1,shouldHideBylines:!0,shouldHideDangerousDek:!0,shouldHidePublishDate:!0,hasCarouselControls:!1,shouldHideCarouselFooter:!0,isSummaryHeadingSecondary:!0,shouldShowAllContentWhenDense:!0,hasModerateSpacing:!1,shouldTrackItemImpressionForSnowplow:U,commentAttributes:t,user:M,totalItems:5,impressionHandler:oe,snowplowEvent:{...ne,total_index:5,placement:"right_rail"},placement:"right_rail"})),r.createElement(Te,{hasHed:J,isCenterAlignedWithTopDividerOnly:f,enableChannelFeatures:l,showSummaryCarousel:F},r.createElement(Le,{...te,displayHed:Y,dangerousHed:Z,enableChannelFeatures:l,footerWithLink:x?c:{},hasUnderlineHed:m,hideBottomBorders:u,hideRubricItemSummary:g,shouldEnableBundleComponentAnalytics:E,shouldHideDangerousDek:I,shouldHidePublishDate:!0,shouldHoldImageSpace:!1,items:w.slice(4,4+Q),windowLocation:j?window.location.origin:"",sectionTitleVariation:R,summaryItemVariation:D||P,recircRiver:k,shouldHideBylines:S||T,trackingNamespace:q?.rightRail,impressionHandler:oe,shouldTrackItemImpressionForSnowplow:U,commentAttributes:t,user:M,totalItems:5,snowplowEvent:{...ne,subject_version:W?"mobile_dense-off_canvas":"default",total_index:5,placement:"right_rail"},placement:"right_rail"}),r.createElement(Ie,null,B&&r.createElement(De.A.Primary,{className:"button--show-list",onClickHandler:()=>{ee(V?5:b),G(!V)},label:V?"Show More":"Show Less",inputKind:"button"}))),l&&r.createElement(Ne,{className:"grid-layout__aside"},r.createElement(be.A,null,r.createElement(fe.Z,{group:"ads"},r.createElement(He,{position:"rail"})))))};Pe.propTypes={configuredComponentRef:l().func,className:l().string,commentAttributes:l().object,curatedSearchHed:l().string,dangerousDek:l().string,dangerousHed:l().string,featuredDangerousHed:l().string,featuredFooter:l().shape({link:l().string,label:l().string}),hasUnderlineHed:l().bool,hideBottomBorders:l().bool,hideBottomBordersforMainFour:l().bool,hideRubricItemSummary:l().bool,hideVerticalBorders:l().bool,isCenterAlignedWithTopDividerOnly:l().bool,items:l().arrayOf(l().shape(b.A.propTypes)),listItemsLimit:l().number,primarySummaryItemVariation:ye.A.propTypes.summaryItemVariation,recircRiver:l().string,rightColumnFeature:l().shape({ctaUrl:l().string,header:l().string,ctaTextLabel:l().string,itemIndex:l().number,hideOnMobile:l().bool}),sectionTitleVariation:l().string,shouldEnableBundleComponentAnalytics:l().bool,shouldEnableChannelFeatures:l().bool,shouldHideBylines:l().bool,shouldHideBylinesInSummaryList:l().bool,shouldHideDangerousDek:l().bool,shouldHideDangerousDekInFeaturedItems:l().bool,shouldHideDangerousDekInSummaryList:l().bool,shouldLimitListItemsOnMobile:l().bool,shouldTrackSnowplowEvent:l().bool,shouldUseDekAsHed:l().bool,shouldUseFeaturedTitleAndFooter:l().bool,showSummaryCarousel:l().bool,showTopBorderInSummaryTitle:l().bool,summaryItemVariation:ye.A.propTypes.summaryItemVariation,summaryListHed:l().string,summaryListSummaryItemVariation:l().string,summarySectionTitleVariation:l().string,trackingNamespace:l().object,user:l().object},Pe.displayName="SummaryCollageNine";const Re=Pe,qe=(0,he.M3)(Re,{keysToPluck:["commentAttributes","user"]});Re.displayName="SummaryCollageNine";const Me=(0,o.y)(qe,"SummaryCollageNine");var Fe=n(90447),Ue=n(82317);const Ve=(0,g.YK)({seeMore:{id:"SummaryCollageThree.seeMore",defaultMessage:"See More Videos",description:"label text for see more button"}});var Ge=n(47135),We=n(99366),je=n(85095),ze=n(49235),Ye=n(62327);const Xe=({buttonUrl:e="",commentAttributes:t={},configuredComponentRef:n,customTextForSeeMoreButton:o,dangerousHed:i,dangerousDek:a,desktopFeatureColSpan:s="use8",desktopFeatureColSpanForVideo:l="use8",hasBorder:c=!0,hasConsistentSpacing:m=!1,hasExtraPadding:u=!1,hasExtraBottomPadding:g=!1,hasExtraTopPadding:h=!1,hasIncreasedTitleSpacing:y=!1,hasMinimalSummaryItem:f=!1,hasModerateBottomMarginOnDek:w=!1,hasNoBottomPadding:k=!1,hasNoMarginBottonOnLastItem:A=!1,hasNoMarginBottomLastItemHed:x=!1,hasOtherTitleSpacing:E=!1,hasTopSpacing:S=!1,hideRubricItemSummary:L,hideVerticalBorders:T=!1,isPrimaryItemFullBleed:N=!1,items:H,isDenseSummaryCollageThree:I,isSpecial:B=!1,recircRiver:O,sectionTitleVariation:K="LineAboveLineBelowTextCenter",shouldDisplayDangerousDek:D,shouldEmbedFeaturedVideo:_=!1,shouldEnableBundleComponentAnalytics:P,shouldHideBylines:R=!1,shouldHideDangerousDek:q=!1,shouldHideDangerousDekFirstChild:M=!1,shouldHidePublishDate:F=!0,shouldHideSpaceAtTop:U=!1,shouldTrackSnowplowEvent:V=!1,shouldUseDiscoveryTypeToken:G=!1,shouldShowSeeMoreButton:W=!1,shouldUseAlternativeStyle:j=!1,showMoreButtonVariation:z="UtilityInverted",summaryItemRubricVariation:Y,summaryItemVariation:X="TextBelowLeft",theme:Z="standard",user:J={},variations:Q={shouldUseDenseMobileVariation:!1},variationName:ee})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SummaryCollageThree",variation:ee})},[ee]);const te=!(0,le.Zm)(),{formatMessage:ne}=(0,d.A)(),{shouldUseDenseMobileVariation:oe}=Q,ie=f?{shouldHideBylines:!0,hideRubricItemSummary:!0,shouldHidePublishDate:!0,shouldHideMetadataSecondary:!0,shouldHideIcon:!0,shouldHideDangerousDek:!0,hasUnderlineHed:!1,hasTighterVerticalSpacing:!0}:{},ae=D&&a,re=C.A[z],se=v.Ay[K],me=b.A[X],ue="SummaryCollageThreeItem",pe=H.every(e=>"cnevideo"===e.contentType)?l:s,ge=(e,t,n,o,a,r)=>{V&&(0,de.kg)({type:e,subject:"summary_collage_three",label:(0,ce.Fi)(r??i),items:[{content_title:t.dangerousHed,content_type:t.contentType,content_id:t.copilotID,content_url:new URL(t?.url,window.location.origin)}],index:n,total_index:a,placement:o,subject_version:oe&&te?"mobile_dense":"default"})};return r.createElement(ze.A,{palette:Z},r.createElement(je.OB,{ref:n,className:`theme-${Z}`},r.createElement(je.n,{summaryCollageColSpan:pe,dangerousHed:i,hasDangerousDek:ae,hasExtraPadding:u,hasExtraBottomPadding:g,hasExtraTopPadding:h,hasMinimalSummaryItem:f,hasNoBottomPadding:k,hideVerticalBorders:T,hasConsistentSpacing:m,hasTopSpacing:S&&!U,isDenseSummaryCollageThree:I,shouldShowSeeMoreButton:W,shouldUseAlternativeStyle:j,hasModerateBottomMarginOnDek:w,hasNoMarginBottomLastItemHed:x,hasNoMarginBottonOnLastItem:A},i&&r.createElement(je.WD,{as:se,dangerousHed:i,hasIncreasedTitleSpacing:y,hasOtherTitleSpacing:E,shouldUseAlternativeStyle:j}),ae&&r.createElement(je.mi,{dangerouslySetInnerHTML:{__html:a},shouldUseDiscoveryTypeToken:G}),H.map((e,n)=>{const o=_&&e?.image?.scriptUrl,a=(0,$.NY)(P,i,n),s=0===n?M:q;return o?r.createElement(je.O9,{as:Ge.A,"data-testid":ue,analyticsDataAttribute:a,hasBorder:c,isFeatured:0===n,item:e,key:e.copilotID,scriptUrl:e.image.scriptUrl,videoEmbedPosition:Ye.sm,isDenseSummaryCollageThree:I,shouldUseAlternativeStyle:j}):r.createElement(je.O9,{as:(!oe||0===n)&&me,"data-testid":ue,...e,analyticsDataAttribute:a,hasExtraPadding:u,hideRubricItemSummary:L,shouldHideDangerousDek:s,key:n,hedTag:"h3",recircRiver:O,rubricVariation:Y,shouldHideBylines:R,...ie,isPrimaryItemFullBleed:N,index:n,hasMinimalSummaryItem:f,isSpecial:B,shouldUseAlternativeStyle:j,shouldHidePublishDate:F,commentAttributes:t,user:J,shouldUseDenseMobileVariation:oe,shouldTrackItemImpressionForSnowplow:V,impressionH
20702andler:()=>ge("impression",e,0!==n?n-1:n,0===n?"hero":"secondary",0===n?1:2),clickHandler:()=>ge("click",e,0!==n?n-1:n,0===n?"hero":"secondary",0===n?1:2)},oe&&n>0&&r.createElement(We.A,{className:`mobile_dense_smart_item-${n}`,key:n,contributors:e.contributors,image:e.image,dangerousHed:e.dangerousHed,dangerousDek:!q&&e.dangerousDek,date:!F&&e.date,rubric:e.rubric,url:e.url,shouldTrackSnowplowEvent:V,impressionHandler:()=>ge("impression",e,n-1,"secondary",2),clickHandler:()=>(window.location=e.url,ge("click",e,n-1,"secondary",2))}))}),W&&r.createElement(je.jO,null,r.createElement(re,{btnStyle:"outlined",label:o||ne(Ve.seeMore),ariaLabel:o||ne(Ve.seeMore),href:e,inputKind:"link",isSpecial:B})))))},Ze=(0,w._)(C.A);Xe.propTypes={commentAttributes:l().object,configuredComponentRef:l().func,buttonUrl:l().string,className:l().string,customTextForSeeMoreButton:l().string,dangerousDek:l().string,dangerousHed:l().string,desktopFeatureColSpan:l().oneOf(["use8","use9"]),desktopFeatureColSpanForVideo:l().oneOf(["use8","use9"]),hasBorder:l().bool,hasConsistentSpacing:l().bool,hasExtraBottomPadding:l().bool,hasExtraPadding:l().bool,hasExtraTopPadding:l().bool,hasIncreasedTitleSpacing:l().bool,hasMinimalSummaryItem:l().bool,hasModerateBottomMarginOnDek:l().bool,hasNoBottomPadding:l().bool,hasNoMarginBottomLastItemHed:l().bool,hasNoMarginBottonOnLastItem:l().bool,hasOtherTitleSpacing:l().bool,hasTopSpacing:l().bool,hideRubricItemSummary:l().bool,hideVerticalBorders:l().bool,isDenseSummaryCollageThree:l().bool,isPrimaryItemFullBleed:l().bool,isSpecial:l().bool,items:l().arrayOf(l().shape(b.A.propTypes)).isRequired,recircRiver:l().string,sectionTitleVariation:l().string,shouldDisplayDangerousDek:l().bool,shouldEmbedFeaturedVideo:l().bool,shouldEnableBundleComponentAnalytics:l().bool,shouldHideBylines:l().bool,shouldHideDangerousDek:l().bool,shouldHideDangerousDekFirstChild:l().bool,shouldHidePublishDate:l().bool,shouldHideSpaceAtTop:l().bool,shouldShowSeeMoreButton:l().bool,shouldTrackSnowplowEvent:l().bool,shouldUseAlternativeStyle:l().bool,shouldUseDiscoveryTypeToken:l().bool,showMoreButtonVariation:l().oneOf(Ze),summaryItemRubricVariation:l().string,summaryItemVariation:ye.A.propTypes.summaryItemVariation,theme:l().oneOf(["standard","inverted","special"]),user:l().object,variationName:l().string,variations:l().shape({shouldUseDenseMobileVariation:l().bool})},Xe.displayName="SummaryCollageThree";const Je=(0,he.M3)(Xe,{keysToPluck:["commentAttributes","user"]}),Qe=(0,o.y)(Je,"SummaryCollageThree");Qe.DenseMobile=(0,w.y)(Qe,"DenseMobile",{shouldUseDenseMobileVariation:!0});const et=Qe,tt=(0,o.y)(et,"SummaryCollageThree");var nt=n(86659),ot=n(63637);const it=(0,x.Ay)(nt.A.WithMargins).withConfig({displayName:"SummaryCollageSevenWrapper"})` 20703 ${(0,T.AQ)()}; 20704 20705 && { 20706 ${({hasTopSpacing:e})=>e?`\n ${(0,E.H4)(N.LO.md)} {\n ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,S.F)(t,"gap-sm")?"margin-top: 0;":`margin-top: ${(0,E.Kq)(4)};`}\n }\n `:""} 20707 20708 ${({isSpecial:e})=>e?`\n padding-top: ${(0,E.Kq)(6)};\n padding-bottom: ${(0,E.Kq)(6)};\n `:""} 20709 } 20710 20711 && { 20712 row-gap: 0; 20713 } 20714 20715 > ${we.E} { 20716 ${({dangerousHed:e})=>!e&&"\n &:first-child{\n grid-column: 1/-1;\n grid-row: 1;\n }"} 20717 } 20718 > ${we.E} { 20719 grid-column: 1 / -1; 20720 ${(0,E.H4)(N.LO.lg)} { 20721 grid-column: span 9; 20722 } 20723 ${je.n} { 20724 > ${we.E}:first-child { 20725 ${(0,E.H4)(N.LO.lg)} { 20726 grid-column: 4 / -1; 20727 grid-row: 1 / span 2; 20728 } 20729 } 20730 > ${we.E}:not(:first-child) { 20731 ${(0,E.H4)(N.LO.lg)} { 20732 grid-column: 1 / span 3; 20733 } 20734 } 20735 } 20736 } 20737 > ${we.E}:last-child { 20738 grid-column: 1 / -1; 20739 ${(0,E.H4)(N.LO.lg)} { 20740 grid-column: 10 / span 3; 20741 } 20742 } 20743 ${ot.Ls} { 20744 margin-bottom: ${(0,E.Kq)(2)}; 20745 } 20746 20747 ${ot.Ls} ${$e.bU} { 20748 ${({hasSectionTitleHedFeature:e})=>x.AH` 20749 ${(0,E.Gg)(e?"typography.definitions.discovery.hed-feature":"typography.definitions.discovery.subhed-section-tertiary")} 20750 padding: 0 20751 `} 20752 } 20753 20754 ${x.AH` 20755 ${je.n} { 20756 padding: 0; 20757 20758 ${(0,E.H4)(N.LO.lg)} { 20759 grid-template-columns: repeat(9, 1fr); 20760 grid-template-rows: max-content; 20761 } 20762 20763 .summary-item__metadata-secondary { 20764 margin-bottom: ${(0,E.Kq)(2)}; 20765 } 20766 20767 > ${we.E}:first-child { 20768 ${je.O9} { 20769 ${(0,E.H4)(N.LO.lg)} { 20770 margin-left: calc(var(--border-offset) * -1); 20771 border-left: 1px solid 20772 ${(0,E.HK)("colors.discovery.body.white.border")}; 20773 padding-left: var(--border-offset); 20774 } 20775 20776 .summary-item__hed { 20777 ${(0,E.Gg)("typography.definitions.discovery.hed-break-out")}; 20778 ${(0,E.H4)(N.LO.md)} { 20779 ${(0,E.Gg)("typography.definitions.discovery.hed-feature")}; 20780 } 20781 } 20782 20783 .summary-item__dek { 20784 ${(0,E.Gg)("typography.definitions.discovery.description-feature")}; 20785 } 20786 } 20787 } 20788 20789 > ${we.E}:not(:first-child) { 20790 ${je.O9} { 20791 .summary-item__hed { 20792 margin-bottom: ${(0,E.Kq)(2)}; 20793 ${(0,E.H4)(N.LO.md)} { 20794 ${(0,E.Gg)("typography.definitions.discovery.hed-core-secondary")}; 20795 margin-bottom: ${(0,E.Kq)(2)}; 20796 } 20797 } 20798 } 20799 } 20800 } 20801`}; 20802 20803 ${je.n} { 20804 ${({hideVerticalBorders:e})=>e&&x.AH` 20805 > ${we.E}:first-child { 20806 ${je.O9} { 20807 margin-left: 0; 20808 border-left: 0; 20809 padding-left: 0; 20810 } 20811 } 20812 `} 20813 } 20814`,at=x.Ay.span.withConfig({displayName:"SectionTitle"})` 20815 ${({hideTitleTopSpacing:e})=>e?"":`\n margin-top: ${(0,E.Kq)(2)};\n `} 20816 margin-bottom: ${(0,E.Kq)(4)}; 20817 20818 ${(0,E.Xm)(0,N.LO.md)} { 20819 margin-bottom: ${(0,E.Kq)(3)}; 20820 } 20821 20822 ${$e.bU} { 20823 ${({isSpecial:e,theme:t})=>e&&`${(0,E._o)(t,"color","colors.background.white")};`} 20824 } 20825`,rt=x.Ay.div.withConfig({displayName:"SummaryCollageFourIsFullBleed"})`
20826 ${({isFullBleedSpecialBackground:e})=>e&&x.AH` 20827 background-color: ${(0,E.HK)("colors.consumption.lead.special.background")}; 20828 max-width: 100%; 20829 `} 20830`,st=(0,x.Ay)(ye.A.Collection).withConfig({displayName:"SummaryCollageSevenSummaryList"})` 20831 && { 20832 border-top: 0; 20833 padding: 0; 20834 20835 ${(0,E.H4)(N.LO.lg)} { 20836 .summary-item--layout-proportions-33-66 { 20837 grid-gap: ${(0,E.Kq)(2)}; 20838 } 20839 } 20840 } 20841 20842 ${D.fq}.summary-item__rubric { 20843 margin-bottom: ${(0,E.Kq)(1)}; 20844 20845 ${(0,E.Xm)(0,N.LO.md)} { 20846 margin-bottom: ${(0,E.Kq)(2)}; 20847 } 20848 } 20849 20850 .summary-list__item:last-child { 20851 margin-bottom: 0; 20852 border-bottom: 0; 20853 padding-bottom: 0; 20854 } 20855 20856 .summary-item__byline { 20857 margin-bottom: 0; 20858 } 20859 20860 .summary-item__hed { 20861 ${(0,E.Gg)("typography.definitions.discovery.hed-bulletin-primary")} 20862 } 20863 20864 && { 20865 .summary-item__hed-link::after { 20866 display: none; 20867 } 20868 } 20869 20870 .summary-item__image-link { 20871 align-self: center; 20872 } 20873 20874 .summary-item--layout-placement-side-by-side { 20875 .summary-item__hed { 20876 ${(0,E.Gg)("typography.definitions.discovery.hed-bulletin-
20876primary")} 20877 20878 margin-bottom: ${(0,E.Kq)(2)}; 20879 20880 ${(0,E.Xm)(0,N.LO.md)} { 20881 ${(0,E.Gg)("typography.definitions.discovery.hed-bulletin-primary")} 20882 } 20883 } 20884 } 20885`,lt=({configuredComponentRef:e,curatedSearchHed:t,dangerousHed:n,hasSectionTitleHedFeature:o=!1,hasTopSpacing:i=!1,hideBottomBorders:a=!1,hideRubricItemSummary:s=!1,hideTitleTopSpacing:l=!1,hideVerticalBorders:d=!1,items:c,isSpecial:m=!1,isFullBleedSpecialBackground:u=!1,sectionTitleVariation:g="LineAboveLineBelowTextCenter",imageAlignment:h="default",shouldHideBylines:y=!1,shouldHideSpaceAtTop:b=!1,shouldRemoveSummaryItemBorder:f=!1,summaryItemVariation:w="NoAssetTextCenter",summarySectionTitleVariation:$="TextCenter",recircRiver:C})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SummaryCollageSeven"})},[]);const k=v.Ay[g],A=r.createElement(it,{ref:e,"data-testid":"SummaryCollageSevenWrapper",dangerousHed:!n,hideVerticalBorders:d,hasTopSpacing:i,hasSectionTitleHedFeature:o,isSpecial:m},n&&r.createElement(at,{as:k,dangerousHed:n,hideTitleTopSpacing:l,isSpecial:m}),r.createElement(tt,{items:c.slice(0,3),hideRubricItemSummary:s,hasBorder:!a,hideVerticalBorders:d,recircRiver:C,shouldHideBylines:y,shouldHideSpaceAtTop:b,isSpecial:m}),r.createElement(st,{hideRubricItemSummary:s,dangerousHed:t,shouldHideDangerousDek:!0,shouldHidePublishDate:!0,items:c.slice(3),sectionTitleVariation:$,summaryItemVariation:w,recircRiver:C,shouldHideBylines:y,hideBottomBorders:a,imageAlignment:h,isSpecial:m,shouldRemoveSummaryItemBorder:f}));return u?r.createElement(rt,{isFullBleedSpecialBackground:u},A):A};lt.propTypes={configuredComponentRef:l().func,curatedSearchHed:l().string,dangerousHed:l().string,hasSectionTitleHedFeature:l().bool,hasTopSpacing:l().bool,hideBottomBorders:l().bool,hideRubricItemSummary:l().bool,hideTitleTopSpacing:l().bool,hideVerticalBorders:l().bool,imageAlignment:l().oneOf(["top","default","bottom"]),isFullBleedSpecialBackground:l().bool,isSpecial:l().bool,items:l().arrayOf(l().shape(b.A.propTypes)).isRequired,recircRiver:l().string,sectionTitleVariation:l().string,shouldHideBylines:l().bool,shouldHideSpaceAtTop:l().bool,shouldRemoveSummaryItemBorder:l().bool,summaryItemVariation:ye.A.propTypes.summaryItemVariation,summarySectionTitleVariation:l().string},lt.displayName="SummaryCollageSeven";const dt=lt,ct=(0,o.y)(dt,"SummaryCollageSeven"),mt=x.Ay.div.withConfig({displayName:"SummaryCollageSixWrapper"})` 20886 ${ot.Ls} { 20887 margin-bottom: ${(0,E.Kq)(2)}; 20888 } 20889 20890 ${(0,E.Xm)(0,N.LO.md)} { 20891 ${({hasTwoColumnLayout:e})=>e&&`\n margin: 0 ${(0,E.Kq)(3)};\n .summary-list--collection-list {\n padding: 0;\n }\n `} 20892 } 20893 20894 ${({hasTitleBorder:e})=>e&&x.AH` 20895 ${ot.Ls} { 20896 border-bottom: ${({hasDividerBelowHed:e})=>e&&`1px solid ${(0,E.HK)("colors.discovery.body.white.border")}`}; 20897 border-top: ${({hasDividerAboveHed:e})=>e&&`1px solid ${(0,E.HK)("colors.discovery.body.white.divider")}`}; 20898 margin-bottom: ${(0,E.Kq)(4)}; 20899 } 20900 20901 ${$e.bU} { 20902 padding-left: 0; 20903 } 20904 `} 20905 20906 ${({hideVerticalBorders:e,hasTwoColumnLayout:t})=>e&&!t&&x.AH` 20907 &&& { 20908 .summary-item:first-child { 20909 margin-right: 0; 20910 border-right: 0; 20911 padding-right: 0; 20912 } 20913 } 20914 `} 20915 20916 .summary-list__items { 20917 ${(0,T.AQ)()} 20918 ${(0,T.VG)(!1)} 20919 } 20920 20921 .summary-item { 20922 grid-column: 1 / -1; 20923 margin-bottom: ${(0,E.Kq)(5)}; 20924 20925 ${({hideBottomBorders:e})=>!e&&x.AH` 20926 border-bottom: 1px solid 20927 ${(0,E.HK)("colors.discovery.body.white.border")}; 20928 `} 20929 20930 padding-bottom: ${(0,E.Kq)(5)}; 20931 20932 ${(0,E.H4)(N.LO.lg)} { 20933 border-bottom: 0; 20934 padding-bottom: 0; 20935 } 20936 } 20937 20938 .summary-item:first-child { 20939 ${({hasTwoColumnLayout:e})=>e&&`\n ${(0,E.H4)(N.LO.md)} {\n grid-column: 1 / span 6;\n }\n `} 20940 ${({hasTwoColumnLayout:e})=>!e&&x.AH` 20941 ${(0,E.H4)(N.LO.lg)} { 20942 grid-column: 1 / span 8; 20943 grid-row: ${({shouldCondenseRightCells:e})=>e?"1 / span 6":"1 / span 5"}; 20944 margin-right: calc(var(--border-offset) * -1); 20945 border-right: 1px solid 20946 ${(0,E.HK)("colors.discovery.body.white.border")}; 20947 border-bottom: 0; 20948 padding-right: var(--border-offset); 20949 ${({summaryCollageColSpan:e})=>"use6"===e&&"grid-column: 1 / span 6;"}; 20950 } 20951 `} 20952 ${({hasTwoColumnLayout:e})=>!e&&x.AH` 20953 ${D.fq}.summary-item__rubric { 20954 margin-right: auto; 20955 margin-left: auto; 20956 } 20957 .summary-item__hed { 20958 ${(0,E.Gg)("typography.definitions.discovery.hed-break-out")}; 20959 20960 ${(0,E.H4)(N.LO.md)} { 20961 ${(0,E.Gg)("typography.definitions.discovery.hed-feature")}; 20962 } 20963 } 20964 `} 20965 .summary-item__dek { 20966 ${(0,E.Gg)("typography.definitions.discovery.description-feature")}; 20967 } 20968 } 20969 20970 ${({hasTwoColumnLayout:e})=>!e&&x.AH` 20971 .summary-item__hed-link::after { 20972 margin-right: auto; 20973 margin-left: auto; 20974 } 20975 20976 .summary-item:not(:first-child) { 20977 ${(0,E.H4)(N.LO.lg)} { 20978 grid-column: 9 / span 4; 20979 margin-bottom: 0; 20980 border-bottom: 1px solid 20981 ${(0,E.HK)("colors.discovery.body.white.border")}; 20982 padding: 0 0 ${(0,E.Kq)(4)} 0; 20983 20984 ${({summaryCollageColSpan:e})=>"use6"===e&&"grid-column: 7 / span 6;"}; 20985 } 20986 20987 .summary-item__hed { 20988 ${(0,E.Gg)("typography.definitions.discovery.hed-bulletin-
20988primary")} 20989 } 20990 20991 .summary-item__hed-link { 20992 &::after { 20993 display: none; 20994 } 20995 } 20996 20997 .summary-item__hed { 20998 ${(0,E.Gg)("typography.definitions.discovery.hed-bulletin-secondary")} 20999 } 21000 21001 .summary-item__dek, 21002 .summary-item__metadata-primary, 21003 .summary-item__metadata-secondary { 21004 display: none; 21005 } 21006 } 21007 `} 21008 ${({hasTwoColumnLayout:e,$shouldUseTwoColumnTitleStyle:t,theme:n})=>e&&t&&x.AH` 21009 ${ot.Ls} { 21010 margin-bottom: ${(0,E.Kq)(4)}; 21011 padding: 0; 21012 padding-top: 0; 21013 padding-bottom: 0; 21014 21015 * { 21016 ${(0,E.Gg)(n,"typography.definitions.discovery.subhed-section-secondary")}; 21017 } 21018 } 21019 `} 21020 21021 ${({hasTwoColumnLayout:e})=>e&&x.AH` 21022 .summary-item { 21023 border-bottom: unset; 21024 21025 .summary-item__content { 21026 flex: 5; 21027 } 21028 } 21029 ${(0,E.Xm)(0,N.LO.md)} { 21030 .summary-item { 21031 &:nth-of-type(n + 3) { 21032 display: flex; 21033 column-gap: 1rem; 21034 21035 .summary-item__asset-container { 21036 flex: 1; 21037 align-self: center; 21038 } 21039 } 21040 } 21041 } 21042 ${(0,E.H4)(N.LO.md)} { 21043 .summary-item { 21044 &:nth-of-type(2) { 21045 grid-column: 7 / span 6; 21046 } 21047 21048 &:nth-of-type(n + 3) { 21049 grid-column: span 3; 21050 grid-row: 2; 21051 } 21052 } 21053 } 21054 `} 21055 21056 .summary-item:last-child { 21057 border-bottom: none; 21058 padding-bottom: 0; 21059 } 21060`,ut=(0,x.Ay)(ye.A.Collection).withConfig({displayName:"SummaryCollageSixSummaryList"})` 21061 ${D.fq}.summary-item__rubric { 21062 margin-bottom: ${(0,E.Kq)(1)}; 21063 } 21064 21065 &&& { 21066 .summary-item__hed { 21067 margin-bottom: ${(0,E.Kq)(2)}; 21068 } 21069 } 21070 21071 .summary-item__publish-date { 21072 margin-bottom: ${(0,E.Kq)(3)}; 21073 } 21074 21075 .summary-list__items { 21076 .summary-list__item { 21077 .summary-item__hed { 21078 ${({hasTwoColumnLayout:e})=>e&&(0,E.Gg)("typography.definitions.discovery.hed-core-secondary")} 21079 } 21080 ${(0,E.Xm)(0,N.LO.md)} { 21081 margin-bottom: ${({hasTwoColumnLayout:e})=>e?(0,E.Kq)(4):0}; 21082 } 21083 padding-bottom: ${({hasTwoColumnLayout:e})=>e?"unset":0}; 21084 } 21085 21086 .summary-item:first-child { 21087 margin-bottom: ${({hasTwoColumnLayout:e})=>e?(0,E.Kq)(4):0}; 21088 } 21089 } 21090`,pt=({className:e,dangerousHed:t,dangerousDek:n,desktopFeatureColSpan:o,hasDividerAboveHed:i=!0,hasDividerBelowHed:a=!0,hasSectionTitlePrimary:s,hasTitleBorder:l=!0,hasTwoColumnLayout:d=!1,shouldUseTwoColumnTitleStyle:c=!0,hideBottomBorders:m=!1,hideRubricItemSummary:u=!1,hideVerticalBorders:g=!1,items:h,sectionTitleVariation:y="TextLeft",shouldEnableBundleComponentAnalytics:b,shouldHideBylines:f=!1,shouldCondenseRightCells:w=!1,summaryItemVariation:$="TextBelowLeft",summaryListSummaryItemVariation:v=null,recircRiver:C,shouldHidePublishDate:k=!0,hasBorder:A=!0,shouldAlignDekInCenter:x=!1,trackingNamespace:E})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"SummaryCollageSix"})},[]);const S=h.map((e,t)=>(!d&&0!==t&&e.image&&(e.image=null),d&&(e.shouldHidePublishDate=k,e.hasBorder=A),e));return r.createElement(mt,{className:e,hasTwoColumnLayout:d,hasTitleBorder:l,hideBottomBorders:m,hideVerticalBorders:g,$shouldUseTwoColumnTitleStyle:c,shouldCondenseRightCells:w,summaryCollageColSpan:o,hasDividerBelowHed:a},r.createElement(ut,{shouldAlignDekInCenter:x,hasTwoColumnLayout:d,dangerousHed:t,dangerousDek:n,hideRubricItemSummary:u,items:S,sectionTitleVariation:y,summaryItemVariation:v||$,recircRiver:C,shouldEnableBundleComponentAnalytics:b,shouldHideBylines:f,hasSectionTitlePrimary:s,hasDividerAboveHed:i,hasDividerBelowHed:a,trackingNamespace:E}))};pt.propTypes={className:l().string,dangerousDek:l().string,dangerousHed:l().string,desktopFeatureColSpan:l().string,hasBorder:l().bool,hasDividerAboveHed:l().bool,hasDividerBelowHed:l().bool,hasSectionTitlePrimary:l().bool,hasTitleBorder:l().bool,hasTwoColumnLayout:l().bool,shouldUseTwoColumnTitleStyle:l().bool,hideBottomBorders:l().bool,hideRubricItemSummary:l().bool,hideVerticalBorders:l().bool,items:l().arrayOf(l().shape(b.A.propTypes)).isRequired,recircRiver:l().string,
21090sectionTitleVariation:l().string,shouldAlignDekInCenter:l().bool,shouldCondenseRightCells:l().bool,shouldEnableBundleComponentAnalytics:l().bool,shouldHideBylines:l().bool,shouldHidePublishDate:l().bool,summaryItemVariation:ye.A.propTypes.summaryItemVariation,summaryListSummaryItemVariation:l().string,trackingNamespace:l().string};const gt=pt;gt.displayName="SummaryCollageSix";const ht=(0,o.y)(gt,"SummaryCollageSix");var yt=n(91706),bt=n(72147),ft=n(40391),wt=n(46897),$t=n(55659),vt=n(73275);const Ct={};Ct[1]=Ue.A,Ct[3]=tt,Ct[4]=ge.A,Ct[5]=pe,Ct[6]=ht,Ct[7]=ct,Ct[8]=f.A,Ct[9]=Me,Ct[12]=Fe.A;const kt={};kt[2]=yt.A.TwoColumns,kt[4]=yt.A.FourColumns,kt[6]=yt.A.FourColumns,kt[8]=yt.A.FourColumns;const At=(e,t=[])=>"GridTwoColumns"===e&&6===t.length,xt={Carousel:y.A,Bubbles:y.A,CollageOne:Ue.A,CollageThree:tt,CollageFour:ge.A,CollageFive:pe,CollageFiveRowsWithDekAndItemsBelow:pe.RowsWithDekAndItemsBelow,CollageSix:ht,CollageSeven:ct,CollageEight:f.A,CollageNine:Me,CollageTweleve:Fe.A,GridTwoColumns:yt.A.TwoColumns,GridTwoColumnsWithAd:yt.A.TwoColumnsWithAdSection,GridThreeColumns:yt.A.ThreeColumns,GridFourColumns:yt.A.FourColumns,SummaryCollectionRow:bt.A},Et=({backgroundColor:e=null,carouselContentAlign:t,carouselSummaryItemVariation:n="TextBelowLeft",carouselItemProps:o,contentTypesForViewAll:i,container:s,enableComponentsWithBackgroundColor:l=[],hasBorderOnMobileAndTabletOnly:c,hasBottomBorderOnLargeScreen:g,hasBottomBorderLargeMargin:f,hasCarouselTopMargin:w,hasCarouselSectionTitle:v,hasControls:C=!0,shouldUseCustomMargin:k,hasFullBleedCarouselWithPaddingWrapperOnMobile:A=!1,hasIncreasedPaddingTop:x=!1,hasIncreasedVerticalPadding:E=!1,hasIncreasedVerticalPaddingTop:S=!1,hasMarginOnDesktop:L=!1,hasMinimalVerticalSpacing:T=!1,hasModerateSpacing:N=!1,hasNoTopBottomMarginOnMobile:H=!1,hasReducedBottomMargin:I,hasReducedMargin:B,hasUnderlineHed:O=!0,hideDangerousDek:K=!1,hideRubricItemSummary:D,hideStrapline:_,isCarouselFullBleed:P=!1,isCarouselFullBleedRight:R=!1,isCarouselBodyFullBleedRight:q=!1,isDestinationBundle:M,hasConsistentSpacing:F,lowestHierarchy:U,shouldEnableBookmarkDrawers:V,shouldEnableCardLevelBookmark:G,shouldEnableCommentsCount:W,shouldHideBylines:j,shouldHideCarouselBylines:z=!0,shouldDisableCarouselTitleLetterSpacing:Y,shouldOverrideTypeToken:X=!1,shouldPreferCollectionGrid:Z,shouldTreatTabletLikeMobile:J,shouldUseAdInCollectionGrid:Q,shouldUseBookmarkV2:ee,shouldUseMediumBreakpoint:te,sectionTitleVariation:ne="TextCenter",summaryCollageVariation:oe,summaryItemVariation:ie,shouldTrackItemImpressionForSnowplow:ae=!1,hasDividerAboveCarouselSectionTitle:re=!0,hasDividerBelowCarouselSectionTitle:se=!0,shouldApplyCustomHeaderHeight:le=!1,hideDesktopPagination:de=!1,itemsDensity:ce="default",hasPaginationDots:me=!0,shouldTrackSnowplowEvent:ue})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"VersoFeatures"})},[]);const{formatMessage:pe}=(0,d.A)(),ge=s&&s.layout,he=(({items:e=[]},t,n,o,i)=>{if(At(o,e))return ht;if(o&&xt[o])return xt[o];const a=e.length;return n&&0!==a&&a%3==0?yt.A.ThreeColumnsWithAdSection:t?kt[a]||Ct[a]||a&&Ct[9]||null:Ct[a]?.[i]||Ct[a]||kt[a]||a&&Ct[9]||null})(s,Z,Q,ge,oe);if(!he)return null;const ye=(0,$t.$B)(),{curatedSearchHed:be="",shouldHideVideoDek:fe,dangerousDek:we,dangerousHed:$e,items:ve,shouldEnableBundleComponentAnalytics:Ce,viewAllButton:ke,productVisualAsset:Ae}=s,xe=b.A[n],Ee=ve.some(e=>e.offers),Se=e=>m()(i,e.contentType);if(he&&he.CarouselItem&&"Bubbles"===ge)return r.createElement(wt.A,{container:s,className:"bundleLayout"});if(he&&he.CarouselItem)return r.createElement(u.Tn,{backgroundColor:e,className:a()("product__carousel",{"product__carousel--has-increased-padding":e,"product__carousel--has-moderate-padding":N,"product__carousel--has-full-bleed":P,"product__carousel--has-full-bleed-right":R,"product__carousel--body-has-full-bleed-right":q}),hasOffersLink:Ee,hasCarouselTopMargin:w,shouldOverrideTypeToken:X,hasFullBleedCarouselWithPaddingWrapperOnMobile:A,hasMarginOnDesktop:L,shouldDisableCarouselTitleLetterSpacing:Y,hasConsistentSpacing:F,shouldApplyCustomHeaderHeight:le},Ae&&r.createElement(u.zK,null,r.createElement(vt.A,{...Ae,isLazy:!1})),r.createElement(y.A,{headerProps:{contentAlign:t,dangerousHed:$e,dangerousDek:we,sectionTitleVariation:!!v&&ne,shouldDisplayDangerousDek:!_,hasBorderTop:!!v&&re,hasBorderBottom:!!v&&se},carouselSettings:{hasPaginationDots:me,showControls:C,shouldCenterAlignIfItemsAreLess:"Bubbles"===ge,hideDesktopPagination:de,itemsDensity:ce},ctaProps:ke&&ke.shouldShowViewAllButton?{style:"filled",clickHandler:()=>{ke.viewAllSlug&&(window.location.href=ke.viewAllSlug)},text:`${pe(h.viewAllButton)} ${U} ${ke.viewAllContentType}`}:{},trackingEventData:{snowplowNavEventSubject:"carousel"}},ve.map((e,t)=>{const n=(0,$.NY)(Ce,$e,t);return r.createElement(y.A.CarouselItem,{...o,key:`product-bundle-${t}`,itemsDensity:ce,trackingEventData:{carouselName:s.dangerousHed,itemIndex:t,totalItems:ve.length,label:s.dangerousHed,subject_version:ye?"mobile_dense":"default"}},r.createElement(xe,{...e,analyticsDataAttribute:n,hasBorder:!1,hasBorderOnMobileAndTabletOnly:!1,hasRule:!0,hasUnderlineHed:O,isMobile:ye,hedTag:"h3",hideRubricItemSummary:(!M||!ft.O.includes(e.contentType))&&D,isLazy:t>4,shouldHideBylines:z,shouldHideDangerousDek:K,shouldHideIcon:!1,shouldHideMetadataSecondary:!1,shouldAppendReadMoreLinkForDek:Se(e)}))})));const Le=l.length>0&&l.includes(ge)?e:null,Te=l.length>0&&l.includes(ge),Ne=At(ge,ve),He=Ne?{hasSectionTitlePrimary:!0,sectionTitleVariation:"TextCenter",shouldUseTwoColumnTitleStyle:!1}:{};return r.createElement(u.Ae,{className:a()("verso-features",{"verso-features--has-increased-padding":E,"verso-features--has-increased-padding-top":x}),hasMinimalVerticalSpacing:T,hasReducedBottomMargin:I,hasReducedMargin:B,hasIncreasedVerticalPaddingTop:S,hasNoTopBottomMarginOnMobile:H,backgroundColor:Le,shouldUseCustomMargin:k,hasConsistentSpacing:F},Ae&&r.createElement(u.zK,null,r.createElement(vt.A,{...Ae,isLazy:!1})),r.createElement(he,{...s,hideRubricItemSummary:D,recircRiver:(Ie=be,Ie.replace(/<[^>]*>/g,"")),shouldHideBylines:j,summaryItemVariation:ie,hasBottomBorderOnLargeScreen:g,hasBottomBorderLargeMargin:f,hasBorderOnMobileAndTabletOnly:c,hasConsistentSpacing:F,shouldTreatTabletLikeMobile:J,shouldUseMediumBreakpoint:te,shouldHideVideoDek:fe,isInverted:Te,shouldUseBookmarkV2:ee,shouldEnableBookmarkDrawers:V,shouldEnableCardLevelBookmark:G,shouldEnableCommentsCount:W,shouldTrackItemImpressionForSnowplow:ae,shouldTrackSnowplowEvent:ue,isMobile:ye,hasTwoColumnLayout:Ne,...He}));var Ie};Et.propTypes={backgroundColor:l().oneOf([null,"light","dark","brand","black","white"]),carouselContentAlign:l().oneOf(["left","center"]),carouselItemProps:l().object,carouselSummaryItemVariation:l().string,container:l().object,contentTypesForViewAll:l().array,enableComponentsWithBackgroun
21090dColor:l().array,hasBorderOnMobileAndTabletOnly:l().bool,hasBottomBorderLargeMargin:l().bool,hasBottomBorderOnLargeScreen:l().bool,hasCarouselSectionTitle:l().bool,hasCarouselTopMargin:l().bool,hasConsistentSpacing:l().bool,hasControls:l().bool,hasDividerAboveCarouselSectionTitle:l().bool,hasDividerBelowCarouselSectionTitle:l().bool,hasFullBleedCarouselWithPaddingWrapperOnMobile:l().bool,hasIncreasedPaddingTop:l().bool,hasIncreasedVerticalPadding:l().bool,hasIncreasedVerticalPaddingTop:l().bool,hasMarginOnDesktop:l().bool,hasMinimalVerticalSpacing:l().bool,hasModerateSpacing:l().bool,hasNoTopBottomMarginOnMobile:l().bool,hasPaginationDots:l().bool,hasReducedBottomMargin:l().bool,hasReducedMargin:l().bool,hasUnderlineHed:l().bool,hideDangerousDek:l().bool,hideDesktopPagination:l().bool,hideRubricItemSummary:l().bool,hideStrapline:l().bool,isCarouselBodyFullBleedRight:l().bool,isCarouselFullBleed:l().bool,isCarouselFullBleedRight:l().bool,isDestinationBundle:l().bool,itemsDensity:l().oneOf(["default","min"]),lowestHierarchy:l().string,sectionTitleVariation:l().string,shouldApplyCustomHeaderHeight:l().bool,shouldDisableCarouselTitleLetterSpacing:l().bool,shouldEnableBookmarkDrawers:l().bool,shouldEnableCardLevelBookmark:l().bool,shouldEnableCommentsCount:l().bool,shouldHideBylines:l().bool,shouldHideCarouselBylines:l().bool,shouldOverrideTypeToken:l().bool,shouldPreferCollectionGrid:l().bool,shouldTrackItemImpressionForSnowplow:l().bool,shouldTrackSnowplowEvent:l().bool,shouldTreatTabletLikeMobile:l().bool,shouldUseAdInCollectionGrid:l().bool,shouldUseBookmarkV2:l().bool,shouldUseCustomMargin:l().bool,shouldUseMediumBreakpoint:l().bool,summaryCollageVariation:l().string,summaryItemVariation:l().string,viewAllButton:l().shape({shouldShowViewAllButton:l().bool,viewAllContentType:l().string,viewAllSlug:l().string})},Et.displayName="VersoFeatures";const St=Et,Lt=(0,o.y)(St,"VersoFeatures")},20659(e,t,n){n.d(t,{Ae:()=>g,Tn:()=>u,zK:()=>p});var o=n(38267),i=n(26865),a=n(16800),r=n(1123),s=n(96472),l=n(66657),d=n(72662),c=n(75163);const m=()=>o.AH` 21091 ${(0,i.Xm)(0,`calc(${s.LO.md} - 1px)`)} { 21092 padding-right: ${(0,i.Kq)(3)}; 21093 } 21094 21095 ${(0,i.Xm)(s.LO.md,`calc(${s.LO.xl} - 1px)`)} { 21096 padding-right: ${(0,i.Kq)(6)}; 21097 } 21098 21099 ${(0,i.Xm)(s.LO.xl,s.LO.xxl)} { 21100 padding-right: ${(0,i.Kq)(8)}; 21101 } 21102 `,u=(0,o.Ay)(l.A).withConfig({displayName:"CarouselRow"})` 21103 margin: 0 auto; 21104 21105 &.product__carousel--has-increased-padding { 21106 padding-top: ${(0,i.Kq)(5)}; 21107 padding-bottom: ${(0,i.Kq)(5)}; 21108 } 21109 21110 &.product__carousel--has-moderate-padding { 21111 padding-top: ${(0,i.Kq)(5)}; 21112 padding-bottom: ${(0,i.Kq)(5)}; 21113 21114 @media (min-width: ${s.LO.md}) { 21115 padding-top: ${(0,i.Kq)(5)}; 21116 } 21117 21118 @media (min-width: ${s.LO.xl}) { 21119 padding-top: ${(0,i.Kq)(7)}; 21120 padding-bottom: ${(0,i.Kq)(7)}; 21121 } 21122 } 21123 21124 &.product__carousel--has-full-bleed { 21125 ${d.aF} { 21126 padding-right: 0; 21127 padding-left: 0; 21128 max-width: 100%; 21129 } 21130 ${d.hF} { 21131 margin: 0; 21132 } 21133 } 21134 21135 &.product__carousel--has-full-bleed-right { 21136 ${d.aF} { 21137 ${(0,i.L7)(s.LO.xxl)} { 21138 padding-right: 0; 21139 } 21140 } 21141 21142 ${d.hB} { 21143 ${m()}; 21144 } 21145 } 21146 21147 &.product__carousel--body-has-full-bleed-right { 21148 ${d.aF} { 21149 ${(0,i.L7)(s.LO.xxl)} { 21150 padding-right: 0; 21151 ${d.Q0} { 21152 margin-right: 4rem; 21153 } 21154 } 21155 ${(0,i.L7)(s.LO.xl)} { 21156 ${d.Q0} { 21157 margin-right: 3rem; 21158 } 21159 } 21160 ${(0,i.L7)(s.LO.md)} { 21161 ${d.Q0} { 21162 margin-right: 1.5rem; 21163 } 21164 } 21165 } 21166 ${d.hB} { 21167 ${m()}; 21168 } 21169 } 21170 21171 ${d.aF} { 21172 margin: 0 auto; 21173 margin-bottom: ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,a.F)(t,"gap-sm")?"0px":(0,i.Kq)(4)}; 21174 padding-right: ${(0,i.Kq)(3)}; 21175 padding-left: ${(0,i.Kq)(3)}; 21176 ${({hasFullBleedCarouselWithPaddingWrapperOnMobile:e})=>e&&` @media (max-width: ${s.LO.md}) {\n padding: 0;\n }\n `} 21177 max-width: ${s.LO.lg}; 21178 ${({hasCarouselTopMargin:e,hasConsistentSpacing:t,theme:n})=>e&&`margin: ${t&&"0px"!==(0,a.F)(n,"gap-md")?"0px":(0,i.Kq)(4)} auto;`} 21179 21180 @media (min-width: ${s.LO.md}) { 21181 padding-right: ${(0,i.Kq)(6)}; 21182 padding-left: ${(0,i.Kq)(6)}; 21183 max-width: ${s.LO.lg}; 21184 } 21185 21186 @media (min-width: ${s.LO.lg}) { 21187 padding-right: ${(0,i.Kq)(6)}; 21188 padding-left: ${(0,i.Kq)(6)}; 21189 max-width: ${s.LO.xl}; 21190 } 21191 21192 @media (min-width: ${s.LO.xl}) { 21193 padding-right: ${(0,i.Kq)(8)}; 21194 padding-left: ${(0,i.Kq)(8)}; 21195 max-width: ${s.LO.xxl}; 21196 } 21197 21198 @media (min-width: ${s.LO.xxl}) { 21199 padding-bottom: ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,a.F)(t,"gap-md")?"0px":(0,i.Kq)(5)}; 21200 } 21201 21202 &.carousel--has-moderate-spacing { 21203 @media (min-width: ${s.LO.xxl}) { 21204 padding-bottom: 0; 21205 } 21206 21207 ${d.hF} { 21208 margin-top: ${(0,i.Kq)(4)}; 21209 @media (min-width: ${s.LO.xl}) { 21210 margin-top: ${(0,i.Kq)(5)}; 21211 } 21212 } 21213 } 21214 } 21215 21216 ${d.hF} { 21217 margin-top: ${(0,i.Kq)(2)}; 21218 background: none; 21219 overflow-x: auto; 21220 } 21221 21222 ${d.oX} { 21223 ${({hasMarginOnDesktop:e})=>e&&"\n margin: 0 32px 0 0;\n &:first-of-type {\n margin-left: -1px;\n }\n &:last-of-type {\n margin-right: 0;\n }\n "} 21224 ${({hasFullBleedCarouselWithPaddingWrapperOnMobile:e})=>e&&"\n @media (max-width: 760px) {\n margin: 0;\n padding-left: 12px;\n \n &:last-of-type {\n padding-right: 24px; \n width: 96%;\n }\n &:first-of-type {\n padding-left: 24px; \n width: 92%;\n }\n }\n "} 21225 .summary-item__rubric { 21226 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 21227 21228 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.light.context-signature")}; 21229 } 21230 } 21231 21232 .summary-item__content { 21233 padding-bottom: ${(0,i.Kq)(2)}; 21234 width: auto; 21235 21236 @media (min-width: ${s.LO.xxl}) { 21237 padding-bottom: ${(0,i.Kq)(4)}; 21238 } 21239 } 21240 21241 .summary-item--bundle { 21242 .summary-item__content { 21243 width: auto; 21244 } 21245 21246 .summary-item__hed { 21247 margin-top: 0; 21248 margin-bottom: ${(0,i.Kq)(1)}; 21249 } 21250 } 21251 21252 .summary-item { 21253 .summary-item__hed { 21254 width: auto; 21255 ${({shouldOverrideTypeToken:e,theme:t})=>e?(0,i.Gg)(t,"typography.definitions.discovery.hed-core-secondary"):(0,i.Gg)(t,"typography.definitions.discovery.hed-core-primary")}; 21256 } 21257 } 21258 21259 .summary-item__hed-link::after { 21260 border-bottom: 1px solid var(${c.pT.Color.TextLink}); 21261 21262 .summary-item__dek { 21263 ${({shouldOverrideTypeToken:e,theme:t})=>e?(0,i.Gg)(t,"typography.definitions.discovery.description-core"):(0,i.Gg)(t,"typography.definitions.discovery.description-feature")}; 21264 } 21265 } 21266 21267 .visualStoryLayout { 21268 li { 21269 margin: 0 5px; 21270 padding: 0; 21271 width: 110px; 21272 } 21273 21274 .summary-item__content { 21275 padding-top: 4px; 21276 padding-bottom: 0; 21277 } 21278 21279 .summary-item__hed { 21280 /* stylelint-disable-next-line value-no-vendor-prefix */ 21281 display: -webkit-box; 21282 -webkit-line-clamp: 2; 21283 -webkit-box-orient: vertical; 21284 overflow: hidden; 21285 text-overflow: ellipsis; 21286 } 21287 21288 .summary-item__dek { 21289 display: none; 21290 } 21291 21292 .summary-item__hed-link::after { 21293 margin-bottom: 0; 21294 border: none; 21295 } 21296 21297 ul[class^='CarouselList'] { 21298 margin-top: 16px; 21299 margin-bottom: 11px; 21300 } 21301 21302 div[class^='CarouselListWrapper'] {
21303 border-bottom: 1px solid var(${c.pT.Color.Divider}); 21304 } 21305 21306 div[class*='CarouselListButton'] { 21307 top: 25px; 21308 transform: translateY(0%); 21309 21310 > button { 21311 border: 1px solid 21312 ${({isInverted:e,theme:t})=>e?(0,i.HK)(t,"colors.interactive.base.white"):(0,i.HK)(t,"colors.interactive.base.black")}; 21313 @media (max-width: 480px) { 21314 display: none; 21315 } 21316 21317 > .button__icon-container { 21318 top: 8px; 21319 left: 9px; 21320 width: 21px; 21321 height: 21px; 21322 21323 svg { 21324 width: 21px; 21325 height: 21px; 21326 } 21327 } 21328 } 21329 } 21330 21331 .summary-item__asset-container { 21332 height: 90px; 21333 } 21334 21335 .aspect-ratio--overlay-container { 21336 margin: 0 auto; 21337 border: 1px solid 21338 ${({isInverted:e,theme:t})=>(0,i.HK)(t,"colors.interactive.base.border")}; 21339 border-radius: 50%; 21340 width: 90px; 21341 height: 90px; 21342 21343 picture { 21344 display: flex; 21345 justify-content: center; 21346 21347 img { 21348 width: unset; 21349 max-width: unset; 21350 height: 90px; 21351 } 21352 } 21353 } 21354 21355 header[class*='CarouselHeader'] { 21356 margin-bottom: 0; 21357 } 21358 21359 div[class*='CarouselHeaderItemTitle'], 21360 div[class*='CarouselSectionTitle'] { 21361 margin-bottom: 0.75rem; 21362 border: none; 21363 padding-right: 0; 21364 padding-bottom: 0; 21365 padding-left: 0; 21366 text-align: center; 21367 21368 h2 { 21369 border-top: 1px solid 21370 ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.divider")}; 21371 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.subhed-section-primary")}; 21372 border-bottom: 1px solid 21373 ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.divider")}; 21374 padding: 16px 0 16px 0; 21375 width: 100%; 21376 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.heading")}; 21377 @media (min-width: 480px) { 21378 text-align: left; 21379 } 21380 } 21381 } 21382 21383 p[class*='SummaryDekDefault'] { 21384 border-bottom: 1px solid 21385 ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.border")}; 21386 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.consumptionEditorial.description-core")}; 21387 padding: 4px 0 16px 0; 21388 text-align: center; 21389 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.heading")}; 21390 } 21391 21392 li h3.summary-item__hed { 21393 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")}; 21394 margin-bottom: 0; 21395 text-align: center; 21396 color: ${({theme:e})=>(0,i.HK)(e,"colors.discovery.body.white.heading")}; 21397 font-size: 10px; 21398 } 21399 21400 div[class*='CarouselFooterItemButton'] > button { 21401 bottom: 40px; 21402 zoom: 0.7; 21403 } 21404 @media (min-width: 480px) { 21405 div[class*='CarouselHeaderItemTitle'] { 21406 width: 100%; 21407 text-align: left; 21408 } 21409 21410 p[class*='SummaryDekDefault'] { 21411 text-align: left; 21412 } 21413 } 21414 } 21415 21416 ${({shouldApplyCustomHeaderHeight:e})=>e&&`\n @media (min-width: 768px) {\n ${d.h0} {\n height: 50px;\n }\n }\n `} 21417`,p=o.Ay.div.withConfig({displayName:"ProductVisualAssetWrapper"})` 21418 ${(0,r.VO)()} 21419 margin-bottom: ${(0,i.Kq)(8)}; 21420 padding-right: calc(1 * var(--grid-margin)); 21421 padding-left: calc(1 * var(--grid-margin)); 21422`,g=(0,o.Ay)(l.A).withConfig({displayName:"FeaturesRow"})` 21423 ${({theme:e,hasMinimalVerticalSpacing:t,hasReducedBottomMargin:n,hasReducedMargin:o,hasIncreasedVerticalPaddingTop:r,hasNoTopBottomMarginOnMobile:l,hasConsistentSpacing:d,shouldUseCustomMargin:c})=>r?d&&"0px"!==(0,a.F)(e,"gap-sm")?"margin-top: 0;":`margin-top: ${(0,i.Kq)(5)};`:t?d&&"0px"!==(0,a.F)(e,"gap-md")?`margin-bottom: ${(0,i.Kq)(0)};`:`margin-bottom: ${(0,i.Kq)(2)};`:o?"margin-bottom: 0;":n?d&&"0px"!==(0,a.F)(e,"gap-md")?`margin-bottom: ${(0,i.Kq)(0)};`:`margin-bottom: ${(0,i.Kq)(3)};`:l?`\n ${(0,i.H4)(s.LO.sm)} {\n margin-top: 0;\n margin-bottom: 0;\n }`:c?d&&"0px"!==(0,a.F)(e,"gap-md")?`margin-bottom: ${(0,i.Kq)(0)};`:`margin-bottom: ${(0,i.Kq)(5)};`:d&&"0px"!==(0,a.F)(e,"gap-md")?`margin-bottom: ${(0,i.Kq)(0)};`:`margin-bottom: ${(0,i.Kq)(7)};`} 21424 21425 &.verso-features--has-increased-padding { 21426 padding-top: ${(0,i.Kq)(6)}; 21427 padding-bottom: ${(0,i.Kq)(6)}; 21428 21429 @media (min-width: ${s.LO.md}) { 21430 padding-top: ${(0,i.Kq)(8)}; 21431 padding-bottom: ${(0,i.Kq)(8)}; 21432 } 21433 21434 @media (min-width: ${s.LO.xl}) { 21435 padding-top: ${(0,i.Kq)(10)}; 21436 padding-bottom: ${(0,i.Kq)(10)}; 21437 } 21438 } 21439 21440 &.verso-features--has-increased-padding-top { 21441 padding-top: ${(0,i.Kq)(8)}; 21442 } 21443`},60156(e,t,n){n.d(t,{A:()=>G});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(97200),l=n.n(s),d=n(38221),c=n.n(d),m=n(6442),u=n(67805),p=n(97111),g=n(38267),h=n(96472),y=n(26865),b=n(18608),f=n(42361);const w=g.Ay.div.withConfig({displayName:"CTACardWrapper"})` 21444 position: relative; 21445 border-radius: ${({theme:e})=>(0,y.Pp)(e,"cardRadiusSm")}; 21446 background-color: ${(0,y.HK)("colors.discovery.body.brand.background")}; 21447 padding-top: ${({aspectRatio:e})=>e[1]/e[0]*100}%; 21448 21449 ${(0,y.H4)(h.LO.md)} { 21450 border-radius: ${({theme:e})=>(0,y.Pp)(e,"cardRadiusMd")}; 21451 } 21452 21453 ${(0,y.H4)(h.LO.lg)} { 21454 border-radius: ${({theme:e})=>(0,y.Pp)(e,"cardRadiusLg")}; 21455 } 21456`,$=g.Ay.div.withConfig({displayName:"CTACardContent"})` 21457 display: flex; 21458 position: absolute; 21459 top: 0; 21460 right: 0; 21461 bottom: 0; 21462 left: 0; 21463 flex-direction: column; 21464 padding: 0 ${(0,y.Kq)(3)} ${(0,y.Kq)(2)} 21465 ${(0,y.Kq)(3)}; 21466 21467 ${(0,y.H4)(h.LO.lg)} {
21468 padding: 0 ${(0,y.Kq)(5)} ${(0,y.Kq)(5)} 21469 ${(0,y.Kq)(5)}; 21470 } 21471`,v=g.Ay.div.withConfig({displayName:"CTACardBody"})` 21472 display: flex; 21473 flex: 1 0 auto; 21474 align-items: center; 21475`,C=g.Ay.div.withConfig({displayName:"CTACardFooter"})` 21476 height: ${(0,y.Kq)(6)}; 21477`,k=(0,g.Ay)(b.sH).withConfig({displayName:"CTACardText"}).attrs(e=>({colorToken:"colors.discovery.body.brand.heading",typeIdentity:"typography.definitions.discovery.hed-core-secondary",...e}))``,A=(0,g.Ay)(f.A).withConfig({displayName:"CTACardIcon"})` 21478 border-radius: 50%; 21479 background-color: ${(0,y.HK)("colors.discovery.body.brand.context-signature")}; 21480 width: ${(0,y.Kq)(6)}; 21481 height: ${(0,y.Kq)(6)}; 21482 fill: ${(0,y.HK)("colors.discovery.body.brand.context-texture")}; 21483 21484 svg { 21485 transform: scale(0.6); 21486 } 21487`,x=({aspectRatio:e=[1,1],children:t,url:n})=>i.createElement(w,{aspectRatio:e},i.createElement($,null,i.createElement(v,null,i.createElement(k,{href:n},t)),i.createElement(C,null,i.createElement("a",{href:n},i.createElement(A,null)))));x.propTypes={aspectRatio:r().arrayOf(r().number),children:r().node.isRequired,url:r().string.isRequired};const E=x;const S=(0,n(72267).YK)({ctaMessage:{id:"VersoFilterableSummaryList.CTAMessage",defaultMessage:"See more {groupName} recipes",description:"Message to display in the CTACard"}});var L=n(1123),T=n(14952),N=n(22482),H=n(69147),I=n(94828),B=n(36211),O=n(72662);const K=(0,g.Ay)(H.A).withConfig({displayName:"FilterableSummaryList"})` 21488 margin: 0 auto; 21489 ${({hasToggleGridColor:e})=>!e&&`max-width:${h.LO.fullBleed};\n ${(0,L.VO)()}`} 21490 ${({hasPadding:e})=>!e&&(0,L.aU)("padding")} 21491 ${O.oX}:first-child { 21492 box-sizing: content-box; 21493 ${({hasPadding:e})=>e?`padding-left:${(0,y.Kq)(8)};\n ${(0,y.Xm)(0,h.LO.md)}\n { \n padding-left:${(0,y.Kq)(3)}; \n }`:"padding-left: 0;"} 21494 } 21495 ${O.oX}:last-child { 21496 box-sizing: content-box; 21497 ${({hasPadding:e})=>e?`padding-right:${(0,y.Kq)(8)};\n ${(0,y.Xm)(0,h.LO.md)}\n { padding-right:${(0,y.Kq)(3)}; \n }`:null} 21498 } 21499 ${O.ig} { 21500 ${({hasPadding:e})=>e&&`padding-right:${(0,y.Kq)(8)};\n ${(0,y.Xm)(0,h.LO.md)}\n { padding-right:${(0,y.Kq)(3)}; \n }`} 21501 } 21502 ${(0,y.H4)(h.LO.xxl)} { 21503 ${N.kC}, 21504 ${N.wq} { 21505 ${({hasToggleGridColor:e})=>!e&&"margin-left: revert;\n margin-right: revert;"} 21506 ${T.cW} , 21507 ${T.OO} { 21508 padding-right: revert; 21509 padding-left: revert; 21510 } 21511 ${O.oX}:first-child { 21512 ${({hasPadding:e})=>!e&&"padding-left: revert;"} 21513 } 21514 ${O.oX}:last-child { 21515 ${({hasPadding:e})=>!e&&"padding-right: revert;"} 21516 } 21517 } 21518 } 21519 21520 header { 21521 ${({hasPadding:e})=>e?"padding-right: calc(1 * var(--grid-margin));\n padding-left: calc(1 * var(--grid-margin));":null} 21522 } 21523`;(0,g.Ay)(I.A).withConfig({displayName:"SummaryItemExpernalLinkWrapper"})` 21524 ${B.Y} { 21525 ${({theme:e})=>`${(0,y.Gg)(e,"typography.definitions.discovery.hed-core-secondary")};\n ${(0,y._o)(e,"color","colors.discovery.body.white.heading")}`} 21526 } 21527`;var D=n(67611),_=n(75828),P=n(67170),R=n(53499);var q=n(60162),M=n(19607),F=n(40391);const U=({copilotId:e,config:t,buttonConfig:n,ctaCardAspectRatio:o=[2,1],dangerousHed:a,dangerousDek:r,dropShipSellers:s=[],editor:d,groups:g,hasAffiliateLinkDisabled:h,hasBorder:y,hasBorderBottom:b,hasCarouselSliderPagination:f,hasControls:w,hasImageGrid:$,hasAtRetailerNameLowerCase:v=!1,hasImpressionTracking:C=!0,hasMediumMarginBottom:k,hasNavigationButtonVariation:A,hasPadding:x,hasProductPriceColor:L,hasProductNewPriceColor:T,hasProductWhiteBackground:N,hasGridColumn:H,hasUnderlineHed:B,isProductCardName:O,isProductCardRetailerName:U=!1,shouldCheckProductInView:V,hasMarginTopAuto:G=!1,hasNoBottomPaddingForGridContent:W,hasPLPBrandNameContextTitle:j,hasPLPCardNameDescriptionCore:z,paginationStyle:Y,sectionTitleVariation:X="TextCenter",shouldChipsRedirectOnClick:Z=!1,shouldEnableBookmarkDrawers:J,shouldEnableCardLevelBookmark:Q,shouldEnableCommentsCount:ee,shouldEnableBundleComponentAnalytics:te=!1,shouldHideDangerousDek:ne,shouldHidePublishDate:oe,shouldLimitSavingToContentTypes:ie,shouldPlayInline:ae=!1,shouldRenderCtaCard:re=!1,showOfferUrl:se,showShopNowButton:le=!1,summaryItemVariation:de="TextBelowLeft",shouldUseAlternativeTitleStyle:ce,shouldUseProductPriceSecondary:me,shouldOpenInternalLinksInNewTab:ue,shouldEnableSnowplowTracking:pe,shouldUseSmallHed:ge=!1,stackedRatingsCardRatingMethod:he,expVariationName:ye,isDropshipProduct:be=!1,trackingNamespace:fe,isDotClickable:we=!1,layout:$e="Carousel",gridConfig:ve,priceFormatting:Ce,affiliateDisclaimer:ke,isFirstProductListingContainer:Ae,isU
21527pcEnabled:xe,enableUnifiedVenueCard:Ee,isPlpCurated:Se,isContentCenter:Le,hasCustomSlider:Te,hideDesktopPagination:Ne,isSeriesNavigation:He,isPimCollectionContainer:Ie,hideRubricLink:Be,showDisclaimer:Oe,showRichTextInDek:Ke,containerIndex:De,enableEditorNote:_e,editorNoteTitle:Pe,enableAffiliateDisclaimerLabel:Re,shouldHideAffiliateLabelOnFirstRow:qe,hasReadMoreFeature:Me,showClampedProductDescription:Fe,productDescriptionLineLength:Ue})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(R.G.RENDER,{name:"VersoFilterableSummaryList"})},[]);const[Ve,Ge]=(0,i.useState)(!1),{formatMessage:We}=(0,m.A)(),je=$e||"Carousel",ze="ContentCarousel"===je,Ye="GridFourColumns"===je?"PLP":$e,Xe=a?a.replace(/[^a-zA-Z]+/gi,"-").toLowerCase():"",{gridItemColSpan:Ze}=ve||{},Je=["commerce-product","product"],Qe=e=>Je.includes(e);i.useEffect(()=>{ze&&!C||(window.addEventListener("scroll",c()(()=>{(0,q.Yp)(Ye,document.getElementsByClassName("impressionTracking"))},1e3)),window.addEventListener("load",()=>(0,q.Yp)(Ye,document.getElementsByClassName("impressionTracking"))))},[Ye,ze,C]);const{adsConfig:{enableNativeSponsoredProductforCommerce:et=!1,nativeSponsorProductPositionGrid:tt=1,nativeSponsorProductPositionCarousel:nt=3}={}}=t||{},ot=["GridFourColumns","ContentCarousel"].includes(je);let it;"GridFourColumns"===je?it=tt:"ContentCarousel"===je&&(it=nt);const at=it?it-1:void 0,rt="ContentCarousel"===$e?"carousel":"plp_grid",st=t=>{const n=t.items.map((t,n)=>{const o=t.contentType,{isCurrent:a,isTextExternalLink:r}=t,l={...t,layout:$e,index:n};if(Qe(o)||(0,F.e)(o))return"clip"===t.image?.contentType&&(t.image=xe?{...t.image,sources:{},segmentedSources:{}}:void 0),xe?i.createElement(_.A,{...t,isLazy:!0,key:`${t.dangerousHed}-${n}`,dropShipSellers:s,isDropshipProduct:be,showOfferUrl:se||h,data_item:l,hasImpressionTracking:C,expVariationName:ye,layout:je,shouldDisableCreditText:!0,componentUsed:rt,enableEditorNote:_e,editorNoteTitle:Pe,hasReadMoreFeature:Me,showClampedProductDescription:Fe,productDescriptionLineLength:Ue,bookmarkMeta:t,enableUnifiedVenueCard:Ee,componentConfigOverride:{enableAffiliateDisclaimerLabel:!1}}):i.createElement(D.A,{...t,key:`${t.dangerousHed}-${n}`,hasAtRetailerNameLowerCase:v,hasImageGrid:$,hasProductPriceColor:L,hasProductNewPriceColor:T,shouldUseProductPriceSecondary:me,hasProductWhiteBackground:N,isLazy:!0,isProductCardName:O,isProductCardRetailerName:U,hasMarginTopAuto:G,hasPLPBrandNameContextTitle:j,hasPLPCardNameDescriptionCore:z,hasUnderlineHed:B,hasCarouselControl:ze,shouldCheckProductInView:V,layout:je,copilotID:e,dropShipSellers:s,isDropshipProduct:be,showOfferUrl:se,hasImpressionTracking:C,data_item:t,onClick:({event:e,actionId:o})=>{(0,q.g1)({window,product:{...t,expVariationName:ye,index:n,layout:je},index:n,actionId:o,layout:Ye,event:e,layoutTitle:Xe})},expVariationName:ye,layoutName:Xe,priceFormatting:Ce,hideDesktopPagination:Ne});const d=((e,t,n)=>("cnevideo"===t&&n&&(e.image={...e.image,url:e?.url||"",dangerousHed:e.dangerousHed||""}),e))(t,o,ae);let c=I.A[de];const{showAssetOnly:m,showLinkedAsset:u}=d;return c=(({isTextExternalLink:e,showLinkedAsset:t,showAssetOnly:n,content:o})=>e||t&&e?I.A.SideBySideDenseNoAsset:n||t?P.A:"externallink"===o&&Le?I.A.TextBelowCenter:I.A[de])({isTextExternalLink:r,showLinkedAsset:u,showAssetOnly:m,content:o}),i.createElement(c,{gridItemColSpan:d?.showAssetOnly||d?.showLinkedAsset?1:Ze,shouldHideIcon:!0,shouldHideMetadataSecondary:!0,...d,hasNativeImgLazyLoading:!0,key:`${t.dangerousHed}-${n}`,hasBorder:y,hasUnderlineHed:B,shouldHideDangerousDek:!r||ne,shouldHidePublishDate:!0,hasHedCorePrimary:!0,shouldPlayInline:ae,hasNoBottomMarginForCneVideo:"cnevideo"===o,hasNoBottomPaddingForCneVideo:"cnevideo"===o,hasNoBottomPaddingForGridContent:W&&"GridFourColumns"===je,hasMediumMarginBottom:k,buttonSize:"default",showShopNowButton:le&&"externallink"===o,isPlpCurated:Se,shouldOpenInternalLinksInNewTab:ue,hideDesktopPagination:Ne,shouldUseSmallHed:ge&&"externallink"===o&&"GridFourColumns"!==je,layout:je,index:n,isSeriesNavigation:He,isCurrent:a,hideRubricLink:Be,isTextExternalLink:r})}),o=at>=0&&at<n.length,a=t.items[at],r=Qe(a?.contentType);return et&&!Ve&&ot&&o&&r&&(e=>{const t=i.createElement(M.A,{key:"sponsor-product-ad",position:"sponsor-product",templateLayout:je,onEmpty:()=>Ge(!0),skipChildFilter:!0});e.splice(at,0,t)})(n),n};function lt(e){switch(je){case"ContentCarousel":case"GridFourColumns":case"EditorsPicksCarousel":return st(e);case"ArticleCarousel":return(e=>{const t=I.A[de];return e.items.map((e,n)=>i.createElement(t,{...e,key:`${e.dangerousHed}-${n}`,hasBorder:y,hasUnderlineHed:B,shouldHideDangerousDek:ne,shouldHidePublishDate:oe}))})(e);default:return e.items.map((t,n)=>i.createElement(p.A,{...t,key:`${t.hed}-${n}`,hasNativeImgLazyLoading:!0,ratingMethod:he,shouldTrackSnowplowEvent:pe,totalItems:e?.items?.length,sectionTitle:a,shouldEnableBookmarkDrawers:J,shouldEnableCardLevelBookmark:Q,shouldEnableCommentsCount:ee,shouldLimitSavingToContentTypes:ie}))}}const dt=H&&"GridFourColumns"===je,[ct]=i.useState(parseInt(l()(),10));
21527return g&&0!==g.length?i.createElement(K,{dangerousHed:a,dangerousDek:r,editor:d,sectionTitleVariation:X,shouldChipsRedirectOnClick:Z,shouldEnableBundleComponentAnalytics:te,shouldEnableSnowplowTracking:pe,shouldUseAlternativeTitleStyle:ce,hasImpressionTracking:!0,trackingNamespace:fe,isDotClickable:we,hasCarouselSliderPagination:f,hasCarouselControl:ze,hasControls:w,hasNavigationButtonVariation:A,hasToggleGridColor:dt,hasPadding:x,layout:je,pos:ct,paginationStyle:Y,buttonConfig:n,gridConfig:ve,hasBorderBottom:b,affiliateDisclaimer:ke,isFirstProductListingContainer:Ae,isPimCollectionContainer:Ie,showDisclaimer:Oe,isPlpCurated:Se,hasCustomSlider:Te,hideDesktopPagination:Ne,isUpcEnabled:xe,groups:g,isSeriesNavigation:He,showRichTextInDek:Ke,containerIndex:De,enableEditorNote:_e,editorNoteTitle:Pe,hasReadMoreFeature:Me,showClampedProductDescription:Fe,productDescriptionLineLength:Ue,enableUnifiedVenueCard:Ee,enableAffiliateDisclaimerLabel:Re,shouldHideAffiliateLabelOnFirstRow:qe},g.map(e=>{const t=lt(e);re&&e.url&&t.push(i.createElement(E,{aspectRatio:o,key:`cta-${e.label}`,url:e.url},We(S.ctaMessage,{groupName:e.label.toLocaleLowerCase()})));const n=(e=>e.filter(e=>(e?.props?.image?.id||e?.props?.aspectRatio||"cnevideo"===e?.props?.contentType&&(e?.props?.image?.scriptUrl||e?.props?.url)||"externallink"===e?.props.contentType&&e?.props?.isTextExternalLink||e?.props?.skipChildFilter)&&e))(t);return i.createElement(u.D,{key:e.label,name:e.label,url:e.url},n)})):null};U.propTypes={affiliateDisclaimer:r().string,buttonConfig:r().object,config:r().shape({adsConfig:r().shape({enableNativeSponsoredProductforCommerce:r().bool,nativeSponsorProductPositionGrid:r().number,nativeSponsorProductPositionCarousel:r().number})}),containerIndex:r().number,copilotId:r().string,editorNoteTitle:r().string,enableEditorNote:r().bool,ctaCardAspectRatio:r().arrayOf(r().number),dangerousDek:r().string,dangerousHed:r().string,dropShipSellers:r().arrayOf(r().string),editor:r().object,expVariationName:r().string,gridConfig:r().object,groups:r().arrayOf(r().object),hasAffiliateLinkDisabled:r().bool,hasAtRetailerNameLowerCase:r().bool,hasBorder:r().bool,hasBorderBottom:r().bool,hasCarouselSliderPagination:r().bool,hasControls:r().bool,hasCustomSlider:r().bool,hasGridColumn:r().bool,hasImageGrid:r().bool,hasImpressionTracking:r().bool,hasMarginTopAuto:r().bool,hasMediumMarginBottom:r().bool,hasNavigationButtonVariation:r().bool,hasNoBottomPaddingForGridContent:r().bool,hasPadding:r().bool,hasReadMoreFeature:r().bool,hasPLPBrandNameContextTitle:r().bool,hasPLPCardNameDescriptionCore:r().bool,hasProductNewPriceColor:r().bool,hasProductPriceColor:r().bool,hasProductWhiteBackground:r().bool,hasToggleGridColor:r().bool,hasUnderlineHed:r().bool,hideDesktopPagination:r().bool,hideRubricLink:r().bool,isContentCenter:r().bool,isDotClickable:r().bool,isDropshipProduct:r().bool,isFirstProductListingContainer:r().bool,isPimCollectionContainer:r().bool,isPlpCurated:r().bool,isProductCardName:r().bool,isProductCardRetailerName:r().bool,isSeriesNavigation:r().bool,isTextExternalLink:r().bool,isUpcEnabled:r().bool,enableUnifiedVenueCard:r().bool,enableAffiliateDisclaimerLabel:r().bool,shouldHideAffiliateLabelOnFirstRow:r().bool,layout:r().string,paginationStyle:r().string,priceFormatting:r().shape({fractionDigits:r().number,shouldFormatDecimalSeparator:r().bool}),productDescriptionLineLength:r().number,sectionTitleVariation:r().string,shouldCheckProductInView:r().bool,shouldChipsRedirectOnClick:r().bool,shouldEnableBookmarkDrawers:r().bool,shouldEnableBundleComponentAnalytics:r().bool,shouldEnableCardLevelBookmark:r().bool,shouldEnableCommentsCount:r().bool,shouldEnableSnowplowTracking:r().bool,shouldHideDangerousDek:r().bool,shouldHidePublishDate:r().bool,shouldLimitSavingToContentTypes:r().bool,shouldOpenInternalLinksInNewTab:r().bool,shouldPlayInline:r().bool,shouldRenderCtaCard:r().bool,shouldUseAlternativeTitleStyle:r().bool,shouldUseProductPriceSecondary:r().bool,shouldUseSmallHed:r().bool,showClampedProductDescription:r().bool,showDisclaimer:r().bool,showNewProductCardDesign:r().bool,showOfferUrl:r().bool,showRichTextInDek:r().bool,showShopNowButton:r().bool,stackedRatingsCardRatingMethod:r().string,
21527summaryItemVariation:r().string,trackingNamespace:r().shape({toggle:r().string,card:r().string})},U.displayName="VersoFilterableSummaryList";const V=U,G=(0,o.y)(V,"VersoFilterableSummaryList")},16025(e,t,n){n.d(t,{A:()=>A});var o=n(96540),i=n(5556),a=n.n(i),r=n(6442),s=n(73275),l=n(73347),d=n(90090),c=n(13465),m=n(89957);const u=(0,n(72267).YK)({issueFeatureLabel:{id:"VersoIssueFeature.IssueFeatureLabel",defaultMessage:"Table of Contents »",description:"Label for magazine link"}});var p=n(73730),g=n(72542),h=n(53499),y=n(47655),b=n(14307);const f=e=>e.startsWith("http")?e:`${window.location.origin}${e}`,w=(e,t,n,o,i)=>{e.preventDefault();const a={type:"click",placement:n};i&&(a.label=i),t(a),e.ctrlKey||e.metaKey?window.open(o,"_blank"):window.location.href=o},$=({hideItemHed:e,magazineItem:t,analyticsDataAttributeInlineHedLinks:n,analyticsDataAttributeInlineLinks:i,shouldUseDescriptionPrimary:a,shouldShowPromoDek:r,shouldUseButtonAsLink:s,ButtonComponent:l,btnStyle:d,issueFeatureLabelContent:c,magazineLink:m,analyticsDataAttributeTOC:u,contentAlign:p,fireSnowplowEvent:h})=>o.createElement(o.Fragment,null,!e&&o.createElement(g.CM,{"data-testid":"VersoIssueFeatureHed",...n,dangerouslySetInnerHTML:{__html:t.dangerousHed}}),o.createElement(g.H$,{"data-testid":"VersoIssueFeatureDek",...i,dangerouslySetInnerHTML:{__html:t.dangerousDek},shouldUseDescriptionPrimary:a}),r&&o.createElement(g.Rh,{"data-testid":"VersoIssueFeatureIntro",dangerouslySetInnerHTML:{__html:t.promoDek}}),o.createElement(g.TC,{"data-testid":"VersoIssueFeatureTocWrap",...u,contentAlign:p},s?o.createElement(l,{"data-testid":"VersoIssueFeatureButtonComponent",btnStyle:d,label:c,ariaLabel:c,href:m,inputKind:"link",shouldEnableClickTracking:!1,onClickHandler:e=>w(e,h,"hero_button",m,c)}):o.createElement(g.ny,{"data-testid":"VersoIssueFeatureToc",href:m},c)));$.propTypes={analyticsDataAttributeInlineHedLinks:a().object,analyticsDataAttributeInlineLinks:a().object,analyticsDataAttributeTOC:a().object,btnStyle:a().string,ButtonComponent:a().elementType,contentAlign:a().string,fireSnowplowEvent:a().func,hideItemHed:a().bool,issueFeatureLabelContent:a().string,magazineItem:a().shape({dangerousHed:a().string,dangerousDek:a().string,promoDek:a().string}),magazineLink:a().string,placement:a().string,shouldShowPromoDek:a().bool,shouldUseButtonAsLink:a().bool,shouldUseDescriptionPrimary:a().bool,subject:a().string};const v=({hideSourceHed:e,magazineItem:t,hideSourceDek:n,analyticsDataAttributeIssueCover:i,isFullBleed:a,magazineLink:r,imagLinkAttribute:l,showImageCaption:d,fireSnowplowEvent:c})=>o.createElement(o.Fragment,null,!e&&o.createElement(g.CW,{className:"verso-issue-feature__magazine-issue-date","data-testid":"VersoIssueFeatureMagazineIssueDate",dangerouslySetInnerHTML:{__html:t.dangerousHed}}),!n&&t.source?.dek&&o.createElement(g.F3,{className:"verso-issue-feature__magazine-issue-name","data-testid":"VersoIssueFeatureMagazineIssueName"},t.source.dek),t.image&&o.createElement(g.n3,{"data-testid":"VersoIssueFeatureMagazineIssueImage",...i,isFullBleed:a},o.createElement(g.h2,{onClick:e=>w(e,c,"hero_image",r),href:r,"data-testid":"VersoIssueFeatureMagazineLink",...l},o.createElement(s.A,{...t.image}))),d&&t?.image?.caption&&o.createElement(g.y1,{"data-testid":"VersoIssueFeatureMagazineIssueCaption"},t.image.caption));v.propTypes={analyticsDataAttributeIssueCover:a().object,fireSnowplowEvent:a().func,hideSourceDek:a().bool,hideSourceHed:a().bool,imagLinkAttribute:a().object,isFullBleed:a().bool,magazineItem:a().shape({dangerousHed:a().string,source:a().shape({dek:a().string}),image:a().shape({caption:a().string})}),magazineLink:a().string,showImageCaption:a().bool};const C=({btnStyle:e="text",buttonVariation:t="Primary",configuredComponentRef:n,dangerousDek:i,dangerousHed:a,hideItemHed:s=!0,hideSectionTitle:c=!1,hideSourceDek:y=!1,hideSourceHed:w=!1,issueFeatureLabel:C,items:k,sectionTitleVariation:A="LineAboveLineBelowTextLeft",shouldEnableBundleComponentAnalytics:x,shouldEnableImageAccessibility:E=!1,shouldUseButtonAsLink:S=!1,shouldUseMagazineLinkFromBundleItem:L=!1,shouldUseDescriptionPrimary:T=!0,showImageCaption:N=!0,shouldShowPromoDek:H=!1,trackingNamespace:I,subject:B,variations:O={contentAlign:"left",isDarkBackgroun
21527d:!1,isFullBleed:!1,layoutPosition:"image-right"}})=>{const{contentAlign:K,isFullBleed:D,isDarkBackground:_,layoutPosition:P}=O;o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"VersoIssueFeature"})},[]);const R=({type:e,placement:t,label:n})=>{const o={type:e,subject:"issues_card_latest",label:n,placement:t,items:[{content_id:k[0].id,content_title:k[0].dangerousHed,content_type:k[0].contentType,content_url:f(k[0].url)}]};(0,b.kg)(o)};(0,m.ol)(".verso-issue-feature-wrapper",void 0,e=>{e&&R({type:"impression",placement:"hero"})});const{formatMessage:q}=(0,r.A)(),[M]=k;if(!M)return null;const F=((e,t)=>({toc:(0,d.NY)(e,t?.toc),issueCover:(0,d.NY)(e,t?.issueCover),inlineLinks:(0,d.NY)(e,t?.inlineLinks),inlineHedLinks:(0,d.NY)(e,t?.inlineHedLinks)}))(x,I),U=((e,t)=>e?t.url:"/magazine")(L,M),V=(e=>e?{tabIndex:-1,"aria-hidden":!0}:{})(E),G=l.Ay[A]||l.Ay,W=p.A[t],j=C||q(u.issueFeatureLabel);return o.createElement(g.MS,{configuredComponentRef:n,dataTestId:"VersoIssueFeatureWrapper",className:"verso-issue-feature-wrapper"},!c&&o.createElement(g.cH,{as:G,dangerousHed:a,hasDividerAbove:!0,hasDividerBelow:!0,hedTag:"h2",link:{html:i}}),o.createElement(g.ep,{className:"verso-issue-feature__main",layoutPosition:P,isDarkBackground:_},o.createElement(g.uG,{"data-testid":"VersoIssueFeatureDekContainer",contentAlign:K},o.createElement($,{hideItemHed:s,magazineItem:M,analyticsDataAttributeInlineHedLinks:F.inlineHedLinks,analyticsDataAttributeInlineLinks:F.inlineLinks,shouldUseDescriptionPrimary:T,shouldShowPromoDek:H,shouldUseButtonAsLink:S,ButtonComponent:W,btnStyle:e,issueFeatureLabelContent:j,magazineLink:U,analyticsDataAttributeTOC:F.toc,contentAlign:K,subject:B,fireSnowplowEvent:R})),o.createElement(g.yO,{"data-testid":"VersoIssueFeatureMagazineContainer"},o.createElement(v,{hideSourceHed:w,magazineItem:M,hideSourceDek:y,analyticsDataAttributeIssueCover:F.issueCover,isFullBleed:D,magazineLink:U,imagLinkAttribute:V,showImageCaption:N,fireSnowplowEvent:R}))))},k=(0,y._)(p.A);C.propTypes={configuredComponentRef:a().func,btnStyle:a().oneOf(["filled","outlined","text"]),buttonVariation:a().oneOf(k),dangerousDek:a().string,dangerousHed:a().string,hideItemHed:a().bool,hideSectionTitle:a().bool,hideSourceDek:a().bool,hideSourceHed:a().bool,issueFeatureLabel:a().string,items:a().arrayOf(a().shape()).isRequired,sectionTitleVariation:a().string,shouldEnableBundleComponentAnalytics:a().bool,shouldEnableImageAccessibility:a().bool,shouldUseButtonAsLink:a().bool,shouldUseDescriptionPrimary:a().bool,shouldUseMagazineLinkFromBundleItem:a().bool,showImageCaption:a().bool,shouldShowPromoDek:a().bool,subject:a().string,trackingNamespace:a().object,variations:a().shape({contentAlign:a().oneOf(["center","right","left"]),isDarkBackground:a().bool,isFullBleed:a().bool,layoutPosition:a().oneOf(["image-left","image-right"])})},C.displayName="VersoIssueFeature";const A=(0,c.y)(C,"VersoIssueFeature")},41433(e,t,n){n.d(t,{A:()=>a});var o=n(47655),i=n(16025);i.A.TextCenterImageLeftDark=(0,o.y)(i.A,"TextCenterImageLeftDark",{contentAlign:"center",isDarkBackground:!0,layoutPosition:"image-left"},{}),i.A.TextCenterImageLeftFullBleedDark=(0,o.y)(i.A,"TextCenterImageLeftFullBleedDark",{contentAlign:"center",isDarkBackground:!0,isFullBleed:!0,layoutPosition:"image-left"},{});const a=i.A},72542(e,t,n){n.d(t,{CM:()=>m,CW:()=>$,F3:()=>v,H$:()=>c,MS:()=>u,Rh:()=>x,TC:()=>b,cH:()=>p,ep:()=>h,h2:()=>k,n3:()=>C,ny:()=>f,uG:()=>y,y1:()=>A,yO:()=>w});var o=n(38267),i=n(40653),a=n(86659),r=n(96472),s=n(18608),l=n(7228),d=n(26865);const c=(0,o.Ay)(s.vm).withConfig({displayName:"VersoIssueFeatureDek"}).attrs(e=>({colorToken:"colors.discovery.lead.secondary.description",typeIdentity:"typography.definitions.discovery.description-feature",...e}))` 21528 margin-top: 0; 21529 margin-bottom: ${(0,d.Kq)(6)}; 21530 21531 ${(0,d.H4)(r.LO.md)} { 21532 order: 2; 21533 margin-top: ${(0,d.Kq)(2)}; 21534 margin-bottom: ${(0,d.Kq)(2)}; 21535 } 21536 21537 a { 21538 color: ${(0,d.HK)("colors.discovery.lead.secondary.description")}; 21539 } 21540 ${({shouldUseDescriptionPrimary:e})=>!e&&(0,d.Gg)("typography.definitions.discovery.description-core")}; 21541`,m=(0,o.Ay)(s.vm).withConfig({displayName:"VersoIssueFeatureHed"}).attrs(e=>({colorToken:"colors.discovery.lead.primary.hed",typeIdentity:"typography.definitions.discovery.hed-core-primary",...e}))` 21542 margin-top: ${(0,d.Kq)(6)}; 21543 ${(0,d.H4)(r.LO.md)} { 21544 margin-top: ${(0,d.Kq)(2)}; 21545 } 21546`,u=(0,o.Ay)(a.A.WithMargins).withConfig({displayName:"VersoIssueFeatureWrapper"})` 21547 > ${i.E} { 21548 grid-column: 1/-1; 21549 } 21550 21551 .small { 21552 font-variant: small-caps; 21553 text-transform: lowercase; 21554 font-style: normal; 21555 } 21556`,p=o.Ay.span.withConfig({displayName:"VersoIssueFeatureSectionTitle"})``,g=o.AH` 21557 background-color: ${(0,d.HK)("colors.discovery.body.dark.background")}; 21558`,h=(0,o.Ay)(a.A.TwoUpFullBleedNoGap).withConfig({displayName:"VersoIssueFeatureMain"})` 21559 && {
21560 align-items: center; 21561 column-gap: ${(0,d.Kq)(4)}; 21562 } 21563 21564 > ${i.E}:first-child { 21565 order: 2; 21566 } 21567 21568 > ${i.E} + ${i.E} { 21569 order: 1; 21570 } 21571 21572 ${(0,d.H4)(r.LO.md)} { 21573 > ${i.E}:first-child { 21574 order: ${({layoutPosition:e})=>"image-left"===e?2:1}; 21575 } 21576 21577 > ${i.E} + ${i.E} { 21578 order: ${({layoutPosition:e})=>"image-left"===e?1:2}; 21579 } 21580 } 21581 21582 ${({isDarkBackground:e})=>e&&g} 21583`,y=o.Ay.div.withConfig({displayName:"VersoIssueFeatureDekContainer"})` 21584 text-align: center; 21585 ${(0,d.H4)(r.LO.md)} { 21586 ${({contentAlign:e})=>`text-align: ${e};`} 21587 } 21588`,b=o.Ay.div.withConfig({displayName:"VersoIssueFeatureTocWrap"})` 21589 margin-bottom: ${(0,d.Kq)(6)}; 21590 text-align: center; 21591 ${(0,d.H4)(r.LO.md)} { 21592 margin-bottom: 0; 21593 ${({contentAlign:e})=>`text-align: ${e};`} 21594 } 21595`,f=(0,o.Ay)(s.sH).withConfig({displayName:"VersoIssueFeatureToc"}).attrs(e=>({as:"a",colorSecondaryLinkToken:"colors.interactive.base.dark",colorStaticLinkToken:"colors.interactive.base.brand-primary",colorToken:"colors.interactive.base.brand-primary",typeToken:"typography.definitions.foundation.link-primary",...e}))``,w=o.Ay.div.withConfig({displayName:"VersoIssueFeatureMagazineContainer"})` 21596 padding-top: ${(0,d.Kq)(4)}; 21597 text-align: center; 21598 ${(0,d.H4)(r.LO.md)} { 21599 padding-top: 0; 21600 } 21601`,$=(0,o.Ay)(s.vm).withConfig({displayName:"VersoIssueFeatureMagazineIssueDate"}).attrs(e=>({as:"div",bottomSpacing:.5,typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))``,v=(0,o.Ay)(s.vm).withConfig({displayName:"VersoIssueFeatureMagazineIssueName"}).attrs(e=>({colorToken:"colors.discovery.body.white.context-signature",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))``,C=o.Ay.div.withConfig({displayName:"VersoIssueFeatureMagazineIssueImage"})` 21602 margin: auto; 21603 ${({isFullBleed:e})=>e?`\n ${l.BF} {\n width: 100%;\n }\n `:`\n max-width: 154px;\n ${(0,d.H4)(r.LO.md)} {\n max-width: 244px;\n }\n span {\n box-shadow: 0 0 24px 0 rgba(45, 45, 45, 0.16);\n }\n padding: ${(0,d.Kq)(2)} 0;\n `} 21604`,k=(0,o.Ay)(s.sH).withConfig({displayName:"VersoIssueFeatureMagazineLink"})``,A=(0,o.Ay)(s.vm).withConfig({displayName:"VersoIssueFeatureMagazineIssueCaption"}).attrs(e=>({bottomSpacing:2,colorToken:"colors.interactive.base.dark",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))``,x=(0,o.Ay)(s.vm).withConfig({displayName:"VersoIssueFeatureDek"}).attrs(e=>({colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.discovery.hed-bulletin-
21604primary",...e}))` 21605 margin-top: 0; 21606 margin-bottom: ${(0,d.Kq)(6)}; 21607 21608 ${(0,d.H4)(r.LO.md)} { 21609 margin-top: ${(0,d.Kq)(2)}; 21610 margin-bottom: ${(0,d.Kq)(2)}; 21611 } 21612`},54765(e,t,n){n.d(t,{A:()=>$});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(68397),l=n(75871),d=n(75828),c=n(13099),m=n(38267),u=n(26865),p=n(1123);m.Ay.div.withConfig({displayName:"Title"})` 21613 margin-bottom: ${(0,u.Kq)(4)}; 21614`;const g=m.Ay.div.withConfig({displayName:"VersoNativeProductCarouselWrapper"})` 21615 ${p.VO} 21616 ${({hasMargin:e})=>e&&(0,p.aU)("padding")} 21617`;var h=n(53499),y=n(25203);const b=(e={})=>e.isUpcEnabled,f=({affiliateDisclaimer:e,configuredComponentRef:t,dangerousHed:n,dangerousDek:o,enableAffiliateDisclaimerLabel:a=!1,hasNoHorizontalScrollCarousel:r,hasMargin:m=!0,sectionTitleVariation:u="LineAboveLineBelowTextCenter",isFirstProductListingContainer:p,items:f=[],showDisclaimer:w})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"VersoNativeProductCarousel"})},[]);const $=f.length>0&&w&&p;return i.createElement(g,{ref:t,hasMargin:m,"data-testid":"verso-native-product-carousel-wrapper"},i.createElement(c.M.TextCenterNoTopRule,{isEnabled:$,disclaimerHtml:e}),f.length&&i.createElement(s.A,{headerProps:{dangerousHed:n,dangerousDek:o,shouldDisplayDangerousDek:!!o,sectionTitleVariation:u},carouselSettings:{hideScrollbar:!r,hasPaginationDots:!0}},f.map((e,t)=>{const o={...e,id:e.productId,offers:e.multipleOffers,offersLength:e.multipleOffers?.length||0,layout:"ProductEmbed",index:t},r=(0,y.ft)({enableAffiliateDisclaimerLabel:a,item:e,items:f,itemIndex:t,isAffiliateItem:b});return i.createElement(s.A.CarouselItem,{key:`product-bundle-${t}`,trackingEventData:{carouselName:n,itemIndex:t,totalItems:f.length}},e.isUpcEnabled?i.createElement(d.A,{type:"card",brand:e.productBrand,offers:e.multipleOffers,index:t,...e,className:"product__carousel__card",isLazy:!0,hedTag:"h3",data_item:o,hasImpressionTracking:!0,layout:"ContentCarousel",shouldDisableCreditText:!0,componentUsed:"carousel",bookmarkMeta:e,enableAffiliateDisclaimerLabel:r,componentConfigOverride:{...e.componentConfigOverride,enableAffiliateDisclaimerLabel:r}}):i.createElement(l.A,{index:t,...e,className:"product__carousel__card",isLazy:!0,hedTag:"h3",layout:"ContentCarousel",component:"carousel"}))})))};f.propTypes={configuredComponentRef:r().func,affiliateDisclaimer:r().string,dangerousDek:r().string,dangerousHed:r().string.isRequired,enableAffiliateDisclaimerLabel:r().bool,hasMargin:r().bool,hasNoHorizontalScrollCarousel:r().bool,isFirstProductListingContainer:r().bool,items:r().array.isRequired,sectionTitleVariation:r().string,showDisclaimer:r().bool},f.displayName="VersoNativeProductCarousel";const w=f,$=(0,o.y)(w,"VersoNativeProductCarousel")},89546(e,t,n){n.d(t,{A:()=>b});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(84886),l=n(83237),d=n(13099),c=n(38267),m=n(26865);const u=c.Ay.div.withConfig({displayName:"VersoNativeProductTitle"})` 21618 margin-bottom: ${(0,m.Kq)(4)}; 21619`;var p=n(53499),g=n(73347);const h=({dangerousHed:e,isSponsoredAffiliateLinksEnabled:t,sectionTitleVariation:n="LineAboveLineBelowTextCenter",items:o=[]})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(p.G.RENDER,{name:"VersoNativeProduct"})},[]);const a=o.length>=3,r=o.length<=2,c=g.Ay[n];return i.createElement(i.Fragment,null,e&&i.createElement(u,{as:c,dangerousHed:e}),i.createElement(d.M.TextCenterNoTopRule,{isEnabled:t}),a&&i.createElement(s.A,{childTypes:["product"]},o.map((e,t)=>i.createElement(l.A.ImageTop,{...e,key:`native-product-embed-top-${t}`}))),r&&i.createElement(s.A,{childTypes:["product"]},o.map((e,t)=>i.createElement(l.A.ImageLeftWithButtonAndTextCentered,{...e,key:`native-product-embed-left-${t}`}))))};h.propTypes={dangerousHed:r().string.isRequired,isSponsoredAffiliateLinksEnabled:r().bool,items:r().array.isRequired,sectionTitleVariation:r().string},h.displayName="VersoNativeProduct";const y=h,b=(0,o.y)(y,"VersoNativeProduct")},97e3(e,t,n){n.d(t,{A:()=>g});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(66862),l=n(60156),d=n(38267),c=n(26865);const m=d.Ay.div.withConfig({displayName:"VersoPlpCuratedWrapper"})` 21620 ${({hasPaddingTop:e})=>e&&`padding-top: ${(0,c.Kq)(4)}`} 21621`,u=e=>{const{hed:t,dek:n,groups:o,gridConfig:i,hasAffiliateLinkDisabled:a,hasCarouselSliderPagination:d,templateLayout:c,isGrid:u,isSeriesNavigation:p,productVisualAsset:g,expertCardContent:h,productList:y=[],shouldAppendReadMoreLinkForDek:b,showShopNowButton:f,summaryItemVariation:w,isUpcEnabled:$,enableUnifiedVenueCard:v,paginationStyle:C,shouldUseSmallHed:k,isPlpCurated:A,isContentCenter:x,shouldOpenInternalLinksInNewTab:E,hasPadding:S,hasCustomSlider:L,hideDesktopPagination:T,hasBorder:N,affiliateDisclaimer:H,isFirstProductListingContainer:I,hideRubricLink:B,showDisclaimer:O,showRichTextInDek:K,shouldHideDangerousDek:D,containerIndex:_,enableEditorNote:P,editorNoteTitle:R,enableAffiliateDisclaimerLabel:q,shouldHideAffiliateLabelOnFirstRow:M,hasReadMoreFeature:F,showClampedProductDescription:U,productDescriptionLineLength:V}=e;return"VisualCarousel"===c?r.createElement(m,null,r.createElement(s.A,{hed:t,productList:y,productVisualAsset:g,expertCardContent:h,summaryItemVariation:w,shouldAppendReadMoreLinkForDek:b,showShopNowButton:f,isUpcEnabled:$,enableUnifiedVenueCard:v,isContentCenter:x,isPlpCurated:A,shouldOpenInternalLinksInNewTab:E,hideDesktopPagination:T,affiliateDisclaimer:H,isFirstProductListingContainer:I,hasAffiliateLinkDisabled:a,hideRubricLink:B,showDisclaimer:O,showRichTextInDek:K,shouldHideDangerousDek:D,templateLayout:c,enableEditorNote:P,editorNoteTitle:R,enableAffiliateDisclaimerLabel:q,hasReadMoreFeature:F,showClampedProductDescription:U,productDescriptionLineLength:V})):r.createElement(m,null,r.createElement(l.A,{dangerousHed:t,dangerousDek:n,groups:o,gridConfig:i,isGrid:u,layout:c,hasCarouselSliderPagination:d,summaryItemVariation:w,shouldAppendReadMoreLinkForDek:b,showShopNowButton:f,isUpcEnabled:$,enableUnifiedVenueCard:v,shouldUseSmallHed:k,isContentCenter:!p&&x,isPlpCurated:A,shouldOpenInternalLinksInNewTab:E,paginationStyle:C,hasPadding:S,hasCustomSlider:L,hideDesktopPagination:T,hasBorder:N,isFirstProductListingContainer:I,affiliateDisclaimer:H,hasAffiliateLinkDisabled:a,isSeriesNavigation:p,hasBorderBottom:p,hideRubricLink:B,showDisclaimer:O,showRichTextInDek:K,shouldHideDangerousDek:D,containerIndex:_,enableEditorNote:P,editorNoteTitle:R,enableAffiliateDisclaimerLabel:q,shouldHideAffiliateLabelOnFirstRow:M,hasReadMoreFeature:F,showClampedProductDescription:U,productDescriptionLineLength:V}))};u.propTypes={affiliateDisclaimer:a().string,containerIndex:a().number,dek:a().string,enableEditorNote:a().bool,enableAffiliateDisclaimerLabel:a().bool,shouldHideAffiliateLabelOnFirstRow:a().bool,editorNoteTitle:a().string,expertCardContent:a().object,gridConfig:a().object,groups:a().array,hasAffiliateLinkDisabled:a().bool,hasBorder:a().bool,hasCarouselSliderPagination:a().bool,hasCustomSlider:a().bool,hasPadding:a().bool,hasReadMoreFeature:a().bool,hed:a().string,hideDesktopPagination:a().bool,hideRubricLink:a().bool,isContentCenter:a().bool,isFirstProductListingContainer:a().bool,isGrid:a().bool,isPlpCurated:a().bool,isSeriesNavigation:a().bool,isUpcEnabled:a().bool,enableUnifiedVenueCard:a().bool,paginationStyle:a().string,productDescriptionLineLength:a().number,productList:a().array,productVisualAsset:a().object,shouldAppendReadMoreLinkForDek:a().bool,shouldHideDangerousDek:a().bool,shouldOpenInternalLinksInNewTab:a().bool,shouldUseSmallHed:a().bool,showClampedProductDescription:a().bool,showDisclaimer:a().bool,showRichTextInDek:a().bool,showShopNowButton:a().bool,summaryItemVariation:a().string,templateLayout:a().string};const p=u,g=(0,o.y)(p,"VersoPlpCurated")}
21621,45675(e,t,n){n.d(t,{A:()=>q});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(53499),d=n(96165),c=n(84252),m=n(18463),u=n(73275),p=n(73347),g=n(38267),h=n(96472),y=n(1123),b=n(26865),f=n(3265),w=n(83632),$=n(74423),v=n(73763),C=n(40653),k=n(33500),A=n(6613),x=n(89635),E=n(51886);const S="1279px",L=g.Ay.section.withConfig({displayName:"VersoSummarySpotlightWrapper"})``,T=g.Ay.div.withConfig({displayName:"VersoSummarySpotlightContainer"})` 21622 margin: 0 auto; 21623 max-width: calc(${h.LO.xxl} - (2 * ${(0,b.Kq)(8)})); 21624`,N=g.Ay.div.withConfig({displayName:"VersoSummarySpotlightSecondaryItemsWrapper"})` 21625 background: ${(0,b.HK)("colors.consumption.lead.inverted.background")}; 21626 padding-bottom: ${(0,b.Kq)(5)}; 21627 ${(0,y.VO)()} 21628 ${(0,b.H4)(h.LO.sm)} { 21629 padding-right: ${(0,b.Kq)(3)}; 21630 padding-left: ${(0,b.Kq)(3)}; 21631 } 21632 ${(0,b.H4)(h.LO.md)} { 21633 padding-right: ${(0,b.Kq)(6)}; 21634 padding-left: ${(0,b.Kq)(6)}; 21635 } 21636 ${(0,b.H4)(h.LO.xl)} { 21637 padding-right: ${(0,b.Kq)(8)}; 21638 padding-left: ${(0,b.Kq)(8)}; 21639 } 21640 ${(0,b.H4)(h.LO.xxl)} { 21641 padding-right: ${(0,b.Kq)(20)}; 21642 padding-left: ${(0,b.Kq)(20)}; 21643 } 21644`,H=g.Ay.div.withConfig({displayName:"VersoSummarySpotlightLeadItemWrapper"})` 21645 position: relative; 21646 background-position: top; 21647 background-size: cover; 21648 padding: ${(0,b.Kq)(3)}; 21649 21650 ${(0,b.H4)(h.LO.md)} { 21651 padding-top: ${(0,b.Kq)(5)}; 21652 padding-bottom: ${(0,b.Kq)(5)}; 21653 } 21654 ${(0,y.VO)()} 21655 ${(0,y.aU)("padding")} 21656 21657 && { 21658 ${(0,b.H4)(h.LO.sm)} { 21659 padding-top: ${(0,b.Kq)(2.5)}; 21660 padding-bottom: ${(0,b.Kq)(5)}; 21661 ${({imageSources:e})=>e.smUrl?`\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%), url(${e.smUrl});\n `:""} 21662 aspect-ratio: 9/16; 21663 } 21664 ${(0,b.H4)(h.LO.md)}, ${(0,b.H4)(h.LO.lg)}, ${(0,b.H4)(h.LO.xl)} { 21665 padding-top: ${(0,b.Kq)(5)}; 21666 ${({imageSources:e})=>e.lgUrl?`\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%), url(${e.lgUrl});\n `:""} 21667 aspect-ratio: 6/4; 21668 } 21669 } 21670`,I=(0,g.Ay)(v.A).withConfig({displayName:"VersoSummarySpotlightLeadItemContainer"})` 21671 ${C.E} { 21672 &:nth-of-type(1) { 21673 ${(0,b.H4)(h.LO.sm)} { 21674 grid-column: 1 / span 4; 21675 } 21676 ${(0,b.H4)(h.LO.md)} { 21677 grid-column: 1 / span 12; 21678 } 21679 } 21680 21681 &:nth-of-type(2) { 21682 ${(0,b.H4)(h.LO.sm)} { 21683 position: absolute; 21684 right: ${(0,b.Kq)(3)}; 21685 bottom: ${(0,b.Kq)(10)}; 21686 left: ${(0,b.Kq)(3)}; 21687 grid-column: 1 / span 4; 21688 } 21689 ${(0,b.H4)(h.LO.md)} { 21690 display: grid; 21691 position: absolute; 21692 right: ${(0,b.Kq)(6)}; 21693 bottom: ${(0,b.Kq)(10)}; 21694 left: ${(0,b.Kq)(6)}; 21695 grid-gap: inherit; 21696 grid-column: 1 / span 6; 21697 grid-template-columns: inherit; 21698 } 21699 ${(0,b.H4)(h.LO.xl)} { 21700 right: ${(0,b.Kq)(8)}; 21701 left: ${(0,b.Kq)(8)}; 21702 } 21703 ${(0,b.H4)(h.LO.xxl)} { 21704 right: ${(0,b.Kq)(20)}; 21705 left: ${(0,b.Kq)(20)}; 21706 } 21707 } 21708 } 21709`,B=g.Ay.span.withConfig({displayName:"VersoSummarySpotlightContentDivider"})` 21710 display: grid; 21711 grid-column: 1 /-1; 21712 margin-top: ${(0,b.Kq)(5)}; 21713 border-bottom-width: 1px; 21714 border-bottom-style: solid; 21715 border-bottom-color: ${(0,b.HK)("colors.discovery.body.black.divider")}; 21716 21717 ${(0,b.H4)(h.LO.sm)} { 21718 position: absolute; 21719 right: ${(0,b.Kq)(3)}; 21720 bottom: ${(0,b.Kq)(5)}; 21721 left: ${(0,b.Kq)(3)}; 21722 } 21723 ${(0,b.H4)(h.LO.md)} { 21724 display: grid; 21725 position: absolute; 21726 right: ${(0,b.Kq)(6)}; 21727 bottom: ${(0,b.Kq)(5)}; 21728 left: ${(0,b.Kq)(6)}; 21729 grid-gap: inherit; 21730 grid-template-columns: inherit; 21731 } 21732 ${(0,b.H4)(h.LO.xl)} { 21733 right: ${(0,b.Kq)(8)}; 21734 left: ${(0,b.Kq)(8)}; 21735 } 21736 ${(0,b.H4)(h.LO.xxl)} { 21737 right: ${(0,b.Kq)(20)}; 21738 left: ${(0,b.Kq)(20)}; 21739 } 21740`,O=g.Ay.div.withConfig({displayName:"VersoSummarySpotlightSectionTitle"})` 21741 grid-column: 1 / span 12; 21742 ${k.bU} { 21743 color: ${(0,b.HK)("colors.discovery.body.black.heading")}; 21744 } 21745 ${k.QW} { 21746 ${({theme:e})=>(0,b._o)(e,"border-color","colors.discovery.body.black.divider")} 21747 } 21748`,K=g.Ay.div.withConfig({displayName:"VersoSummarySpotlightLeadItem"})` 21749 grid-column: 1 / span 6; 21750 text-decoration: none; 21751 21752 ${f.VF} { 21753 margin: 0; 21754 ${(0,b.Gg)("typography.definitions.discovery.hed-feature")}; 21755 color: ${(0,b.HK)("colors.discovery.body.black.heading")}; 21756 21757 &:hover, 21758 &:focus { 21759 text-decoration: underline; 21760 } 21761 } 21762 21763 ${f.YC} { 21764 margin-top: 0; 21765 ${(0,b.Gg)("typography.definitions.discovery.description-feature")}; 21766 color: ${(0,b.HK)("colors.discovery.body.black.description")}; 21767 } 21768 21769 && { 21770 ${f.Nb} { 21771 padding: 0 0 0 0; 21772 } 21773 } 21774 21775 ${A.zM} { 21776 ${(0,b.Gg)("typography.definitions.globalEditorial.context-primary")}; 21777 color: ${(0,b.HK)("colors.discovery.body.black.context-signature")}; 21778 } 21779 21780 ${f.VF} { 21781 margin-top: ${(0,b.Kq)(2)}; 21782 margin-bottom: ${(0,b.Kq)(1)}; 21783 ${(0,b.H4)(h.LO.sm)} { 21784 margin-bottom: ${(0,b.Kq)(.5)}; 21785 } 21786 } 21787 ${f.CN} { 21788 margin: 0; 21789 } 21790`,D=(0,g.Ay)(w.A).withConfig({displayName:"VersoSummarySpotlightByline"})` 21791 ${$.CR}, 21792 ${$.QW} { 21793 ${(0,b.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 21794 color: ${(0,b.HK)("colors.discovery.body.black.accreditation")}; 21795 } 21796 margin-top: ${(0,b.Kq)(2)}; 21797`,_=g.Ay.div.withConfig({displayName:"VersoSummarySpotlightSecondaryItems"})` 21798 ${x.uN} { 21799 position: unset; 21800 transform: none; 21801 transition: none; 21802 opacity: unset; 21803 border: none; 21804 background: ${(0,b.HK)("colors.consumption.lead.inverted.background")}; 21805 } 21806 ${E.Io} { 21807 margin-bottom: ${(0,b.Kq)(1)}; 21808 ${(0,b.Gg)("typography.definitions.globalEditorial.context-primary")}; 21809 color: ${(0,b.HK)("colors.discovery.body.black.context-signature")}; 21810 } 21811 21812 && { 21813 ${E.k2} { 21814 ${(0,b.Gg)("typography.definitions.discovery.hed-core-secondary")}; 21815 text-overflow: none; 21816 color: ${(0,b.HK)("colors.discovery.body.black.heading")}; 21817 } 21818 ${E.c0} { 21819 grid-template-columns: auto; 21820 grid-template-rows: auto; 21821 padding-right: 0; 21822 padding-left: 0; 21823 21824 ${(0,b.H4)(h.LO.md)} { 21825 max-width: 100%; 21826 overflow-x: hidden; 21827 } 21828 } 21829 ${E.BY} { 21830 &:nth-of-type(1) { 21831 grid-column: 1 / span 3; 21832 } 21833 21834 &:nth-of-type(2) { 21835 grid-column: 4 / span 3; 21836 } 21837 21838 &:nth-of-type(3) { 21839 grid-column: 7 / span 3; 21840 } 21841 21842 &:nth-of-type(4) { 21843 grid-column: 10 / span 3; 21844 } 21845 21846 display: initial; 21847 21848 &:nth-of-type(1), 21849 &:nth-of-type(2) { 21850 ${(0,b.L7)(S)} { 21851 grid-row: 1; 21852 } 21853 } 21854 21855 &:nth-of-type(3), 21856 &:nth-of-type(4) { 21857 ${(0,b.L7)(S)} { 21858 grid-row: 2; 21859 } 21860 } 21861 21862 &:nth-of-type(1), 21863 &:nth-of-type(3) { 21864 ${(0,b.L7)(S)} { 21865 grid-column: 1 / span 6; 21866 } 21867 } 21868 21869 &:nth-of-type(2), 21870 &:nth-of-type(4) { 21871 ${(0,b.L7)(S)} { 21872 grid-column: 7 / span 6; 21873 } 21874 } 21875 21876 &:nth-of-type(1), 21877 &:nth-of-type(2), 21878 &:nth-of-type(3), 21879 &:nth-of-type(4) { 21880 ${(0,b.L7)("767px")} { 21881 grid-area: auto / 1 / auto / span 12; 21882 } 21883 } 21884 } 21885 21886 ${E.SJ} { 21887 display: grid; 21888 grid-gap: 1rem; 21889 grid-template-columns: 3fr auto; 21890 align-items: start; 21891 21892 *:first-child { 21893 order: 1; 21894 } 21895 21896 ${(0,b.L7)(S)} { 21897 border-bottom-width: 1px; 21898 border-bottom-style: solid; 21899 border-bottom-color: ${(0,b.HK)("colors.discovery.body.black.divider")}; 21900 padding-bottom: ${(0,b.Kq)(1)}; 21901 } 21902 } 21903 ${E.Fs} { 21904 height: auto; 21905 ${E.bT}, ${E.uo} { 21906 display: none; 21907 } 21908 } 21909 ${E.xW} { 21910 margin-right: 0; 21911 } 21912 } 21913 ${E.k} { 21914 order: 0; 21915 margin-right: 0; 21916 margin-left: 0; 21917 width: unset; 21918 overflow: unset; 21919 text-decoration: none; 21920 text-overflow: unset; 21921 -webkit-line-clamp: unset; 21922 21923 span { 21924 &:hover, 21925 &:focus { 21926 text-decoration: underline; 21927 } 21928 } 21929 } 21930`,P=({image:e,className:t,contributor:n,dangerousDek:o,dangerousHed:a,rubric:r,secondaryItems:u,sectionHed:g,url:h})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(l.G.RENDER,{name:"VersoSummarySpotlight"})},[]);const y={links:u,bannerType:"visual-link-banner",hasNativeImgLazyLoading:!0},b=e.segmentedSources?{sm:Object.values(e.segmentedSources.sm).pop(),lg:Object.values(e.segmentedSources.lg).pop()}:"",f={smUrl:(0,d.m5)(b.sm.url),lgUrl:(0,d.m5)(b.lg.url)};return s.createElement(L,{className:i()("verso-summary-spotlight","inverted",t)},s.createElement(H,{imageSources:f},s.createElement(T,null,s.createElement(I,null,s.createElement(O,null,g&&s.createElement(p.Ay,{dangerousHed:g,hasDividerAbove:!0,"data-testid":"section-title"})),s.createElement(K,null,s.createElement(m.A,{contentAlign:"left",dangerousHed:a,dangerousDek:o,rubric:r,shouldLeftAlignContent:!0,url:h,hasLeftMargin:!1,rubricVariation:"Item",shouldDisplayDangerousDekOverlay:!0}),n?.items&&s.createElement(D,{...n}))),s.createElement(B,null))),s.createElement(N,null,s.createElement(T,null,s.createElement(_,null,s.createElement(c.r,{linkBannerData:y})))))};
21930P.propTypes={className:r().string,contributor:r().object,dangerousDek:r().string.isRequired,dangerousHed:r().string.isRequired,image:r().shape(u.A.propTypes).isRequired,rubric:r().object,secondaryItems:r().array,sectionHed:r().string,url:r().string.isRequired},P.displayName="VersoSummarySpotlight";const R=P;const q=(0,n(13465).y)(R,"VersoSummarySpotlight")},46897(e,t,n){n.d(t,{A:()=>$});var o=n(13465),i=n(96540),a=n(5556),r=n.n(a),s=n(68397),l=n(94828),d=n(53499),c=n(72362),m=n(38267),u=n(26865),p=n(96472);const g=m.Ay.div.withConfig({displayName:"VisualStoryCarouselWrapper"})` 21931 h2 { 21932 margin: 0; 21933 ${({theme:e,mainTitleFont:t})=>(0,u.Gg)(e,t)}; 21934 } 21935 21936 section { 21937 margin: 0 auto; 21938 21939 div[class^='CarouselListWrapper'] { 21940 margin: 0; 21941 21942 ul[class^='CarouselList'] { 21943 margin: ${(0,u.Kq)(2)} 0 0 0; 21944 padding-bottom: 11px; 21945 21946 @media (min-width: ${p.LO.md}) { 21947 justify-content: center; 21948 21949 &::-webkit-scrollbar { 21950 display: none; 21951 } 21952 -ms-overflow-style: none; 21953 scrollbar-width: none; 21954 } 21955 } 21956 21957 li { 21958 margin: 0; 21959 padding: 0; 21960 width: 120px; 21961 @media (min-width: ${p.LO.lg}) { 21962 width: 150px; 21963 } 21964 21965 .summary-item { 21966 border: none; 21967 padding: 0 5px; 21968 21969 .summary-item__asset-container { 21970 height: 90px; 21971 } 21972 21973 .aspect-ratio--overlay-container { 21974 margin: 3px auto; 21975 border: 3px solid transparent; 21976 border-radius: 50%; 21977 box-shadow: 0 0 0 2px 21978 ${({theme:e})=>(0,u.HK)(e,"colors.interactive.base.brand-primary")}; 21979 width: 90px; 21980 height: 90px; 21981 } 21982 21983 .responsive-asset div[class*='AspectRatioContainer']::before { 21984 padding-top: 0; 21985 } 21986 } 21987 21988 picture { 21989 display: flex; 21990 justify-content: center; 21991 21992 img { 21993 transition: transform 0.5s ease-in-out; 21994 width: unset; 21995 max-width: unset; 21996 height: 90px; 21997 } 21998 21999 img:hover { 22000 transform: scale(1.3); 22001 } 22002 } 22003 22004 .summary-item__hed-link { 22005 text-decoration: none; 22006 color: ${({theme:e})=>(0,u.HK)(e,"colors.discovery.body.white.heading")}; 22007 22008 &:hover, 22009 &:focus, 22010 &:active { 22011 text-decoration: underline; 22012 } 22013 } 22014 22015 .summary-item__content { 22016 padding-top: 10px; 22017 padding-bottom: 0; 22018 22019 .summary-item__hed { 22020 ${({theme:e,bubbleFont:t})=>(0,u.Gg)(e,t)}; 22021 /* stylelint-disable-next-line value-no-vendor-prefix */ 22022 display: -webkit-box; 22023 -webkit-line-clamp: 2; 22024 -webkit-box-orient: vertical; 22025 margin: 0; 22026 overflow: hidden; 22027 text-align: center; 22028 text-transform: uppercase; 22029 text-overflow: ellipsis; 22030 color: ${({theme:e})=>(0,u.HK)(e,"colors.discovery.body.white.heading")}; 22031 } 22032 22033 .summary-item__hed-link::after { 22034 margin-bottom: 0; 22035 border: none; 22036 } 22037 } 22038 22039 a:not(.button):not(.text):not(.link):link { 22040 text-decoration: none; 22041 } 22042 22043 a:not(.button):not(.text):not(.link):hover { 22044 text-decoration: underline; 22045 } 22046 } 22047 } 22048 22049 &:has(div[class*='CarouselNavigationWrapper']) ul[class^='CarouselList'] { 22050 justify-content: flex-start; 22051 } 22052 } 22053 22054 &.bundleLayout section { 22055 padding-right: ${(0,u.Kq)(3)}; 22056 padding-left: ${(0,u.Kq)(3)}; 22057 max-width: ${p.LO.lg}; 22058 22059 @media (min-width: ${p.LO.md}) { 22060 padding-right: ${(0,u.Kq)(6)}; 22061 padding-left: ${(0,u.Kq)(6)}; 22062 max-width: ${p.LO.lg}; 22063 } 22064 22065 @media (min-width: ${p.LO.lg}) { 22066 padding-right: ${(0,u.Kq)(6)}; 22067 padding-left: ${(0,u.Kq)(6)}; 22068 max-width: ${p.LO.xl}; 22069 } 22070 22071 @media (min-width: ${p.LO.xl}) { 22072 padding-right: ${(0,u.Kq)(8)}; 22073 padding-left: ${(0,u.Kq)(8)}; 22074 max-width: ${p.LO.xxl}; 22075 } 22076 } 22077`;var h=n(60663);const y=!(0,c.Zm)(),b=(0,h.Y)(()=>window.sessionStorage),f=({bubbleFont:e="typography.definitions.globalEditorial.context-tertiary",className:t,container:n,hasBottomBorder:o=!0,hasTopBorder:a=!0,mainTitleFont:r,sectionTitleVariation:c="LineAboveLineBelowTextCenter"})=>{i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"VisualStoryCarousel"})},[]);const m=i.useRef(null);i.useEffect(()=>{const e=m.current?.querySelectorAll("li")||[],t=()=>{const e=window.location.href;b.setItem("visual_story_origin",e)};
22077return e.forEach(e=>{e.addEventListener("click",t)}),()=>{e.forEach(e=>{e.removeEventListener("click",t)})}},[]);const{dangerousDek:u,dangerousHed:p,items:h}=n,f="bundleLayout"===t?c:"LineAboveLineBelowTextLeft",w="LineAboveLineBelowTextCenter"===f?"center":"left";return i.createElement(g,{isMobile:y,className:t,"data-testid":"visual-story-carousel",bubbleFont:e,mainTitleFont:r,ref:m},i.createElement(s.A,{headerProps:{dangerousHed:p,dangerousDek:u,hasTopBorder:a,hasBottomBorder:o,contentAlign:w,shouldDisplayDangerousDek:""!==u,sectionTitleVariation:f},carouselSettings:{hasPaginationDots:!1,hideScrollbar:!1,itemsDensity:"min",scrollType:"set-by-set",showControls:!y,showLabels:!1,shouldRightAlignFooterControls:!0}},h.map((e,t)=>i.createElement(s.A.CarouselItem,{key:`carousel-watch-${t}`,trackingEventData:{itemIndex:t,totalItems:h?.length,placement:"mid-content",snowplowNavEventSubject:"carousel",label:"Visual Story"}},i.createElement(l.A,{key:t,...e})))))};f.propTypes={bubbleFont:r().string,className:r().string,container:r().object,hasBottomBorder:r().bool,hasTopBorder:r().bool,mainTitleFont:r().string,sectionTitleVariation:r().string},f.displayName="VisualStoryCarousel";const w=f,$=(0,o.y)(w,"VisualStoryCarousel")},8470(e,t,n){n.d(t,{A:()=>h});var o=n(96540),i=n(5556),a=n.n(i),r=n(62193),s=n.n(r),l=n(708),d=n(53499),c=n(14307),m=n(79012);function u(e){const t=e?.props?.children||[],[n]=t,i=n?.props?.children?.props?.children?.[0]?.props?.children;return o.createElement("div",{className:"table-container"},o.createElement("div",{className:"scrollable-table-container"},o.createElement("table",{className:"simple-table"},i?t:t[1])))}const p=({label:e,content:t,isInitiallyOpen:n,isCollapsible:i,snowplowEventData:a,handleContentItemClick:r})=>{const[d,p]=(0,o.useState)(n);return o.createElement(m.YJ,{isActive:d},o.createElement(m.$T,{onClick:i&&(()=>{p(!d);const t={type:d?"close":"open",subject:a?a.subject:"wrapper_accordion",label:a?a.label:e?.props?.children?.toString(),items:a&&a.items};(0,c.kg)(t)}),"data-testid":"accordion-item-container",isCollapsible:i},o.createElement(m.Hp,null,o.createElement(o.Fragment,null,e)),i&&o.createElement(m.Hf,{isActive:d,ButtonIcon:l.A,role:"button",isIconButton:!0,label:"AccordionItemContainerButton",width:"0.5rem",height:"0.5rem"})),!s()(t)&&o.createElement(m.Iy,{className:d?"closing-animation":"opening-animation"},o.createElement("div",null,"table"!==t.type?function(e,t){const n=Array.isArray(e)?e.some(e=>"li"===e.type):e&&"li"===e.type,i=Array.isArray(e)?e.map((n,i)=>"table"!==n.type?o.cloneElement(n,{key:i,onClick:n=>t(n,i,e.length)}):u(n)):o.createElement(o.Fragment,null,e);return n?o.createElement("ul",null,i):i}(t,r):u(t))))};p.propTypes={content:a().oneOfType([a().array,a().object,a().string]),handleContentItemClick:a().func,isCollapsible:a().bool,isInitiallyOpen:a().bool,label:a().oneOfType([a().object,a().string]),snowplowEventData:a().object};const g=({children:e,data:t,isInitiallyOpen:n=!1,isCollapsible:i=!0,snowplowEventData:a=null,handleContentItemClick:r})=>{o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"Accordion"})},[]);const s=e&&e[0]?.props?.children||null,l=e&&e[1]?.props?.children||null;return t?o.createElement(m.IL,{data:t},t?o.createElement(m.TJ,null,t.map((e,t)=>o.createElement(p,{key:t,...e,isInitiallyOpen:n,isCollapsible:i,snowplowEventData:a,handleContentItemClick:r}))):null):o.createElement(o.Fragment,null,s?o.createElement(m.TJ,null,o.createElement(p,{label:s,content:l,isInitiallyOpen:n,isCollapsible:i})):null)};g.propTypes={children:a().array,data:a().array,handleContentItemClick:a().func,isCollapsible:a().bool,isInitiallyOpen:a().bool,snowplowEventData:a().object};const h=g},79012(e,t,n){n.d(t,{YJ:()=>l,$T:()=>m,Hf:()=>u,Iy:()=>c,Hp:()=>d,TJ:()=>p,IL:()=>s});var o=n(38267),i=n(26865);const a=(...e)=>{if("string"==typeof e[0])return({theme:t})=>a(t,...e);const[t,n,o=!0]=e,{delay:r,duration:s,easing:l,pattern:d}=(0,i.nv)(t,"motion")||{delay:[],duration:{},easing:{},pattern:{}},c=o?"animation":"transition";if(d[n]){const e={};return d[n].duration&&(e[`${c}-duration`]=s[d[n].duration.split(".")[1]]),d[n].delay&&(e[`${c}-delay`]=r[d[n].delay.split(".")[1]]),{[`${c}-timing-function`]:`cubic-bezier(${l[d[n].easing]})`,...e}}if(l[n])return{[`${c}-timing-function`]:`cubic-bezier(${l[n]})`};const[m,u]=n.split("-");return"duration"===m&&s[u]?{[`${c}-duration`]:s[u]}:"delay"===m&&r[u]?{[`${c}-delay`]:r[u]}:{error:"Invalid input, no matching pattern or property value found."}};var r=n(73730);const s=o.Ay.div.withConfig({displayName:"AccordionWrapper"})` 22078 & > :first-child { 22079 margin-top: ${(0,i.Kq)(2.5)}; 22080 border-top: 1px solid; 22081 ${({theme:e})=>(0,i._o)(e,"border-top-color","colors.consumption.body.standard.divider")}; 22082 } 22083`,l=o.Ay.div.withConfig({displayName:"AccordionContainer"})` 22084 margin-top: ${(0,i.Kq)(2.5)}; 22085 margin-bottom: ${(0,i.Kq)(2.5)}; 22086 border-bottom: 1px solid; 22087 ${({theme:e})=>(0,i._o)(e,"border-bottom-color","colors.consumption.body.standard.divider")}; 22088 22089 .icon-large-chevron { 22090 float: right; 22091 transform-origin: center; 22092 width: 1rem; 22093 height: 0.75rem; 22094 overflow: hidden; 22095 } 22096`,d=o.Ay.div.withConfig({displayName:"AccordionItemContainerLabel"}).attrs(e=>({typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-secondary",...e}))` 22097 display: block; 22098 width: 100%; 22099 box-sizing: border-box; 22100 overflow: hidden; 22101 ${(0,i.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 22102 ${({theme:e})=>(0,i._o)(e,"color","colors.background.black")}; 22103 22104 && { 22105 text-transform: none; 22106 } 22107 22108 &&&&& > p { 22109 margin: 0; 22110 padding: 0; 22111 } 22112`,c=o.Ay.div.withConfig({displayName:"AccordionItemContainerContent"})` 22113 ${(0,i.Gg)("typography.definitions.consumptionEditorial.body-core")}; 22114 display: grid; 22115 grid-template-rows: 0fr; 22116 padding: 10px 0; 22117 min-height: 0; 22118 ${({theme:e})=>`transition: grid-template-rows ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]};`} 22119 22120 > * { 22121 overflow: hidden; 22122 ${({theme:e})=>`transition: margin ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]}, padding ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]}, opacity ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]};`} 22123 } 22124 22125 &.opening-animation { 22126 grid-template-rows: 0fr; 22127 22128 &&&& > * { 22129 opacity: 0; 22130 margin: 0; 22131 border: none; 22132 padding: 0; 22133 } 22134 22135 &&&&& > div.product-embed { 22136 margin: 0 auto; 22137 } 22138 } 22139 22140 &.closing-animation { 22141 grid-template-rows: 1fr; 22142 22143 &&&& > figure.iframe-embed, 22144 figure.cne-video-embed, 22145 figure.asset-embed { 22146 margin: 0; 22147 } 22148 } 22149 22150 && > :first-child { 22151 margin-block-start: ${(0,i.Kq)(1)}; 22152 } 22153 22154 &&&&& > p { 22155 margin-block-start: ${(0,i.Kq)(1)}; 22156 margin-block-end: ${(0,i.Kq)(1)}; 22157 padding: 0; 22158 } 22159 22160 /* Addidng the Accordion Animation to essential motion so if reduce motion feature is on these will be included. */ 22161 @media (prefers-reduced-motion) { 22162 ${({theme:e})=>`transition: grid-template-rows ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]};`} 22163 22164 > * { 22165 overflow: hidden; 22166 ${({theme:e})=>`transition: margin ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]}, padding ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]}, opacity ${a(e,"duration-250",!1)["transition-duration"]} ${a(e,"standard-in-and-out",!1)["transition-timing-function"]};`} 22167 } 22168 } 22169`,m=o.Ay.div.withConfig({displayName:"AccordionItemContainer"})` 22170 display: flex; 22171 align-items: center; 22172 cursor: pointer; 22173 22174 ${({isCollapsible:e})=>!e&&"\n pointer-events: none;\n "} 22175`,u=(0,o.Ay)(r.A.Utility).withConfig({displayName:"AccordionItemContainerButton"})` 22176 align-self: flex-start; 22177 fill: #615f66; 22178 float: right; 22179 transform-origin: center; 22180 ${({isActive:e})=>e&&"transform:rotate(180deg);"} 22181 padding: ${(0,i.Kq)(1)}; 22182 white-space: nowrap; 22183 22184 svg { 22185 stroke: #615f66; 22186 stroke-width: 3px; 22187 } 22188 22189 &, 22190 &:focus, 22191 &:hover { 22192 border: 0; 22193 background-color: transparent; 22194 } 22195`,p=o.Ay.div.withConfig({displayName:"AccordionItemWrapper"})``},24656(e,t,n){n.d(t,{EN:()=>l,Z1:()=>d,cY:()=>s});var o=n(5556),i=n.n(o),a=n(96540);const r=a.createContext({hiddenPositions:[]}),s=({children:e,hiddenPositions:t=[]})=>{const n=a.useMemo(()=>({hiddenPositions:t}),[t]);return a.createElement(r.Provider,{value:n},e)};s.propTypes={children:i().node.isRequired,hiddenPositions:i().arrayOf(i().string)};const l=()=>a.useContext(r),d=(e,t)=>Boolean(e?.hiddenPositions?.includes(t))},19607(e,t,n){n.d(t,{$:()=>i.A,A:()=>a});var o=n(31989),i=n(51257);const a=o.A},91542(e,t,n){n.d(t,{A:()=>p});var o=n(96540),i=n(5556),a=n.n(i),r=n(67198),s=n(53499),l=n(54495);const{useEffect:d}=o,c=e=>{const t=new URL(e.newURL);(0,r.A)(t.hash)},m=e=>{(0,r.A)(e.currentTarget.hash)},u=e=>{const{children:t,attrs:{id:n},hasImageCreditText:i,productMultiImageCount:a}=e;d(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"AnchorCallout"})}),d(()=>{const e=document.querySelectorAll(`a[href='#${n}']`);return(e=>
22195{e.length&&(window.addEventListener("hashchange",c),e.forEach(e=>{e.addEventListener("click",m)}))})(e),()=>{(e=>{e.length&&(window.removeEventListener("hashchange",c),e.forEach(e=>{e.removeEventListener("click",m)}))})(e)}},[n]);const{enhancedChildren:r}=(0,l.n)(t,i,a);return o.createElement("div",{style:{outline:"none"},id:n,tabIndex:"-1"},r)};u.propTypes={attrs:a().object.isRequired,children:a().node.isRequired,hasImageCreditText:a().bool,productMultiImageCount:a().number},u.displayName="AnchorCallout";const p=u},77203(e,t,n){n.d(t,{A:()=>l});var o=n(5556),i=n.n(o),a=n(96540),r=n(9580);const s=({appDownloadUrls:e})=>a.createElement(r.wb,null,a.createElement("ul",null,e.map(e=>a.createElement(r.Rb,{key:e.url},a.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer","aria-label":"Opens in a new window"},a.createElement(r.ku,{...e.logo}))))));s.propTypes={appDownloadUrls:i().array};const l=s},9580(e,t,n){n.d(t,{Rb:()=>c,ku:()=>d,wb:()=>l});var o=n(38267),i=n(73275),a=n(7228),r=n(96472),s=n(26865);const l=o.Ay.div.withConfig({displayName:"AppDownloadLinksWrapper"})` 22196 ul { 22197 display: block; 22198 margin-bottom: ${(0,s.Kq)(4)}; 22199 padding-left: 0; 22200 22201 li { 22202 display: inline; 22203 22204 a { 22205 white-space: normal; 22206 } 22207 } 22208 } 22209 22210 picture { 22211 max-height: 2.5rem; 22212 22213 img { 22214 margin-bottom: ${(0,s.Kq)(2)}; 22215 width: inherit; 22216 } 22217 } 22218 22219 color: ${(0,s.HK)("colors.foundation.footer.links.secondary")}; 22220`,d=(0,o.Ay)(i.A).withConfig({displayName:"AppDownloadLinksWrapperResponsiveAsset"})` 22221 display: flex; 22222 justify-content: center; 22223 margin: 0 auto; 22224 max-height: ${(0,s.Kq)(4)}; 22225 22226 ${(0,s.H4)(r.LO.lg)} { 22227 justify-content: flex-start; 22228 margin: 0; 22229 } 22230 22231 ${a.BF} { 22232 width: auto; 22233 max-height: inherit; 22234 } 22235`,c=(0,o.Ay)("li").withConfig({displayName:"AppDownloadLinksWrapperItem"})` 22236 span, 22237 picture { 22238 display: inline; 22239 } 22240 22241 padding-right: ${(0,s.Kq)(2)}; 22242 color: ${(0,s.HK)("colors.foundation.footer.links.secondary")}; 22243`},26938(e,t,n){n.d(t,{A:()=>g});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(32485),l=n.n(s),d=n(35103),c=n(53499),m=n(75163);const u=({attributes:e,children:t,citeUrl:n,className:o,configuredComponentRef:i,dangerousAttribution:a,hasParagraphMargin:s,hasSmallMargins:u=!1,hasTopBorder:p=!0,shouldUseBodyColor:g=!1})=>(r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(c.G.RENDER,{name:"BlockquoteEmbed"})},[]),r.createElement(d.On,{ref:i,...e,cite:n,hasSmallMargins:u,className:l()(o,m.pT.Composition.BodyBlockquote.self,"blockquote-embed",{"with-border":p}),"data-testid":"blockquote-wrapper"},r.createElement(d.gr,{hasParagraphMargin:s,shouldUseBodyColor:g,className:l()(m.pT.Composition.BodyBlockquote.content,"blockquote-embed__content",{"body-color":g})},t),a&&r.createElement(d.y,{className:l()(m.pT.Composition.BodyBlockquote.attribution)},r.createElement(d.yW,{dangerouslySetInnerHTML:{__html:a}}))));u.propTypes={configuredComponentRef:a().func,attributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]).isRequired,citeUrl:a().string,className:a().string,dangerousAttribution:a().string,hasParagraphMargin:a().bool,hasSmallMargins:a().bool,hasTopBorder:a().bool,shouldUseBodyColor:a().bool},u.displayName="BlockquoteEmbed";const p=u,g=(0,o.y)(p,"BlockquoteEmbed")},35103(e,t,n){n.d(t,{On:()=>l,gr:()=>s,y:()=>d,yW:()=>c});var o=n(38267),i=n(26865),a=n(96472),r=n(75163);const s=o.Ay.div.withConfig({displayName:"BlockquoteEmbedContent"}).attrs({className:r.pT.Composition.BodyBlockquote.content})` 22244 padding-top: ${(0,i.Kq)(2)}; 22245 22246 &, 22247 p { 22248 ${({hasParagraphMargin:e})=>!e&&"margin: 0;"} 22249 } 22250 22251 p { 22252 margin-top: 0; 22253 } 22254`,l=o.Ay.blockquote.withConfig({displayName:"BlockquoteEmbedWrapper-sc"})` 22255 margin: ${(0,i.Kq)(5,"px")} auto; 22256 width: 100%; 22257 22258 @media (min-width: ${a.LO.md}) { 22259 width: 75%; 22260 } 22261 22262 & + & { 22263 margin-top: 0; 22264 border-top: 0; 22265 } 22266 22267 ${({hasSmallMargins:e})=>e&&`\n margin: ${(0,i.Kq)(3)} auto;\n ${s} {\n padding-top: 0;\n & > p:last-of-type {\n margin-bottom: ${(0,i.Kq)(1)};\n }\n }\n `} 22268`,d=o.Ay.footer.withConfig({displayName:"BlockquoteEmbedFooter"})``,c=o.Ay.cite.withConfig({displayName:"BlockquoteEmbedCite"}).attrs({className:r.pT.Composition.BodyBlockquote.attribution})``},74679(e,t,n){n.d(t,{A:()=>w});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(53499),l=n(64663),d=n(70920),c=n(37210),m=n(38267),u=n(26865);const p=m.Ay.blockquote.withConfig({displayName:"BlueskyEmbedBlockquote"})``,g=m.Ay.div.withConfig({displayName:"BlueskyEmbedContainer"})` 22269 margin: ${(0,u.Kq)(5)} auto; 22270 22271 .bluesky-embed { 22272 margin-right: auto; 22273 margin-left: auto; 22274 } 22275`;const h=(0,n(72267).YK)({blueskyEmbedAriaLabelText:{id:"BlueskyEmbed.AriaLabelText",defaultMessage:"social media post",description:"ARIA label for the bluesky embed container on Bluesky Embed"},consentBannerHeader:{id:"BlueskyEmbed.ConsentBannerHeader",defaultMessage:"Bluesky content",description:"Header for message banner"}}),{useContext:y,useEffect:b}=a,f=({attributes:e,className:t,url:n,uri:o,cid:i})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"BlueskyEmbed"})},[]);const m=y(l.c$),[u,f]=(0,d.A)(),{formatMessage:w}=(0,r.A)(),$=m.targeting&&f;return b(()=>{$&&(()=>{if(!document.getElementById("embed-bsky-app")){const e=document.createElement("script");e.id="embed-bsky-app",e.setAttribute("charset","utf-8"),e.src="https://embed.bsky.app/static/embed.js",e.setAttribute("data-testid","embed-bsky-script"),document.body.appendChild(e)}})(),"bluesky"in window&&bluesky.scan()},[$]),a.createElement(g,{"data-testid":"bluesky-embed","aria-label":w(h.blueskyEmbedAriaLabelText),className:t,ref:u},$?a.createElement(p,{"data-testid":"bluesky-embed-blockquote",className:"bluesky-embed","data-bluesky-uri":o,"data-bluesky-cid":i,...e},a.createElement(c.A,{hasConsent:m.targeting,url:n,consentBannerHeader:h.consentBannerHeader})):a.createElement(c.A,{hasConsent:m.targeting,url:n,consentBannerHeader:h.consentBannerHeader}))};f.propTypes={attributes:i().object,children:i().node,cid:i().string.isRequired,className:i().string,uri:i().string.isRequired,url:i().string.isRequired},f.displayName="BlueskyEmbed";const w=f},10702(e,t,n){n.d(t,{JM:()=>r,Ay:()=>d});var o=n(96540),i=n(92704),a=n(7883);const r=-1,s=[i.M.CONSENT_DEFAULT,i.M.CONSENT_ACCEPTED,i.M.CONSENT_REJECTED,i.M.CONSENT_UPDATED],l=async()=>{try{const e=await fetch("https://lil.condenastdigital.com/cnd/c.gif",{method:"GET"}),t=e.headers.get("x-cn-cf-bids"),n=e.headers.get("x-cn-cf-sigs"),o=(e=>e&&""!==e.trim()?e.split(",").map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)):[])(t),{botScore:i,botVerifiedCategory:s,botVerified:l}=(e=>{const t={botScore:r,botVerifiedCategory:"",botVerified:!1};if(!e||""===e.trim())return t;const n=e.split(";"),o=n[0]?parseInt(n[0].trim(),10):NaN;return{botScore:isNaN(o)?r:o,botVerifiedCategory:n[1]?n[1].trim():"",botVerified:"true"===(n[2]?n[2].trim().toLowerCase():"")}})(n),d={botDetectionIds:o,botScore:i,botVerifiedCategory:s,botVerified:l};window.Kendra.BOT_SIGNALS.broadcast(a.m.BOT_SIGNALS_RECEIVED,d)}catch(e){const t={botDetectionIds:[],botScore:r,botVerifiedCategory:"",botVerified:!1},n={code:"BOT_SIGNALS_FETCH_ERROR",type:"error",message:e instanceof Error?e.message:"Unknown error fetching bot signals",subject:"bot_detection"};window.Kendra.BOT_SIGNALS.broadcast(a.m.BOT_SIGNALS_ERROR,{...t,errorInfo:n})}},d=()=>(((e={})=>{const{consentProperty:t="targeting",consentChannels:n=s}=e,i=(0,o.useRef)(!1);(0,o.useEffect)(()=>
22275{if(!window.Kendra?.CONSENT||!window.Kendra?.BOT_SIGNALS)return;const e=window.Kendra.CONSENT.on(n,async e=>{!0===e[t]&&(i.current||(i.current=!0,await l()))},{emitLast:!0});return()=>e?.off()},[t,n])})(),null)},91513(e,t,n){n.d(t,{A:()=>y});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(86659),l=n(37584);var d=n(61670),c=n(53499),m=n(32485),u=n.n(m),p=n(75163);const g=({className:e,configuredComponentRef:t,hasMinimalVerticalSpacing:n=!1,hierarchy:o,separatorIcon:i={name:"ChevronRight",type:"standard"},shouldRemoveBackgroundColor:a=!1,shouldUseContentHeaderColorForLink:m})=>(r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(c.G.RENDER,{name:"BreadcrumbTrail"})},[]),r.createElement(d.j0,{ref:t,"data-testid":"BreadcrumbTrail",shouldRemoveBackgroundColor:a,hasMinimalVerticalSpacing:n,className:e},o&&o.length>0&&r.createElement(s.A.WithMargins,null,r.createElement(d.mO,null,o.map((e,t)=>{const{name:n,slug:a}=e||{};return r.createElement(d.dx,{key:t,shouldUseContentHeaderColorForLink:m},a?r.createElement("a",{className:u()("breadCrumbLink",p.pT.Component.BreadcrumbLink),"aria-current":t===o.length-1||void 0,href:a},n):r.createElement("span",{className:u()(p.pT.Component.Breadcrumb)},n),t<o.length-1&&(e=>{const{name:t,type:n}=e,o=(0,l.R)(t,n)||(0,l.R)("ChevronRight","standard");
22275return r.createElement(o,{width:"1rem",height:"1rem"})})(i))})))));g.displayName="BreadcrumbTrail",g.propTypes={configuredComponentRef:a().func,className:a().string,hasMinimalVerticalSpacing:a().bool,hierarchy:a().array.isRequired,separatorIcon:a().shape({name:a().string,type:a().oneOf(["standard","thin","thinner"])}),shouldRemoveBackgroundColor:a().bool,shouldUseContentHeaderColorForLink:a().bool};const h=g,y=(0,o.y)(h,"BreadcrumbTrail")},61670(e,t,n){n.d(t,{dx:()=>d,j0:()=>s,mO:()=>l});var o=n(38267),i=n(26865),a=n(96472),r=n(75163);const s=o.Ay.div.withConfig({displayName:"BreadcrumbTrailWrapper"})` 22276 ${({shouldRemoveBackgroundColor:e})=>e?"background-color: transparent;":`background-color: var(${r.pT.Color.SurfaceSubtle});`}; 22277 22278 ${({hasMinimalVerticalSpacing:e})=>e?"padding: 0":`padding-top: ${(0,i.Kq)(2.4)};\n padding-bottom: ${(0,i.Kq)(2.4)};`} 22279 width: 100%; 22280 22281 @media (max-width: ${a.LO.md}) { 22282 overflow-y: hidden; 22283 overflow-x: scroll; 22284 22285 &::-webkit-scrollbar { 22286 display: none; 22287 } 22288 }
22289`,l=o.Ay.div.withConfig({displayName:"BreadcrumbTrailScrollContainer"})` 22290 display: flex; 22291 width: max-content; 22292`,d=o.Ay.span.withConfig({displayName:"BreadcrumbTrailItem"})` 22293 display: inline-flex; 22294 flex-direction: row; 22295 align-items: center; 22296 22297 .icon { 22298 margin: 0 ${(0,i.Kq)(.2)}; 22299 22300 path { 22301 fill: var(${r.pT.Color.IconSubtle}); 22302 } 22303 } 22304 22305 .${r.pT.Component.BreadcrumbLink.split(" ").join(".")}[aria-current] { 22306 ${({shouldUseContentHeaderColorForLink:e})=>e&&`color: var(${r.pT.Color.TextLink});`} 22307 } 22308`},40281(e,t,n){n.d(t,{j:()=>o});const o=e=>!0===e?.enableBytes&&Boolean(e.customerId)&&Boolean(e.tagSize)&&Boolean(e.creativeId)&&Boolean(e.medianetVersion)&&Boolean(e.adt1)&&Boolean(e.adt2)},38860(e,t,n){n.d(t,{Gk:()=>s,OZ:()=>l,eu:()=>d});var o=n(38267),i=n(18608),a=n(26865),r=n(75163);const s=o.Ay.div.withConfig({displayName:"CaptionWrapper"})` 22309 margin-top: ${({topSpacing:e})=>(0,a.Kq)(e)}; 22310 22311 ${({theme:e})=>`${(0,a.Gg)(e,"typography.definitions.globalEditorial.context-secondary")};\n `} 22312 22313 p { 22314 margin: 0; 22315 } 22316 22317 a { 22318 &:hover, 22319 &:focus, 22320 &:active, 22321 &:link { 22322 text-decoration: underline; 22323 } 22324 } 22325 22326 ${({hasLinebreak:e})=>e?"margin-right: 0;":"p { display: contents; }"} 22327`,l=(0,o.Ay)(i.vm).withConfig({displayName:"CaptionText"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 22328 ${(0,a.R9)("hasLinebreak",!0,"margin-right: 0;")} 22329 22330 ${(0,a.R9)("hasLinebreak",!1,`margin-right: ${(0,a.Kq)(1)};`)} 22331 22332 color: var(${r.pT.Color.TextImageCaption}); 22333 22334 &&& .small { 22335 font-variant: small-caps; 22336 text-transform: lowercase; 22337 font-style: inherit; 22338 } 22339 22340 .underline { 22341 text-decoration: underline; 22342 } 22343 22344 .italic { 22345 font-style: italic; 22346 } 22347 22348 ${(0,a.R9)("isCartoonCaption",!0,o.AH` 22349 max-width: ${"600px"}; 22350 text-align: center; 22351 ${({theme:e})=>(0,a._o)(e,"color","colors.consumption.lead.standard.description")}; 22352 `)} 22353`,d=(0,o.Ay)(i.vm).withConfig({displayName:"CaptionCredit"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...e}))` 22354 margin-top: 8px; 22355 22356 ${({creditTextStyle:e,isCartoonCaption:t,theme:n})=>"caption"===e&&!t&&(0,a.Gg)(n,"typography.definitions.globalEditorial.context-secondary")} 22357 22358 ${({hasLinebreak:e})=>e?"\n display: block;\n text-align: left;\n ":""} 22359 22360 &::before { 22361 content: ''; 22362 } 22363 22364 color: var(${r.pT.Color.TextImageCredit}); 22365 22366 a:hover, 22367 a:focus, 22368 a:active, 22369 a:link { 22370 text-decoration: underline; 22371 } 22372`},37210(e,t,n){n.d(t,{A:()=>f});var o=n(96540),i=n(5556),a=n.n(i),r=n(6442),s=n(96472);const l=(0,n(72267).YK)({consentWarningText:{id:"ConsentBanner.consentWarningText",defaultMessage:"To honor your privacy preferences, this content can only be viewed on the site it <a>originates</a> from.",description:"Warning text for message banner"},consentText:{id:"ConsentBanner.consentText",defaultMessage:"This content can also be viewed on the site it <a>originates</a> from.",description:"Text for message banner"}});var d=n(53499),c=n(38267),m=n(62282),u=n(18608);const p=(0,c.Ay)(m.A).withConfig({displayName:"ConsentBannerWrapper"})` 22373 width: 100%; 22374`,g=c.Ay.h4.withConfig({displayName:"ConsentBannerTitle"})` 22375 /* Note: This overrides specificity from .body h4 */ 22376 && { 22377 margin-top: 0; 22378 } 22379`,h=(0,c.Ay)(u.sH).withConfig({displayName:"ConsentBannerLink"}).attrs(e=>({colorToken:"colors.consumption.lead.standard.context-tertiary",typeIdentity:"typography.definitions.utility.assistive-text",...e}))``;var y=n(90239);const b=({consentBannerHeader:e,hasConsent:t,url:n})=>{o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"ConsentBanner"})},[]);const{formatMessage:i}=(0,r.A)(),a=s.qx&&!t;return o.createElement(p,{contentAlign:"center"},o.createElement(g,null,i(e)),o.createElement("p",null,o.createElement(y.A,null,i(a?l.consentWarningText:l.consentText,{url:n,a:e=>o.createElement(h,{href:n,target:"_blank",rel:"nofollow noreferrer","aria-label":"Opens in a new window",dangerouslySetInnerHTML:{__html:e}})}))))};b.propTypes={consentBannerHeader:a().object.isRequired,hasConsent:a().bool.isRequired,url:a().string};const f=b},42209(e,t,n){n.d(t,{A:()=>A});var o=n(5556),i=n.n(o),a=n(96540),r=n(64663),s=n(56892),l=n(57743);const d=async()=>
22379{const e=await(0,l.u)(`//infinityid.condenastdigital.com/?rand=${Date.now()}`,{credentials:"include",headers:{Accept:"text/plain"}},2e3);if(e.ok){return await e.text()}return null},c=async()=>{const e=await(0,l.u)("/infinityid",{credentials:"include",headers:{Accept:"text/plain"}},2e3);if(e.ok){return await e.text()}return null};var m=n(56475);const u=/[^0-9a-zA-Z-_]/g,p="CN_xid",g=e=>{const t=(e=>{if(!e||"string"!=typeof e)return null;const t=e.trim();return t&&t.replace(u,"")||null})(e);t&&(document.cookie=s.default.createCookie(p,t,{path:"/",expirationInMs:15552e5,domain:s.default.getCookieDomainFromHostname()}),window.Kendra.XID.broadcast(m.b.SET,t))},h=()=>s.default.getCookie(p);var y=n(49974),b=n(79694);const f="cn_permutive_ident",w=0,$=3,v=6,C={[y.iW.amg]:w,[y.iW.email_sha256]:w,[y.iW.xid]:$,[y.iW.fingerprint]:v,[y.iW.mdw]:w,[y.iW.martech_chargebee]:w,[y.iW.cds_universal]:w},k=({shouldEnableInfinityId:e,shouldEnableFourdUser:t,idmConfig:n})=>{const o=(0,a.useContext)(r.c$),i=(0,a.useRef)();return(0,a.useEffect)(()=>{!async function(){if(o.targeting){let o;e&&(o=await(async()=>{try{const e=h();if(e)return e;const t=await d();if(t)return g(t),c(),t;const n=await c();return g(n),n}catch(e){return null}})());const a=o||s.default.getCookie("CN_xid");a&&(i.current||(i.current=new y.ir({...n,xid:a}),i.current.init()),(async(e,t)=>{try{if(window.permutive&&window.permutive.identify&&!window.sessionStorage.getItem(f)){let n,o=[{id:e,tag:"xid",priority:C[y.iW.xid]}];if(t&&(n=await Promise.race([new Promise(e=>{const t=y.ir.readIDMSession();t&&e(t)}),new Promise(e=>{const t=window.Kendra.IDENTITY_MAPPER.on(b.h.IDM_RESULTS_EVENT,n=>{t.off(),e(n)})}),new Promise(e=>{setTimeout(()=>{e(y.ir.readIDMSession())},1e3)})])),n){const e=n.result.map(e=>e.idSets.map(e=>e.ids.filter(e=>Object.hasOwn(C,e.type)&&e.type!==y.iW.PERMUTIVE).map(e=>({id:e.value,tag:y.iW[e.type],priority:C[e.type]})))).flat(3);e.length&&(o=e)}window.permutive.identify(o),window.sessionStorage.setItem(f,"1")}}catch(e){}})(a,n.isEnabled),(e=>{window.SparrowCache=window.SparrowCache||{},window.SparrowCache.xid=e})(a)),t&&(async e=>{if(window._4d=window._4d||{},window._4d.user=window._4d.user||{},e){const t=`https://4d.condenastdigital.com/user?xid=${encodeURIComponent(e)}`;try{const e=await fetch(t);window._4d.user=await e.json()}catch(e){}}})(a)}}()},[o,e,t,n]),null};k.propTypes={idmConfig:i().shape({isEnabled:i().bool,publicKey:i().string}),shouldEnableFourdUser:i().bool,shouldEnableInfinityId:i().bool};const A=k},26995(e,t,n){n.d(t,{A:()=>$});var o=n(5556),i=n.n(o),a=n(96540),r=n(38267),s=n(18608),l=n(96472),d=n(26865);const c=r.Ay.div.withConfig({displayName:"DiscoveryPullQuoteContainer"})` 22380 ${({theme:e})=>(0,d._o)(e,"background-color","colors.discovery.body.white.background")}; 22381 22382 padding: ${(0,d.Kq)(6)} ${(0,d.Kq)(2)}; 22383 22384 @media (min-width: ${l.LO.md}) { 22385 padding: ${(0,d.Kq)(7)} ${(0,d.Kq)(2)}; 22386 } 22387 22388 text-align: center; 22389`,m=r.Ay.div.withConfig({displayName:"DiscoveryPullQuoteRubric"})` 22390 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 22391 ${({theme:e})=>(0,d._o)(e,"color","colors.consumption.lead.standard.context-signature")}; 22392`,u=r.Ay.div.withConfig({displayName:"DiscoveryPullQuoteHead"})` 22393 margin-top: ${(0,d.Kq)(2)}; 22394`,p=(0,r.Ay)(s.sH).withConfig({displayName:"DiscoveryPullQuoteHeadLink"}).attrs(e=>({colorStaticLinkToken:"colors.consumption.body.standard.subhed",typeToken:"typography.definitions.consumptionEditorial.display-medium",...e}))``,g=(0,r.Ay)(s.sH).withConfig({displayName:"DiscoveryPullQuoteHeadLink"}).attrs(e=>({colorStaticLinkToken:"colors.consumption.body.standard.subhed",hasUnderline:!1,typeToken:"typography.definitions.consumptionEditorial.display-medium",...e}))``,h=r.Ay.div.withConfig({displayName:"DiscoveryPullQuoteDek"})` 22395 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.consumptionEditorial.description-feature")}; 22396 ${({theme:e})=>(0,d._o)(e,"color","colors.consumption.body.standard.body")}; 22397 margin-top: ${(0,d.Kq)(4)}; 22398 @media (min-width: ${l.LO.md}) { 22399 margin-top: ${(0,d.Kq)(5)}; 22400 } 22401`,y=r.Ay.div.withConfig({displayName:"DiscoveryPullQuoteSource"})` 22402 margin-top: ${(0,d.Kq)(5)}; 22403 @media (min-width: ${l.LO.md}) { 22404 margin-top: ${(0,d.Kq)(6)}; 22405 } 22406`,b=(0,r.Ay)(s.sH).withConfig({displayName:"DiscoveryPullQuoteSourceLink"}).attrs(e=>
22406({colorStaticLinkToken:"colors.consumption.body.standard.subhed",typeToken:"typography.definitions.globalEditorial.context-title",...e}))``;var f=n(53499);const w=({className:e,dangerousDek:t,dangerousHed:n,rubric:o,source:i,url:r,hasUnderline:s=!0})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(f.G.RENDER,{name:"DiscoveryPullQuote"})},[]),a.createElement(c,{className:e,"data-testid":"discovery-pullquote-container"},o&&a.createElement(m,{dangerouslySetInnerHTML:{__html:o}}),a.createElement(u,null,s?a.createElement(p,{"data-testid":"discovery-pullquote-head-link",href:r,dangerouslySetInnerHTML:{__html:n}}):a.createElement(g,{"data-testid":"discovery-pullquote-head-div",href:r,dangerouslySetInnerHTML:{__html:n}})),t&&a.createElement(h,{dangerouslySetInnerHTML:{__html:t}}),i&&a.createElement(y,null,a.createElement(b,{"data-testid":"discovery-pullquote-source-link",href:r,dangerouslySetInnerHTML:{__html:i}}))));w.propTypes={className:i().string,dangerousDek:i().string,dangerousHed:i().string.isRequired,hasUnderline:i().bool,rubric:i().string,source:i().string,url:i().string.isRequired},w.displayName="DiscoveryPullQuote";const $=w},18401(e,t,n){n.d(t,{A:()=>V});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(62532),d=n(64889),c=n.n(d),m=n(2404),u=n.n(m),p=n(90179),g=n.n(p),h=n(6442),y=n(35778),b=n(38267),f=n(26865),w=n(18608);const $=b.Ay.div.withConfig({displayName:"MenuListContainer"})` 22407 border-right: 1px solid 22408 ${({theme:e})=>(0,f.HK)(e,"colors.interactive.base.light")}; 22409 border-left: 1px solid 22410 ${({theme:e})=>(0,f.HK)(e,"colors.interactive.base.light")}; 22411 height: ${(0,f.Kq)(20)}; 22412 overflow: auto; 22413`,v=(0,b.Ay)(w.vm).withConfig({displayName:"UnavailableFilters"})` 22414 align-content: end; 22415 border-top: solid 1px 22416 ${({theme:e})=>(0,f.HK)(e,"colors.interactive.base.light")}; 22417 border-bottom: solid 1px 22418 ${({theme:e})=>(0,f.HK)(e,"colors.interactive.base.light")}; 22419 ${({theme:e})=>(0,f.Gg)(e,"typography.definitions.utility.input-core")}; 22420 padding: 1rem; 22421`,C=(0,b.Ay)(w.c7).withConfig({displayName:"UnavailableOption"})` 22422 display: grid; 22423 position: relative; 22424 grid-row-gap: 0.25rem; 22425 border-top: none; 22426 border-bottom: none; 22427 padding: 0.5rem 1rem; 22428 ${({theme:e})=>(0,f.Gg)(e,"typography.definitions.utility.input-core")}; 22429`,k=(0,b.Ay)(w.vm).withConfig({displayName:"UnavailableLabel"})` 22430 ${({theme:e})=>(0,f._o)(e,"color","colors.interactive.base.deemphasized")}; 22431 align-content: end; 22432 ${({theme:e})=>(0,f.Gg)(e,"typography.definitions.utility.input-core")}; 22433`;const A=(0,n(72267).YK)({applyButtonLabel:{id:"CustomMenuButtons.Apply",defaultMessage:"APPLY",description:"Label for apply button on custom menu buttons for dropdown"},clearAllButtonLabel:{id:"CustomMenuButtons.ClearAll",defaultMessage:"Clear all",description:"Label for clear all button on custom menu buttons for dropdown"},unavailableFiltersDefaultLabel:{id:"MenuList.unavailableFilters",defaultMessage:"Unavailable filters",description:"Label for unavailable filters"}}),x=s.memo(({children:e,selectProps:{unavailableOptions:t,customUnavailableFiltersLabel:n}})=>{const{formatMessage:o}=(0,h.A)();if(!Array.isArray(e))return s.createElement($,null,e);const i=t?.map(e=>s.createElement(C,null,s.createElement(k,null,e))),a=n||o(A.unavailableFiltersDefaultLabel),r=s.createElement(v,null,a),l=t?.length?[...e,r,...i]:e;return s.createElement($,null,s.createElement(y.aY,{data:l,itemContent:e=>s.createElement("div",null,l[e])}))});x.propTypes={children:r().node.isRequired,selectProps:r().shape({unavailableOptions:r().array,customUnavailableFiltersLabel:r().array})};const E=x;var S=n(708);const L=e=>{const{data:t,label:n}=e,{inputValue:o}=t;return s.createElement(s.Fragment,null,s.createElement(l.c.Option,{...e},(i=n,a=o,s.createElement("span",null,i.split(new RegExp(`(${a})`,"i")).map((e,t)=>e.toLowerCase()===a.toLowerCase()?s.createElement("b",{key:t},e):e)))));var i,a};L.propTypes={data:r().shape({value:r().string,label:r().string,inputValue:r().string}),label:r().string};var T=n(9664),N=n(73730);const H=b.Ay.div.withConfig({displayName:"ControlsWrapper"})` 22434 display: flex; 22435 justify-content: space-between; 22436 border: solid 1px #ccc; 22437 border-top: solid 1px 22438 ${({theme:e})=>(0,f.HK)(e,"colors.interactive.base.light")}; 22439`,I=(0,b.Ay)(N.A.Primary).withConfig({displayName:"ApplyButton"})` 22440 margin: ${(0,f.Kq)(2)} ${(0,f.Kq)(2)} ${(0,f.Kq)(2)} 22441 auto; 22442 background: #000; 22443 padding: ${(0,f.Kq)(1.25)}; 22444 width: ${(0,f.Kq)(8.25)}; 22445 min-width: auto; 22446 height: ${(0,f.Kq)(4)}; 22447 color: ${(0,f.HK)("colors.interactive.base.white")}; 22448 ${({theme:e})=>(0,f.Gg)(e,"typography.definitions.utility.button-core")}; 22449 22450 &, 22451 &:focus, 22452 &:hover { 22453 text-decoration: none; 22454 } 22455`,B=b.Ay.button.withConfig({displayName:"ClearAllButton"})` 22456 margin: ${(0,f.Kq)(2)}; 22457 background: transparent; 22458 color: ${(0,f.HK)("colors.interactive.base.black")}; 22459 ${({theme:e})=>(0,f.Gg)(e,"typography.definitions.foundation.link-secondary")}; 22460 22461 &, 22462 &:focus, 22463 &:hover { 22464 text-decoration: none; 22465 } 22466`,O=e=>{const{formatMessage:t}
22466=(0,h.A)(),[n,o]=(0,s.useState)(!1),{selectedDropdownNames:i,options:a}=e.selectProps||{};return(0,s.useEffect)(()=>{if(i&&a){const e=a[0]?.dropdownName||null;o(e&&i.includes(e))}else o(!1)},[i,a]),s.createElement(l.c.Menu,{...e},e.children,s.createElement(H,{onTouchEnd:e=>{e.stopPropagation()}},n&&s.createElement(B,{onClick:e.selectProps.handleReset},e.clearAllButtonLabel||t(A.clearAllButtonLabel)),s.createElement(I,{label:e.applyButtonLabel||t(A.applyButtonLabel),inputKind:"button",isDisabled:e.isLoading,shouldShowLoadingState:!0,onClickHandler:e.selectProps.handleApply})))};O.propTypes={applyButtonLabel:r().string,children:r().node,clearAllButtonLabel:r().string,isLoading:r().bool,selectProps:r().shape({handleApply:r().func,handleReset:r().func,options:r().array,selectedValue:r().array})};const K=O;var D=n(58293),_=n(23273),P=n(53499);const R=({innerProps:e})=>s.createElement("span",{...e,className:"dropdown__icon"},s.createElement(S.A,null));R.propTypes={innerProps:r().any};const q=()=>({}),M=()=>{},F=e=>{const{data:t,isSelected:n,label:o,options:i,value:a}=e;return s.createElement("div",null,s.createElement(l.c.Option,{...e},s.createElement(T.A.Checkbox,{formName:"option-with-checkbox",index:i.map((e,n)=>e===t?n:0).filter(Number.isFinite)[0],isChecked:n,label:o,name:a,onChangeHandler:M,value:a})))};F.propTypes={data:r().shape({label:r().string,value:r().string}),isSelected:r().bool,label:r().string,options:r().array,value:r().string.isRequired};const U=({assistiveLabel:e,className:t,selectedValue:n,defaultValue:o,dropdownInputName:a,hasNoPadding:r,instanceId:l,inputAttributes:d,isAsyncSelect:m,isDisabled:p,isDropdownMenuOpen:h,isInline:y,loadOptions:b,onInputChange:f,onKeyUp:w,configWidth:$,options:v,placeholderText:C,DropdownIcon:k,isMenuOpen:A,variationName:x,onFilterApplyCallback:S,onFilterResetCallback:T,onMenuCloseCallback:N,isLoading:H,onMenuOpenCallback:I,hasCount:B=!1,hasEnableGreyout:O=!1,hasMenuControls:M=!1,hideBackgroundColor:U=!1,isClearable:V=!1,isMultiSelect:G=!1,isSearchable:W=!1,noOptionsMessage:j="No options",shouldCloseMenuOnSelect:z=!0,shouldControlShowValue:Y=!0,shouldEnableVirtusoDropdown:X=!1,shouldHideSelectedOptions:Z=!1,shouldMatchStringsStartingWith:J=!1,shouldRenderOptionWithCheckbox:Q=!1,shouldShowPlaceholderText:ee=!0,unavailableOptions:te=[],customUnavailableFiltersLabel:ne,selectedDropdownNames:oe})=>{const[ie,ae]=(0,s.useState)(!1),[re,se]=(0,s.useState)("");s.useEffect(()=>{ae(h)},[h]);const le=e=>{const t=e.filter(e=>n?.some(t=>t.value===e.value));return t.length>=100?"99+":t.length},de=B&&0!==le(v)?s.createElement(s.Fragment,null,s.createElement("div",null,C),s.createElement("div",{className:"dropdown__placeholder--count"},le(v))):((e,t,n)=>e&&Object.keys(e).length>0||!n?void 0:t)(o,C,ee),ce={...d,...n?{value:n}:{},className:"dropdown__field",classNamePrefix:"dropdown",components:{...M&&v&&{Menu:K},DropdownIndicator:k||R,...Q&&{Option:F},...m&&{Option:L},...X&&{MenuList:E}},closeMenuOnSelect:z,controlShouldRenderValue:Y,defaultValue:o,hasCount:B,hasEnableGreyout:O,hideSelectedOptions:Z,instanceId:l,isClearable:V,blurInputOnSelect:!1,isDisabled:p,isSearchable:W,isAsyncSelect:m,isMenuOpen:A,isMulti:G,...(M||"boolean"==typeof h)&&{menuIsOpen:ie},...!M&&I&&{onMenuOpen:I},...!M&&N&&{onMenuClose:N},...M&&{onMenuOpen:()=>{ae(!0),I&&I()},onMenuClose:()=>{se(""),ae(!1),N&&N()},handleApply:()=>{se(""),ae(!1),S&&S(n)},handleReset:()=>{const e=c()(n,v,(e,t)=>u()(g()(e,["count"]),g()(t,["count"])));T&&T(e)},isLoading:H,options:v,selectedDropdownNames:oe},name:a,noOptionsMessage:()=>(e=>`${e}`)(j),onChange:f,...M?{onInputChange:(e,t)=>
22466{"input-change"===t.action&&e!==re&&se(e)},inputValue:re}:{onInputChange:w},options:v,unavailableOptions:te,customUnavailableFiltersLabel:ne,placeholder:de,styles:{input:q},hideBackgroundColor:U,isInline:y,...J&&{filterOption:_.fh}};return s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(P.G.RENDER,{name:"Dropdown",variation:x})},[x]),s.createElement(D.FF,{className:i()("dropdown",t,W?"dropdown--async":"dropdown--static"),isInline:y,isDisabled:p,configWidth:$,"data-testid":"dropdown-wrapper"},e&&s.createElement(D.Tw,{className:"dropdown__assistive-label",hasNoPadding:r,configWidth:$},e),m?s.createElement(D.Sr,{"data-testid":"async-dropdown-select",...ce,loadOptions:b}):s.createElement(D.wF,{"data-testid":"dropdown-select",configWidth:$,...ce}))};U.propTypes={assistiveLabel:r().string,className:r().string,configWidth:r().string,customUnavailableFiltersLabel:r().string,defaultValue:r().shape({label:r().string.isRequired,value:r().string}),DropdownIcon:r().func,dropdownInputName:r().string,hasCount:r().bool,hasEnableGreyout:r().bool,hasMenuControls:r().bool,hasMultipleValues:r().bool,hasNoPadding:r().bool,hideBackgroundColor:r().bool,inputAttributes:r().object,instanceId:r().string,isAsyncSelect:r().bool,isClearable:r().bool,isDisabled:r().bool,isDropdownMenuOpen:r().bool,isInline:r().bool,isLoading:r().bool,isMenuOpen:r().bool,isMultiSelect:r().bool,isSearchable:r().bool,loadOptions:r().func,noOptionsMessage:r().string,onFilterApplyCallback:r().func,onFilterResetCallback:r().func,onInputChange:r().func,onKeyUp:r().func,onMenuCloseCallback:r().func,onMenuOpenCallback:r().func,options:r().arrayOf(r().shape({label:r().string.isRequired,value:r().string})).isRequired,placeholderText:r().string,selectedDropdownNames:r().array,selectedValue:r().oneOfType([r().shape({label:r().string.isRequired,value:r().string}),r().arrayOf(r().shape({label:r().string.isRequired,value:r().string}))]),shouldCloseMenuOnSelect:r().bool,shouldControlShowValue:r().bool,shouldEnableVirtusoDropdown:r().bool,shouldHideSelectedOptions:r().bool,shouldMatchStringsStartingWith:r().bool,shouldRenderOptionWithCheckbox:r().bool,shouldShowPlaceholderText:r().bool,unavailableOptions:r().array,value:r().string,variationName:r().string},U.DropdownIndicator=R;const V=U},58293(e,t,n){n.d(t,{FF:()=>c,Sr:()=>h,Tw:()=>m,wF:()=>g});var o=n(38267),i=n(46005),a=n(11541),r=n(26865),s=n(18730),l=n(96472);const{timingButtonDefault:d}=l.L6,c=o.Ay.label.withConfig({displayName:"DropdownWrapper"})` 22467 display: block; 22468 position: relative; 22469 ${({configWidth:e})=>e?`width: ${e}%;`:""} 22470 ${({isDisabled:e})=>e?"cursor: default;\n pointer-events: none;":""} 22471 22472 ${({isInline:e})=>e?`display: flex;\n justify-content: space-between;\n margin-bottom: 0;\n width: 100%;\n @media (min-width: ${l.LO.md}) {\n align-items: center;\n width: max-content;\n }\n .dropdown__assistive-label {\n margin-right: ${(0,r.Kq)(1)};\n padding-bottom: 0;\n }\n `:""} 22473`,m=(0,o.Ay)(s.v).withConfig({displayName:"DropdownName"}).attrs(e=>({as:"span",colorToken:"colors.interactive.base.black",typeToken:"typography.definitions.utility.label",...e}))` 22474 ${({theme:e,typeToken:t})=>(0,r.Gg)(e,t)}; 22475 display: block; 22476 ${({hasNoPadding:e})=>!e&&`padding-bottom: ${(0,r.Kq)(1)};`} 22477 ${({theme:e,colorToken:t})=>(0,r._o)(e,"color",t)}; 22478`,u=o.AH` 22479 .dropdown__value-container { 22480 ${({theme:e})=>(0,r.FM)(e,"active","border")} 22481 ${({theme:e})=>(0,r.FM)(e,"active","background")} 22482 } 22483 22484 .dropdown__placeholder, 22485 .dropdown__single-value { 22486 ${({theme:e})=>(0,r.FM)(e,"active","text")} 22487 } 22488 22489 .dropdown__icon { 22490 svg { 22491 ${({theme:e})=>(0,r.FM)(e,"active","icon")} 22492 } 22493 } 22494`,p=o.AH` 22495 min-width: ${(0,r.Kq)(21)}; 22496 22497 .dropdown--disabled { 22498 cursor: default; 22499 pointer-events: none; 22500 } 22501 22502 .dropdown__assistive-label { 22503 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.label")}; 22504 display: block; 22505 padding-bottom: ${(0,r.Kq)(1)}; 22506 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.black")}; 22507 } 22508 22509 .dropdown__control { 22510 position: relative;
22511 align-items: initial; 22512 border: none; 22513 border-radius: 0; 22514 padding: 0; 22515 width: 100%; 22516 overflow: hidden; 22517 text-align: left; 22518 } 22519 22520 ${({hideBackgroundColor:e})=>e?"\n .dropdown__control,\n .dropdown__value-container {\n background-color: unset;\n }":""} 22521 22522 .dropdown__control--is-focused { 22523 ${u} 22524 } 22525 22526 .dropdown__control--menu-is-open { 22527 box-shadow: none; 22528 } 22529 22530 .dropdown__control--is-disabled { 22531 .dropdown__value-container { 22532 ${({theme:e})=>(0,r.FM)(e,"disabled","border")} 22533 ${({hasEnableGreyout:e,theme:t})=>e?"opacity:0.5":(0,r.FM)(t,"disabled","background")} 22534 } 22535 22536 .dropdown__placeholder, 22537 .dropdown__single-value { 22538 ${({theme:e})=>(0,r.FM)(e,"disabled","text")} 22539 } 22540 22541 .dropdown__icon { 22542 svg { 22543 ${({theme:e})=>(0,r.FM)(e,"disabled","icon")} 22544 } 22545 } 22546 } 22547 22548 .dropdown__value-container { 22549 ${({theme:e})=>(0,r.FM)(e,"normal","border")} 22550 ${({theme:e})=>(0,r.FM)(e,"normal","background")} 22551 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.input-core")}; 22552 display: flex; 22553 align-items: center; 22554 transition-property: background, border; 22555 transition-duration: ${d}; 22556 transition-timing-function: ease-in; 22557 box-shadow: none; 22558 padding: ${(0,r.Kq)(2)} ${(0,r.Kq)(6)} 22559 ${(0,r.Kq)(2)} ${(0,r.Kq)(1)}; 22560 height: 50px; 22561 overflow: hidden; 22562 22563 /* styles the searchable dropdown's input when typing */ 22564 > .css-0:first-child { 22565 ${({theme:e})=>(0,r.FM)(e,"active","text")} 22566 display: inline-block; 22567 position: relative; 22568 top: initial; 22569 transform: none; 22570 margin: 0; 22571 width: 100%; 22572 max-width: 100%; 22573 } 22574 } 22575 22576 .dropdown__value-container--has-value { 22577 ${({theme:e})=>(0,r.FM)(e,"valid","border")} 22578 ${({theme:e})=>(0,r.FM)(e,"valid","background")} 22579 22580 .dropdown__icon { 22581 svg { 22582 ${({theme:e})=>(0,r.FM)(e,"valid","icon")} 22583 } 22584 } 22585 22586 .dropdown__input-container { 22587 position: absolute; 22588 } 22589 } 22590 22591 /* prevent long searchable input string from running into icon container 22592 overrides react-select auto-generated width of input field */ 22593 .dropdown__input { 22594 input { 22595 && { 22596 padding-right: ${(0,r.Kq)(6)}; 22597 } 22598 } 22599 } 22600 22601 .dropdown__placeholder { 22602 position: absolute; 22603 } 22604 22605 .dropdown__placeholder, 22606 .dropdown__single-value { 22607 ${({theme:e})=>(0,r.FM)(e,"normal","text")} 22608 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.input-core")}; 22609 display: inline-block; 22610 top: initial; 22611 transform: none; 22612 transition: color ${d} ease-in; 22613 margin: 0; 22614 max-width: initial; 22615 22616 .dropdown__value-container--has-value & { 22617 ${({theme:e})=>(0,r.FM)(e,"valid","text")} 22618 } 22619 } 22620 22621 .dropdown__indicators { 22622 position: absolute; 22623 top: 0; 22624 right: 0; 22625 bottom: 0; 22626 } 22627 22628 .dropdown__indicator-separator { 22629 width: 0; 22630 } 22631 22632 .dropdown__icon { 22633 top: 50%; 22634 margin-right: ${(0,r.Kq)(2)}; 22635 22636 svg { 22637 ${({theme:e})=>(0,r.FM)(e,"normal","icon")} 22638 width: 10px; 22639 height: 10px; 22640 stroke: black; 22641 stroke-width: 3px; 22642 } 22643 } 22644 22645 .dropdown__menu { 22646 animation: dropdown-menu-fade-in ${d} ease; 22647 margin: 0; 22648 border: 0; 22649 border-radius: 0; 22650 box-shadow: none; 22651 width: 100%; 22652 } 22653 22654 @keyframes dropdown-menu-fade-in { 22655 0% { 22656 opacity: 0; 22657 } 22658 22659 100% { 22660 opacity: 1; 22661 } 22662 } 22663 22664 .dropdown__menu-list { 22665 ${({theme:e})=>(0,r.FM)(e,"normal","border")} 22666 border-top: none; 22667 border-right: none; 22668 border-left: none; 22669 padding: 0; 22670 max-height: ${(0,r.Kq)(20)}; 22671 } 22672 22673 .dropdown__menu-notice, 22674 .dropdown__option { 22675 ${({theme:e})=>(0,r.FM)(e,"normal","border")} 22676 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.input-core")}; 22677 position: relative; 22678 border-top: none; 22679 background-color: transparent; 22680 padding: ${(0,r.Kq)(1)} ${(0,r.Kq)(2)}; 22681 min-height: ${(0,r.Kq)(5)}; 22682 text-align: left; 22683 text-decoration: none; 22684 line-height: unset; 22685 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.black")}; 22686 transition-duration: ${d}; 22687 transition-property: color, background; 22688 transition-timing-function: ease-in; 22689 22690 &::before { 22691 ${({theme:e})=>(0,r.FM)(e,"normal","background")} 22692 } 22693 22694 /* remove last list option border to avoid double border with bottom of menu list */ 22695 &:last-of-type { 22696 border-bottom: 0; 22697 } 22698 22699 &:active, 22700 &:focus, 22701 &:hover { 22702 /* override color provided by react-select */ 22703 background-color: transparent; 22704 } 22705 22706 &:not(.dropdown__option--is-selected):not( 22707 .dropdown__menu-notice--no-options 22708 ) { 22709 &:active::after, 22710 &:focus::after, 22711 &:hover::after { 22712 position: absolute; 22713 top: 0; 22714 left: 0; 22715 opacity: 0.4; 22716 z-index: -1; 22717 ${({theme:e})=>(0,r._o)(e,"background-color","colors.interactive.base.light")}; 22718 width: 100%; 22719 height: 100%; 22720 content: ''; 22721 } 22722 } 22723 } 22724 22725 .css-d7l1ni-option { 22726 /* stylelint-disable declaration-no-important */ 22727 background-color: ${(0,r.HK)("colors.interactive.base.hover")} !important; 22728 /* stylelint-enable declaration-no-important */ 22729 } 22730 22731 :not(.dropdown__option--is-selected) { 22732 &.dropdown__option--is-focused::after { 22733 position: absolute; 22734 top: 0; 22735 left: 0; 22736 opacity: 0.4; 22737 z-index: -1; 22738 ${({theme:e})=>(0,r._o)(e,"background-color","colors.interactive.base.light")}; 22739 width: 100%; 22740 height: 100%; 22741 content: ''; 22742 } 22743 } 22744 22745 .dropdown__option--is-selected::after { 22746 position: absolute; 22747 top: 0; 22748 left: 0; 22749 opacity: 1; 22750 z-index: -1; 22751 ${({theme:e})=>(0,r._o)(e,"background-color","colors.interactive.base.light")}; 22752 width: 100%; 22753 height: 100%; 22754 content: ''; 22755 } 22756`,g=(0,o.Ay)(i.Ay).withConfig({displayName:"DropdownSelect"})` 22757 ${p} 22758 22759 ${({configWidth:e})=>e?"width: 100%;":""} 22760`,h=(0,o.Ay)(a.A).withConfig({displayName:"AsyncDropdownSelect"})` 22761 ${p} 22762 .dropdown__value-container { 22763 font-weight: bold; 22764 } 22765`}
22765,29421(e,t,n){n.d(t,{A:()=>a});var o=n(47655),i=n(18401);i.A.MultipleSelect=(0,o.y)(i.A,"Multiple Select",{},{isMultiSelect:!0,isSearchable:!1}),i.A.MultipleSelectSearchableWithMenuControls=(0,o.y)(i.A,"Multiple Select Searchable with Menu Controls",{},{isMultiSelect:!0,isSearchable:!0,hasCount:!0,hasMenuControls:!0,shouldEnableVirtusoDropdown:!0,shouldMatchStringsStartingWith:!0}),i.A.MultipleSelectWithMenuControls=(0,o.y)(i.A,"Multiple Select Searchable with Menu Controls",{},{isMultiSelect:!0,isSearchable:!1,hasCount:!0,hasMenuControls:!0,shouldEnableVirtusoDropdown:!0}),i.A.Searchable=(0,o.y)(i.A,"Searchable",{},{isSearchable:!0}),i.A.Static=(0,o.y)(i.A,"Static",{},{isSearchable:!1});const a=i.A},1633(e,t,n){n.d(t,{Hf:()=>l,Os:()=>r,_l:()=>s});var o=n(38267),i=n(26865),a=n(73347);const r=o.Ay.div.withConfig({displayName:"FireworkEmbedContainer"})` 22766 margin: ${(0,i.Kq)(5)} auto; 22767 22768 fw-embed-feed { 22769 ${({theme:e})=>(0,i._o)(e,"color","colors.interactive.base.white")}; 22770 22771 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-core-secondary")} 22772 } 22773`,s=o.Ay.blockquote.withConfig({displayName:"FireworkEmbedBlockquote"})` 22774 margin-right: auto; 22775 margin-left: auto; 22776`,l=(0,o.Ay)(a.Ay.TextCenter).withConfig({displayName:"FireworkHed"})``},43222(e,t,n){n.d(t,{A:()=>m});var o=n(5556),i=n.n(o),a=n(96540),r=n(32485),s=n.n(r),l=n(6442),d=n(68766);const c=e=>{const{formatMessage:t}=(0,l.A)(),{className:n,...o}=e;return a.createElement("svg",{className:s()("icon icon-arrow",n),focusable:"false",viewBox:"0 0 8 8",width:"8",height:"8",xmlns:"http://www.w3.org/2000/svg",...o},a.createElement("title",null,t(d.A.arrow)),a.createElement("g",{opacity:".8",clipPath:"url(#a)"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.707 4 4.354.646l-.708.708L5.793 3.5H1v1h4.793L3.646 6.646l.708.708L7.707 4Z",fill:"#000"})),a.createElement("defs",null,a.createElement("clipPath",{id:"a"},a.createElement("path",{fill:"#fff",d:"M0 0h8v8H0z"}))))};c.propTypes={className:i().string};const m=c},81232(e,t,n){n.d(t,{A:()=>m});var o=n(96540),i=n(6442),a=n(5556),r=n.n(a),s=n(32485),l=n.n(s),d=n(68766);const c=e=>{const{formatMessage:t}=(0,i.A)(),{className:n,...a}=e;return o.createElement("svg",{className:l()(n,"icon icon-chevron"),focusable:"false",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",...a},o.createElement("title",null,t(d.A.chevron)),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.53 3.53 6 9.06.47 3.53l1.06-1.06L6 6.94l4.47-4.47 1.06 1.06Z"}))};c.propTypes={className:r().string};const m=c},15571(e,t,n){n.d(t,{A:()=>d});var o=n(5556),i=n.n(o),a=n(96540),r=n(52327),s=n(53499);const l=({className:e,items:t,isMusicReview:n=!1,infoSliceHed:o,variations:i={shouldContentWrap:!1,hasCustomPadding:!1,showHed:!1},variationName:l})=>{if(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"InfoSlice",variation:l})},[l]),!t||0===t.length)return null;const{shouldContentWrap:d,hasCustomPadding:c,showHed:m}=i;return a.createElement(r.Q9,{className:e,"data-testid":"InfoSliceList"},m&&o&&a.createElement(r.Yc,{"data-testid":"InfoSliceHed"},o),a.createElement(r.Ni,{isMusicReview:n,hasCustomPadding:c},t.map(e=>{const{key:t,value:n}=e;return t&&n?a.createElement(r.Wh,{hasCustomPadding:c,key:t.toString().toLowerCase()},a.createElement(r.K$,{hasCustomPadding:c},a.createElement(r.Qv,{shouldContentWrap:d},t),a.createElement(r.Wx,null,n))):null})))};l.propTypes={className:i().string,infoSliceHed:i().string,isMusicReview:i().bool,items:i().arrayOf(i().shape({key:i().string,value:i().string})),variationName:i().string,variations:i().shape({shouldContentWrap:i().bool,hasCustomPadding:i().bool,showHed:i().bool})};const d=l},74400(e,t,n){n.d(t,{A:()=>a});var o=n(47655),i=n(15571);i.A.displayName="InfoSlice",i.A.Default=(0,o.y)(i.A,"Default",{}),i.A.WithHed=(0,o.y)(i.A,"WithHed",{shouldContentWrap:!0,hasCustomPadding:!0,showHed:!0});const a=i.A},52327(e,t,n){n.d(t,{K$:()=>c,Ni:()=>u,Q9:()=>g,Qv:()=>d,Wh:()=>m,Wx:()=>l,Yc:()=>p});var o=n(38267),i=n(26865),a=n(18608),r=n(96472),s=n(99906);const l=(0,o.Ay)(a.vm).withConfig({displayName:"InfoSliceValue"}).attrs(e=>({colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 22777 display: table-cell; 22778 vertical-align: top; 22779`,d=(0,o.Ay)(a.vm).withConfig({displayName:"InfoSliceKey"}).attrs(e=>({colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.globalEditorial.context-title",...e}))` 22780 display: table-cell; 22781 padding-right: ${(0,i.Kq)(1)}; 22782 vertical-align: top; 22783 ${({shouldContentWrap:e})=>e&&"white-space: nowrap;"} 22784`,c=o.Ay.div.withConfig({displayName:"InfoSliceItem"})` 22785 display: table; 22786 align-items: center; 22787 padding: ${(0,i.Kq)(.5)} 0; 22788`,m=o.Ay.li.withConfig({displayName:"InfoSliceListItem"})` 22789 @media (max-width: ${s.VS.md}px) { 22790 ${({hasCustomPadding:e})=>!e&&"margin: 0 auto;"} 22791 } 22792 @media (min-width: ${r.LO.md}) { 22793 margin-right: ${(0,i.Kq)(3)}; 22794 22795 &:last-child { 22796 margin-right: ${(0,i.Kq)(0)}; 22797 } 22798 } 22799`,u=o.Ay.ul.withConfig({displayName:"InfoSliceList"})` 22800 display: flex; 22801 flex-direction: column; 22802 margin: 0; 22803 border-width: 2px 0 0; 22804 border-style: solid; 22805 padding: ${(0,i.Kq)(1.5)} 0; 22806 ${({theme:e})=>(0,i._o)(e,"border-color","colors.consumption.body.standard.divider")}; 22807 ${({hasCustomPadding:e})=>e&&`\n padding: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(1)} 0;\n `} 22808 list-style: none; 22809 22810 @media (min-width: ${r.LO.md}) { 22811 flex-direction: row; 22812 flex-wrap: wrap; 22813 align-items: center; 22814 ${({isMusicReview:e})=>e&&"\n justify-content: center;\n border-width: 0 0 0;"} 22815 } 22816 ${({isMusicReview:e})=>e&&"\n justify-content: center;\n border-width: 0 0 0;"} 22817`,p=(0,o.Ay)(a.vm).withConfig({displayName:"InfoSliceHed"}).attrs(e=>({as:"h2",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))` 22818 padding-bottom: ${(0,i.Kq)(2)}; 22819 ${({theme:e})=>(0,i._o)(e,"border-color","colors.consumption.body.standard.divider")}; 22820`,g=o.Ay.div.withConfig({displayName:"InfoSliceWrapper"})``},63486(e,t,n){n.d(t,{M:()=>r});var o=n(38267),i=n(96472),a=n(26865);const r=o.Ay.a.withConfig({displayName:"InternalLinkEmbedWrapper"})` 22821 transition: color ${i.L6.timingLinkDefault} ease; 22822 ${({theme:e})=>(0,a.pe)(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover")} 22823`},95308(e,t,n){n.d(t,{A:()=>O});var o=n(96540),i=n(5556),a=n.n(i),r=n(6442),s=n(53499),l=n(38267),d=n(18608),c=n(26865),m=n(96472),u=n(16631);const p=l.Ay.div.withConfig({displayName:"ListenerScoreCircularWrapper"})` 22824 ${u.Vs} { 22825 border: ${(0,c.Kq)(.375)} solid 22826 ${(0,c.HK)("colors.interactive.base.black")}; 22827 width: ${(0,c.Kq)(9.25)}; 22828 height: ${(0,c.Kq)(9.25)}; 22829 box-sizing: border-box; 22830 22831 &::before { 22832 position: absolute; 22833 top: ${(0,c.Kq)(.375)}; 22834 right: ${(0,c.Kq)(.375)}; 22835 bottom: ${(0,c.Kq)(.375)}; 22836 left: ${(0,c.Kq)(.375)}; 22837 border: ${(0,c.Kq)(.375)} solid 22838 ${(0,c.HK)("colors.interactive.base.black")}; 22839 border-radius: 50%; 22840 content: ''; 22841 } 22842 } 22843 22844 ${u.El} { 22845 ${(0,c.Gg)("typography.definitions.consumptionEditorial.subhed-break-secondary")}; 22846 } 22847 22848 &.blurred ${u.El} { 22849 filter: blur(10px); 22850 } 22851`,g=l.Ay.div.withConfig({displayName:"ListenerScoreTextContainer"})` 22852 display: flex; 22853 flex: 1; 22854 flex-direction: column; 22855 min-width: 0; 22856 gap: ${(0,c.Kq)(.5)}; 22857`,h=l.Ay.div.withConfig({displayName:"ListenerScoreWrapper"})` 22858 display: flex; 22859 position: relative; 22860 margin: ${(0,c.Kq)(3)} 0; 22861 gap: auto; 22862 22863 ${({hasHeader:e,theme:t})=>e?`\n flex-direction: column;
22863\n align-items: stretch;\n padding: 0;\n\n border: ${(0,c.Kq)(.25)} solid ${(0,c.HK)(t,"colors.interactive.base.black")};\n\t border-radius: ${(0,c.Kq)(.625)};\n overflow: hidden;\n background-color: ${(0,c.HK)(t,"colors.interactive.base.white")};\n `:`\n flex-direction: row;\n align-items: center;\n padding: ${(0,c.Kq)(2)} 0;\n\n @media (min-width: ${m.LO.md}) {\n flex-direction: row-reverse;\n gap: ${(0,c.Kq)(3)};\n }\n\n @media (max-width: calc(${m.LO.md} - 1px)) {\n margin: ${(0,c.Kq)(4)} 0;\n\n border: 2px;\n border-style: none;\n\n ${({theme:e})=>(0,c._o)(e,"border-color","colors.consumption.body.standard.divider")};\n }\n `} 22864`,y=(0,l.Ay)(d.vm).withConfig({displayName:"ListenerScoreLabel"})` 22865 ${(0,c.Gg)("typography.definitions.globalEditorial.context-title")}; 22866 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.body.standard.body")}; 22867`,b=(0,l.Ay)(d.vm).withConfig({displayName:"ListenerScoreCounts"})` 22868 display: inline-block; 22869 cursor: pointer; 22870 width: fit-content; 22871 text-decoration: underline; 22872 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.standard.accreditation")}; 22873 ${(0,c.Gg)("typography.definitions.globalEditorial.accreditation-core")} 22874 22875 &:hover, 22876 &:focus { 22877 text-decoration: none; 22878 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.body.standard.link-hover")}; 22879 } 22880`,f=(0,l.Ay)(d.vm).withConfig({displayName:"ListenerScoreThresholdText"})` 22881 display: inline-block; 22882 cursor: pointer; 22883 width: fit-content; 22884 text-decoration: underline; 22885 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.standard.accreditation")}; 22886 ${(0,c.Gg)("typography.definitions.globalEditorial.accreditation-core")} 22887 22888 &:hover, 22889 &:focus { 22890 text-decoration: none; 22891 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.body.standard.link-hover")}; 22892 } 22893`,w=l.Ay.div.withConfig({displayName:"ListenerScoreSubscriptionLockWrapper"})``,$=(0,l.Ay)(d.sH).withConfig({displayName:"ListenerScoreSubscriptionLockLink"})` 22894 display: flex; 22895 align-items: center; 22896 gap: ${(0,c.Kq)(1)}; 22897 border: none; 22898 border-radius: 8px; 22899 background: ${({theme:e})=>(0,c.HK)(e,"colors.background.light")}; 22900 padding: ${(0,c.Kq)(1)} ${(0,c.Kq)(1.5)}; 22901 width: fit-content; 22902 height: 36px; 22903 text-decoration: none; 22904 ${(0,c.Gg)("typography.definitions.utility.pricing-secondary")}; 22905 ${({theme:e})=>(0,c._o)(e,"color","colors.interactive.base.black")}; 22906`,v=l.Ay.div.withConfig({displayName:"ListenerScoreHeader"})` 22907 background-color: ${(0,c.HK)("colors.interactive.base.black")}; 22908 padding: ${(0,c.Kq)(1.5)} ${(0,c.Kq)(2)}; 22909 ${(0,c.Gg)("typography.definitions.globalEditorial.context-title")}; 22910 color: ${(0,c.HK)("colors.interactive.base.white")}; 22911`,C=l.Ay.div.withConfig({displayName:"ListenerScoreTextWrapper"})` 22912 display: flex; 22913 flex-direction: row-reverse; 22914 align-items: center; 22915 cursor: pointer; 22916 padding: ${(0,c.Kq)(2)}; 22917 gap: ${(0,c.Kq)(2)}; 22918`,k=l.Ay.div.withConfig({displayName:"ListenerScoreWithHeaderTextWrapper"})` 22919 &&&& p { 22920 margin: ${(0,c.Kq)(.5)}; 22921 } 22922`,A=(0,l.Ay)(d.vm).withConfig({displayName:"ListenerScoreWithHeaderTextTop"})` 22923 ${(0,c.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 22924 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.standard.accreditation")}; 22925 text-transform: unset; 22926`,x=(0,l.Ay)(d.vm).withConfig({displayName:"ListenerScoreWithHeaderTextBottom"})` 22927 ${(0,c.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 22928 text-transform: uppercase; 22929 text-decoration: underline; 22930 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.standard.accreditation")}; 22931 font-weight: bold; 22932 22933 &:hover, 22934 &:focus { 22935 text-decoration: none; 22936 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.body.standard.link-hover")}; 22937 } 22938`;const E=(0,n(72267).YK)({listenerScoreLabel:{id:"ListenerScore.listenerScoreLabel",defaultMessage:"Reader Score",description:"Label for the aggregate user score"},ratingCount:{id:"ListenerScore.ratingCount",defaultMessage:"Based on {count} readers",description:"Number of user ratings that contributed to the score"},availableAfterScores:{id:"ListenerScore.availableAfterScores",defaultMessage:"Available after {count} scores",description:"Text shown when minimum rating threshold is not met"},noScoreYet:{id:"ListenerScore.noScoreYet",defaultMessage:"No score yet, be the first to add.",description:"Text shown when there are no ratings yet"},subscribeToSee:{id:"ListenerScore.subscribeToSee",defaultMessage:"Subscribe to see",description:"Text for subscription lock when user is not subscribed"},reviewCountBasedOff:{id:"ListenerScore.reviewCountBasedOff",defaultMessage:"Based off",description:"First line of review count text (header variation)"},reviewCountNumber:{id:"ListenerScore.reviewCountNumber",defaultMessage:"{count} REVIEWS",description:"Second line of review count text with number (header variation)"}});var S=n(7285),L=n(67198),T=n(63208),N=n(75454),H=n(85554),I=n(89957);const B=({averageRating:e=0,className:t,configuredComponentRef:n,hasHeader:i=!1,isSubscribed:a=!0,minRatingThreshold:l=5,subscriptionUrl:d,totalRatings:c=null,trackSubscriptionLockImpression:m=!1})=>{o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"ListenerScore"})},[]);const{formatMessage:u}=(0,r.A)(),B=window.innerWidth>1023,O=Number(e).toFixed(1),K=o.useCallback(()=>(0,L.A)(".CommentingMainContent"),[]);(0,I.ol)(`.${H.i7.SUBSCRIBE_TO_SEE_BUTTON}`,void 0,(e,t)=>{!a&&d&&e&&m&&((0,N.cj)({source:(0,N.el)(d),subject:"community_subscribe",label:u(E.subscribeToSee)},"impression"),t())},[a,d,m]);const D=(e,t={})=>o.createElement(e,{...t},u(E.listenerScoreLabel));return o.createElement(h,{ref:n,className:t,"data-testid":"ListenerScore",isDesktop:B,hasHeader:i},i&&D(v,{"data-testid":"ListenerScoreHeader"}),(()=>{const{rating:e,textComponent:t,textProps:n,message:r,isSubscriptionLock:s}=(()=>
22938{if(!a)return{rating:O,textComponent:$,textProps:{"data-testid":"ListenerScoreSubscriptionLock"},message:u(E.subscribeToSee),isSubscriptionLock:!0};if(null===c||0===c)return{rating:"-",textComponent:f,textProps:{"data-testid":"ListenerScoreNoScoreText"},message:u(E.noScoreYet)};if(c<l)return{rating:"-",textComponent:f,textProps:{"data-testid":"ListenerScoreThresholdText"},message:u(E.availableAfterScores,{count:l})};if(i)return{rating:O,textComponent:()=>o.createElement(k,{onClick:K,"data-testid":"ListenerScoreForHeader"},o.createElement(A,null,u(E.reviewCountBasedOff)),o.createElement(x,null,u(E.reviewCountNumber,{count:c})))};return{rating:O,textComponent:b,textProps:{"data-testid":"ListenerScoreCounts"},message:u(E.ratingCount,{count:c})}})(),m=i?C:o.Fragment;return o.createElement(m,null,o.createElement(g,{isDesktop:B},!i&&D(y,{"data-testid":"ListenerScoreLabel"}),s?o.createElement(w,null,o.createElement(t,{href:d,target:"_blank",rel:"noopener noreferrer",className:H.i7.SUBSCRIBE_TO_SEE_BUTTON,onClick:()=>{(0,N.cj)({label:r,subject:"community_subscribe",source:(0,N.el)(d)},"click")},...n},o.createElement(T.A,null),r)):o.createElement(t,{onClick:K,...n},r)),o.createElement(p,null,o.createElement(S.A,{enableBlur:!0,rating:e,"data-testid":"ListenerScoreValue"})))})())};B.propTypes={configuredComponentRef:a().func,averageRating:a().number,className:a().string,isSubscribed:a().bool,minRatingThreshold:a().number,totalRatings:a().number,hasHeader:a().bool,subscriptionUrl:a().string,trackSubscriptionLockImpression:a().bool};const O=B},86286(e,t,n){n.d(t,{CY:()=>s,g3:()=>r,rL:()=>l});var o=n(38267),i=n(26865);const a=o.i7` 22939 0% { 22940 transform: rotate(0deg); 22941 } 22942 22943 100% { 22944 transform: rotate(360deg); 22945 } 22946`,r=o.Ay.svg.withConfig({displayName:"CircleWrapper"})` 22947 path { 22948 transform-origin: 50% 50%; 22949 animation: ${a} 1.2s linear infinite; 22950 } 22951`,s=o.Ay.svg.withConfig({displayName:"VogueWrapper"})` 22952 animation: rotate 2s linear infinite; 22953 width: 36px; 22954 height: 32px; 22955 22956 & .path { 22957 stroke: #5652bf; 22958 stroke-linecap: round; 22959 animation: dash 1.5s ease-in-out infinite; 22960 } 22961 22962 @keyframes E_o { 22963 0% { 22964 opacity: 0; 22965 } 22966 22967 80.5556% { 22968 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); 22969 opacity: 0; 22970 } 22971 22972 83.3333% { 22973 opacity: 1; 22974 } 22975 22976 97.2222% { 22977 animation-timing-function: cubic-bezier(0.42, 0, 1, 1); 22978 opacity: 1; 22979 } 22980 22981 100% { 22982 opacity: 0; 22983 } 22984 } 22985 @keyframes U_o { 22986 0% { 22987 opacity: 0; 22988 } 22989 22990 63.8889% { 22991 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); 22992 opacity: 0; 22993 } 22994 22995 66.6667% { 22996 opacity: 1; 22997 } 22998 22999 80.5556% { 23000 animation-timing-function: cubic-bezier(0.42, 0, 1, 1); 23001 opacity: 1; 23002 } 23003 23004 83.3333% { 23005 opacity: 0; 23006 } 23007 23008 100% { 23009 opacity: 0; 23010 } 23011 } 23012 @keyframes G_o { 23013 0% { 23014 opacity: 0; 23015 } 23016 23017 47.2222% { 23018 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); 23019 opacity: 0; 23020 } 23021 23022 50% { 23023 opacity: 1; 23024 } 23025 23026 63.8889% { 23027 animation-timing-function: cubic-bezier(0.42, 0, 1, 1); 23028 opacity: 1; 23029 } 23030 23031 66.6667% { 23032 opacity: 0; 23033 } 23034 23035 100% { 23036 opacity: 0; 23037 } 23038 } 23039 @keyframes O_o { 23040 0% { 23041 opacity: 0; 23042 } 23043 23044 30.5556% { 23045 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); 23046 opacity: 0; 23047 } 23048 23049 33.3333% { 23050 opacity: 1; 23051 } 23052 23053 47.2222% { 23054 animation-timing-function: cubic-bezier(0.42, 0, 1, 1); 23055 opacity: 1; 23056 } 23057 23058 50% { 23059 opacity: 0; 23060 } 23061 23062 100% { 23063 opacity: 0; 23064 } 23065 } 23066 @keyframes V_o { 23067 0% { 23068 opacity: 0; 23069 } 23070 23071 13.8889% { 23072 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); 23073 opacity: 0; 23074 } 23075 23076 16.6667% { 23077 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); 23078 opacity: 1; 23079 } 23080 23081 30.5556% { 23082 animation-timing-function: cubic-bezier(0.42, 0, 1, 1); 23083 opacity: 1; 23084 } 23085 23086 33.3333% { 23087 opacity: 0; 23088 } 23089 23090 100% { 23091 opacity: 0; 23092 } 23093 } 23094`,l=o.Ay.div.withConfig({displayName:"LoaderWrapper"})` 23095 padding-top: ${(0,i.Kq)(6)}; 23096 text-align: center; 23097`},8070(e,t,n){n.d(t,{G7:()=>p,O$:()=>m,UX:()=>c,_C:()=>u,d2:()=>l,px:()=>d});var o=n(38267),i=n(26865),a=n(73730),r=n(96472);const s=a.A,l=o.Ay.div.withConfig({displayName:"MessageBannerWrapper"})` 23098 ${({shouldShowCloseButton:e})=>e&&"display: flex;"} 23099 23100 ${({hasBorderRadius:e})=>e&&`border-radius: ${(0,i.Kq)(1)};`} 23101 23102 ${({theme:e})=>(0,i._o)(e,"background","colors.interactive.base.white")}; 23103 ${({theme:e})=>(0,i._o)(e,"border-color","colors.consumption.body.standard.divider")}; 23104 23105 ${({isDisclaimer:e})=>!e&&`\n border-width: 1px;\n border-style: solid;\n box-sizing: border-box;\n padding: ${(0,i.Kq)(1.5,"px")}
23105 ${(0,i.Kq)(2,"px")};\n ${(0,i.H4)(r.LO.md)} {\n padding: ${(0,i.Kq)(2,"px")};\n }\n `} 23106 23107 ${({isDisclaimer:e,position:t})=>e&&`\n display: flex;\n position: fixed;\n top: 50px;\n right: 50px;\n bottom: 50px;\n left: 50px;\n flex-direction: row;\n align-items: flex-start;\n margin: auto;\n margin-right: auto;\n margin-left: auto;\n border-width: 1px;\n border-style: solid;\n padding: 0;\n width: ${(0,i.Kq)(87.5,"px")};\n height: fit-content;\n box-sizing: border-box;\n @media (max-width: 768px) {\n right: ${(0,i.Kq)(3,"px")};\n left: ${(0,i.Kq)(3,"px")};\n width: auto;\n top: 120px;\n }\n ${(({position:e,isDisclaimer:t})=>{if(t)switch(e){case"top-right":return"\n \n top: 156px;\n @media (max-width: 1023px) {\n top: 132px;\n }\n\n @media (max-width: 768px) {\n right: 16px;\n left: auto;\n width: 80%\n }\n @media (max-width: 550px) {\n right: 16px;\n left: auto;\n width: 90%;\n }\n right: 16px;\n left: auto;\n margin: 0;\n ";case"top-left":return"\n \n top: 156px;\n @media (max-width: 1023px) {\n top: 132px;\n }\n\n @media (max-width: 768px) {\n right: auto;\n left: 16px;\n width: 80%\n }\n @media (max-width: 550px) {\n right: auto;\n left: 16px;\n width: 90%;\n }\n \n left: 16px;\n right: auto;\n margin: 0;\n ";case"top-centre":return"\n \n top: 156px;\n @media (max-width: 1023px) {\n top: 132px;\n }\n\n @media (max-width: 768px) {\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n width: 80%\n }\n @media (max-width: 550px) {\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n width: 90%;\n }\n left: 50%;\n transform: translateX(-50%);\n right: auto;\n margin: 0;\n ";default:return""}return""})({position:t,isDisclaimer:e})}\n `} 23108 23109 ${({hasBoxShadow:e})=>e&&"\n box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);\n "} 23110 ${({isFixed:e})=>e?`\n align-items: center;\n min-height: ${(0,i.Kq)(7)};\n z-index: 1000;\n `:""} 23111`,d=o.Ay.div.withConfig({displayName:"MessageBannerContent"})` 23112 margin: 0; 23113 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.lead.standard.context-tertiary")}; 23114 ${({isDisclaimer:e})=>!e&&"\n width: 100%;\n overflow-wrap: break-word;\n "} 23115 23116 ${({isDisclaimer:e})=>e&&`\n margin: ${(0,i.Kq)(3,"px")} 0 ${(0,i.Kq)(3,"px")}\n ${(0,i.Kq)(3,"px")};\n width: 100%;\n overflow-wrap: break-word;\n line-height: ${(0,i.Kq)(2,"px")};\n font-size: ${(0,i.Kq)(1.5,"px")};\n font-style: normal;\n ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.assistive-text")}\n color: ${(0,i.HK)("colors.consumption.lead.standard.context-tertiary")} !important;\n `} 23117 ${({theme:e,shouldUseDescriptionToken:t})=>t?(0,i.Gg)(e,"typography.definitions.consumptionEditorial.description-core"):(0,i.Gg)(e,"typography.definitions.utility.assistive-text")} 23118 23119 a:link, a:visited, a:active { 23120 text-decoration: underline; 23121 color: ${(0,i.HK)("colors.consumption.lead.standard.context-tertiary")}; 23122 } 23123 23124 text-align: ${({contentAlign:e})=>e}; 23125 /* 23126 * This is used for the redirect message. It might be that in the future we 23127 * would prefer to include it in the context only. This is to make the child 23128 * content sit flush to the padding at the top and bottom. 23129 */ 23130 > *:first-child { 23131 margin-top: 0; 23132 } 23133 23134 > *:last-child { 23135 margin-bottom: 0; 23136 } 23137`,c=(0,o.Ay)("div").withConfig({displayName:"MessageBannerTitle"})` 23138 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.consumptionEditorial.description-feature")}; 23139 padding: ${(0,i.Kq)(2,"px")} 0; 23140 width: 100%; 23141 text-align: ${({contentAlign:e})=>e}; 23142 line-height: ${(0,i.Kq)(3.5,"px")}; 23143`,m=(0,o.Ay)(s).withConfig({displayName:"MessageBannerCloseButton"})` 23144 ${({shouldOrderCloseButtonLast:e})=>e&&"order: 1;"} 23145 align-self: flex-start; 23146 margin: ${(0,i.Kq)(2,"px")}; 23147 border-width: 0; 23148 width: 0; 23149 min-width: 0; 23150 height: 0; 23151 23152 .icon-close { 23153 padding: 8px; 23154 } 23155 23156 svg { 23157 max-width: fit-content; 23158 } 23159 23160 svg path { 23161 fill: black; 23162 } 23163`,u=(0,o.Ay)(s).withConfig({displayName:"MessageBannerCTA"})``,p=o.AH` 23164 display: flex; 23165 position: fixed; 23166 bottom: calc(env(safe-area-inset-bottom, 0px) + ${(0,i.Kq)(2.5)}); 23167 left: 50%; 23168 flex-direction: row; 23169 align-items: center; 23170 gap: ${(0,i.Kq)(1)}; 23171 transform: translateX(-50%); 23172 z-index: ${(0,i.fl)("hyperstitialLayer")}; 23173 border: 2px solid; 23174 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 23175 padding: ${(0,i.Kq)(.5)} ${(0,i.Kq)(2)}; 23176 width: calc(100vw - ${(0,i.Kq)(4)}); 23177 height: ${(0,i.Kq)(7)}; 23178 ${({theme:e})=>(0,i._o)(e,"border-color","colors.interactive.base.light")}; 23179 ${({theme:e})=>(0,i._o)(e,"background","colors.interactive.base.white")}; 23180 23181 @media (min-width: ${r.LO.md}) { 23182 right: ${(0,i.Kq)(8)}; 23183 bottom: ${(0,i.Kq)(8)}; 23184 left: unset; 23185 transform: unset; 23186 width: 351px; 23187 } 23188 23189 ${d} { 23190 display: flex; 23191 flex: 1; 23192 flex-direction: column; 23193 justify-content: center; 23194 min-width: 0; 23195 height: 100%; 23196 } 23197 23198 ${u} { 23199 position: absolute; 23200 right: ${(0,i.Kq)(1)}; 23201 padding: 0; 23202 23203 @media (min-width: ${r.LO.md}) { 23204 min-width: auto; 23205 } 23206 } 23207`},97624(e,t,n){n.d(t,{A:()=>f});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(6442),l=n(28828),d=n(69657),c=n(53499),m=n(38267),u=n(96472);const p=m.Ay.div.withConfig({displayName:"NativeShareIconWrapper"})` 23208 display: flex; 23209 23210 ${({shouldUseAlternativeIconStyle:e})=>e&&"\n width: 38px;\n height: 38px;\n "} 23211 path { 23212 transition: fill ${u.L6.timingButtonDefault} ease-in; 23213 fill: currentColor; 23214 } 23215`;var g=n(73730);const h=(0,n(72267).YK)({buttonTitle:{id:"NativeShareButton.ButtonTitle",defaultMessage:"Share",description:"Native Share Button component button title text",isConfigurable:!0}}
23215),y=({buttonTitle:e,configuredComponentRef:t,hasDarkBackground:n,parentCallBack:o,shareCallback:i,shareData:a,showOnlyIcon:m=!1,shouldUseAlternativeIconStyle:u=!1,theme:y})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(c.G.RENDER,{name:"NativeShareButton"})},[]);const{formatMessage:b}=(0,s.A)(),[f,w]=(0,r.useState)(!1),$=u?d.A:l.A,v="inverted"===y?g.A.UtilityInverted:g.A.Utility;(0,r.useEffect)(()=>{o&&o(f)},[f,o]);const C=async(e,t)=>{if(!Object.keys(e||{}).length||!navigator?.share)return!1;let n=null;try{await navigator.share(e)}catch(e){n=e?.message}return"function"==typeof t&&t({type:"native-sharing",error:n}),!0},k=e=>{e&&!navigator?.share&&w(!f)};return m?r.createElement(p,{hasDarkBackground:n,shouldUseAlternativeIconStyle:u},r.createElement($,{onIconClick:()=>{k(o),C(a,i)},onKeyDown:e=>{13===e.keyCode&&(k(o),C(a,i))},tabIndex:"0"})):r.createElement(v,{ref:t,onClickHandler:()=>{C(a,i),k(o)},btnStyle:"outlined",label:e||b(h.buttonTitle),iconPosition:"before",hasEnableIcon:!0,hasDarkBackground:n,ButtonIcon:()=>r.createElement(p,{hasDarkBackground:n,shouldUseAlternativeIconStyle:u},r.createElement($,null))})};y.propTypes={configuredComponentRef:a().func,buttonTitle:a().string,hasDarkBackground:a().bool,parentCallBack:a().func,shareCallback:a().func,shareData:a().object.isRequired,shouldUseAlternativeIconStyle:a().bool,showOnlyIcon:a().bool,theme:a().oneOf(["standard","inverted","special"])},y.displayName="NativeShareButton";const b=y,f=(0,o.y)(b,"NativeShareButton")},7307(e,t,n){n.d(t,{A:()=>o});const o={alpha:{list:[{conditions:{name:"chunked-article-content","payment.form":""},properties:{shouldTruncate:!0}},{conditions:{name:"chunked-gallery-content","payment.form":""},properties:{shouldTruncate:!0}}],names:["chunked-article-content","chunked-gallery-content"]},beta:{defaults:{isVisible:!1},list:[{conditions:{name:"incognito-modal","payment.form":"sample","user.isAuthenticated":!1,"browser.incognitoMode":!0},properties:{position:"incognito-modal-call-to-action"}},{conditions:{name:"chunked-article-content","payment.form":""},properties:{shouldTruncate:!0}},{conditions:{name:"chunked-article-content","payment.form":"sample","user.isAuthenticated":!1,"browser.incognitoMode":!0},properties:{shouldTruncate:!0}},{conditions:{name:"chunked-gallery-content","payment.form":""},properties:{shouldTruncate:!0}},{conditions:{name:"chunked-gallery-content","payment.form":"sample","user.isAuthenticated":!1,"browser.incognitoMode":!0},properties:{shouldTruncate:!0}}],names:["incognito-modal","chunked-article-content","chunked-gallery-content"]}}},45102(e,t,n){n.d(t,{A:()=>m});var o=n(40860),i=n.n(o),a=n(55378),r=n.n(a),s=n(87612),l=n.n(s),d=n(58156),c=n.n(d);const m={execute:function(e,t){const n=l()(e.list,function(e){return i()(e.conditions,(e,n,o)=>e&&c()(t,o)===n,!0)}),o=r()(n,"properties");return Object.assign({},e.defaults,t,...o)}}},74148(e,t,n){n.d(t,{C1:()=>l,J9:()=>y,MJ:()=>d,MO:()=>f,T3:()=>u,Uc:()=>h,Vi:()=>$,X0:()=>p,aH:()=>g,aU:()=>c,eH:()=>b,ps:()=>s,qp:()=>w,uA:()=>r,x4:()=>C,xZ:()=>m});var o=n(96540),i=n(65947),a=n(25203);const r=(e,t)=>{if(e&&t){const n=(0,i.h)(e),o=(0,i.h)(t);if(null!==n&&null!==o&&n>0){const e=(n-o)/n*100,t=Math.round(e);return t>=100?null:t}}return null},s=e=>!e,l=(e,t)=>e&&!t,d=(e,t)=>e&&t,c=(e,t)=>null!==t&&(!!e&&""!==e.trim()),m=e=>e,u=e=>!!e,p=(e,t,n,o,i)=>{const{price:s,reducedPrice:l,showDiscountPercentLabel:d,sellerName:c,hasCheckPriceFeature:m,showSellerNameBelowPrice:u,showPriceOnButton:p,hasPriceSection:g,defaultTextForEmbedSize:h,defaultCTAText:y,ctaAtRetailerName:b,hasMultipleLines:f,shouldConsiderPriceText:w,showOfferUrl:$,offerUrl:v,ctaHref:C,isActionIdEnabledForComponent:k,component:A,onClickHandler:x,gtmTrackOnClick:E,position:S,isVenueOffer:L=!1}=e,T=r(s,l),N=()=>((e,t,n,o)=>!e||"number"!=typeof t||isNaN(t)||t<=0?"":` <span>(${n(o.productOfferDiscountPercentageLabel,{percentage:t})})</span>`)(d,T,t,n),H=((e,t,n,o)=>t?`<del>${e}</del> <span>${t}</span>${n?o():""}`:`<span>${e}</span>`)(s,l,d,N);const I=e=>((e,t,n,o,i,a=!1)=>a?((e,t,n,o,i)=>t?n?`${e} <p class="price-above-seller-name">${o(i.productOfferHotelCheckAvailabilityString,{sellerName:t})}</p>`:`<p>${o(i.productOfferHotelCheckAvailabilityString,{sellerName:t})}</p>`:n?`${e} <p>${o(i.productOfferHotelCheckAvailabilityDefaultCTA)}</p>`:o(i.productOfferHotelCheckAvailabilityDefaultCTA))(e,t,n,o,i):((e,t,n,o,i)=>t?n?`${e} <p class="price-above-seller-name">${t}</p>`:`<p>
23215${o(i.productOfferVariationSellerNameString)}</p><p class="price-above-seller-name">${t}</p>`:n?`${e} <p>${o(i.productOffeVariationrDefaultCTA)}</p>`:`<p>${o(i.productOffeVariationrDefaultCTA)}</p>`)(e,t,n,o,i))(e,c,s,t,n,L),B=e=>(e=>{const{priceText:t,hasCheckPriceFeature:n,sellerName:o,showSellerNameBelowPrice:i,showPriceOnButton:a,price:r,hasPriceSection:s,defaultTextForEmbedSize:l,defaultCTAText:d,ctaAtRetailerName:c,hasMultipleLines:m,shouldConsiderPriceText:u,formatMessage:p,translations:g,getCtaTextForSellerBelowPriceVariationFn:h}=e,y=((e,t,n,o)=>e&&t?n(o.productOfferCheckPriceString,{sellerName:t}):null)(n,o,p,g);if(y)return y;if(i)return h(t,o,r,p,g);const b=((e,t,n,o,i,a)=>!e||!t&&!n||o?i||a:null)(a,r,o,s,l,d);if(b)return b;const f=((e,t,n,o,i,a,r)=>e&&!t?a(r.productOfferPriceString,{priceValue:n||o,sellerName:e}):i||t?null:a(r.productOfferPriceString,{priceValue:o,sellerName:e}))(o,r,c,d,l,p,g);if(f)return f;const w=((e,t,n,o,i,a)=>e?null:t?i(a.productOfferDefaultPriceString,{priceValue:`${n}`,sellerName:o}):`${n}`)(o,m,t,d,p,g);return w||(l&&!r&&o?o:p(r&&u?g.productOfferDefaultPriceString:g.productOfferPriceString,{priceValue:t,sellerName:o}))})({priceText:e,hasCheckPriceFeature:m,sellerName:c,showSellerNameBelowPrice:u,showPriceOnButton:p,price:s,hasPriceSection:g,defaultTextForEmbedSize:h,defaultCTAText:y,ctaAtRetailerName:b,hasMultipleLines:f,shouldConsiderPriceText:w,formatMessage:t,translations:n,getCtaTextForSellerBelowPriceVariationFn:I}),O=B(H),K=e=>((e,t,n)=>e?t:n)(e,v,C),D=K($),{isCnastLink:_,enableActionIdMapping:P}=(0,a.Vy)(D,k);return{finalPrice:H,ctaText:O,getUrlFn:K,getAriaIdFn:()=>(e=>e.replace(/(<([^>]+)>)/gi,"").replace(/ /g,""))(B(l||s)),handleClickFn:e=>{const t=B(l||s),n=K($);(e=>{const{event:t,enableActionIdMapping:n,handleLinkClick:o,onClickHandler:i,gtmTrackOnClick:r,ctaText:s,position:l,url:d,component:c,extractTrackingParameters:m,isCnastLink:u}=e;t.stopPropagation();const p=t?.currentTarget?.getAttribute("href"),g=m();if(n&&p){t.preventDefault();const{href:e}=o({event:t,onClickHandler:i,gtmTrackOnClick:r,linkProps:p,label:s,position:l,link:d,type:"upcEmbedded",component:c,queryParams:g});window.open(e,"_blank","noopener, noreferrer")}else if(u){t.preventDefault();const{href:e}=(0,a.ry)(p,c,g);t.currentTarget.setAttribute("href",e),window.open(e,"_blank","noopener, noreferrer"),i({label:s,position:l,link:d,event:t}),r(t,null,null,null,l)}else i({label:s,position:l,link:d,event:t}),r(t,null,null,null,l)})({event:e,enableActionIdMapping:P,handleLinkClick:i,onClickHandler:x,gtmTrackOnClick:E,ctaText:t,position:S,url:n,component:A,extractTrackingParameters:o,isCnastLink:_})},getCtaTextFn:B,currentOfferUrl:D,enableActionIdMapping:P,bookmarkOnlyWithPriceOnButton:e.showPriceOnButton&&e.hasBookmarkingEnabled,isProductSummaryGridOffer:e.isProductSummaryGridOffer||!1,wrapperClassName:(R=e.className,`${R||""} product-offer`.trim())};var R},g=(e,t)=>e[t],h=(e,t,n)=>e(t,n),y=({price:e,reducedPrice:t,showPriceOnButton:n,contentAlign:i,sellerName:a,ProductOfferPrice:r,ProductOfferPriceWrapper:s,ProductOfferReducedPrice:l,ProductOfferSellerName:d,shouldShowRegularPrice:c,shouldShowReducedPrice:m})=>[c(e,t)&&o.createElement(r,{key:"regular-price",contentAlign:i},e),m(e,t)&&o.createElement(s,{key:"reduced-price",contentAlign:i},o.createElement(r,{as:"del",contentAlign:i},e),o.createElement(l,{showPriceOnButton:n,contentAlign:i},t)),o.createElement(d,{key:"seller-name",contentAlign:i,dangerouslySetInnerHTML:{__html:a}})].filter(Boolean),b=(e,t)=>{o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast("RENDER",{name:"ProductOffer",variation:e,productId:t})},[e,t])},f=(e,t,n,i)=>v(e)?o.createElement(i,{contentAlign:n,dangerouslySetInnerHTML:{__html:t},showSellerNameBelowButton:e}):null,w=e=>{const{offerId:t,showOfferButtonSideBySide:n,btnStyle:o,showSellerNameBelowPrice:i,getCtaTextFn:a,reducedPrice:r,price:s,productId:l,getAriaIdFn:d,dataAttrs:c,sellerName:m,offerUrl:u,amazonAffiliateAttributes:p,hasPriceSection:g,hasMultipleLines:h,getUrlFn:y,showOfferUrl:b,handleClickFn:f,finalPrice:w,isCtaInternal:$,isExternalProduct:v,ctaText:C}=e;return{id:t,className:"product-offer__buy-button"+(n?" product-offer__buy-button-side":""),btnStyle:o,ariaLabel:i?"":a(r||s),ariaLabelledby:i?`upc_${l} button_label_${d()}
23215`:"",ariaDescribedby:i?"":l,dataAttrs:{...c,"data-buy-button":!0,"data-offer-retailer":m,"data-offer-url":u,...p},hasPriceSection:g,hasMultipleLines:h,href:y(b),onClickHandler:f,priceLabel:w,rel:$?"noopener":"sponsored noopener",target:v?"_blank":"_self",label:C,inputKind:"link"}},$=(e,t,n)=>({label:e(t.productOffersaveBookmarkLabel),url:n||"#",network:"bookmark",behavior:"bookmark"}),v=e=>!!e,C=e=>e?`${e} `:""},76896(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({productOfferPriceString:{id:"ProductOffer.price",defaultMessage:"{priceValue} at {sellerName}",description:"price string for product offer button"},productOfferDefaultPriceString:{id:"ProductOffer.defaultPriceString",defaultMessage:"{priceValue} {sellerName}",description:"default price string for product offer button"},productOffersaveBookmarkLabel:{id:"ProductOffer.productOffersaveBookmarkLabel",defaultMessage:"Save story",description:"Label for the bookmark icon"},productOfferVariationSellerNameString:{id:"ProductOffer.variationSellerNameString",defaultMessage:"Shop at",description:"Seller name string"},productOffeVariationrDefaultCTA:{id:"ProductOffer.variationDefaultCTA",defaultMessage:"Shop Now",description:"Default CTA string"},productOfferDiscountPercentageLabel:{id:"ProductOffer.productOfferDiscountPercentageLabel",defaultMessage:"{percentage}% off",description:"Discount Percentage label"},productOfferCheckPriceString:{id:"ProductOffer.checkPrice",defaultMessage:"Check Price at {sellerName}",description:"Check price string for product offer button when functional tag is present"},productOfferHotelCheckAvailabilityString:{id:"ProductOffer.hotelCheckAvailability",defaultMessage:"Check Availability at {sellerName}",description:"Check availability string for hotel offer button"},productOfferHotelCheckAvailabilityDefaultCTA:{id:"ProductOffer.hotelCheckAvailabilityDefault",defaultMessage:"Check Availability",description:"Default check availability string for hotel offer button without seller name"}})},71886(e,t,n){n.d(t,{A:()=>$});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(53499),l=n(64663),d=n(70920),c=n(37210),m=n(38267),u=n(26865);const p=m.Ay.iframe.withConfig({displayName:"RedditEmbedIframe"})` 23216 display: block; 23217 border: 0; 23218 border-radius: 8px; 23219 width: 600px; 23220 max-width: 100%; 23221 overflow: hidden; 23222`,g=m.Ay.div.withConfig({displayName:"RedditEmbedContainer"})` 23223 margin: ${(0,u.Kq)(5)} auto; 23224 23225 .reddit-embed { 23226 margin-right: auto; 23227 margin-left: auto; 23228 } 23229`;var h=n(76573);const y=(0,n(72267).YK)({redditEmbedAriaLabelText:{id:"RedditEmbed.AriaLabelText",defaultMessage:"social media post",description:"ARIA label for the reddit embed container on Reddit Embed"},consentBannerHeader:{id:"RedditEmbed.ConsentBannerHeader",defaultMessage:"Reddit content",description:"Header for message banner"}}),{useContext:b,useMemo:f}=a,w=({attributes:e,className:t,height:n,hidePostContent:o,hidePostContentIfEditedAfter:i,hideUsername:m,showParentComment:u,showPostTitle:w,url:$})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"RedditEmbed"})},[]);const v=b(l.c$),[C,k]=(0,d.A)(),A=(0,h.h2)(),{formatMessage:x}=(0,r.A)(),E=v.targeting&&k,S=f(()=>{const e=new URL($);return e.hostname="embed.reddit.com",e.searchParams.set("embed","true"),e.searchParams.set("ref_source","embed"),e.searchParams.set("ref","share"),e.searchParams.set("utm_medium","widgets"),e.searchParams.set("utm_source","embedv2"),e.searchParams.set("utm_term",23),e.pathname.match("/comment/")?e.searchParams.set("utm_name","comment_embed"):e.searchParams.set("utm_name","post_embed"),e.searchParams.set("embed_host_url",window.location.toString()),m&&e.searchParams.set("showusername","false"),i&&(e.searchParams.set("showedits","false"),e.searchParams.set("created",i)),o&&e.searchParams.set("showmedia","false"),u&&(e.searchParams.set("context","1"),e.searchParams.set("depth","2")),w&&e.searchParams.set("showtitle","true"),e.searchParams.set("locale",A),e.toString()},[o,i,m,A,u,w,$]);return a.createElement(g,{"aria-label":x(y.redditEmbedAriaLabelText),className:t,ref:C},E?a.createElement(p,{className:"reddit-embed",src:S,style:{height:`${n}px`},...e}):a.createElement(c.A,{hasConsent:v.targeting,url:$,consentBannerHeader:y.consentBannerHeader}))};w.propTypes={attributes:i().object,className:i().string,height:i().string.isRequired,hidePostContent:i().bool,hidePostContentIfEditedAfter:i().string,hideUsername:i().bool,showParentComment:i().bool,showPostTitle:i().bool,url:i().string.isRequired},w.displayName="RedditEmbed";const $=w},96165(e,t,n){n.d(t,{Ay:()=>s,m5:()=>r});var o=n(82692),i=n(58156),a=n.n(i);function r(e=""){let t;const n=e.split("/"),o=n.pop().split("?overlay=");o.length>1&&(t=o[1]);const i=encodeURI(o[0]),a=[...n,i].join("/").replace(/,/g,"%2C");return t?`${a}?overlay=${t}`:a}const s={buildSourceSet:function(e){const t=(0,o.G)(e);return t&&t.srcset?t.srcset:e.filter(e=>e&&e.width).reduce((e,t)=>
23229(e.push(`${r(t.url)} ${t.width}w`),e),[]).join(", ")},calculateLoadingHeight:function(e,t){if(!e)return 0;const{aspectRatio:n="master"}=e;let o;if(n.includes(":")){const[e,t]=n.split(":");o=e/t}else{if(!e.height||!e.width)return 0;{const{width:t,height:n}=e;o=t/n}}return Math.round(t/o)},encodeImageURI:r,getSources:(e={},t={},n="",o=!1,i=!1)=>{if(!e||0===Object.keys(e).length)return[];const a=i?{sm:{width:"max-width",thresholds:"maxThresholds",mediaId:"md"},md:{width:"max-width",thresholds:"maxThresholds",mediaId:"lg"},lg:{width:"max-width",thresholds:"maxThresholds",mediaId:"xl"},xl:{width:"max-width",thresholds:"maxThresholds",mediaId:"xxl"},xxl:{width:"min-width",thresholds:"minThresholds",mediaId:"xxxl"}}:o?{sm:{width:"max-width",thresholds:"maxThresholds",mediaId:"md"},md:{width:"max-width",thresholds:"maxThresholds",mediaId:"lg"},lg:{width:"min-width",thresholds:"minThresholds",mediaId:"xl"}}:{sm:{width:"max-width",thresholds:"maxThresholds",mediaId:"md"},lg:{width:"min-width",thresholds:"minThresholds",mediaId:"lg"}};return Object.entries(e).filter(([e])=>a[e]).map(([e,o])=>{const i=a[e].mediaId,{width:r,thresholds:s}=a[e];return{media:`(${r}: ${t[s][i]}px)`,sources:Object.values(o),sizes:o[0]?.sizes||n,srcset:o[0]?.srcset}})},getBaseSources:(e,t)=>e?{sm:a()(e.sm,"0",null),lg:a()(e.lg,"0",null)}:{sm:Object.values(t).pop()},getLegacySources:(e,t,n)=>e?[]:n.sizesDescending.map(e=>t[e]).filter(Boolean)}},30630(e,t,n){n.d(t,{A:()=>h});var o=n(96540),i=n(5556),a=n.n(i),r=n(38267),s=n(18608),l=n(26865),d=n(24695);const c=(0,r.Ay)(s.c7).withConfig({displayName:"ReviewerBadgeWrapper"})` 23230 display: flex; 23231`,m=(0,r.Ay)(s.vm).withConfig({displayName:"ReviewBadgeText"})` 23232 padding-left: ${(0,l.Kq)(.5)}; 23233 ${(0,l.Gg)("typography.definitions.foundation.meta-secondary")} 23234 ${({shouldUsePrimaryColorForBadges:e})=>e?(0,l._o)("color","colors.interactive.social.primary"):(0,l._o)("color","colors.background.brand")}; 23235`,u=(0,r.Ay)(d.VerificationBadge).withConfig({displayName:"VerificationBadgeIcon"})``;var p=n(13465);const g=({badgeText:e,configuredComponentRef:t,shouldUsePrimaryColorForBadges:n=!1,showRoleBadge:i=!1})=>{const a=(0,r.DP)(),s=n?(0,l.HK)(a,"colors.interactive.social.primary"):(0,l.HK)(a,"colors.background.brand");return o.createElement(c,{ref:t,"data-testid":"reviewer-badge"},i?(()=>{switch(e){case"Staff":case"Contributor":case"Editor":return o.createElement(d.BadgeStaff,null);case"Artist":return o.createElement(d.BadgeArtist,null);case"Day One":return o.createElement(d.BadgeDayOne,null);default:return o.createElement(u,{color:s})}})():o.createElement(u,{color:s}),o.createElement(m,{shouldUsePrimaryColorForBadges:n,showRoleBadge:i},e))};g.propTypes={configuredComponentRef:a().func,badgeText:a().string,shouldUsePrimaryColorForBadges:a().bool,showRoleBadge:a().bool},g.displayName="ReviewerBadge";const h=(0,p.y)(g,"ReviewerBadge")},26048(e,t,n){n.d(t,{A:()=>y});var o=n(96540),i=n(6442),a=n(5556),r=n.n(a),s=n(62096);const l=e=>o.createElement(s.Ge,{theme:e.theme,isBestBoth:e.isBestBoth,isBest:e.isBest},o.createElement(s.M4,{x:"0px",y:"0px",viewBox:"0 0 80 40",size:e.size||"lg"},o.createElement("g",null,o.createElement("polyline",{points:"25.4,14.7 33.9,14.7 33.9,39.8 46.3,39.8 46.3,14.7 54.8,14.7 40.1,0 25.4,14.7 "}),o.createElement("polyline",{points:"50.6,40 80,40 65.2,25.4 50.6,40 "}),o.createElement("polyline",{points:"0,40 29.4,40 14.7,25.4 0,40 "}))));l.propTypes={isBest:r().bool,isBestBoth:r().bool,size:r().oneOf(["lg","sm"]),theme:r().string};const d=(0,n(72267).YK)({BestNewMusic:{id:"ScoreBox.BestNewMusic",defaultMessage:"Best New Music",description:"Best New Music"},BestNewReissue:{id:"ScoreBox.BestNewReissue",defaultMessage:"Best New Reissue",description:"Best New Reissue"},BestNewTrack:{id:"ScoreBox.BestNewTrack",defaultMessage:"Best New Track",description:"Best New Track"}});var c=n(49235),m=n(53499),u=n(26576),p=n(7165),g=n(75454);const h=({rating:e,isBestNewMusic:t=!1,isBestNewReissue:n=!1,size:a="lg",palette:r="standard",isTrackReview:h,hideLabel:y=!1,enableBlur:b=!1,shouldTrackImpression:f=!1,trackingSubject:w="",scoreSubscriptionUrl:$="",trackingClassName:v=""})=>
23235{const[C,k]=o.useState(!0),[A,x]=o.useState(null),[E,S]=o.useState(!1);o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"ScoreBox"})},[]),o.useEffect(()=>(0,u.a0)(e=>{k(e),S(!0)},e=>{x(e),S(!0)}),[]),(({shouldTrackImpression:e,enableBlur:t,trackingSubject:n,scoreSubscriptionUrl:o,trackingClassName:i,isBlurStateReady:a,isBlurredForTracking:r})=>{const s=o?(0,g.el)(o):"",l=i?`.${i}`:".score-box-no-tracking";(0,p.o)(l,void 0,(o,i)=>{e&&o&&t&&a&&null!==r&&((0,g.cj)({subject:n,source:s,is_exceeded:r},"impression"),i())},[e,t,n,s,a,r])})({shouldTrackImpression:f,enableBlur:b,trackingSubject:w,scoreSubscriptionUrl:$,trackingClassName:v,isBlurStateReady:E,isBlurredForTracking:A});const{formatMessage:L}=(0,i.A)(),T=h&&t;if(h&&!t)return null;const N=e<10?Number(e).toFixed(1):e,H=b&&C?"0.0":N,I=t||n,B=t&&n;return o.createElement(c.A,{palette:r},o.createElement(s.dk,{size:a,className:v},I&&o.createElement(l,{isBestBoth:B,isBest:I,size:a}),!T&&o.createElement(s.vX,{isBest:I,isBestBoth:B,size:a},o.createElement(s.GW,{isBest:I,isBestBoth:B,size:a,isBlurred:b&&C},H)),I&&"lg"===a&&!y&&o.createElement(s.dy,{isBestBoth:B,isBest:I},!T&&t&&o.createElement("div",null," ",L(d.BestNewMusic)," "),!T&&n&&o.createElement("div",null," ",L(d.BestNewReissue)),T&&o.createElement("div",null," ",L(d.BestNewTrack)))))};h.propTypes={enableBlur:r().bool,hideLabel:r().bool,isBestNewMusic:r().bool,isBestNewReissue:r().bool,isTrackReview:r().bool,palette:r().oneOf(["standard","inverted"]),rating:r().number,shouldTrackImpression:r().bool,size:r().oneOf(["lg","sm"]),scoreSubscriptionUrl:r().string,trackingClassName:r().string,trackingSubject:r().string};const y=h},55252(e,t,n){n.d(t,{A:()=>o});const o=n(26048).A},62096(e,t,n){n.d(t,{GW:()=>l,Ge:()=>m,M4:()=>c,dk:()=>r,dy:()=>d,vX:()=>s});var o=n(38267),i=n(18608),a=n(26865);const r=o.Ay.div.withConfig({displayName:"ScoreBoxWrapper"})` 23236 position: relative; 23237 width: ${({size:e})=>"lg"===e?(0,a.Kq)(15.625):(0,a.Kq)(9.25)}; 23238 ${({size:e})=>"sm"===e&&"\n display: flex;\n flex-direction: column;\n justify-content: center;
23238\n align-items: center;\n "} 23239`,s=o.Ay.div.withConfig({displayName:"ScoreCircle"})` 23240 position: relative; 23241 margin-bottom: ${({size:e})=>"lg"===e?(0,a.Kq)(2):(0,a.Kq)(0)}; 23242 border: ${({size:e})=>"lg"===e?(0,a.Kq)(1.125):(0,a.Kq)(.75)} 23243 solid 23244 ${({isBest:e})=>e?({theme:e})=>"inverted"===e.palette?(0,a.HK)("colors.consumption.lead.inverted.accent"):(0,a.HK)("colors.consumption.lead.standard.accent"):(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 23245 border-radius: 50%; 23246 padding-bottom: ${(0,a.Kq)(2)}; 23247 width: ${({size:e})=>"lg"===e?(0,a.Kq)(15.625):(0,a.Kq)(9.25)}; 23248 height: ${({size:e})=>"lg"===e?(0,a.Kq)(15.625):(0,a.Kq)(9.25)}; 23249 text-align: center; 23250 color: ${({isBest:e})=>e?({theme:e})=>"inverted"===e.palette?(0,a.HK)("colors.consumption.lead.inverted.accent"):(0,a.HK)("colors.consumption.lead.standard.accent"):(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 23251`,l=(0,o.Ay)(i.vm).withConfig({displayName:"Rating"})` 23252 display: block; 23253 position: absolute; 23254 top: 50%; 23255 transform: translateY(-50%); 23256 width: 100%; 23257 color: ${({isBest:e})=>e?({theme:e})=>"inverted"===e.palette?(0,a.HK)("colors.consumption.lead.inverted.accent"):(0,a.HK)("colors.consumption.lead.standard.accent"):(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 23258 ${(0,a.Gg)("typography.definitions.globalEditorial.numerical-large")}; 23259 ${({isBlurred:e})=>e&&"\n filter: blur(10px);\n "} 23260 ${({size:e})=>"sm"===e&&"\n font-size: 24px;\n "} 23261`,d=(0,o.Ay)(i.vm).withConfig({displayName:"BestNewMusicText"})` 23262 ${(0,a.Gg)("typography.definitions.globalEditorial.context-primary")}; 23263 width: ${(0,a.Kq)(15.625)}; 23264 text-align: center; 23265 color: ${({isBest:e})=>e?({theme:e})=>"inverted"===e.palette?(0,a.HK)("colors.consumption.lead.inverted.accent"):(0,a.HK)("colors.consumption.lead.standard.accent"):(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 23266`,c=o.Ay.svg.withConfig({displayName:"SvgStyle"})` 23267 margin-bottom: ${(0,a.Kq)(.5,"px")}; 23268 margin-left: ${({size:e})=>"lg"===e?(0,a.Kq)(4.5625,"px"):0}; 23269 width: ${({size:e})=>"lg"===e?(0,a.Kq)(6.5):(0,a.Kq)(3.75)}; 23270 height: ${({size:e})=>"lg"===e?(0,a.Kq)(3.375):(0,a.Kq)(1.875)}; 23271`,m=o.Ay.div.withConfig({displayName:"SvgWrapper"})` 23272 svg { 23273 fill: ${({isBest:e})=>e?({theme:e})=>"inverted"===e.palette?(0,a.HK)("colors.consumption.lead.inverted.accent"):(0,a.HK)("colors.consumption.lead.standard.accent"):(0,a.HK)("colors.consumption.lead.standard.context-signature")}; 23274 } 23275 line-height: 0em; 23276`},81591(e,t,n){n.d(t,{H:()=>a});var o=n(38267),i=n(18608);const a=(0,o.Ay)(i.sH).withConfig({displayName:"SignOutButtonWrapper"})` 23277 display: block; 23278 background-color: initial; 23279 width: 100%; 23280 text-align: inherit; 23281`},58514(e,t,n){n.d(t,{A:()=>l});var o=n(96540),i=n(5556);function a(){const e=window.snowplowQueue||[];for(this.push=function(e){e()},window.snowplowQueue=this;e.length;)e.shift()()}function r(){const e=window.snowplowInitQueue||[];for(this.push=function(e){e()},window.snowplowInitQueue=this;e.length;)e.shift()()}const s=({brand:e})=>{const t=window.location.search.indexOf("no_snowplow")<0;return(0,o.useEffect)(()=>{if(t){const e=window?.dataLayer.find(e=>"data-layer-loaded"===e.event),t=e?.site?.env;((e="production")=>{var t,n,o,i,s,l,d;t=window,n=document,o="script",i=("staging"===e?"https://globalservices-stag.conde.digital/":"https://globalservices.conde.digital/")+"p77xzrbz9z.js",t[s="snowplowCN"]||(t.GlobalSnowplowNamespace=t.GlobalSnowplowNamespace||[],t.GlobalSnowplowNamespace.push(s),t[s]=function(){(t[s].q=t[s].q||[]).push(arguments)},t[s].q=t[s].q||[],l=n.createElement(o),[d]=n.getElementsByTagName(o),l.async=1,l.src=i,d.parentNode.insertBefore(l,d)),window.snowplowCN(()=>{new r,new a})})(t)}},[t,e]),null};s.propTypes={brand:n.n(i)().string.isRequired};const l=s},84248(e,t,n){n.d(t,{A:()=>u});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(53499),d=n(48188),c=n(66042);function m({className:e,marquee:t,tabContent:n,tabLabels:o,buttonLabel:a="View All",defaultTab:r=0,hasBorder:m=!0,isPreventDefault:u=!0,shouldChangeTabFromHash:p=!1,shouldUseRoleForLabelWrapper:g=!1,shouldUseTabRoleForNavigation:h=!1,showButton:y=!0,tabContentTextAlignment:b="center",tabLabelActiveClassName:f="tab-link tab-link--active",tabLabelAlignment:w="center",tabLabelInactiveClassName:$="tab-link"}){s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(l.G.RENDER,{name:"Tabs"})},[]);const[v,C]=s.useState(r),k=o&&o[r]?o[r]:"",[A,x]=s.useState(k.url),E=s.useCallback(()=>
23281{if(!p||!window.location.hash)return;const e=o.findIndex(e=>e.url?.includes(window.location.hash)??!1);if(e>=0){const t=o[e];C(e),x(t.url||"")}},[o,p]);s.useEffect(()=>(window.addEventListener("hashchange",E),()=>window.removeEventListener("hashchange",E)),[E,o]),s.useEffect(()=>{E()},[E,o]);const S=o.map((e,t)=>({className:v===t?f:$,attributes:{tabIndex:0,role:"tab","aria-selected":v===t},parentAttributes:g?{role:"presentation"}:{},text:e.text,url:e&&e.url?e.url:"",onClick:n=>{u&&n.preventDefault(),C(t),x(e&&e.url?e.url:""),"function"==typeof e.onClick&&e.onClick()},disableClickTracking:e?.disableClickTracking||!1})),L=h?{}:{role:"tablist"};return s.createElement(c.MD,{className:i()("tabs-component",e),alignLeft:"left"===b,...L},t,s.createElement(d.A.Section,{attributes:{"aria-label":"Secondary",tabIndex:-1},links:S,hasBorder:m,justify:w,listAttributes:h?{role:"tablist"}:{}}),s.createElement(c.dM,null,n.map((e,t)=>t+1>o.length?null:s.createElement(c.Rc,{isActive:v===t,key:t,role:"tabpanel",tabIndex:0},e)),A&&y&&s.createElement(c.zD,{href:A,inputKind:"link",label:a})))}m.propTypes={buttonLabel:r().string,className:r().string,defaultTab:r().number,hasBorder:r().bool,isPreventDefault:r().bool,marquee:r().element,shouldChangeTabFromHash:r().bool,shouldUseRoleForLabelWrapper:r().bool,shouldUseTabRoleForNavigation:r().bool,showButton:r().bool,tabContent:r().array.isRequired,tabContentTextAlignment:r().oneOf(["center","left"]),tabLabelActiveClassName:r().string,tabLabelAlignment:r().oneOf(["center","left"]),tabLabelInactiveClassName:r().string,tabLabels:r().arrayOf(r().shape({onClick:r().function,text:r().oneOfType([r().string,r().object]),url:r().string,disableClickTracking:r().bool})).isRequired};const u=m},66042(e,t,n){n.d(t,{MD:()=>r,Rc:()=>l,dM:()=>s,zD:()=>d});var o=n(38267),i=n(26865),a=n(73730);const r=o.Ay.div.withConfig({displayName:"TabsWrapper"})` 23282 grid-column: 1 / span 12; 23283 text-align: center; 23284 ${({alignLeft:e})=>e?"text-align: left;":""} 23285 23286 .tab-link.tab-link--active { 23287 ${({theme:e})=>(0,i._o)(e,"color","colors.discovery.lead.primary.link-hover")}; 23288 } 23289`,s=o.Ay.div.withConfig({displayName:"TabsContentWrapper"})``,l=o.Ay.div.withConfig({displayName:"TabsPanel"})` 23290 display: ${({isActive:e})=>e?"block":"none"}; 23291`,d=(0,o.Ay)(a.A.Primary).withConfig({displayName:"TabsButtonPrimary"})` 23292 margin-top: ${(0,i.Kq)(5)}; 23293`},58120(e,t,n){n.d(t,{H:()=>s,l:()=>r});var o=n(38267),i=n(26865),a=n(96472);const r=o.Ay.div.withConfig({displayName:"TiktokEmbedContainer"})` 23294 align-self: center; 23295 margin: ${(0,i.Kq)(5)} auto; 23296 text-align: center; 23297 justify-self: center; 23298`,s=o.Ay.blockquote.withConfig({displayName:"TiktokEmbedBlockQuote"})` 23299 width: 100%; 23300 min-width: 325px; 23301 23302 /* 23303 these styles are supplied by oEmbed endpoint 23304 https://developers.tiktok.com/doc/embed-videos 23305 */ 23306 max-width: 605px; 23307 23308 ${(0,i.L7)(0,a.LO.md)} { 23309 /* prevents iframe being cutoff on mobile */ 23310 iframe { 23311 min-height: 850px; 23312 } 23313 } 23314`},37978(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({consentBannerHeader:{id:"TiktokEmbed.ConsentBannerHeader",defaultMessage:"TikTok content ",description:"Header for message banner"}})},95779(e,t,n){n.d(t,{A:()=>p});var o=n(96540),i=n(38267),a=n(28423),r=n(9413),s=n(73347),l=n(4534),d=n(1123),c=n(96472);const m=i.Ay.div.withConfig({displayName:"HomepageMobileHeadingWrapper"})` 23315 @media (max-width: calc(${c.LO.md} - 1px)) { 23316 ${(0,d.VO)()} 23317 ${(0,d.aU)("padding")} 23318 } 23319`,u=i.Ay.div.withConfig({displayName:"RecommendationsWrapper"})` 23320 margin-top: ${({$pageType:e})=>"homepage"===e?"0":"10px"}; 23321`,p=({organizationSlug:e,deprecatedSlug:t,pageType:n,isMobileDevice:i=!1})=>{const{sections:d}=(0,a.t)({organizationSlug:e,deprecatedSlug:t,pageType:n,isMobileDevice:i}),c=d.flatMap(({slots:e})=>e).map(({displayId:e})=>e).join("|");return(0,o.useEffect)(()=>{if(!c||"undefined"==typeof document)return;document.querySelectorAll('script[data-verso-trigs-script="true"]').forEach(e=>{e.parentNode?.removeChild(e)});const e=document.createElement("script");return e.src="https://re.trigs-sockets.com/js/rw.js",e.defer=!0,e.setAttribute("data-verso-trigs-script","true"),document.head.appendChild(e),()=>{e.parentNode?.removeChild(e)}},[c]),d.length?o.createElement(u,{$pageType:n,"data-testid":"trigs-recommendations"},d.map(({heading:e,sectionTitleVariation:t,shouldWrapHeadingWithMargins:i=!0,slots:a})=>{const d=t&&s.Ay[t]||s.Ay,c=e?o.createElement(l.iA,{as:d,dangerousHed:e,hedTag:"h2"}):null;let u=c;return"homepage"===n?u=o.createElement(m,null,c):i&&(u=o.createElement(r.Yk,null,c)),o.createElement(o.Fragment,{key:e||a[0]?.displayId},e&&u,a.map(({displayId:e,requestId:t})=>o.createElement(o.Fragment,{key:e},o.createElement("div",{id:e,className:"__srw__"}),o.createElement("div",{id:t||`${e}-request`,className:"__srw-request__","data-display":e}))))})):null}}
23321,72631(e,t,n){n.d(t,{A:()=>l});var o=n(96540),i=n(64663),a=n(56892),r=n(22445),s=n(56475);const l=()=>{const e=(0,o.useRef)(!1),t=(0,o.useContext)(i.c$),[n,l]=(0,o.useState)("");return(0,o.useEffect)(()=>{const e=(0,a.getCookie)("CN_xid");e&&l(e);const t=window.Kendra.XID.on(s.b.SET,l);return()=>t.off()},[]),(0,o.useEffect)(()=>{if(!e.current&&t.performance&&n){const t=encodeURIComponent(window?.document?.referrer),n=encodeURIComponent(window?.location?.href);(0,r.A)(`/user-context?referrer=${t}&verso=true&location=${n}`,document?.body,{async:!0}),e.current=!0,window.cnBus&&window.cnBus.emit("segments.updated")}},[t.performance,n,e]),null}},51558(e,t,n){n.d(t,{$:()=>o});const o=e=>{if(window.matchMedia("(any-pointer: fine)").matches){const t=e.currentTarget,n=e.nativeEvent.offsetX,o=e.nativeEvent.offsetY;let i=0;i=`${n/t.offsetWidth*100}% ${o/t.offsetHeight*100}%`,t.style.backgroundPosition=i}}},13446(e,t,n){n.d(t,{ok:()=>l,wp:()=>m,xz:()=>d});var o=n(73396),i=n(56892),a=n(9170),r=n(64687),s=n(34854);const l="fingerprintjs.visitor",d="fingerprintjs.id",c=[()=>{let e=new URLSearchParams(window.location.search).get("utm_campaign");return["paid-revops","paid-revops-q1","paid-revops-q3","paid-revops-q4"].some(t=>e===t)}];class m{constructor({publicKey:e,isEnabled:t,cookieExpire:n}){this.hasConsent=!1,this.cookieExpire=0,this.visitorId=null,this.incognito=null,this.geo=null,this.fpClient=Promise.resolve(null),this.hasConsent=(0,s.Nf)()||(0,r.GE)(),this.cookieExpire=n,this.setVisitor({visitorId:i.default.getCookie("FP_visitorID"),incognito:i.default.getCookie("FP_incognito")}),this.geo=i.default.getCookie("CN_geo_country_code"),!t||"US"!==this.geo||c.some(e=>e())||(0,a.w)(window.navigator.userAgent)||(window?.cnBus?.on("journey.ready",()=>{const e=this.getVisitor();e.visitorId&&(this.emitFpData(l,e),this.emitFpData(`${d}.${e.visitorId}`))}),this.getVisitor().visitorId||this.loadClient(e),this.hasConsent&&this.fetchVisitor())}loadClient(e){this.fpClient=o.Hh({apiKey:e,scriptUrlPattern:["/c0d5a332bda245b9/a298b7d4e1c1836e?apiKey=<apiKey>&version=<version>&loaderVersion=<loaderVersion>",m.defaultScriptUrlPattern],endpoint:["/c0d5a332bda245b9/e5cd4319ed4842c1?region=us",m.defaultEndpoint]})}updateConsent(e){const t=(0,r.K2)(e),n=this.hasConsent;this.hasConsent=t.targeting,!n&&t.targeting&&this.fetchVisitor()}async fetchVisitor(){let e=this.getVisitor();if(e.visitorId)return this.emitFpData(l,e),this.emitFpData(`${d}.${e.visitorId}`),e;const t=await this.fpClient;if(t&&this.hasConsent){let n;try{n=await t.get({linkedId:i.default.getCookie("CN_xid"),extendedResult:!0}),e=this.setVisitor(n),this.setFPCookies(e),this.emitFpData(l,e),this.emitFpData(`${d}.${e.visitorId}`)}catch(e){this.emitFpData("fingerprintjs.error",e.message)}}return this.getVisitor()}getVisitor(){const{visitorId:e,incognito:t}=this;return{visitorId:e,incognito:t}}setVisitor(e){var t;return this.visitorId=e.visitorId||null,this.incognito="false"!==(t=e.incognito)&&Boolean(t)||!1,this.getVisitor()}setFPCookies({visitorId:e,incognito:t}){document.cookie=i.default.createCookie("FP_visitorID",`${e}`,{path:"/",expirationInMs:this.cookieExpire}),document.cookie=i.default.createCookie("FP_incognito",`${t}`,{path:"/",expirationInMs:this.cookieExpire})}emitFpData(e,t){window?.cnBus&&this.hasConsent&&window.cnBus.emit(e,t)}}},49974(e,t,n){n.d(t,{iW:()=>w,ir:()=>v});var o,i,a,r,s,l,d,c,m,u=n(14961),p=n(79694),g=function(e,t,n,o,i){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?i.call(e,n):i?i.value=n:t.set(e,n),n},h=function(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)};const{AssociationsRequest:y,AssociationsResponse:b,IdSet:f,IdType:w,Id:$}=u.id_mapper;class v{constructor({publicKey:e,url:t,isEnabled:n,xid:i}){o.add(this),a.set(this,void 0),r.set(this,void 0),s.set(this,void 0),l.set(this,void 0),d.set(this,void 0),g(this,a,e,"f"),g(this,r,t,"f"),g(this,s,n,"f"),g(this,d,i,"f")}
23321async init(){if(h(this,s,"f"))if(g(this,l,i.readIDMSession(),"f"),h(this,l,"f"))window.Kendra.IDENTITY_MAPPER.broadcast(p.h.IDM_RESULTS_EVENT,h(this,l,"f"));else{const e=await this.fetchProfilesByCollectedIDs();h(this,o,"m",m).call(this,e)}}static readIDMSession(){let e=null;if(window.sessionStorage){const t=window.sessionStorage.getItem(i.sessionName);if(t)try{e=b.decode(new Uint8Array(t.split(",")))}catch(e){}}return e}async collectFetchableIDs(){return[$.create({value:h(this,d,"f"),type:w.XID}),$.create({value:new URLSearchParams(window.location.search).get("cndid"),type:w.mdw})].filter(e=>!!e.value)}async fetchProfilesByCollectedIDs(){if(!this.fetchCollected){const e=await this.collectFetchableIDs();this.fetchCollected=this.fetchProfiles(e)}return this.fetchCollected}async fetchProfiles(e){const t=f.create({ids:e}),n=y.create({idSets:[t]}),o=y.encode(n).finish();try{const e=await fetch(`${h(this,r,"f")}/associations`,{body:new Blob([o]),method:"POST",headers:{"Content-Type":"application/octet-stream",Authorization:`Bearer ${h(this,a,"f")}`}}),t=await e.arrayBuffer(),n=new Uint8Array(t);return b.decode(n)}catch(e){}return null}}i=v,a=new WeakMap,r=new WeakMap,s=new WeakMap,l=new WeakMap,d=new WeakMap,o=new WeakSet,c=function(e){e&&window.sessionStorage&&window.sessionStorage.setItem(i.sessionName,b.encode(e).finish().toString())},m=function(e){e&&(g(this,l,e,"f"),window.Kendra.IDENTITY_MAPPER.broadcast(p.h.IDM_RESULTS_EVENT,h(this,l,"f")),h(i,i,"m",c).call(i,h(this,l,"f")))},v.sessionName="idm_session"},90090(e,t,n){n.d(t,{NY:()=>o.A,Uc:()=>a,W8:()=>i.W8,zJ:()=>i.zJ});var o=n(67911),i=n(94327);n(42020),n(31170);const a={emitGoogleTrackingEvent:i.W8,emitUniqueGoogleTrackingEvent:i.zJ,trackPageView:i.oe,addPageTypeProperty:i.cW}},79133(e,t,n){function o(e){const t=e.split("/");""===t[0]&&t.shift(),""===t[t.length-1]&&t.pop();const n=t[t.length-1];let o;return o=["article","gallery","series","membership"].includes(t[0])?`${t[0]}-${n}`:"special"===t[0]?`rich-${n}`:`post-${n}`,o}function i(e){const t=[];for(let n=0;n<3;n++)e&&e[n]&&t.push(o(e[n].url));window.dataLayer&&window.location.href.search("/video")<0&&window.dataLayer.push({CriteoProductIDList:t})}n.d(t,{q:()=>i})},28379(e,t,n){n.d(t,{B:()=>p});var o=n(14307);const i={catalogues:{subject:"catalogues",events:{game_events_started:{type:"start"},game_events_submit:{type:"submit"},game_events_game_completed:{type:"complete"},game_events_hint_used:{type:"click",label:"Clue"},game_events_share_clicked:{type:"share"},game_events_tap_mode_changed:{}}},shuffalo:{subject:"shuffalo_game",events:{game_events_started:{type:"start"},game_events_game_completed:{type:"complete"},game_events_bonus_level_started:{type:"start"},game_events_hint_used:{type:"click",label:"Hint"},game_events_delete_clicked:{type:"click",label:"Delete"},game_events_keyboard_shuffled:{type:"shuffle"},game_events_possible_solution_used:{type:"submit"},game_events_share_clicked:{type:"share"}}}},a=e=>"object"==typeof e&&null!==e,r=(...e)=>e.find(e=>"number"==typeof e),s=(...e)=>e.find(e=>"string"==typeof e),l=e=>Object.fromEntries(Object.entries(e).filter(([,e])=>void 0!==e)),d=e=>{const t=r(e.guessNumber,e.index);return"number"==typeof t?Math.max(0,t-1):void 0},c=(e,t)=>{switch(e.type){case"game_events_submit":return{index:d(t),total_index:r(t.totalIndex,t.totalGuessesAllowed)};case"game_events_game_completed":return{subject_id:s(t.direction)};case"game_events_share_clicked":return{share_platform:s(t.sharePlatform)};case"game_events_hint_used":return{label:"Clue"};default:return{}}},m=(e,t,n)=>{let o;switch("main"===t.round?o="default":"bonus"===t.round&&(o="bonus"),e.type){case"game_events_started":case"game_events_bonus_level_started":return{total_index:r(t.totalIndex),subject_version:o};case"game_events_game_completed":case"game_events_keyboard_shuffled":return{subject_version:o};case"game_events_hint_used":case"game_events_delete_clicked":return{label:s(t.label,n.label)};case"game_events_possible_solution_used":return{label:s(t.label,t.answer)};case"game_events_share_clicked":return{share_platform:s(t.share_platform,t.sharePlatform)};default:return{}}},u={catalogues:(e,t,n,o)=>((e,t)=>!("game_events_started"===e.type&&!0===t.restoredSession))(e,t)?l({type:s(t.metricType,o.type),subject:t.subject===n.subject?t.subject:n.subject,...c(e,t)}
23321):null,shuffalo:(e,t,n,o)=>l({type:s(t.metricType,o.type),subject:n.subject,...m(e,t,o)})},p=e=>{if(!a(e)||"string"!=typeof e.gameType)return;const t=i[e.gameType],n=t?.events?.[e.type],r=u[e.gameType];if(!n||!r||!a(e.data))return;const s=r(e,e.data,t,n);s?.type&&s.subject&&(0,o.kg)(s,null,{skipDuplicateEvent:!1})}},47765(e,t,n){n.d(t,{xS:()=>g});var o=n(38267);const i=o.i7` 23322 from { 23323 transform: translate(-25px, 0); 23324 opacity: 0; 23325 } 23326 23327 to { 23328 transform: translate(0, 0); 23329 opacity: 1; 23330 } 23331`,a=o.i7` 23332 from { 23333 transform: translate(25px, 0); 23334 opacity: 0; 23335 } 23336 23337 to { 23338 transform: translate(0, 0); 23339 opacity: 1; 23340 } 23341`,r=o.i7` 23342 from { 23343 opacity: 0; 23344 } 23345 23346 to { 23347 opacity: 1; 23348 } 23349`,s=o.i7` 23350 from { 23351 transform: translate(0, 50px); 23352 opacity: 0; 23353 } 23354 23355 to { 23356 transform: translate(0, 0); 23357 opacity: 1; 23358 } 23359`,l=e=>({isRevealed:t,isReady:n,duration:i="1s",position:a=1,staggerDelay:r=100})=>{if(!n)return o.AH``;const s=(a-1)*r;return o.AH` 23360 animation: ${e} ${i} ease-in both; 23361 animation-delay: ${s}ms; 23362 animation-play-state: ${t?"running":"paused"}; 23363 @media (prefers-reduced-motion: reduce) { 23364 animation-duration: 0ms; 23365 animation-delay: 0ms; 23366 } 23367 `},d=l(i),c=l(a),m=l(r),u=l(s),p={slideFromLeft:d,slideFromRight:c,fadeIn:m,slideFromBottom:u},g=(e,t,n)=>{const{totalItems:i,...a}=n,r={...a,position:t};if("slideIn"===e){if(null!=i&&i>=3)return 1===t?d(r):t===i?c(r):m(r);return(1===t?d:c)(r)}const s=p[e];return s?s(r):o.AH``}},99906(e,t,n){n.d(t,{Ay:()=>i,LR:()=>o.LR,VS:()=>o.VS,Vh:()=>o.Vh,hg:()=>o.hg,th:()=>o.th});var o=n(55058);const i={sizes:o.LR,sizesAscending:o.hg,sizesDescending:o.l9,sizesFullName:o.th,minThresholds:o.Vh,maxThresholds:o.VS}},90637(e,t,n){n.d(t,{J:()=>i});var o=n(48346);const i=e=>{const t=o.A.find(t=>t.value===e);return t?.flag?`${t.flag} ${e}`:e}},61229(e,t,n){n.d(t,{j:()=>s});var o=n(5556),i=n.n(o),a=n(96540),r=n(38267);function s(e){const t=t=>{const{componentBI:n}=t,{displayName:o}=e;if(!n||!o)return a.createElement(e,{...t});const i=n[o]||null;return i?a.createElement(r.NP,{"data-testid":"ComponentBIProvider",theme:i},a.createElement(e,{...t})):a.createElement(e,{...t})};return t.propTypes={componentBI:i().object},t}},89417(e,t,n){n.d(t,{P:()=>o,X:()=>i});const o=({photoId:e,contentType:t,contentId:n})=>`/discover/${e}/in/${t}/${n}`,i=e=>`https://www.vogue.com${o(e)}`},23618(e,t,n){n.d(t,{A:()=>Xr});var o=n(5556),i=n.n(o),a=n(96540),r=n(2404),s=n.n(r),l=n(91542),d=n(70926),c=n(79712),m=n(56892),u=n(64663),p=n(70920),g=n(37210),h=n(38267),y=n(26865);const b=h.Ay.div.withConfig({displayName:"BizzaboEmbedContainer"})` 23368 margin: ${(0,y.Kq)(5)} auto; 23369`,f=h.Ay.blockquote.withConfig({displayName:"BizzaboEmbedBlockquote"})` 23370 margin-right: auto; 23371 margin-left: auto; 23372`;var w=n(72267);const $=(0,w.YK)({consentBannerHeader:{id:"BizzaboEmbed.ConsentBannerHeader",defaultMessage:"Bizzabo content",description:"Header for message banner"}}),{useContext:v,useEffect:C}=a,k=({url:e})=>{const t=v(u.c$),[n,o]=(0,p.A)(),i=(()=>{const e=(0,m.getCookie)("pay_ent_pass"),t=(0,c.A)(e),{scopes:n=[]}=t||{};return n.includes("vogue-web-club")})();let r,s=null;const l=t.targeting&&o;C(()=>{if(l){const e=document.getElementById("bizzabo-tickets-widget");null!==e&&e.setAttribute("data-params",s),(()=>{if(!document.getElementById("bizzabo-embed")){const e=document.createElement("script");e.id="bizzabo-embed",e.src="https://organizer.bizzabo.com/widgets/tickets/tickets.js",e.async=!0,document.body.appendChild(e)}})()}},[l,s]);const d=e?e.split("|"):[];if(d.length<2)return"";const[h=null,y=null,w=null]=d;return s=`isInMinisite=true&widgetId=${y}`,r=`https://accounts.bizzabo.com/widgets/tickets/${h}?isPreview=true&widgetId=${y}`,i&&w&&(s+=`&promo=${w}`,r+=`&promo=${w}`),a.createElement(b,{ref:n},l?a.createElement(f,{className:"bizzabo-tickets-widget",id:"bizzabo-tickets-widget","data-event-id":h,"data-params":s}):a.createElement(g.A,{hasConsent:t.targeting,url:r,consentBannerHeader:$.consentBannerHeader}))};k.propTypes={url:i().string.isRequired};const A=k;var x=n(12564),E=n(13465),S=n(57744),L=n(54370);const T=(0,w.YK)({consentBannerHeader:{id:"IframeEmbed.ConsentBannerHeader",defaultMessage:"Content",description:"Header for message banner"}});var N=n(53499);const H=h.Ay.figure.withConfig({displayName:"CNEEventRegistrationEmbedWrapper"})`
23373 margin: ${(0,y.Kq)(5,"px")} auto; 23374 height: 100%; 23375 text-align: center; 23376`,I=h.Ay.div.withConfig({displayName:"CNEEventRegistrationEmbedContainer"})` 23377 width: 100%; 23378 height: 100%; 23379`,B=h.Ay.iframe.withConfig({displayName:"CNEEventRegistrationEmbedContent"})` 23380 border: 0; 23381 width: 100%; 23382 max-width: 100%; 23383 height: 100%; 23384`,{useContext:O,useEffect:K,useState:D,useRef:_}=a,P=(0,S.z5)("user"),R=({className:e,configuredComponentRef:t,offsetHeight:n=0,title:o="CNE Event Registration Embed",url:i,user:r})=>{K(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"CNEEventRegistrationEmbed"})},[]);const s=new URL(i),l=s.searchParams.get("loggedout"),d=s.searchParams.get("loggedin"),c=s.searchParams.get("privacy"),m=s.origin+s.pathname+(l||""),h=s.origin+s.pathname+(d||""),[y,b]=D(m),f=!!d,{isAuthenticated:w}=r,$=O(u.c$),[v,C]=(0,p.A)(),k=($.targeting||"false"===c)&&C,A=_(),x=_(),E=({source:e,origin:t,data:o})=>{const{type:i,height:a}=o;let r;x.current&&A.current&&A.current.src.startsWith(t)&&A.current.contentWindow===e&&("string"==typeof o&&-1!==o.indexOf("apym")?r=o.replace("apym",""):"embed-size"===i&&(r=a),r&&(A.current.style.height=`${Number(r)+n}px`))};return K(()=>(window.addEventListener("message",E),()=>{window.removeEventListener("message",E)})),K(()=>{w?f&&b(h):b(m)},[w,f,h,m]),a.createElement(H,{"data-testid":"CNEEventRegistrationEmbedWrapper",className:e,ref:(0,L.P)(v,t)},a.createElement(I,{ref:x},k?a.createElement(B,{title:o,src:y,ref:A,scrolling:"no"}):a.createElement(g.A,{hasConsent:$.targeting,url:y,consentBannerHeader:T.consentBannerHeader})))};R.propTypes={configuredComponentRef:i().func,className:i().string,offsetHeight:i().number,title:i().string,url:i().string.isRequired,user:i().object},R.displayName="CNEEventRegistrationEmbed";const q=P(R),M=(0,E.y)(q,"CNEEventRegistrationEmbed");var F=n(69148),U=n(10553),V=n(87997),G=n(47655),W=n(32485),j=n.n(W),z=n(6442);const Y=(0,w.YK)({articleButtonCta:{id:"ContentCardEmbed.articleButtonCta",defaultMessage:"View Story",description:"Call to action for article embeds",isConfigurable:!0},recipeButtonCta:{id:"ContentCardEmbed.recipeButtonCta",defaultMessage:"View Recipe",description:"Call to action for recipe embeds",isConfigurable:!0}});var X=n(21093),Z=n(73275),J=n(65087),Q=n(18608),ee=n(73730),te=n(96472);const ne=h.AH` 23385 margin-bottom: ${(0,y.Kq)(2)}; 23386 ${(0,y.R9)("isSideBySide",!0,`\n ${(0,y.H4)(te.LO.md)}{\n margin-bottom: 0;\n }\n `)} 23387`,oe={bottomSpacing:(0,y.Kq)(2)},ie=h.Ay.div.withConfig({displayName:"ContentCardEmbedWrapper"})` 23388 /* Side By Side */ 23389 ${(0,y.R9)("isSideBySide",!0,h.AH` 23390 ${({theme:e,hasBorder:t,hasWhiteBg:n})=>(0,y._o)(e,"background-color",t||n?"colors.interactive.base.white":"colors.consumption.body.standard.bg-card")}; 23391 padding: ${(0,y.Kq)(3)}; 23392 23393 ${(0,y.H4)(te.LO.md)} { 23394 display: grid; 23395 grid-column-gap: ${(0,y.Kq)(5)}; 23396 grid-template-columns: 1fr 2fr; 23397 } 23398 `)} 23399 23400 /* Stacked */ 23401 ${(0,y.R9)("isStacked",!0,`\n margin-bottom: ${(0,y.Kq)(4)};\n `)} 23402 23403 ${({hasBorder:e})=>!0===e&&h.AH` 23404 border: 1px solid ${(0,y.HK)("colors.interactive.base.light")}; 23405 `} 23406`,ae=h.Ay.div.withConfig({displayName:"ContentCardEmbedImage"}).attrs(e=>({...oe,...e}))` 23407 ${ne} 23408`,re=(0,h.Ay)(Q.sH).withConfig({displayName:"ContentCardEmbedImageLink"}).attrs(e=>({...oe,...e}))` 23409 ${ne} 23410`,se=h.Ay.div.withConfig({displayName:"ContentCardEmbedInfo"})``,le=h.Ay.div.withConfig({displayName:"ContentCardEmbedRubric"})` 23411 ${(0,y.Gg)("typography.definitions.globalEditorial.context-primary")} 23412 padding-bottom: ${(0,y.Kq)(1)}; 23413 color: ${(0,y.HK)("colors.consumption.lead.standard.context-signature")}; 23414`,de=(0,h.Ay)(Q.sH).withConfig({displayName:"ContentCardEmbedRubricLink"}).attrs(e=>({colorToken:"colors.consumption.body.standard.display-signature",...e}))` 23415 ${(0,y.Gg)("typography.definitions.globalEditorial.context-primary")} 23416 23417 &:visited { 23418 text-decoration: underline; 23419 } 23420`,ce=(0,h.Ay)(Q.vm).withConfig({displayName:"ContentCardEmbedHed"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))` 23421 ${ie} & { 23422 margin-top: 0; 23423 margin-bottom: ${(0,y.Kq)(2)}; 23424 23425 ${(0,y.R9)("isSideBySide",!0,h.AH` 23426 ${(0,y.Gg)("typography.definitions.discovery.hed-core-primary")} 23427 `)} 23428 } 23429`,me=(0,h.Ay)(Q.sH).withConfig({displayName:"ContentCardEmbedHedLink"}).attrs(e=>
23429({colorSecondaryLinkToken:"colors.consumption.body.standard.subhed",colorStaticLinkToken:"colors.consumption.body.standard.subhed",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))` 23430 ${ie} ${ce} & { 23431 &:link { 23432 text-decoration: none; 23433 } 23434 23435 &:hover, 23436 &:focus, 23437 &:visited { 23438 text-decoration: underline; 23439 } 23440 23441 ${(0,y.R9)("isSideBySide",!0,h.AH` 23442 ${(0,y.Gg)("typography.definitions.discovery.hed-core-primary")} 23443 `)} 23444 23445 ${(0,y.R9)("hasAlternateStyling",!0,h.AH` 23446 ${({theme:e,shouldEnableGlobalStyling:t})=>(0,y.pe)(e,"colors.consumption.body.standard.subhed","colors.consumption.body.standard.subhed",t?"global":"default")}; 23447 `)} 23448 } 23449`,ue=h.Ay.div.withConfig({displayName:"ContentCardEmbedDek"})` 23450 ${(0,y.Gg)("typography.definitions.consumptionEditorial.description-embed")} 23451 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.body")}; 23452 margin-bottom: ${(0,y.Kq)(2)}; 23453`,pe=(0,h.Ay)(ee.A.Utility).withConfig({displayName:"ContentCardEmbedCta"})` 23454 margin-top: ${(0,y.Kq)(2)}; 23455 text-align: center; 23456 23457 ${(0,y.R9)("isStacked",!0,"\n width: auto;\n ")} 23458`,ge={article:Y.articleButtonCta,recipe:Y.recipeButtonCta},he=({artistName:e="",aspectRatioOverride:t="",buttonTextContent:n="",buttonTextMap:o={},className:i,configuredComponentRef:r,contentType:s,contributors:l,dangerousDek:d,dangerousHed:c,image:m,isClickableImage:u=!1,rating:p,rubric:g,showButton:h=!0,showByline:y=!1,hasBorder:b=!1,hasAlternateStyling:f=!1,hasWhiteBg:w=!1,showSideBySide:$=!0,shouldEnableGlobalStyling:v=!1,showDek:C=!0,showImage:k=!0,showRubric:A=!1,target:x,url:E,variations:S={layout:"stacked"},variationName:L})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ContentCardEmbed",variation:L})},[L]);const{formatMessage:T}=(0,z.A)(),H=ge[s]||ge.article,I=n||o[s]||T(H),B=p>0,O=$&&"side-by-side"===S.layout,K="stacked"===S.layout;return a.createElement(ie,{ref:r,hasWhiteBg:w,className:j()("content-card-embed",`content-card-embed--${S.layout}`,i),hasBorder:b,isSideBySide:O,isStacked:K,"data-testid":"ContentCardEmbedWrapper"},k&&m&&(()=>{const e=E&&u?re:ae,n={className:"content-card-embed__image",isSideBySide:O,isClickableImage:u,"data-testid":"ContentCardEmbedImage"};return E&&u&&(n.href=E,n.target="_blank"),t&&(m.aspectRatioOverride=t),a.createElement(e,{...n},a.createElement(Z.A,{...m,hasNativeImgLazyLoading:!0}))})(),a.createElement(se,null,A&&g&&a.createElement(le,{className:"content-card-embed__rubric","data-testid":"ContentCardEmbedRubric",hasAlternateStyling:f},"string"==typeof g.url?a.createElement(de,{href:g.url,"data-testid":"ContentCardEmbedRubricLink"},g.name):g.name),a.createElement(ce,{className:"content-card-embed__hed",isSideBySide:O,"data-testid":"ContentCardEmbedHed"},a.createElement(me,{className:"content-card-embed__hed-link link",isSideBySide:O,hasAlternateStyling:f,href:E,dangerouslySetInnerHTML:{__html:c},"data-testid":"ContentCardEmbedHedLink",shouldEnableGlobalStyling:v})),B&&a.createElement(X.A,{averageRatingCount:p}),C&&d&&K&&a.createElement(ue,{dangerouslySetInnerHTML:{__html:d},"data-testid":"ContentCardEmbedDek"}),y&&l&&a.createElement(J.A,{contributors:l,contentAlign:"left"}),e&&a.createElement("div",{className:"content-card-embed__artist"},e),h&&a.createElement(pe,{target:x,ariaLabel:I,href:E,label:I,inputKind:"link",isStacked:K,"data-testid":"ContentCardEmbedCta"})))};he.propTypes={configuredComponentRef:i().func,artistName:i().string,aspectRatioOverride:i().string,buttonTextContent:i().string,buttonTextMap:i().object,className:i().string,contentType:i().string,contributors:i().shape(J.A.propTypes.contributors),dangerousDek:i().string,dangerousHed:i().string,hasAlternateStyling:i().bool,hasBorder:i().bool,hasWhiteBg:i().bool,image:i().shape(Z.A.propTypes),isCl
23458ickableImage:i().bool,rating:i().number,rubric:i().shape({url:i().string,name:i().string}),shouldEnableGlobalStyling:i().bool,showButton:i().bool,showByline:i().bool,showDek:i().bool,showImage:i().bool,showRubric:i().bool,showSideBySide:i().bool,target:i().string,url:i().string,variationName:i().string,variations:i().shape({layout:i().oneOf(["stacked","side-by-side"]).isRequired})},he.displayName="ContentCardEmbed";const ye=he;var be=n(80471),fe=n(39832),we=n(10642);const $e=(0,w.YK)({rubric:{id:"ExternalLinkEmbed.Rubric",defaultMessage:"Read More",description:"External Link Embed Rubric default text"}});var ve=n(90090),Ce=n(4262);const ke=h.Ay.div.withConfig({displayName:"ExternalLinkEmbedWrapper"})` 23459 display: grid; 23460 width: 100%; 23461 23462 ${({layout:e})=>"inlineWithButton"!==e&&"\n border-width: 1px 0;\n border-style: solid;\n "} 23463 23464 ${({layout:e})=>"inlineWithButton"===e&&`\n .external-link-embed__image-link {\n @media (min-width: ${te.LO.md}) {\n margin-left: ${(0,y.Kq)(2)};\n width: ${(0,y.Kq)(27)};\n }\n margin-left: ${(0,y.Kq)(1)};\n width: ${(0,y.Kq)(16)};\n }\n `} 23465 23466 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.body.standard.divider")}; 23467 23468 ${({layout:e,isFullWidth:t})=>"inline"===e||"inlineWithButton"===e?`\n grid-gap: ${(0,y.Kq)(3)};\n grid-template-columns: repeat(3, 1fr);\n margin: ${(0,y.Kq)(4)} 0;\n padding: ${(0,y.Kq)(2)} 0;\n\n .external-link-embed__image-link {\n align-self: center;\n justify-self: end;\n }\n\n ${t&&"\n float: none;\n margin-left: 0;\n width: 100%;\n "}\n `:""} 23469 23470 ${({layout:e,theme:t})=>"large"===e?`\n grid-template-columns: repeat(8, 1fr);\n grid-row-gap: ${(0,y.Kq)(2)};\n margin: ${(0,y.Kq)(4)} 0;\n padding: ${(0,y.Kq)(2)} 0;\n\n .external-link-embed__image-link {\n grid-column: 2 / span 6;\n ${(0,y._o)(t,"background-color","colors.discovery.body.light.background")};\n }\n `:""} 23471`,Ae=(0,h.Ay)("div").withConfig({displayName:"ExternalLinkEmbedResponsiveImage"})` 23472 ${({layout:e})=>"inline"===e&&"\n min-width: 75px;\n\n img {\n width: 75px;\n object-fit: cover;\n }\n "} 23473 ${({layout:e})=>"inlineWithButton"===e&&"\n img {\n object-fit: contain;\n }\n "} 23474`,xe=h.Ay.div.withConfig({displayName:"ExternalLinkEmbedText"})` 23475 position: relative; 23476 23477 ${({layout:e,textColumnSize:t})=>"large"===e?"\n grid-column: 2 / span 6;\n ":`\n align-self: center;\n width: 100%;\n line-height: 1;\n\n ${"medium"===t?"\n grid-column: 1 / 3;\n ":"\n grid-column: 1 / 4;\n "}\n `} 23478 23479 a:link, 23480 a:visited { 23481 text-decoration: none; 23482 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.subhed")}; 23483 } 23484 23485 a:active, 23486 a:focus, 23487 a:hover { 23488 text-decoration: underline; 23489 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.subhed")}; 23490 } 23491 23492 .icon-arrow { 23493 margin-top: 2px; 23494 margin-left: 3px; 23495 23496 html[dir='rtl'] & { 23497 margin-top: 2px; 23498 margin-right: 7px; 23499 } 23500 } 23501 23502 a + .icon-arrow { 23503 margin-top: 7px; 23504 margin-left: 3px; 23505 } 23506`,Ee=(0,h.Ay)(J.A).withConfig({displayName:"ExternalLinkEmbedBylines"})``,Se=(0,h.Ay)(Q.vm).withConfig({displayName:"ExternalLinkEmbedHed"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.discovery.hed-bulletin-
23506primary",...e}))` 23507 display: inline; 23508 23509 ${({isLiveStory:e})=>e&&"\n font-weight: unset;\n "} 23510 23511 ${({hasMeta:e})=>e?`\n display: block;\n margin: 0 0 ${(0,y.Kq)(1)};\n `:""} 23512 23513 ${({theme:e,layout:t})=>"inlineWithButton"===t&&`\n @media(min-width: ${te.LO.md}){\n ${(0,y.Gg)(e,"typography.definitions.discovery.hed-feature")}\n }\n `}; 23514`,Le=(0,h.Ay)(Q.vm).withConfig({displayName:"ExternalLinkEmbedDek"}).attrs(e=>({as:"p",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.discovery.description-core",...e}))` 23515 ${({layout:e})=>"large"===e||"inline"===e?"\n margin: 0;\n ":""} 23516 23517 ${({hasMeta:e})=>e?"display: inline;":""} 23518`,Te=(0,h.Ay)(Q.vm).withConfig({displayName:"ExternalLinkEmbedRubric"}).attrs(e=>({as:"div",bottomSpacing:2,colorToken:"colors.consumption.body.standard.display-signature",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))``,Ne=(0,h.Ay)(Ce.A).withConfig({displayName:"ExternalLinkEmbedArrowIcon"})` 23519 position: absolute; 23520 23521 html[dir='rtl'] & { 23522 transform: rotate(180deg); 23523 } 23524 23525 path { 23526 ${({theme:e})=>(0,y._o)(e,"fill","colors.discovery.body.white.accent")}; 23527 } 23528`,He=(0,h.Ay)(ee.A).withConfig({displayName:"ExternalLinkEmbedButton"})` 23529 margin-top: ${(0,y.Kq)(3)}; 23530 border: 2px solid ${(0,y.HK)("colors.interactive.base.black")}; 23531 23532 @media (min-width: ${te.LO.md}) { 23533 margin-top: ${(0,y.Kq)(2)}; 23534 } 23535 23536 ${({theme:e})=>`\n ${(0,y.Gg)(e,"typography.definitions.utility.button-utility")}};\n `}; 23537`,Ie=h.Ay.div.withConfig({displayName:"ExternalLinkEmbedButtonWrapper"})` 23538 a:link, 23539 a:visited { 23540 text-decoration: none; 23541 ${({theme:e})=>`\n \n ${(0,y._o)(e,"color","colors.interactive.base.black")};\n `}; 23542 } 23543 23544 a:active, 23545 a:focus, 23546 a:hover { 23547 text-decoration: none; 23548 ${({theme:e})=>`\n ${(0,y._o)(e,"background-color","colors.interactive.base.black")}\n \n ${(0,y._o)(e,"color","colors.interactive.base.white")};\n \n `}; 23549 } 23550`;var Be=n(46674);const Oe="PLPPromotion",Ke="ArticleToPLP",De=({url:e,position:t})=>{window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"promotion-click",ecommerce:{promoClick:{promotions:[{id:Oe,name:Ke,creative:e,position:t}]}}})},_e=({className:e,configuredComponentRef:t,contributors:n,dangerousDek:o,dangerousHed:i,hasArrowIcon:r=!0,image:s,isExternal:l=!0,isFullWidth:d=!1,rubric:c,showByline:m=!1,textColumnSize:u="medium",url:p,variations:g={layout:"inline"},variationName:h,isLiveStory:y=!1,source:b,position:f,id:w})=>{const{layout:$}=g;a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ExternalLinkEmbed",variation:h})},[]);const[v,C]=(0,be.Wx)({threshold:.5,trackVisibility:!0,delay:100,triggerOnce:!0});C&&"inlineWithButton"===$&&(({url:e,position:t})=>{(0,ve.zJ)("",{event:"promotion-impression",ecommerce:{promoView:{promotions:[{id:Oe,name:Ke,creative:e,position:t}]}}})})({url:p,position:f});const k=(0,z.A)(),A=l?fe.A:"a",x=Be.A,E=m&&n,S=(({hasByline:e,url:t,contributors:n,dangerousHed:o,dangerousDek:i,LinkComponent:r,hasArrowIcon:s,rubric:l,textColumnSize:d,layout:c,intl:m,isLiveStory:u,source:p,position:g})=>a.createElement(xe,{textColumnSize:u?"medium":d,layout:c},"inline"===c&&l&&a.createElement(Te,null,"string"==typeof l?m.formatMessage($e.rubric):l.name),a.createElement(r,{attributes:{"aria-label":o},className:"external-link-embed__hed-link button",href:t,onClick:()=>"inlineWithButton"===c&&De({url:t,position:g})},a.createElement(Se,{hasMeta:i||e,layout:c,dangerouslySetInnerHTML:{__html:o},isLiveStory:u})),i&&a.createElement(Le,{hasMeta:i||e,layout:c,dangerouslySetInnerHTML:{__html:i}}),s&&a.createElement(Ne,null),e&&a.createElement(Ee,{contributors:n,contentAlign:"left"}),"inlineWithButton"===c&&p&&a.createElement(Ie,null,a.createElement(He,{btnStyle:"outlined",label:p,href:t,inputKind:"link",onClickHandler:()=>"inlineWithButton"===c&&De({url:t,position:g}),target:"_blank"}))))({hasByline:E,url:p,contributors:n,dangerousHed:i,dangerousDek:o,LinkComponent:A,hasArrowIcon:r,rubric:c,textColumnSize:u,layout:$,intl:k,isLiveStory:y,source:b,position:f,id:w});return a.createElement(ke,{layout:$,hasMeta:o||E,isFullWidth:d,className:e,"data-testid":`external-link-embed--${$}`,isLiveStory:y,ref:(0,L.P)(v,t)},"inline"===$&&S,"inlineWithButton"===$&&S,s?.sources&&a.createElement(A,{attributes:{"aria-label":i},className:"external-link-embed__image-link",href:p,onClick:()=>"inlineWithButton"===$&&De({url:p,position:f})},a.createElement(Ae,{altText:s.altText,sources:s.sources,as:x,layout:$})),"large"===$&&S)};_e.displayName="ExternalLinkEmbed",_e.propTypes={configuredComponentRef:i().func,className:i().string,contributors:i().shape(J.A.propTypes.contributors),dangerousDek:i().string,dangerousHed:i().string.isRequired,hasArrowIcon:i().bool,id:i().string,image:i().object,isExternal:i().bool,isFullWidth:i().bool,isLiveStory:i().bool,position:i().number,rubric:i().oneOfType([i().shape(we.A.propTypes),i().string]),showByline:i().bool,source:i().string,textColumnSize:i().oneOf(["medium","large"]),url:i().string.isRequired,variationName:i().string,variations:i().shape({layout:i().string})};const Pe=_e;Pe.Inline=(0,G.y)(Pe,"Inline",{layout:"inline"}),Pe.Large=(0,G.y)(Pe,"Large",{layout:"large"}),Pe.InlineWithButton=(0,G.y)(Pe,"InlineWithButton",{layout:"inlineWithButton"});const Re=Pe,qe=(0,E.y)(Re,"ExternalLinkEmbed");ye.Stacked=(0,G.y)(ye,"Stacked",{layout:"stacked"}),ye.SideBySide=(0,G.y)(ye,"SideBySide",{layout:"side-by-side"}),ye.ExternalLink=(0,G.y)(qe,"ExternalLink",{layout:"inline"},{isExternal:!1}),ye.ExternalLinkLarge=(0,G.y)(qe,"ExternalLinkLarge",{layout:"large"},{isExternal:!1});const Me=ye,Fe=(0,E.y)(Me,"ContentCardEmbed");var Ue=n(52027),Ve=n(63175),Ge=n(51e3),We=n(7228);const je=h.Ay.div.withConfig({displayName:"ContributorEmbedWrapper"})``,ze=(0,h.Ay)(Z.A).withConfig({displayName:"ContributorEmbedResponsiveAsset"})` 23551 display: block; 23552 max-width: 70px; 23553 23554 @media (min-width: ${te.LO.lg}) { 23555 max-width: 80px; 23556 } 23557 23558 ${We.BF} { 23559 ${(0,Ue.P)("100%","70px","70px")} 23560 } 23561 23562 @media (min-width: ${te.LO.lg}) { 23563 ${We.BF} { 23564 ${(0,Ue.P)("100%","80px","80px")} 23565 } 23566 } 23567`,Ye=h.Ay.h3.withConfig({displayName:"ContributorEmbedName"})` 23568 && { 23569 margin: ${(0,y.Kq)(2)} 0 ${(0,y.Kq)(1)}; 23570 padding: 0; 23571 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.discovery.subhed-section-tertiary")} 23572 } 23573`,Xe=h.Ay.div.withConfig({displayName:"ContributorEmbedSocialLine"})` 23574 display: flex; 23575 align-items: center; 23576 justify-content: flex-start; 23577 margin-bottom: ${(0,y.Kq)(1)}; 23578 23579 &:empty { 23580 display: none; /* 1 */ 23581 } 23582`,Ze=(0,h.Ay)(Q.vm).withConfig({displayName:"ContributorEmbedTitle"}).attrs(e=>({colorToken:"colors.consumption.body.standard.body-deemphasized",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...e}))``,Je=(0,h.Ay)(Ve.A.Standard).withConfig({displayName:"ContributorEmbedSocialIcons"})` 23583 ${Ze} + & { 23584 margin-left: ${(0,y.Kq)(2)}; 23585 } 23586 23587 ${Ge.KS} { 23588 width: ${(0,y.Kq)(4)}; 23589 height: ${(0,y.Kq)(4)}; 23590 } 23591 23592 ${Ge.Pq} { 23593 margin: 0; 23594 padding: 0; 23595 } 23596 23597 ${Ge.eO} { 23598 margin: 0; 23599 } 23600`,Qe=({dangerousBio:e,name:t,photo:n,socialMedia:o,title:i})=>{if(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ContributorEmbed"})},[]),!e)return null;const r={links:o};return a.createElement(je,{"data-testid":"contributor-embed-wrapper"},n&&a.createElement(ze,{...n}),a.createElement(Ye,null,t),a.createElement(Xe,null,i&&a.createElement(Ze,null,i),o&&a.createElement(Je,{...r})),a.createElement("div",{dangerouslySetInnerHTML:{__html:e},"data-testid":"contributor-bio"}))};Qe.propTypes={dangerousBio:i().string,name:i().string,photo:i().shape(Z.A.propTypes),socialMedia:i().arrayOf(i().shape({label:i().string,network:i().string})),title:i().string};const et=Qe;var tt=n(53788),nt=n(99906),ot=n(80163),it=n(28379);const at=h.Ay.div.withConfig({displayName:"GameEmbedWrapper"})` 23601 display: flex; 23602 position: relative; 23603 flex-direction: row; 23604 justify-content: center; 23605 transform: translateX(-50%); 23606 margin-left: 50%; 23607 width: 100vw; 23608 -webkit-overflow-scrolling: touch; 23609 23610 @media (min-width: ${({breakpoint:e})=>nt.VS[e]}px) { 23611 transform: none; 23612 margin-left: 0; 23613 width: 100%; 23614 } 23615`;at.displayName="GameEmbedWrapper";const rt=(0,S.z5)("user"),st=({className:e,configuredComponentRef:t,crossword:o,id:i,gamesCDNURL:r,gamesAPIURL:s,user:l})=>
23615{const[d,c]=a.useState(null),[u,p]=a.useState(!0),g=a.useCallback(e=>{(0,it.B)(e)},[]);a.useEffect(()=>{n.e(7800).then(n.bind(n,55929)).then(e=>{c(e),p(!1)}).catch(e=>{p(!1)})},[]),a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"GameEmbed"})},[]);const{large:h}=nt.th,y=a.useMemo(()=>{if(!l?.isAuthenticated||!l?.amguuid)return;const e=(0,m.getCookie)(tt.A.oidcCookies.access)||(0,m.getCookie)(tt.A.authCookieName);return e?{userId:l.amguuid,authToken:e}:void 0},[l?.isAuthenticated,l?.amguuid]),b=a.useMemo(()=>({apiBaseUrl:`${s}/api/v1`,throttleMs:1e4}),[s]),[f,w]=a.useState({gameType:void 0,theme:o?.theme,isLoading:!0,onGameEvent:g,userContext:y,stateSyncConfig:b,options:{game:null,session:void 0,settings:o?.settings}});a.useEffect(()=>{(async()=>{if(d)try{const e=await fetch(`${s}/api/v1/games/${i}`);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const t=await e.json();w(e=>({...e,gameType:d.GameType[t.gameType],isLoading:!1,onGameEvent:g,userContext:y,stateSyncConfig:b,options:{...e.options,game:{...t,gameURL:window.location.href},session:JSON.parse(localStorage.getItem(`shuffaloGameSession-${i}`)||"null")}}))}catch(e){}})()},[i,s,y,b,d,g]);const $=a.createElement("div",{style:{display:"none"},dangerouslySetInnerHTML:{__html:`\x3c!-- #puzzles-and-games-url: ${r}?id=${i} --\x3e`}});if(u||!d)return a.createElement(at,{ref:t,"data-testid":"GameEmbedWrapper",breakpoint:h,className:e},$,a.createElement("div",{className:"game-embed-loading"},"Loading game..."));const{GameLoader:v}=d,C=!u&&!f.isLoading&&null!==f.options.game;return a.createElement(at,{ref:t,"data-testid":"GameEmbedWrapper",breakpoint:h,className:e},$,a.createElement(v,{...f}),C&&a.createElement(ot.A,null))};st.propTypes={configuredComponentRef:i().func,className:i().string,crossword:i().shape({theme:i().object,settings:i().object}),gamesCDNURL:i().string.isRequired,gamesAPIURL:i().string.isRequired,id:i().string.isRequired,user:i().shape({isAuthenticated:i().bool,amguuid:i().string})},st.displayName="GameEmbed";const lt=rt(st),dt=(0,E.y)(lt,"GameEmbed");var ct=n(22509);const mt=h.Ay.div.withConfig({displayName:"CrosswordEmbedWrapper"})` 23616 transform: translateX(-50%); 23617 margin-left: 50%; 23618 width: 100vw; 23619 -webkit-overflow-scrolling: touch; 23620 23621 @media (min-width: ${({breakpoint:e})=>nt.VS[e]}px) { 23622 transform: none; 23623 margin-left: 0; 23624 width: 100%; 23625 } 23626`,ut=h.Ay.div.withConfig({displayName:"CrosswordEmbedInfoWrapper"})` 23627 display: none; 23628`,pt=h.Ay.div.withConfig({displayName:"CrosswordEmbedInvisibleDivWrapper"})` 23629 position: absolute; 23630 left: 0; 23631 opacity: 0; 23632 width: 100%; 23633 height: 100vh; 23634`,gt=h.Ay.iframe.withConfig({displayName:"CrosswordEmbedContentIframe"})` 23635 border: none; 23636 width: 100%; 23637 height: 520px; 23638 overflow: hidden; 23639 23640 @media (min-width: ${({breakpoint:e})=>nt.VS[e]}px) { 23641 height: 730px; 23642 } 23643 23644 @media print { 23645 display: inline; 23646 } 23647`;mt.displayName="CrosswordEmbedWrapper",ut.displayName="CrosswordEmbedInfoWrapper",pt.displayName="CrosswordEmbedInvisibleDivWrapper",gt.displayName="CrosswordEmbedContentIframe";const ht=(0,w.YK)({title:{id:"CrosswordEmbed.Title",defaultMessage:"Embedded Crossword",description:"Title for crossword embed",isConfigurable:!0},signInMessage:{id:"CrosswordEmbed.SignInMessage",defaultMessage:"To save your progress, sign in to your <emTag>{portal}</emTag> account.",description:"Sign in message",isConfigurable:!0}}),yt=(0,S.z5)("user"),bt=({className:e,configuredComponentRef:t,hasUnsafeReferrer:n,signInMessage:o,title:i,url:r,user:s})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"CrosswordEmbed"})},[]);const{formatMessage:l}=(0,z.A)(),d=a.useRef(),[c,m]=a.useState(null),{large:u}=nt.th,[p,g]=a.useState(r),h=o||l(ht.signInMessage,{portal:"New Yorker",emTag:e=>`<em>${e.join("")}</em>`}),[y,b]=a.useState(!0),{isAuthenticated:f}=s;a.useEffect(()=>{f&&b(!1)},[f]),a.useEffect(()=>{const e=e=>{if((/(http(s?)):\/\/cdn3.amuselabs.com/.test(e.origin)||r.startsWith(e.origin))&&"string"==typeof e.data){const t=JSON.parse(e.data),{frameHeight:n,playId:o,gridOffset:i}=t;if(o){const e=`${window.location.protocol}//${window.location.host}${window.location.pathname}?playId=${o}`;window.history.replaceState({path:e},window.title,e)}n&&(d.current.style.height=`${n}px`),void 0!==i&&window.scrollTo(0,d.current.getBoundingClientRect().top+window.pageYOffset-70)}},t=window.location.search.substr(1).split("&").find(e=>e.startsWith("playId")),n=t&&t.split("=")[1];return m(r),s.amguuid&&(m(`${r}&uid=${s.amguuid}`),g(`${r}&uid=${s.amguuid}`)),n&&(m(`${r}&playId=${n}`),g(`${r}&playId=${n}`)),window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[r,s]);const w=a.useCallback(()=>{ct.Rf({closeButtonCallback:()=>{b(!1)},dangerousDek:h,redirectURL:document.location.href,type:"crosswords",analyticsType:"crossword"})},[h]);return a.createElement(mt,{ref:t,"data-testid":"CrosswordEmbedWrapper",breakpoint:u,className:e},a.createElement(ut,{dangerouslySetInnerHTML:{__html:`<iframe id="crossword" title="Blank iframe" ${n?'referrerpolicy="unsafe-url"':""} src="about:blank" data-src="${p}"></iframe>`},"data-testid":"CrosswordEmbedInfoWrapper"}),y&&a.createElement(pt,{"data-testid":"CrosswordEmbedInvisibleDivWrapper","aria-hidden":"true",onClick:w,onKeyPress:w}),a.createElement(gt,{"data-testid":"CrosswordEmbedContentIframe",breakpoint:u,ref:d,title:i||l(ht.title),src:c,...n&&{referrerPolicy:"unsafe-url"}}),a.createElement("div",{style:{display:"none"},dangerouslySetInnerHTML:{__html:`\x3c!-- #puzzles-and-games-url: ${decodeURIComponent(p)} --\x3e`}}))};bt.propTypes={configuredComponentRef:i().func,className:i().string,hasUnsafeReferrer:i().bool,signInMessage:i().string,title:i().string,url:i().string.isRequired,user:i().object},bt.displayName="CrosswordEmbed";
23647const ft=yt(bt),wt=(0,E.y)(ft,"CrosswordEmbed");var $t=n(94828),vt=n(86157);const Ct=({className:e,event:t})=>{const{formatDateTimeRange:n}=(0,z.A)();a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"EventEmbed"})},[]);const o=(0,a.useMemo)(()=>{if(t.eventDetails)return t.eventDetails;let e=new Date(t.startDate),o=new Date(t.endDate);if(isFinite(e)&&!isFinite(o))o=e;else if(!isFinite(e)&&isFinite(o))e=o;else if(!isFinite(e)&&!isFinite(o))return"";return n(e,o,{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})},[t,n]);return a.createElement($t.A.EventEmbed,{className:e,contentType:"event",copilotID:t.id,dangerousHed:t.dangerousHed,dangerousDek:t.dangerousDek,image:t.image,hasAsset:!!t.image,shouldHideEventDate:!1,eventDate:o,venueName:t.venue&&t.venue.name,rubric:{name:t.rubric},isCtaButtonClickable:!0,isDense:!0,primaryCta:t.ctaLink,primaryCTALabel:t.ctaLabel,url:t.url})};Ct.propTypes={className:i().string,event:i().shape({id:i().string,dangerousHed:i().string,dangerousDek:i().string,startDate:i().string,endDate:i().string,eventDetails:i().string,rubric:i().string,image:i().shape(vt.A.propTypes),ctaLabel:i().string,ctaLink:i().string,url:i().string,venue:i().shape({name:i().string})}).isRequired};const kt=Ct;var At=n(76573);const xt=(0,w.YK)({facebookEmbedAriaLabelText:{id:"FacebookEmbed.AriaLabelText",defaultMessage:"social media post",description:"ARIA label for the facebook embed container on Facebook Embed"},consentBannerHeader:{id:"FacebookEmbed.ConsentBannerHeader",defaultMessage:"Facebook content",description:"Header for message banner"}}),Et=h.Ay.div.withConfig({displayName:"FacebookEmbedContainer"})` 23648 align-self: center; 23649 margin: ${(0,y.Kq)(5)} auto; 23650 max-width: fill-available; 23651 text-align: center; 23652 justify-self: center; 23653`,St=h.Ay.div.withConfig({displayName:"FacebookPost"})` 23654 align-self: center; 23655 justify-self: center; 23656 margin: 0 auto; 23657 max-width: fill-available; 23658 23659 @media (max-width: ${te.LO.md}) { 23660 & > span, 23661 & > span > iframe { 23662 max-width: fill-available; 23663 } 23664 } 23665`,{useContext:Lt,useEffect:Tt,useRef:Nt}=a,Ht=({attributes:e,className:t,url:n,hideText:o})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"FacebookEmbed"})},[]);const{formatMessage:i}=(0,z.A)(),r=Lt(u.c$),[s,l]=(0,p.A)(),d=Nt(),c=(0,At.h2)(),m=r.targeting&&l;return Tt(()=>{m&&((e="en-US")=>{if(document.getElementById("facebook-embed"))window?.FB?.XFBML?.parse();else{const t=document.createElement("script");t.id="facebook-embed",t.className="facebook-embed";const n="zh-Hant-TW"===e?"zh_TW":e.replace("-","_");t.src=`https://connect.facebook.net/${n}/sdk.js#xfbml=1&version=v20.0`,document.body.appendChild(t)}})(c)},[c,m]),a.createElement(Et,{...e,className:t,"data-type":"facebook","aria-label":i(xt.facebookEmbedAriaLabelText),ref:(0,L.P)(d,s)},m?a.createElement(St,{className:"fb-post","data-href":n,"data-show-text":o?"false":"true"}):a.createElement(g.A,{hasConsent:r.targeting,url:n,consentBannerHeader:xt.consentBannerHeader}))};Ht.propTypes={attributes:i().object,className:i().string,hideText:i().bool,url:i().string.isRequired},Ht.displayName="FacebookEmbed";const It=Ht;var Bt=n(31581),Ot=n(1633);const Kt=(0,w.YK)({consentBannerHeader:{id:"FireworkEmbed.ConsentBannerHeader",defaultMessage:"Firework content",description:"Header for message banner"}}),{useContext:Dt,useEffect:_t}=a,Pt=({caption:e,channel:t,className:n,configuredComponentRef:o,hasDividerAbove:i=!0,hasDividerBelow:r=!0,url:s})=>{const l=Dt(u.c$),[d,c]=(0,p.A)(),[m,h]=-1!==s.indexOf("|")?s.split("|"):[null,null],y=t??m??"voguemagazine",b=h??s,f=`https://fw.tv/iframe/embed-feed?channel=${y}&playlist=${b}`,w=l.targeting&&c;_t(()=>{w&&((()=>{if(!document.getElementById("firework-tracking")){const e=document.createElement("script");e.id="firework-tracking",document.body.appendChild(e),["fw:video:impression","fw:video:start","fw:video:first-quartile","fw:video:midpoint","fw:video:third-quartile","fw:video:complete","fw:video:session","fw:video:click-cta","fw:video:click-share","fw:video:share","fw:player:quit","fw:shopping:hydrate-products","fw:shopping:cart-updated","fw:shopping:request-checkout","fw:shopping:product-clicked","fw:embed-feed:impression","fw:embed-feed:thumbnail-load","fw:embed-feed:thumbnail-click","fw:livestream:join","fw:livestream:quit","fw:livestream:send-chat","fw:livestream:send-heart","fw:player:transition"].forEach(e
23665=>{document.addEventListener(e,t=>{window.dataLayer.push({event:e,detail:t.detail||{}})},!1)})}})(),(()=>{if(!document.getElementById("firework-embed")){const e=document.createElement("script");e.id="firework-embed",e.src="https://asset.fwcdn3.com/js/embed-feed.js",e.async=!0,document.body.appendChild(e)}document.querySelectorAll(".grid-layout__content").forEach(e=>{""===e.style.width&&(e.style.width="inherit")})})())},[w]);const $=e.replace(/<[^>]*>/g,"").trim();return b?a.createElement(Ot.Os,{className:n,ref:(0,L.P)(d,o)},$&&a.createElement(Ot.Hf,{dangerousHed:$,hasDividerAbove:i,hasDividerBelow:r,textAlign:"center",hedTag:"div","data-testid":"section-title"}),w?a.createElement(Ot._l,null,a.createElement("fw-embed-feed",{channel:y,playlist:b,mode:"row",open_in:"_modal",max_videos:"0",placement:"middle",player_placement:"bottom-right",pip:"false",player_minimize:"false",branding:"false"})):a.createElement(g.A,{hasConsent:l.targeting,url:f,consentBannerHeader:Kt.consentBannerHeader})):null};Pt.propTypes={configuredComponentRef:i().func,caption:i().string,channel:i().string,className:i().string,hasDividerAbove:i().bool,hasDividerBelow:i().bool,url:i().string.isRequired},Pt.displayName="FireworkEmbed";const Rt=Pt,qt=(0,Bt.N)((0,E.y)(Rt,"FireworkEmbed"));var Mt=n(28081),Ft=n(47765),Ut=n(1123),Vt=n(38860),Gt=n(4178),Wt=n(41108),jt=n(31243);const zt=h.Ay.div.withConfig({displayName:"CalloutFeatureLargeWrapper"})` 23666 margin: 0; 23667 23668 &&& { 23669 ${Wt.$m} { 23670 margin: 0 auto ${(0,y.Kq)(5)} auto; 23671 } 23672 } 23673 ${Vt.Gk} { 23674 margin: ${(0,y.Kq)(1,"px")} 0 0; 23675 } 23676 23677 .body__grid-container & { 23678 ${Vt.Gk} { 23679 margin-right: ${(0,y.Kq)(3)}; 23680 margin-left: ${(0,y.Kq)(3)}; 23681 23682 ${(0,y.H4)(te.LO.md)} { 23683 margin-right: ${(0,y.Kq)(1)}; 23684 margin-left: ${(0,y.Kq)(1)}; 23685 } 23686 } 23687 23688 ${jt.zp} { 23689 margin-right: ${(0,y.Kq)(3)}; 23690 } 23691 23692 figure:only-of-type ${Vt.Gk} { 23693 ${(0,Ut.aU)("margin")}; 23694 display: grid; 23695 grid-gap: 0 ${(0,y.Kq)(3)}; 23696 grid-template-columns: repeat(12, 1fr); 23697 max-width: ${te.LO.xxl}; 23698 23699 ${(0,y.L7)(te.LO.md)} { 23700 margin-right: ${(0,y.Kq)(3)}; 23701 margin-left: ${(0,y.Kq)(3)}; 23702 } 23703 23704 ${Vt.OZ}, 23705 ${Vt.eu} { 23706 grid-column: 1 / -1; 23707 23708 ${(0,y.H4)(te.LO.md)} { 23709 grid-column: 2 / -2; 23710 } 23711 } 23712 } 23713 } 23714 23715 .asset-embed__responsive-asset { 23716 width: 100%; 23717 } 23718 23719 .responsive-cartoon { 23720 &::before { 23721 display: inline-block; 23722 grid-column: 1/-1; 23723 border-width: 0 0 1px; 23724 border-style: solid; 23725 height: 0; 23726 content: ''; 23727 23728 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.body.standard.divider")}; 23729 } 23730 23731 &::after { 23732 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.body.standard.divider")}; 23733 23734 display: inline-block; 23735 grid-column: 1/-1; 23736 border-width: 1px 0 0; 23737 border-style: solid; 23738 height: 0; 23739 content: ''; 23740 } 23741 } 23742 23743 .responsive-cartoon__caption { 23744 ${(0,y.Gg)("typography.definitions.globalEditorial.context-secondary")} 23745 margin-top: 0; 23746 } 23747 23748 ${(0,y.R9)("calloutFeatureLargeNested",!0,`\n display: flex;\n flex-direction: column;\n margin-bottom: ${(0,y.Kq)(1,"px")};\n\n @media (min-width: ${te.LO.md}) {\n margin: 0;\n\n .asset-embed {\n margin: 0;\n padding: 0 0 0 ${(0,y.Kq)(1)};\n width: 50%;\n\n &:first-child {\n padding: 0 ${(0,y.Kq)(1)} 0 0;\n }\n }\n }\n `)} 23749 23750 /* Scroll-triggered animation â enabled when animated is set via Copilot */ 23751 ${({calloutFeatureLargeNested:e,$animationType:t,$isRevealed:n,$scrollReady:o,$totalItems:i})=>e&&t?Array.from({length:i},(e,a)=>h.AH` 23752 .asset-embed:nth-child(${a+1}) { 23753 ${(0,Ft.xS)(t,a+1,{isRevealed:n,isReady:o,totalItems:i})} 23754 } 23755 `):""} 23756`,Yt=(0,h.Ay)(Gt.A).withConfig({displayName:"CalloutFeatureLargeContentPromoEmbed"})``,Xt=({name:e,animated:t=!1,animationType:n,children:o})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"FeatureLargeCallout"})},[]);const{ref:i,isRevealed:r,isReady:s}=(0,Mt.A)({enabled:t});return a.createElement(zt,{ref:t?i:void 0,"data-testid":"feature-large-callout",calloutFeatureLargeNested:a.Children.count(o)>=2,$isRevealed:r,$scrollReady:s,$animationType:t?n??null:null,$totalItems:a.Children.count(o)},a.Children.map(o,o=>"gallery"===o.props.contentType?a.createElement(Yt,{...o.props}):"embedSize"in o.props&&"feature-large"===e?(t=>a.cloneElement(t,{embedSize:e}))(o):a.cloneElement(o,{animated:t,animationType:t?n:void 0})))};Xt.propTypes={animated:i().bool,animationType:i().string,children:i().node.isRequired,className:i().string,name:i().string};const Zt=Xt,Jt=h.Ay.div.withConfig({displayName:"FootNoteEmbedWrapper"})` 23757 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.lead.special.context-signature")}; 23758 23759 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.lead.special.context-signature")}; 23760 23761 margin: ${(0,y.Kq)(2)} 0; 23762 border-width: 1px; 23763 border-style: solid; 23764 padding: ${(0,y.Kq)(1)} ${(0,y.Kq)(2)} ${(0,y.Kq)(2)}; 23765 width: 100%; 23766`,Qt=({children:e})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"FootnoteEmbed"})},[]),a.createElement(Jt,null,e));Qt.propTypes={children:i().oneOfType([i().arrayOf(i().node),i().node]).isRequired};const en=Qt;var tn=n(76997),nn=n(58156),on=n.n(nn),an=n(89957);const rn=(0,w.YK)({sectionTitle:{id:"RelatedList.SectionTitle",defaultMessage:"Related Stories",description:"Section title for list of related stories",isConfigurable:!0}}),sn=h.Ay.div.withConfig({displayName:"RelatedListWrapper"})` 23767 display: flex; 23768 flex-direction: column; 23769 justify-content: center; 23770`,ln=(0,h.Ay)(Q.vm).withConfig({displayName:"RelatedListHeading"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.discovery.subhed-section-tertiary",...e}))` 23771 border-top: ${(0,y.Kq)(.25,"px")} solid 23772 ${(0,y.HK)("colors.consumption.body.standard.display-texture")}; 23773 border-bottom: ${(0,y.Kq)(.25,"px")} solid 23774 ${(0,y.HK)("colors.consumption.body.standard.display-texture")}; 23775 padding: ${(0,y.Kq)(2)} 0; 23776`,dn=(0,h.Ay)($t.A.SideBySideThirds).withConfig({displayName:"RelatedListSummaryItem"})` 23777 &.summary-item { 23778 grid-column-gap: ${(0,y.Kq)(3)}; 23779 grid-template-columns: 75px auto; 23780 align-items: flex-start; 23781 padding: ${(0,y.Kq)(2)} 0; 23782 23783 .summary-item__hed { 23784 ${(0,y.Gg)("typography.definitions.discovery.hed-bulletin-
23784primary")}; 23785 transition: color ${te.L6.timingButtonDefault} ease; 23786 margin-top: 0; 23787 margin-bottom: ${(0,y.Kq)(1)}; 23788 } 23789 } 23790 23791 .rubric.summary-item__rubric { 23792 ${(0,y.Gg)("typography.definitions.globalEditorial.context-primary")}; 23793 display: block; 23794 margin-bottom: ${(0,y.Kq)(1)}; 23795 color: ${(0,y.HK)("colors.discovery.body.white.heading")}; 23796 } 23797 23798 &.summary-item--has-border { 23799 border-bottom: ${(0,y.Kq)(.125,"px")} solid 23800 ${(0,y.HK)("colors.consumption.body.standard.divider")}; 23801 } 23802 23803 .summary-item__byline { 23804 margin-bottom: 0; 23805 } 23806 23807 .summary-item__byline-authors { 23808 &.byline, 23809 &.byline__preamble, 23810 &.byline__name, 23811 &.byline__name-link, 23812 &.byline__social-link { 23813 ${(0,y.Gg)("typography.definitions.globalEditorial.accreditation-core")}; 23814 color: ${(0,y.HK)("colors.discovery.body.white.heading")}; 23815 } 23816 } 23817 23818 .summary-item__content { 23819 .summary-item__hed-link { 23820 &:link, 23821 &:visited { 23822 text-decoration: none; 23823 color: ${(0,y.HK)("colors.consumption.body.standard.subhed")}; 23824 } 23825 23826 &:active, 23827 &:focus, 23828 &:hover { 23829 text-decoration: underline; 23830 color: ${(0,y.HK)("colors.consumption.body.standard.subhed")}; 23831 } 23832 } 23833 } 23834`,cn=h.Ay.div.withConfig({displayName:"RelatedListItems"})``,mn=h.Ay.div.withConfig({displayName:"RelatedListItem"})``,un=({bylineVariation:e,className:t,children:n,heading:o,shouldLinkByline:i=!0,shouldHideRubric:r=!1,shouldHideBylines:s=!0})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"RelatedList"})},[]);const{formatMessage:l}=(0,z.A)(),d=e=>()=>{(0,ve.W8)("recirc-related_inline-click",{"gtm.elementUrl":e})};if((0,an.ol)(".related-list",void 0,e=>{e&&(0,ve.zJ)("recirc-related_inline-impression")}),!n||!n.length)return null;const c=/^h[1-6]$/,m=/^div$/,u=/^heading-h[1-6]$/,p=n.find(e=>{const{type:t,props:{className:n}={}}=e;return"string"==typeof t&&(c.test(t)||m.test(t)&&u.test(n))}),g=p?on()(p,"props.children"):null,h=n.filter(e=>{const{type:t,props:{newClassName:n}={}}=e;return!c.test(t)&&!m.test(t)&&!u.test(n)});return a.createElement(sn,{className:j()("related-list",t)},a.createElement(ln,null,g||o||l(rn.sectionTitle)),a.createElement(cn,null,h.map((t,n)=>{const{authors:o,dangerousHed:l,image:c,rubric:m,url:u}=t.props;return a.createElement(mn,{key:n},a.createElement(dn,{bylineVariation:e,clickHandler:d(u),contentType:"article",contributors:{author:o},dangerousHed:l,hasRule:!1,hedTag:"div",image:c,maxHedLines:3,rubric:r?null:m,url:u,shouldHideBylines:s,shouldLinkByline:i}))})))};un.propTypes={bylineVariation:i().string,children:i().oneOfType([i().func,i().node]),className:i().string,heading:i().string,shouldHideBylines:i().bool,shouldHideRubric:i().bool,shouldLinkByline:i().bool},un.displayName="RelatedList";const pn=un,gn=(0,E.y)(pn,"RelatedList");var hn=n(54495),yn=n(20249),bn=n.n(yn);const fn=e=>!!(e.type&&"p"===e.type&&on()(e,"props.children.type")&&"a"===on()(e,"props.children.type")&&on()(e,"props.children.props.href")&&on()(e,"props.children.props.href").startsWith("https://")),wn=e=>{let t=!0;return!!Array.isArray(e)&&(((n=e[0]).type?n.type===a.Fragment:n===a.Fragment)?wn(e[0]?.props?.children):(e.forEach((e,n)=>{var o;0!==n||(o=e)&&["h1","h2","h3","h4","h5","h6"].includes(o.type)||fn(e)||(t=!1),0===n||fn(e)||(t=!1)}),t));var n},$n=(e,t)=>{const n={article:"hasArticleEmbed","asset-embed":"hasAssetEmbed","blockquote-embed":"hasBlockquoteEmbed",cartoon:"isCartoon","external-link-embed":"hasExternalLinkEmbed","pullquote-embed":"hasPullquoteEmbed","related-list":"hasRelatedList","sidebar-embed":"hasSidebarEmbed","callout:sidebar":"hasSidebarEmbed","visual-story-single-card":"hasSingleCardEmbed"},o={hasArticleEmbed:!1,hasAssetEmbed:!1,hasBlockquoteEmbed:!1,hasCartoon:!1,hasExternalLinkEmbed:!1,hasPullquoteEmbed:!1,hasRelatedList:!1,hasSidebarEmbed:!1,hasSingleCardEmbed:!1};let i,r;return a.Children.forEach(e,e=>{i=(e=>e?.type?.displayName?(e=>{const t=e.match(/\((\w+?)\)/);return t&&t[1]||e})(e.type.displayName):e?.type?.name?e.type.name:void 0)(e),void 0!==i&&(i=(e=>bn()(e.replace("ConfiguredComponent","")))(i),Object.hasOwnProperty.call(n,i)&&(r=n[i],o[r]=!0))}
23834),t&&t.forEach(e=>{Object.hasOwnProperty.call(n,e)&&(r=n[e],o[r]=!0)}),o};var vn=n(75163);const Cn=h.Ay.div.withConfig({displayName:"PullQuoteEmbedContent-sc"}).attrs({className:vn.pT.Composition.BodyPullquote.quote})``,kn=h.Ay.div.withConfig({displayName:"PullQuoteEmbedCredit-sc"}).attrs({className:vn.pT.Composition.BodyPullquote.cite})``,An=h.Ay.aside.withConfig({displayName:"PullQuoteEmbedWrapper-sc"})` 23835 margin-block-start: ${(0,y.Kq)(5)}; 23836 margin-block-end: ${(0,y.Kq)(5)}; 23837 /* Scroll-triggered animation â enabled when animated is set via Copilot */ 23838 ${({$animationType:e,$isRevealed:t,$scrollReady:n})=>e?(0,Ft.xS)(e,1,{isRevealed:t,isReady:n,totalItems:1}):""} 23839`;var xn=n(29912),En=n(22039);const Sn=h.Ay.div.withConfig({displayName:"RelatedLinksContainerWrapper"})``,Ln=h.AH` 23840 width: 100%; 23841 23842 ${Vt.Gk} { 23843 margin: ${(0,y.Kq)(1)} 0; 23844 } 23845 23846 ${(0,y.H4)(te.LO.md)} { 23847 margin-right: auto; 23848 margin-left: auto; 23849 width: 80%; 23850 } 23851`,Tn=h.AH` 23852 width: 100%; 23853 23854 ${Vt.Gk} { 23855 margin: ${(0,y.Kq)(1)} 0; 23856 } 23857 23858 .asset-embed__asset-container { 23859 margin-right: auto; 23860 margin-left: auto; 23861 ${({isSmallWide:e})=>e?"width: 100%;":`width: calc(50% + ${(0,y.Kq)(3)} * 1.5);`} 23862 } 23863 23864 ${(0,y.H4)(te.LO.lg)} { 23865 margin-right: auto; 23866 margin-left: auto; 23867 ${({isSmallWide:e})=>e?"":"width: 66.66%;"} 23868 23869 .asset-embed__asset-container { 23870 width: 100%; 23871 } 23872 } 23873`,Nn=h.AH` 23874 width: 100%; 23875 23876 &&& { 23877 margin: 0 auto ${(0,y.Kq)(5)} auto; 23878 } 23879 23880 ${Vt.Gk} { 23881 margin: ${(0,y.Kq)(1)} ${(0,y.Kq)(3)}; 23882 } 23883 23884 ${jt.zp} { 23885 margin-right: ${(0,y.Kq)(3)}; 23886 } 23887 23888 ${(0,y.H4)(te.LO.md)} { 23889 ${Vt.Gk} { 23890 margin: ${(0,y.Kq)(1)}; 23891 } 23892 } 23893 23894 ${(0,y.H4)(te.LO.lg)} { 23895 margin-right: auto; 23896 margin-left: auto; 23897 width: 83.33%; 23898 23899 ${jt.zp} { 23900 margin-right: 0; 23901 } 23902 } 23903 23904 ${({isMediumNarrow:e})=>e?`\n ${(0,y.H4)(te.LO.md)} {\n margin-right: auto;\n margin-left: auto;\n width: 75%;\n }\n `:""} 23905`,Hn=h.AH` 23906 float: none; 23907 margin: ${(0,y.Kq)(2)} ${(0,y.Kq)(5)} ${(0,y.Kq)(2)} 0; 23908 width: 100%; 23909 23910 ${xn.q} & { 23911 ${Wt.$m} { 23912 margin: 0 auto; 23913 } 23914 } 23915 23916 ${(0,y.H4)(te.LO.md)} { 23917 float: left; 23918 margin: ${(0,y.Kq)(1)} ${(0,y.Kq)(2)} ${(0,y.Kq)(1)} 23919 0; 23920 width: 37.5%; 23921 } 23922 23923 ${(0,y.Xm)(te.LO.lg,te.LO.xl)} { 23924 min-width: 220px; 23925 } 23926`,In=h.AH` 23927 ${(0,y.Gg)("typography.definitions.consumptionEditorial.description-feature")} 23928 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.body")}; 23929`,Bn=h.AH` 23930 ${(0,y.Gg)("typography.definitions.consumptionEditorial.citation")} 23931 ${({isInsetItemOnMobile:e})=>{let t=2,n=5,o=2,i="100%";return e&&(t=1,n=4,o=1,i="37.5%"),`\n margin: ${(0,y.Kq)(t)} ${(0,y.Kq)(n)} ${(0,y.Kq)(o)} 0;\n width: ${i};\n `}} 23932 border-width: 0 0 2px; 23933 ${En.RA} { 23934 margin: 0; 23935 } 23936 border-style: solid; 23937 padding: ${(0,y.Kq)(2)} 0; 23938 23939 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.body.standard.divider")}; 23940 23941 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.body")}; 23942 23943 ${xn.q} & { 23944 ${Wt.$m} { 23945 margin: 0 auto; 23946 } 23947 23948 h4 { 23949 line-height: 1.2; 23950 } 23951 23952 h4, 23953 h5 { 23954 margin-top: ${(0,y.Kq)(2)}; 23955 margin-bottom: ${(0,y.Kq)(2)}; 23956 23957 &:first-child { 23958 margin-top: 0; 23959 } 23960 23961 &:last-child { 23962 margin-bottom: 0; 23963 } 23964 } 23965 } 23966 23967 > *:first-child { 23968 margin-top: 0; 23969 margin-bottom: 0; 23970 } 23971 23972 > *:nth-child(2):not(.content-card-embed.callout--group-item) { 23973 margin: ${(0,y.Kq)(2)} 0; 23974 } 23975 23976 > *:last-child { 23977 margin-bottom: 0; 23978 } 23979 23980 .blockquote-embed { 23981 margin: 0; 23982 border: none; 23983 padding: 0; 23984 width: 100%; 23985 23986 + p { 23987 ${(0,y.Gg)("typography.definitions.globalEditorial.accreditation-core")} 23988 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.body")}; 23989 margin: ${(0,y.Kq)(2)} 0 0; 23990 23991 &::before { 23992 margin-right: ${(0,y.Kq)(1)}; 23993 content: 'â'; 23994 } 23995 } 23996 23997 .blockquote-embed__content { 23998 ${(0,y.Gg)("typography.definitions.consumptionEditorial.display-small")} 23999 ${({theme:e})=>(0,y._o)(e,"color","colors.consumption.body.standard.body")}; 24000 margin: 0; 24001 24002 p { 24003 margin: 0; 24004 } 24005 } 24006 24007 /* there are cases when insets have blockquote-embed as the first child without any inset title 24008 the blockquote-embed sets padding-top for it's content which is redundant in this case */ 24009 &:first-child .blockquote-embed__content { 24010 padding-top: 0; 24011 } 24012 } 24013 24014 .external-link-embed.external-link-embed--inline, 24015 .external-link-embed.external-link-embed--large { 24016 margin: 0; 24017 border-top: none; 24018 width: 100%; 24019 24020 &:first-child { 24021 padding-top: 0; 24022 } 24023 24024 &:last-child { 24025 border-bottom: none; 24026 padding-bottom: 0; 24027 } 24028 } 24029 24030 .external-link-embed.external-link-embed--large { 24031 .external-link-embed__image-link, 24032 .external-link-embed__text { 24033 grid-column: 1 / -1; 24034 } 24035 } 24036 24037 ${({hasTopBorder:e})=>e?h.AH` 24038 border-top-width: 2px; 24039 border-style: solid; 24040 ${({theme:e})=>(0,y._o)(e,"border-top-color","colors.consumption.body.standard.divider")}; 24041 ${Sn} h2:first-child, 24042 div[class*='heading-'] { 24043 margin-top: 0; 24044 } 24045 `:""} 24046 24047 ${({hasExternalLinkEmbed:e,hasTopBorder:t})=>t&&e?h.AH` 24048 ${({theme:e})=>(0,y._o)(e,"border-top-color","colors.consumption.body.standard.divider")}; 24049 `:""} 24050 24051 ${({hasSidebarEmbed:e,hasTopBorder:t})=>t&&e?"border-top: none;":""} 24052 24053 ${({hasAssetEmbed:e,hasSidebarEmbed:t})=>e||t?"\n border-top: none;\n border-bottom: none;\n padding: 0;\n ":""} 24054 24055 ${(0,y.H4)(te.LO.md)} { 24056 margin: ${(0,y.Kq)(1)} ${(0,y.Kq)(4)} ${(0,y.Kq)(1)} 24057 0; 24058 width: 37.5%; 24059 } 24060 24061 ${(0,y.H4)(te.LO.lg,te.LO.xl)} { 24062 min-width: 220px; 24063 } 24064`,On=e=>`\n float: ${e};\n margin-${"left"===e?"right":"left"}: ${(0,y.Kq)(4)};\n`,Kn=e=>({isInsetItemOnMobile:t})=>t?On(e):`\n ${(0,y.H4)(te.LO.md)} {\n ${On(e)}\n }\n `,Dn=Kn("left"),_n=Kn("right"),Pn=`\n border: 0;\n padding: 0;\n\n ${(0,y.H4)(te.LO.md)}{\n min-width: 270px;\n }\n`,Rn=`\n margin: 0;\n width: 100%;\n\n ${(0,y.H4)(te.LO.md)} {\n width: 100%;\n }\n\n ${(0,y.H4)(te.LO.lg)} {\n width: 100%;\n }\n`,qn=h.AH` 24065 border-width: 4px 0 0; 24066 border-style: solid; 24067 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.body.standard.display-texture")}; 24068`,Mn=h.AH` 24069 ${An} { 24070 margin-block: 0; 24071 } 24072`,Fn=`\n ${(0,y.H4)(te.LO.md)} {\n min-width: 220px;\n }\n ${En.qV} {\n padding-bottom: ${(0,y.Kq)(2)};\n }\n`,Un=h.AH` 24073 ${ke} { 24074 border: 0; 24075 padding: 0; 24076 24077 a { 24078 text-decoration: none; 24079 } 24080 24081 p { 24082 line-height: 23.9999px; 24083 } 24084 } 24085`,Vn=h.AH` 24086 { 24087 border: 0; 24088 } 24089`,Gn=h.AH` 24090 border-top-width: ${({borderTopWidth:e})=>e}px; 24091`,Wn=`\n && {\n ${Wt.$m}
24091 {\n margin: 0px auto ${(0,y.Kq)(5)} auto;\n }\n }\n`,jn=h.Ay.div.withConfig({displayName:"GenericCalloutWrapper"})` 24092 ${({isAlignCenter:e})=>e?"text-align: center;":""} 24093 24094 .responsive-cartoon { 24095 &::before { 24096 ${({theme:e})=>(0,y._o)(e,"border-color","colors.consumption.body.standard.divider")}; 24097 24098 display: inline-block; 24099 grid-column: 1/-1; 24100 border-width: 0 0 1px; 24101 border-style: solid; 24102 height: 0; 24103 content: ''; 24104 } 24105 24106 &::after { 24107 ${({theme:e})=>(0,y._o)(e,"border-top-color","colors.consumption.body.standard.divider")}; 24108 24109 display: inline-block; 24110 grid-column: 1/-1; 24111 border-width: 1px 0 0; 24112 border-style: solid; 24113 height: 0; 24114 content: ''; 24115 } 24116 } 24117 24118 .responsive-cartoon__caption { 24119 ${(0,y.Gg)("typography.definitions.globalEditorial.context-secondary")} 24120 margin-top: 0; 24121 } 24122 24123 ${({hasTopBorder:e})=>e&&Wn} 24124 ${({isFeatureXSmall:e})=>e?Ln:""} 24125 ${({isFeatureSmall:e})=>e?Tn:""} 24126 ${({isFeatureMedium:e})=>e?Nn:""} 24127 ${({hasEmbedSizes:e})=>e?Rn:""} 24128 ${({isPortraitJustified:e})=>e?Hn:""} 24129 ${({isInsetLeft:e,isInsetRight:t})=>e||t?Bn:""} 24130 ${({isInsetLeft:e})=>e?Dn:""} 24131 ${({isInsetRight:e})=>e?_n:""} 24132 ${({isIntro:e})=>e?In:""} 24133 ${({isRelatedList:e})=>e?Pn:""} 24134 ${({hasBlockquoteEmbed:e,hasPullquoteEmbed:t,hasTopBorder:n})=>(e||t)&&n?qn:""} 24135 ${({hasPullquoteEmbed:e,hasTopBorder:t})=>e&&!t?Mn:""} 24136 ${({hasSidebarEmbed:e})=>e?Fn:""} 24137 ${({hasCartoon:e})=>e?"\n @media print {\n display: none;\n }\n":""} 24138 ${({hasExternalLinkEmbed:e})=>e?Un:""} 24139 ${({borderTopWidth:e})=>e>0?Gn:""} 24140 ${({hasSingleCardEmbed:e})=>e?Vn:""} 24141 ${({hasUnifiedProductCard:e})=>e?h.AH` 24142 border: none; 24143 `:""} 24144 24145 /* Scroll-triggered animation â enabled when animated is set via Copilot */ 24146 ${({$animationType:e,$isRevealed:t,$scrollReady:n,$totalItems:o})=>e?(0,Ft.xS)(e,1,{isRevealed:t,isReady:n,totalItems:o}):""} 24147`,zn=({children:e})=>{const t=e=>()=>{const t=!!e?{"gtm.elementUrl":e}:{};(0,ve.W8)("recirc-related_inline-click",t)};return(0,an.ol)(".related-links-list",void 0,e=>{e&&(0,ve.zJ)("recirc-related_inline-impression")}),a.createElement(Sn,{"data-testid":"related-links-list",className:"related-links-list"},a.Children.map(e,e=>{const n=on()(e,"props.children.props.href","");return a.cloneElement(e,{onClick:t(n)})}))};zn.propTypes={children:i().oneOfType([i().node,i().arrayOf(i().node)])},zn.displayName="RelatedLinksContainer";const Yn=zn,Xn=e=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"GenericCallout"})},[]);const{animated:t=!1,animationType:n,className:o,children:i,childTypes:r,configuredComponentRef:s,isEmbedSizeEnabled:l,name:d,hideSideBySide:c,smallWidth:m,mediumWidth:u,hasTopBorder:p=!0,isInsetItemOnMobile:g=!1,topBorderPixelWidth:h=0}=e,{ref:y,isRevealed:b,isReady:f}=(0,Mt.A)({enabled:t}),w=(0,L.P)(y,s),$=(e=>({isAlignCenter:"align-center"===e,isFeatureXSmall:"feature-xsmall"===e,isFeatureSmall:"feature-small"===e,isFeatureMedium:"feature-medium"===e,isPortraitJustified:"portrait-justified"===e,isIntro:"intro"===e,isInsetLeft:"inset-left"===e||"inset-image-left"===e,isInsetRight:"inset-right"===e}))(d);if(((e=[])=>Array.isArray(e)&&e.filter(e=>"article"===e).length>1)(r))return a.createElement(jn,{ref:s,...$,className:j()("callout",o),isRelatedList:!0},a.createElement(gn,{...e}));const{enhancedChildren:v,hasUnifiedProductCard:C}=(0,hn.n)(i),k=((e,t,n,o)=>{let i=e;if(n&&t.startsWith("feature-")||o){const r={};n&&t.startsWith("feature-")&&(r.embedSize=t),o&&(r.showSideBySide=!1,r.showHr=!1),i=a.Children.map(e,e=>a.cloneElement(e,r))}return i})(v,d,l,c),{borderTopWidth:A,isSmallWide:x,isMediumNarrow:E,useEmbedSize:S}=((e,t,n,o,i,a,r,s)=>{let l=0;return e&&t>0&&!((e,t=[])=>e?.startsWith("inset-")&&1===t?.length&&"callout:sidebar"===t?.[0])(n,o)&&(l=t),{borderTopWidth:l,isSmallWide:Boolean("wide"===i&&r.isFeatureSmall),isMediumNarrow:Boolean("narrow"===a&&r.isFeatureMedium),useEmbedSize:Boolean(s&&n)}})(p,h,d,r,m,u,$,l),T=Array.isArray(v)&&wn(v),H=$n(v,r),I=[];return p&&I.push("callout--has-top-border"),a.createElement(jn,{ref:w,...$,...H,borderTopWidth:A,hasTopBorder:p,hasEmbedSizes:S,isSmallWide:x,isMediumNarrow:E,className:j()(I,o),"data-testid":"GenericCallout",isInsetItemOnMobile:g,hasUnifiedProductCard:C,$isRevealed:b,$scrollReady:f,$animationType:t?n??null:null,$totalItems:a.Children.count(i)},T&&a.createElement(Yn,null,v),!T&&k)};Xn.propTypes={animated:i().bool,animationType:i().string,configuredComponentRef:i().func,children:i().node.isRequired,childTypes:i().array,className:i().string,hasTopBorder:i().bool,hideSideBySide:i().bool,isEmbedSizeEnabled:i().bool,isInsetItemOnMobile:i().bool,mediumWidth:i().oneOf(["narrow"]),name:i().oneOf(["align-center","feature-small","feature-medium","feature-xsmall","portrait-justified","intro","inset-left","inset-right"]).isRequired,smallWidth:i().oneOf(["wide"]),topBorderPixelWidth:i().number},Xn.displayName="GenericCallout";const Zn=Xn,Jn=(0,E.y)(Zn,"GenericCallout");var Qn=n(84886);const eo="var(--masonry-gap-mobile, 1rem)",to="var(--masonry-gap-desktop, 1.5rem)",no=h.Ay.div.withConfig({displayName:"MasonryCalloutWrapper"})` 24148 display: flex; 24149 align-items: flex-start; 24150 gap: ${eo}; 24151 margin: 0; 24152 width: 100%; 24153 padding: ${(0,y.Kq)(3)} 0; 24154 24155 ${(0,y.H4)(te.LO.lg)} { 24156 gap: ${to}; 24157 } 24158 24159 /* Full-bleed: use grid-based spacing within body__grid-container */ 24160 ${({$fullBleed:e})=>e?`\n .body__grid-container & {\n padding-right: var(--grid-margin);\n padding-left: var(--grid-margin);\n\n ${(0,y.L7)(te.LO.md)} {\n padding-right: ${(0,y.Kq)(3)};\n padding-left: ${(0,y.Kq)(3)};\n }\n }\n `:""} 24161 24162 /* Override caption spacing in masonry layout */ 24163 && figure:only-of-type ${Vt.Gk} { 24164 padding: 0 0.5em; 24165 } 24166 24167 ${(0,y.L7)(te.LO.md)} { 24168 && figure:only-of-type ${Vt.Gk} { 24169 margin-right: 0; 24170 margin-left: 0; 24171 display: block; 24172 } 24173 } 24174`,oo=h.Ay.div.withConfig({displayName:"MasonryCalloutColumn"})` 24175 flex: 1; 24176 display: flex; 24177 flex-direction: column; 24178 gap: ${eo}; 24179 min-width: 0; 24180 24181 ${(0,y.H4)(te.LO.lg)} { 24182 gap: ${to}; 24183 } 24184`,io=h.Ay.div.withConfig({displayName:"MasonryCalloutItem"})` 24185 display: flex; 24186 flex-direction: column; 24187 width: 100%; 24188 24189 & > * { 24190 width: 100%; 24191 } 24192`,ao=h.Ay.div.withConfig({displayName:"MasonryCalloutItemAnimationWrapper"})` 24193 display: flex; 24194 flex-direction: column; 24195 width: 100%; 24196 24197 /* Animation per item */ 24198 ${({$animationType:e,$isRevealed:t,$scrollReady:n,$position:o,$duration:i})=>e?(0,Ft.xS)(e,o,{isRevealed:t,isReady:n,...i&&{duration:i}}):""}; 24199`,ro=e=>"string"!=typeof e.type,so=({className:e,children:t,name:n,animated:o=!1,animationType:i,duration:r="600ms",fullBleed:s=!0,variationName:l})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"MasonryCallout",variation:l})},[l]);const{ref:d,isRevealed:c,isReady:m}=(0,Mt.A)({enabled:o}),u=(()=>{const[e,t]=a.useState(2);return a.useEffect(()=>{const e=window.matchMedia(`(min-width: ${te.LO.lg})`);t(e.matches?3:2);const n=e=>t(e.matches?3:2);
24199return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),e})(),p=a.useId(),g=e=>`${p}-item-${e}`,h=j()("callout callout--masonry",`callout--${n}`,e),y=a.useMemo(()=>{const e=[];return a.Children.forEach(t,t=>{if(!t)return;const n=t;if(ro(n))if(n.props?.children){const t=a.Children.toArray(n.props.children).filter(e=>{if(!e)return!1;const t=e,{type:n}=t;return("string"!=typeof n||!/^h[1-6]$/.test(n))&&!!ro(t)});e.push(...t)}else e.push(n)}),e},[t]),b=a.useMemo(()=>{const e=Array.from({length:u},()=>[]);return y.forEach((t,n)=>{e[n%u].push(t)}),e},[y,u]);return a.createElement(no,{ref:o?d:void 0,className:h,"data-testid":"MasonryCalloutWrapper",$fullBleed:s},b.map((e,t)=>a.createElement(oo,{key:t},e.map((e,n)=>{const s=n*u+t,l=on()(e,"props.image.id"),d=l?`callout--masonry-item-${l}`:`callout--masonry-item-${s}`,p=(e=>"product"===e.props?.contentType)(e),h=a.cloneElement(e,{index:s,className:j()(e.props?.className),...p&&{hideLandscapeLayout:!0}});return a.createElement(io,{key:d,id:g(s),"aria-flowto":s<y.length-1?g(s+1):void 0,className:`callout--masonry-item callout--masonry-item-${s+1}`},p?h:a.createElement(ao,{$isRevealed:c,$scrollReady:m,$animationType:o?i??null:null,$position:s+1,$duration:r},h))}))))};so.displayName="MasonryCallout";const lo=so;var co=n(15531),mo=n(72362);const uo=(0,w.YK)({consentBannerHeader:{id:"InstagramEmbed.ConsentBannerHeader",defaultMessage:"Instagram content",description:"Header for message banner"}}),po=h.Ay.div.withConfig({displayName:"InstagramEmbedContainer"})` 24200 display: flex; 24201 align-self: center; 24202 justify-content: center; 24203 margin: ${(0,y.Kq)(3)} auto; 24204 justify-self: auto; 24205 max-width: 440px; 24206`,go=h.Ay.blockquote.withConfig({displayName:"InstagramEmbedBlockQuote"})` 24207 width: 100%; 24208`,{useContext:ho,useEffect:yo,useRef:bo,useState:fo}=a,wo=({attributes:e,className:t,hidePostCaption:n,url:o})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"InstagramEmbed"})},[]);const i=bo(),[r,s]=(0,p.A)(),[l]=fo((0,mo.ox)()),d=ho(u.c$),c=d.targeting&&s,m=e=>{const t=e.target;t?.addEventListener("load",()=>{t.style.minWidth=`${t.offsetWidth+1}px`})};return yo(()=>{c&&(()=>{if(document.getElementById("instagram-embed"))window?.instgrm?.Embeds?.process();else{const e=document.createElement("script");e.id="instagram-embed",e.className="instagram-embed",e.src="https://www.instagram.com/embed.js",document.body.appendChild(e)}})();const e=i.current;return l&&e.addEventListener("DOMNodeInserted",e=>m(e)),()=>{l&&e.removeEventListener("DOMNodeInserted",e=>m(e))}},[l,i,c]),a.createElement(po,{ref:(0,L.P)(i,r)},c?a.createElement(go,{...e,className:j()("instagram-media",t),"data-instgrm-captioned":!n||void 0,"data-instgrm-permalink":o,"data-instgrm-version":"14"}):a.createElement(g.A,{hasConsent:d.targeting,url:o,consentBannerHeader:uo.consentBannerHeader}))};wo.propTypes={attributes:i().object,className:i().string,hidePostCaption:i().bool,url:i().string.isRequired};const $o=wo;var vo=n(88835);const Co=(0,w.YK)({poweredBy:{id:"JustWatchEmbed.PoweredBy",defaultMessage:"Powered by",description:"Text for sponser name prefix"}}),ko=h.Ay.div.withConfig({displayName:"JustWatchEmbedWrapper"})` 24209 margin: ${(0,y.Kq)(5,"px")} 0; 24210`,Ao=h.Ay.div.withConfig({displayName:"JustWatchEmbedWidgetWrapper"})``,xo=(0,h.Ay)(Q.sH).withConfig({displayName:"JustWatchEmbedLogoLink"})` 24211 color: #000000; 24212 font-family: sans-serif; 24213 font-size: 11px; 24214`,Eo=h.Ay.span.withConfig({displayName:"JustWatchEmbedLogoText"})` 24215 display: inline-block; 24216 margin-left: 3px; 24217 background: url('https://widget.justwatch.com/assets/JW_logo_black_10px.svg'); 24218 width: 66px; 24219 height: 10px; 24220 overflow: hidden; 24221 text-indent: -3000px; 24222`,So=({apiKey:e,className:t,url:n})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"JustWatchEmbed"})},[]);const{formatMessage:o}=(0,z.A)(),{hostname:i,pathname:r}=vo.parse(n);return"www.justwatch.com"!==i?null:a.createElement(ko,{"data-testid":"JustWatchEmbedWrapper",className:t},a.createElement(Ao,{"data-jw-widget":!0,"data-append-iframe":!0,"data-api-key":e,"data-url-path":r,"data-scale":.8,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:""}}),a.createElement(xo,{target:"_blank","aria-label":"Opens in a new window",rel:"noopener noreferrer",href:"https://www.justwatch.com"},o(Co.poweredBy),a.createElement(Eo,null,"JustWatch")))};So.propTypes={apiKey:i().string,className:i().string,url:i().string.isRequired};const Lo=So;var To=n(20388);const No=h.Ay.figure.withConfig({displayName:"PymInteractiveIframeEmbedWrapper"})`
24223 margin: ${(0,y.Kq)(5,"px")} auto; 24224 height: 100%; 24225 text-align: center; 24226`,Ho=h.Ay.div.withConfig({displayName:"PymInteractiveIframeEmbedContainer"})` 24227 width: 100%; 24228 height: 100%; 24229`,Io=h.Ay.iframe.withConfig({displayName:"PymInteractiveIframEmbedContent"})` 24230 border: 0; 24231 width: 100%; 24232 max-width: 100%; 24233 height: 100%; 24234`,Bo=(0,h.Ay)(To.A).withConfig({displayName:"PymInteractiveIframEmbedCaption"}).attrs(e=>({colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 24235 ${({theme:e,typeIdentity:t})=>(0,y.Gg)(e,t)} 24236 ${({theme:e,colorToken:t})=>(0,y._o)(e,"color",t)}; 24237`,Oo=({className:e,caption:t,configuredComponentRef:n,offsetHeight:o=0,title:i="Interactive Iframe Embed",url:r})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"PymInteractiveIframeEmbed"})},[]);const s=a.useRef(),l=a.useRef(),d=({source:e,origin:t,data:n})=>{const{type:i,height:a}=n;let r;l.current&&s.current&&s.current.src.startsWith(t)&&s.current.contentWindow===e&&("string"==typeof n&&-1!==n.indexOf("apym")?r=n.replace("apym",""):"embed-size"===i&&(r=a),r&&(l.current.style.height=`${Number(r)+o}px`))};return a.useEffect(()=>(window.addEventListener("message",d),()=>{window.removeEventListener("message",d)})),a.createElement(No,{"data-testid":"PymInteractiveIframeEmbedWrapper",className:e,ref:(0,L.P)(l,n)},a.createElement(Ho,null,a.createElement(Io,{title:i,src:r,ref:s,scrolling:"no"}),t&&a.createElement(Bo,{dangerousCaptionText:t})))};Oo.propTypes={configuredComponentRef:i().func,caption:i().string,className:i().string,offsetHeight:i().number,title:i().string,url:i().string.isRequired},Oo.displayName="PymInteractiveIframeEmbed";const Ko=Oo,Do=(0,E.y)(Ko,"PymInteractiveIframeEmbed"),_o=h.Ay.div.withConfig({displayName:"PinterestContainer"})` 24238 align-self: center; 24239 margin: ${(0,y.Kq)(5)} auto; 24240 text-align: center; 24241 justify-self: center; 24242`,Po=(0,h.Ay)(Q.sH).withConfig({displayName:"PinterestLink"}).attrs(e=>({colorSecondaryLinkToken:"colors.interactive.base.light",colorStaticLinkToken:"colors.interactive.base.light",hasUnderline:!0,...e}))` 24243 overflow-wrap: break-word; 24244`,Ro=(0,w.YK)({pinterestEmbedAriaLabelText:{id:"PinterestEmbed.AriaLabelText",defaultMessage:"social media post",description:"ARIA label for the pinterest embed container on Pinterest Embed"},consentBannerHeader:{id:"PinterestEmbed.ConsentBannerHeader",defaultMessage:"Pinterest content",description:"Header for message banner"}}),{useContext:qo,useEffect:Mo}=a,Fo=({attributes:e,className:t,url:n})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"PinterestEmbed"})},[]);const o=qo(u.c$),[i,r]=(0,p.A)(),{formatMessage:s}=(0,z.A)(),l=(0,At.h2)(),d=o.targeting&&r;return Mo(()=>{d&&(()=>{if(document.getElementById("pinterest-embed"))window.PinUtils&&window.PinUtils.build();else{const e=document.createElement("script");e.id="pinterest-embed",e.className="pinterest-embed",e.src="https://assets.pinterest.com/js/pinit.js",document.body.appendChild(e)}})()},[d]),a.createElement(_o,{...e,className:t,"aria-label":s(Ro.pinterestEmbedAriaLabelText),ref:i},d?a.createElement(Po,{href:n,"data-pin-do":"embedPin","data-pin-width":"large","data-pin-lang":l.split("-")[0]},n):a.createElement(g.A,{hasConsent:o.targeting,url:n,consentBannerHeader:Ro.consentBannerHeader}))};Fo.propTypes={attributes:i().object,className:i().string,url:i().string.isRequired},Fo.displayName="PinterestEmbed";const Uo=Fo;var Vo=n(75871),Go=n(75828);const Wo=({animated:e=!1,animationType:t,attributes:n,children:o,className:i,configuredComponentRef:r,shouldEnableFullArticleInverted:s,variations:l={hasLeftBorder:!0,isAggressive:!1,isUnderlined:!1,textAlign:"left",hasBackgroundColor:!1},variationName:d})=>{const{isUnderlined:c,textAlign:m,hasBackgroundColor:u,hasLeftBorder:p}=l,{ref:g,isRevealed:h,isReady:y}=(0,Mt.A)({enabled:e}),b=(0,L.P)(g,r);return a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"PullquoteEmbed",variation:d})},[d]),a.createElement(An,{ref:b,...n,"aria-hidden":"true",className:j()(i,vn.pT.Composition.BodyPullquote.self,{underlined:c,bordered:p,background:u,centered:"center"===m}),textAlign:m,shouldEnableFullArticleInverted:s,$isRevealed:h,$scrollReady:y,$animationType:e?t??null:null,"data-testid":"pullquote-embed"+(d?`-${d.toLowerCase()}`:"")},o)};Wo.propTypes={animated:i().bool,animationType:i().string,configuredComponentRef:i().func,attributes:i().object,children:i().oneOfType([i().arrayOf(i().node),i().node]).isRequired,className:i().string,
24244shouldEnableFullArticleInverted:i().bool,variationName:i().string,variations:i().shape({hasBackgroundColor:i().bool,hasLeftBorder:i().bool,isAggressive:i().bool,isUnderlined:i().bool,textAlign:i().oneOf(["center","left"])})},Wo.displayName="PullquoteEmbed";const jo=(0,E.y)(Wo,"PullquoteEmbed");jo.Center=(0,G.y)(jo,"Center",{hasLeftBorder:!1,isAggressive:!1,hasBackgroundColor:!1,isUnderlined:!1,textAlign:"center"}),jo.Deemphasized=(0,G.y)(jo,"Deemphasized",{hasLeftBorder:!1,isAggressive:!1,hasBackgroundColor:!1,isUnderlined:!1,textAlign:"left"}),jo.CenterUnderline=(0,G.y)(jo,"CenterUnderline",{hasLeftBorder:!1,isAggressive:!1,hasBackgroundColor:!1,isUnderlined:!0,textAlign:"center"}),jo.Aggressive=(0,G.y)(jo,"Aggressive",{hasLeftBorder:!0,isAggressive:!0,isUnderlined:!1,hasBackgroundColor:!0,textAlign:"left"}),jo.LeftBorder=(0,G.y)(jo,"LeftBorder",{hasLeftBorder:!0,isAggressive:!1,isUnderlined:!1,hasBackgroundColor:!1,textAlign:"left"});const zo=jo;var Yo=n(85559),Xo=n(11080);const Zo=h.Ay.div.withConfig({displayName:"ReviewEmbedWrapper"})` 24245 @media (min-width: ${te.LO.md}) { 24246 margin: ${(0,y.Kq)(5)} 0; 24247 } 24248`,Jo=(0,h.Ay)(Fe).withConfig({displayName:"ReviewEmbedContentCard"})` 24249 margin: ${(0,y.Kq)(5)} 0 ${(0,y.Kq)(4)}; 24250`,Qo=h.Ay.hr.withConfig({displayName:"ReviewEmbedHr"})` 24251 display: block; 24252 border: 0; 24253 padding: 0; 24254 height: 1px; 24255`,ei=({artistName:e="",buttonTextContent:t="",contributors:n,className:o,dangerousDek:i,dangerousHed:r,hasWhiteBg:s=!1,image:l,showArtist:d=!1,showButton:c=!1,showByline:m=!0,showHr:u=!0,showSideBySide:p=!0,url:g})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ReviewEmbed"})},[]),a.createElement(Zo,{className:o,"data-testid":"review-embed-wrapper"},u&&a.createElement(Qo,{"data-testid":"review-embed-hr"}),a.createElement(Jo,{"data-testid":"review-embed-content-card",artistName:d?e:"",buttonTextContent:t,contributors:n,dangerousDek:i,dangerousHed:r,image:l,url:g,showButton:c,showByline:m,hasWhiteBg:s,showSideBySide:p}),u&&a.createElement(Qo,{"data-testid":"review-embed-hr"})));ei.propTypes={artistName:i().string,buttonTextContent:i().string,className:i().string,contributors:i().shape(J.A.propTypes.contributors),dangerousDek:i().string,dangerousHed:i().string,hasWhiteBg:i().bool,image:i().shape(Z.A.propTypes),showArtist:i().bool,showButton:i().bool,showByline:i().bool,showHr:i().bool,showSideBySide:i().bool,url:i().string};const ti=ei,ni=({className:e,children:t,hasDropcap:n})=>(a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"SectionEmbed"})},[]),a.createElement("section",{className:j()("section-embed",{"section-embed--with-dropcap":n},e)},t));ni.propTypes={children:i().node.isRequired,className:i().string,hasDropcap:i().bool};const oi=ni,ii=h.Ay.div.withConfig({displayName:"TwitterEmbedContainer"})` 24256 margin: ${(0,y.Kq)(5)} auto; 24257 24258 .twitter-tweet { 24259 margin-right: auto; 24260 margin-left: auto; 24261 } 24262`,ai=h.Ay.blockquote.withConfig({displayName:"TwitterEmbedBlockquote"})``,ri=h.Ay.a.withConfig({displayName:"TwitterEmbedLink"})` 24263 overflow-wrap: break-word; 24264`,si=(0,w.YK)({twitterEmbedMessage:{id:"TwitterEmbed.EmbedContainer",defaultMessage:"social media post",description:"ARIA label for XEmbedContainer"},consentBannerHeader:{id:"TwitterEmbed.ConsentBannerHeader",defaultMessage:"X content",description:"Header for message banner"}}),{useContext:li,useEffect:di}=a,ci=({attributes:e,className:t,url:n,shouldHideMedia:o,shouldHideThread:i})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"TwitterEmbed"})},[]);const r=li(u.c$),[s,l]=(0,p.A)(),{formatMessage:d}=(0,z.A)(),c=(0,At.h2)(),m=r.targeting&&l;di(()=>{m&&(()=>{if(document.getElementById("twitter-embed"))window?.twttr?.widgets?.load();else{const e=document.createElement("script");e.id="twitter-embed",e.className="twitter-embed",e.src="https://platform.twitter.com/widgets.js",document.body.appendChild(e)}})()},[m]);return a.createElement(ii,{"aria-label":d(si.twitterEmbedMessage),className:t,ref:s},m?a.createElement(ai,{...e,...(()=>{const e={"data-lang":"zh-Hant-TW"===c?"zh-tw":c,"data-url":n,"data-type":"twitter"};return o&&(e["data-cards"]="hidden"),i&&(e["data-conversation"]="none"),e})(),className:"twitter-tweet"},a.createElement(ri,{href:n},n)):a.createElement(g.A,{hasConsent:r.targeting,url:n,consentBannerHeader:si.consentBannerHeader}))};
24264ci.propTypes={attributes:i().object,className:i().string,shouldHideMedia:i().bool,shouldHideThread:i().bool,url:i().string.isRequired};const mi=ci,ui=e=>()=>{(0,ve.W8)("recirc-related_inline-click",{"gtm.elementUrl":e})},pi=e=>{const{ref:t,inView:n}=(0,be.Wx)({rootMargin:"500px"}),[o,i]=a.useState(!1);a.useEffect(()=>{n&&!o&&((0,ve.zJ)("recirc-most_popular-impression"),i(!0))},[n,o]);const{bylineVariation:r,configuredComponentRef:s,contributors:l,dangerousHed:d,image:c,rubric:m,shouldLinkByline:u,url:p}=e;return a.createElement(mn,{ref:(0,L.P)(t,s),"data-testid":"SidebarArticleRelatedListItem"},a.createElement(dn,{bylineVariation:r,clickHandler:ui(p),contentType:"article",contributors:l,dangerousHed:d,hasRule:!1,hedTag:"div",image:c,maxHedLines:3,rubric:m,shouldLinkByline:u,url:p}))};pi.propTypes={configuredComponentRef:i().func,bylineVariation:i().string,contributors:i().shape(J.A.propTypes.contributors),dangerousHed:i().string,image:i().shape(Z.A.propTypes),rubric:i().shape({url:i().string,name:i().string}),shouldLinkByline:i().bool,url:i().string},pi.displayName="SidebarArticle";const gi=(0,E.y)(pi,"SidebarArticle");var hi=n(35103);const yi=h.Ay.div.withConfig({displayName:"Sidebar"})` 24265 ${({hasUnifiedProductCard:e})=>!e&&h.AH` 24266 border-bottom: 1px solid 24267 ${({theme:e})=>(0,y.HK)(e,"colors.consumption.body.standard.divider")}; 24268 `} 24269 24270 ${({hasBorderBottom:e,hasUnifiedProductCard:t,theme:n})=>e&&!t&&h.AH` 24271 border-bottom: ${(0,y.Pp)(n,"sectionOrnamentWidth")} solid 24272 ${(0,y.HK)(n,"colors.consumption.body.standard.display-texture")}; 24273 `} 24274 24275 ${({hasUnifiedProductCard:e})=>!e&&h.AH` 24276 > :first-child:not([aria-level='2']) { 24277 border-width: ${({theme:e})=>(0,y.Pp)(e,"sectionOrnamentWidth")} 24278 0 0; 24279 border-style: solid; 24280 border-color: ${({theme:e})=>(0,y.HK)(e,"colors.consumption.body.standard.display-texture")}; 24281 padding-top: ${(0,y.Kq)(2)}; 24282 } 24283 `} 24284 24285 > .asset-embed:first-child { 24286 border-top: none; 24287 padding-top: 0; 24288 } 24289 24290 > :last-child { 24291 border-bottom: none; 24292 24293 > :last-child { 24294 border-bottom: none; 24295 } 24296 } 24297 24298 .product-embed, 24299 .gallery-embed { 24300 margin: 0; 24301 } 24302 24303 @media (min-width: ${te.LO.lg}) { 24304 div.external-link-embed.external-link-embed--inline { 24305 float: none; 24306 } 24307 } 24308 24309 span.pullquote-embed__content { 24310 display: block; 24311 } 24312 24313 ${je}:last-child, 24314 div.external-link-embed.external-link-embed--inline:last-child, 24315 span.pullquote-embed__content:last-child, 24316 ${hi.On}:last-child, 24317 ${hi.On} 24318 + p:last-child { 24319 padding-bottom: ${(0,y.Kq)(2)}; 24320 } 24321 24322 @media (min-width: ${te.LO.md}) { 24323 ${({hasUnifiedProductCard:e})=>!e&&h.AH` 24324 && { 24325 p:first-of-type:not(:first-child) { 24326 margin-top: revert; 24327 } 24328 } 24329 `} 24330 } 24331`,bi=({attributes:e,children:t,className:n,configuredComponentRef:o,hasBorderBottom:i})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"SidebarEmbed"})},[]);const r=j()(n),{enhancedChildren:s,hasUnifiedProductCard:l}=(0,hn.n)(t);return a.createElement(yi,{ref:o,as:"aside",...e,className:r,"data-testid":"SidebarEmbed",hasBorderBottom:i,hasUnifiedProductCard:l},s)};bi.propTypes={configuredComponentRef:i().func,attributes:i().object,children:i().oneOfType([i().arrayOf(i().node),i().node]).isRequired,className:i().string,hasBorderBottom:i().bool},bi.displayName="SidebarEmbed";const fi=(0,E.y)(bi,"SidebarEmbed");var wi=n(36382),$i=n(64964),vi=n(67611),Ci=n(34520),ki=n(72662);const Ai=h.Ay.div.withConfig({displayName:"ShoppableAssetEmbedIconWrapper"})` 24332 display: none; 24333 position: absolute; 24334 bottom: ${(0,y.Kq)(2)}; 24335 left: ${(0,y.Kq)(2)}; 24336 transition: max-width 0.32s ease; 24337 border: ${(0,y.Kq)(.2)} solid 24338 ${({theme:e})=>(0,y.HK)(e,"colors.consumption.lead.standard.divider")}; 24339 border-radius: ${(0,y.Kq)(6)}; 24340 background-color: ${({theme:e})=>(0,y.HK)(e,"colors.background.white")}; 24341 min-width: ${(0,y.Kq)(5)}; 24342 max-width: 0%; 24343 height: ${(0,y.Kq)(5)}; 24344 overflow: hidden; 24345 white-space: nowrap; 24346 ${({showIcon:e})=>e&&"display: block"}; 24347 24348 @media (min-width: ${te.LO.md}) { 24349 bottom: ${(0,y.Kq)(3)}; 24350 left: ${(0,y.Kq)(3)}; 24351 } 24352`,xi=(0,h.Ay)("span").withConfig({displayName:"ShoppableAssetEmbedIcon"})` 24353 svg { 24354 position: absolute; 24355 bottom: ${(0,y.Kq)(1)}; 24356 left: ${(0,y.Kq)(.8)}; 24357 } 24358`,Ei=(0,h.Ay)(Q.vm).withConfig({displayName:"ShoppableAssetEmbedIconHoverText"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.special.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 24359 transition: max-width 0.32s ease; 24360 padding-right: ${(0,y.Kq)(2.6)};
24361 padding-left: ${(0,y.Kq)(5.8)}; 24362 max-width: 0; 24363`,Si=(0,h.Ay)(Q.c7).withConfig({displayName:"ShoppableAssetEmbedContainer"})` 24364 display: inline-block; 24365 position: relative; 24366 24367 &:hover { 24368 cursor: pointer; 24369 @media (min-width: ${te.LO.md}) { 24370 ${Ei}, 24371 ${Ai} { 24372 max-width: 100%; 24373 } 24374 } 24375 } 24376`,Li=(0,h.Ay)(Ci.A.Bottom).withConfig({displayName:"ShoppableAssetEmbedContainer"})` 24377 && { 24378 padding: 0 ${(0,y.Kq)(8)}; 24379 @media (max-width: ${te.LO.md}) { 24380 padding: 0 ${(0,y.Kq)(3)}; 24381 } 24382 } 24383 24384 ${ki.oX} { 24385 @media only screen and (max-width: 767px) { 24386 width: 48%; 24387 } 24388 @media only screen and (min-width: 768px) and (max-width: 1024px) { 24389 width: 17.5%; 24390 } 24391 @media only screen and (min-width: 1025px) { 24392 width: 12.5%; 24393 } 24394 } 24395`,Ti=(0,w.YK)({shoppingIconHoverText:{id:"ShoppableAssetEmbed.shoppingIconHoverText",defaultMessage:"Shop the look",description:"ShoppableAssetEmbed component shopping icon on hover text"}});var Ni=n(68397),Hi=n(55659);const Ii=({attributes:e,className:t,dangerousCaption:n,dangerousCredit:o,image:i,shoppableItems:r=[],contentAlign:s})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ShoppableAssetEmbed"})},[]);const{formatMessage:l}=(0,z.A)(),[d,c]=a.useState(!1),[m,u]=a.useState(!1),p=(0,Hi.$B)()?r.length>2:r.length>5;if(!i)return null;const g=n||o,h=()=>{d&&u(!m)};return a.createElement(Wt.$m,{...e,isAlignedLeft:"left"===s,isAlignedRight:"right"===s,className:t},a.createElement(Si,{onClick:h},a.createElement(Wt.oc,{...i,isLazy:!0,onAssetLoaded:()=>c(!0)}),a.createElement(Ai,{showIcon:d},a.createElement(xi,null,a.createElement($i.A,null)),a.createElement(Ei,null,l(Ti.shoppingIconHoverText)))),a.createElement(Li,{isOpen:m,onClose:h,showCloseButton:!0},a.createElement(Ni.A,{headerProps:{dangerousHed:l(Ti.shoppingIconHoverText),sectionTitleVariation:"TextLeft"},carouselSettings:{showControls:p,scrollType:"one-by-one"}},r.map((e,t)=>a.createElement(Ni.A.CarouselItem,{key:t},a.createElement(vi.A,{...e,isProductCardName:!0,hasUnderlineHed:!1}))))),g&&a.createElement(Wt.kW,{dangerousCaptionText:n,dangerousCredit:o}))};Ii.propTypes={attributes:i().object,className:i().string,contentAlign:i().oneOf(["left","right"]),dangerousCaption:i().string,dangerousCredit:i().string,image:i().shape(Z.A.propTypes),shoppableItems:i().array},Ii.displayName="ShoppableAssetEmbed";const Bi=Ii,Oi=(0,w.YK)({contentsListTitle:{id:"ContentsList.contentsListTitle",defaultMessage:"Table of Contents",description:"Heading for contents list",isConfigurable:!0}});var Ki=n(84050),Di=n(87241),_i=n(50531);const Pi=h.Ay.div.withConfig({displayName:"ContentsListWrapper"})` 24396 margin: auto; 24397 margin-bottom: ${(0,y.Kq)(4)}; 24398 width: 100%; 24399 ${(0,y.L7)(te.LO.md)} { 24400 margin-bottom: ${(0,y.Kq)(4)}; 24401 border-bottom: 1px solid 24402 ${(0,y.HK)("colors.discovery.body.white.divider")}; 24403 } 24404 24405 a:not(.button):link, 24406 a:not(.button):visited { 24407 text-decoration: none; 24408 24409 &:focus { 24410 text-decoration: underline; 24411 } 24412 } 24413`,Ri=h.Ay.a.withConfig({displayName:"ContentsWrapper"})` 24414 display: inline-block; 24415 transition: opacity 0.3s linear, all 0.3s linear; 24416 visibility: ${e=>e.visible?"visible":"hidden"}; 24417 opacity: ${e=>e.visible?1:0}; 24418 border-bottom: 1px solid; 24419 cursor: pointer; 24420 width: 100%; 24421 text-decoration: none; 24422 ${(0,y.L7)(te.LO.md)} { 24423 &:last-child { 24424 border: none; 24425 padding-bottom: ${(0,y.Kq)(4)}; 24426 } 24427 } 24428 ${({isFeatured:e,theme:t})=>e&&`\n border-bottom: 1px solid ${(0,y.HK)(t,"colors.discovery.body.white.divider")};;\n `}; 24429`,qi=h.Ay.div.withConfig({displayName:"ContentsListItems"})` 24430 transform: scaleY(0); 24431 transform-origin: top; 24432 transition: transform 0.5s ease; 24433 24434 &.contents-list-items--is-visible { 24435 transform: scaleY(1); 24436 overflow: hidden; 24437 } 24438 24439 &.contents-list-items--is-not-visible { 24440 && { 24441 max-height: 0; 24442 } 24443 } 24444`,Mi=h.Ay.div.withConfig({displayName:"ContentsListHeading"})` 24445 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 24446 display: flex; 24447 align-items: center; 24448 justify-content: space-between; 24449 border-bottom: 1px solid; 24450 cursor: pointer; 24451 padding: ${(0,y.Kq)(1.5)} 0; 24452 24453 ${(0,y.L7)(te.LO.md)} { 24454 margin: 0; 24455 border-bottom: 0 solid; 24456 padding: ${(0,y.Kq)(1.5)} 0; 24457 ${e=>e.visible&&`padding-bottom: ${(0,y.Kq)(4)};\n `}; 24458 } 24459 ${e=>e.visible&&`border-bottom: ${(0,y.Kq)(0)}; \n padding-bottom: ${(0,y.Kq)(4)};\n `}; 24460 24461 user-select: none; 24462 ${({isFeatured:e,theme:t})=>e&&` \n border-bottom: 1px solid\n ${(0,y.HK)(t,"colors.discovery.body.white.divider")};\n text-transform: uppercase;\n line-height: 22px;\n letter-spacing: 1.8px;\n font-size: 12px;\n font-weight: 600;\n `}; 24463`,Fi=h.Ay.div.withConfig({displayName:"ContentsListRubric"})` 24464 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 24465 margin-top: ${(0,y.Kq)(2)}; 24466 margin-bottom: ${(0,y.Kq)(.5)}; 24467 24468 ${({isFeatured:e})=>e&&"\n font-weight: 600;\n letter-spacing: 1.8px;\n "}; 24469`,Ui=h.Ay.div.withConfig({displayName:"ContentsListHed"})` 24470 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.discovery.hed-core-primary")}; 24471 margin-bottom: ${(0,y.Kq)(.5)}; 24472 24473 ${({isFeatured:e,theme:t})=>e&&`\n ${(0,y.Gg)(t,"typography.definitions.discovery.page-hed-section")}\n line-height: ${(0,y.Kq)(4)};\n letter-spacing: 0;\n font-size: 22px;\n font-weight: 300;\n ${(0,y.H4)(te.LO.md)} {\n line-height: ${(0,y.Kq)(4)};\n font-size: 22px;\n }\n `}; 24474`,Vi=h.Ay.div.withConfig({displayName:"ContentsListDek"})` 24475 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 24476 margin-bottom: ${(0,y.Kq)(2)}; 24477 24478 ${e=>e&&"\n line-height: 18px;\n font-size: 14px;\n font-weight: 550;\n "}; 24479`,Gi=(0,h.Ay)(ee.A.Utility).withConfig({displayName:"ButtonUtility"})` 24480 ${({theme:e})=>(0,y.HK)(e,"colors.interactive.base.black")}; 24481 margin-right: 8px; 24482 border: 0; 24483 background-color: transparent; 24484 cursor: pointer; 24485 padding: 0; 24486 width: 16px; 24487 min-width: 16px; 24488 height: 2px; 24489 24490 ${_i.a2} { 24491 transform: scale(0.5); 24492 stroke: black; 24493 stroke-width: 2; 24494 } 24495 24496 &:hover, 24497 &:focus { 24498 border-width: 0; 24499 background-color: transparent; 24500 } 24501`,Wi=e=>{(0,ve.W8)(e)},ji=({className:e,configuredComponentRef:t,items:n=[],contentsListTitle:o="Table of contents",onClickHandler:i,theme:r})=>{const[s,l]=(0,a.useState)(!1),d="featured"===r;window.dataLayer&&window.dataLayer.push({event:"table-of-content-events"});const c=n&&n.map(e=>{const{rubric:t,dangerousHed:n,dangerousDek:o,id:r,url:l}=e;return a.createElement(Ri,{"data-testid":"ContentWrapper",visible:s,key:r,href:l,isFeatured:d,onClick:()=>{var e;e=n,i&&i(),Wi(`table-of-contents-${e}`)}},t&&a.createElement(Fi,{"data-testid":"ContentsListRubric",isFeatured:d},t),n&&a.createElement(Ui,{"data-testid":"ContentListHed",isFeatured:d,dangerouslySetInnerHTML:{__html:n}}),o&&a.createElement(Vi,{"data-testid":"ContentsListDek",isFeatured:d,dangerouslySetInnerHTML:{__html:o}}))}),{formatMessage:m}=(0,z.A)(),u=o||m(Oi.contentsListTitle);return Array.isArray(n)&&n.length?a.createElement(Pi,{ref:t,"data-testid":"ContentsListWrapper"},a.createElement(Mi,{"data-testid":"ContentsListHeading",isFeatured:d,visible:s,onClick:()=>{l(!s),Wi(s?"table-of-contents-collapse":"table-of-contents-expanded")}},u,a.createElement(Gi,{role:"button",ButtonIcon:s?Di.A:Ki.A,isIconButton:!0,label:"ExpandCollapseIcon"})),a.createElement(qi,{visible:s,className:j()({"contents-list-items--is-not-visible":!s},{"contents-list-items--is-visible":s},e)},c)):null};ji.displayName="ContentsList",ji.propTypes={configuredComponentRef:i().func,className:i().string,contentsListTitle:i().string,items:i().arrayOf(i().shape({rubric:i().string.isRequired,dangerousHed:i().string.isRequired,dangerousDek:i().string})),onClickHandler:i().func,theme:i().string};const zi=ji,Yi=(0,E.y)(zi,"ContentsList");var Xi=n(86357);const Zi=h.Ay.iframe.withConfig({displayName:"MastodonEmbedIframe"})` 24502 display: block; 24503 border: 0; 24504 border-radius: 8px; 24505 width: 600px; 24506 max-width: 100%; 24507 overflow: hidden; 24508`,Ji=h.Ay.div.withConfig({displayName:"MastodonEmbedContainer"})`
24509 margin: ${(0,y.Kq)(5)} auto; 24510 24511 .mastodon-embed { 24512 margin-right: auto; 24513 margin-left: auto; 24514 } 24515`,Qi=(0,w.YK)({mastodonEmbedAriaLabelText:{id:"MastodonEmbed.AriaLabelText",defaultMessage:"social media post",description:"ARIA label for the mastodon embed container on Mastodon Embed"},consentBannerHeader:{id:"MastodonEmbed.ConsentBannerHeader",defaultMessage:"Mastodon content",description:"Header for message banner"}}),{useCallback:ea,useContext:ta,useEffect:na,useMemo:oa,useRef:ia,useState:aa}=a,ra=({attributes:e,className:t,url:n})=>{na(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"MastodonEmbed"})},[]);const o=oa(()=>n.endsWith("/")?`${n}embed`:`${n}/embed`,[n]),i=ta(u.c$),[r,s]=(0,p.A)(),{formatMessage:l}=(0,z.A)(),d=i.targeting&&s,[c,m]=aa(200),h=ia(),y=ea(()=>{h.current&&h.current.contentWindow.postMessage({type:"setHeight",id:n},"*")},[n]);return na(()=>{const e=e=>{const t=e.data||{};"object"==typeof t&&"setHeight"===t.type&&t.id===n&&m(t.height)};return m(200),window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[n,m]),na(()=>(window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y)}),[y]),a.createElement(Ji,{"aria-label":l(Qi.mastodonEmbedAriaLabelText),className:t,ref:r},d?a.createElement(Zi,{className:"mastodon-embed","data-testid":"mastodon-iframe",src:o,style:{height:c},ref:h,onLoad:y,...e}):a.createElement(g.A,{hasConsent:i.targeting,url:n,consentBannerHeader:Qi.consentBannerHeader}))};ra.propTypes={attributes:i().object,className:i().string,url:i().string.isRequired},ra.displayName="MastodonEmbed";const sa=ra,la=(0,w.YK)({consentBannerHeader:{id:"ThreadsEmbed.ConsentBannerHeader",defaultMessage:"Threads content",description:"Header for message banner"}}),da=h.Ay.div.withConfig({displayName:"ThreadsEmbedContainer"})` 24516 display: flex; 24517 align-self: center; 24518 justify-content: center; 24519 margin: ${(0,y.Kq)(5)} auto; 24520 width: 100%; 24521 text-align: center; 24522 justify-self: center; 24523`,ca=h.Ay.blockquote.withConfig({displayName:"ThreadsEmbedBlockquote"})` 24524 width: 100%; 24525 min-width: 270px; 24526 max-width: 540px; 24527`,{useContext:ma,useEffect:ua,useMemo:pa}=a;let ga=0;const ha=({attributes:e,className:t,url:n})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ThreadsEmbed"})},[]);const o=ma(u.c$),[i,r]=(0,p.A)(),s=o.targeting&&r,l=pa(()=>{const e=n.split("/");return`threads-${e[e.length-1]}-${ga++}`},[n]);return ua(()=>{s&&(()=>{if(document.getElementById("threads-embed"))window?.instgrm?.Embeds?.process();else{const e=document.createElement("script");e.id="threads-embed",e.src="https://www.threads.net/embed.js",document.body.appendChild(e)}})()},[s]),a.createElement(da,{className:t,ref:i},s?a.createElement(ca,{...e,className:"text-post-media","data-text-post-permalink":n,"data-text-post-version":"0",id:l},a.createElement(g.A,{hasConsent:o.targeting,url:n,consentBannerHeader:la.consentBannerHeader})):a.createElement(g.A,{hasConsent:o.targeting,url:n,consentBannerHeader:la.consentBannerHeader}))};ha.propTypes={attributes:i().object,className:i().string,url:i().string.isRequired},ha.displayName="ThreadsEmbed";const ya=ha;var ba=n(41598),fa=n(8470),wa=n(79012);const $a=fa.A,va=h.Ay.div.withConfig({displayName:"TableOfContentWrapper"})` 24528 ${wa.TJ} { 24529 border: none; 24530 } 24531 ${wa.$T} { 24532 border-top: 1px solid 24533 ${(0,y.HK)("colors.consumption.body.standard.divider")}; 24534 padding: ${(0,y.Kq)(2.5)} 0; 24535 24536 .icon-large-chevron { 24537 stroke: ${(0,y.HK)("colors.interactive.base.black")}; 24538 } 24539 } 24540 ${wa.Hp} { 24541 color: ${(0,y.HK)("colors.discovery.body.white.heading")}; 24542 } 24543 ${wa.Iy} { 24544 padding: 0; 24545 24546 ${(0,y.Gg)("typography.definitions.consumptionEditorial.body-core")} 24547 24548 & > div { 24549 margin: ${(0,y.Kq)(1)} ${(0,y.Kq)(2)} 24550 ${(0,y.Kq)(3)} ${(0,y.Kq)(2)}; 24551 } 24552 24553 a:not(.button) { 24554 ${({theme:e})=>(0,y.pe)(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover")} 24555 } 24556 } 24557 24558 &&& { 24559 ${wa.Iy} 24560 24561 > :first-child { 24562 margin-block-start: 0; 24563 } 24564 } 24565`;var Ca=n(14307);const ka=({attrs:e={},children:t})=>{const[n]=a.useState("true"===e.isCollapsible);a.useEffect(()=>{const e=e=>{"A"===e.target.tagName&&e.target.closest(".table-of-content")&&"_blank"===e.target.getAttribute("target")&&e.target.removeAttribute("target")};return document.addEventListener("click",e),window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"TableOfContent"}),()=>{document.removeEventListener("click",e)}},[]);const{label:o,content:i}=(e=>{if(!e||e.length<2)return{label:null,content:null};const t=e[0]?.props.children,n=e[1]?.props.children;return{label:t?.props?.children||null,content:n?.props?.children||null}})(t);if(!i)return null;const r=window.dataLayer&&window.dataLayer?.[0]?.content,s=r?.contentTitle,l=r?.contentId,d=r?.contentType,c={subject:"wrapper_table_of_content",label:o,items:[{content_title:s,content_id:l,content_type:d,content_url:window.location.href}]};return a.createElement(va,{className:"table-of-content"},a.createElement($a,{isInitiallyOpen:!0,isCollapsible:n,data:[{label:o,content:i}],snowplowEventData:c,handleContentItemClick:(e,t,n)=>
24565{const o={type:"click",subject:"wrapper_table_of_content",label:e.target.innerText,items:[{content_title:s,content_id:l,content_type:d,content_url:window.location.href}],index:t,total_index:n};(0,Ca.kg)(o)}}))};ka.propTypes={attrs:i().object,children:i().node.isRequired};const Aa=ka,xa=h.Ay.aside.withConfig({displayName:"HighlightBoxWrapper"})` 24566 margin-block-end: ${(0,y.Kq)(4)}; 24567`,Ea=h.Ay.h3.withConfig({displayName:"HighlightBoxTitleWrapper"})` 24568 && { 24569 margin: 0; 24570 } 24571 24572 p { 24573 margin: 0; 24574 } 24575`,Sa=h.Ay.div.withConfig({displayName:"HighlightBoxBodyWrapper"})` 24576 ul, 24577 ol { 24578 margin: 0; 24579 margin-inline-start: ${(0,y.Kq)(1)}; 24580 } 24581`,La=({children:e,attrs:t})=>a.createElement(xa,{...t,className:j()(vn.pT.Composition.HighlightBox.self),"data-testid":"highlight-box"},e);La.displayName="HighlightBox";const Ta=({children:e})=>a.createElement(Ea,{className:j()(vn.pT.Composition.HighlightBox.Title)},e);Ta.displayName="HighlightBoxTitle";const Na=({children:e})=>a.createElement(Sa,{className:j()(vn.pT.Composition.HighlightBox.Body)},e);Na.displayName="HighlightBoxBody";var Ha=n(9137),Ia=n(69880);const Ba=h.AH` 24582 background: 24583 linear-gradient( 24584 rgba(var(--then-and-now-white-rgb), 0.1), 24585 rgba(var(--then-and-now-white-rgb), 0.1) 24586 ), 24587 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); 24588`,Oa=(e,t,n)=>"portrait"===e.$imageOrientation?t:n,Ka=h.Ay.section.withConfig({displayName:"ThenAndNowWrapper"})` 24589 ${(0,y._o)("color","colors.consumption.lead.standard.description")}; 24590 margin-block: ${(0,y.Kq)(2)}; 24591`,Da=h.Ay.header.withConfig({displayName:"ThenAndNowHeader"})` 24592 margin-block-end: ${(0,y.Kq)(2)}; 24593`,_a=h.Ay.h3.withConfig({displayName:"ThenAndNowHed"})` 24594 ${(0,y.Gg)("typography.definitions.globalEditorial.context-primary")}; 24595 ${(0,y._o)("color","colors.consumption.lead.standard.description")}; 24596 margin: 0; 24597`,Pa=h.Ay.div.withConfig({displayName:"ThenAndNowFrame"})` 24598 --then-and-now-position: ${({$sliderPosition:e})=>e}%; 24599 --then-and-now-slider-icon-offset: ${(0,y.Kq)(.25,"px")}; 24600 --then-and-now-slider-icon-size: ${(0,y.Kq)(1.5)}; 24601 --then-and-now-slider-line-width: ${(0,y.Kq)(.5)}; 24602 --then-and-now-slider-size: ${(0,y.Kq)(5)}; 24603 --then-and-now-white-rgb__token-name: 'colors.interactive.base.white'; 24604 --then-and-now-white-rgb: ${(0,y.HK)("colors.interactive.base.white",{rgbOnly:!0})}; 24605 position: relative; 24606 width: 100%; 24607 max-width: ${({$imageOrientation:e})=>"portrait"===e?(0,y.Kq)(40.75,"px"):"100%"}; 24608 max-height: ${e=>Oa(e,(0,y.Kq)(61.25,"px"),(0,y.Kq)(27.5,"px"))}; 24609 overflow: hidden; 24610 24611 aspect-ratio: ${({$imageOrientation:e})=>"portrait"===e?"2 / 3":"3 / 2"}; 24612 margin-inline: auto; 24613 24614 @media (min-width: ${(0,y.Kq)(96,"px")}) { 24615 max-width: ${({$imageOrientation:e})=>"portrait"===e?(0,y.Kq)(50,"px"):"100%"}; 24616 max-height: ${e=>Oa(e,(0,y.Kq)(75,"px"),(0,y.Kq)(51.25,"px"))}; 24617 } 24618 24619 @media (min-width: ${(0,y.Kq)(128,"px")}) { 24620 --then-and-now-slider-size: ${(0,y.Kq)(6)}; 24621 max-width: ${({$imageOrientation:e})=>"portrait"===e?(0,y.Kq)(60,"px"):"100%"}; 24622 24623 max-height: ${e=>Oa(e,(0,y.Kq)(90,"px"),(0,y.Kq)(81.25,"px"))}; 24624 } 24625 24626 &:has(input:focus-visible) { 24627 ${(0,y._o)("outline-color","colors.interactive.base.white")}; 24628 outline-offset: ${(0,y.Kq)(.25,"px")}; 24629 outline-width: ${(0,y.Kq)(.25,"px")}; 24630 outline-style: solid; 24631 } 24632 24633 @media (hover: hover) and (pointer: fine) { 24634 &:hover { 24635 --then-and-now-slider-icon-offset: ${(0,y.Kq)(1)}; 24636 } 24637 } 24638`,Ra=h.Ay.div.withConfig({displayName:"ThenAndNowAsset"})` 24639 ${(0,y._o)("background","colors.interactive.base.white")}; 24640 clip-path: inset(0 0 0 var(--then-and-now-position)); 24641 inset: 0; 24642 position: absolute; 24643`,qa=(0,h.Ay)(Ra).withConfig({displayName:"ThenAndNowAfterAsset"})` 24644 clip-path: inset(0 calc(100% - var(--then-and-now-position)) 0 0); 24645 inset: 0; 24646 position: absolute; 24647 z-index: 1; 24648`,Ma=h.Ay.div.withConfig({displayName:"ThenAndNowAssetInner"})` 24649 width: 100%; 24650 height: 100%; 24651 24652 > span, 24653 picture, 24654 img { 24655 display: block; 24656 width: 100%; 24657 height: 100%; 24658 } 24659 24660 img { 24661 object-fit: cover; 24662 object-position: center; 24663 } 24664`,Fa=h.Ay.input.withConfig({displayName:"ThenAndNowRange"})` 24665 position: absolute; 24666 opacity: 0; 24667 z-index: 3; 24668 margin: 0; 24669 background: transparent; 24670 cursor: ew-resize; 24671 width: 100%; 24672 height: 100%; 24673 appearance: none; 24674 inset: 0; 24675 24676 &::-webkit-slider-thumb { 24677 width: var(--then-and-now-slider-size); 24678 height: var(--then-and-now-slider-size); 24679 appearance: none; 24680 } 24681 24682 &::-moz-range-thumb { 24683 border: 0; 24684 width: var(--then-and-now-slider-size); 24685 height: var(--then-and-now-slider-size); 24686 } 24687`,Ua=h.Ay.div.withConfig({displayName:"ThenAndNowHandle"})` 24688 ${Ba}; 24689 pointer-events: none; 24690 position: absolute; 24691 top: 0; 24692 bottom: 0; 24693 left: var(--then-and-now-position); 24694 transform: translateX(-50%); 24695 z-index: 2; 24696 width: var(--then-and-now-slider-line-width); 24697`,Va=h.Ay.span.withConfig({displayName:"ThenAndNowKnob"})` 24698 ${Ba}; 24699 ${(0,y._o)("color","colors.interactive.base.white")}; 24700 display: flex; 24701 position: absolute; 24702 top: 50%; 24703 left: 50%; 24704 align-items: center; 24705 justify-content: center; 24706 transform: translate(-50%, -50%); 24707 border-radius: 50%; 24708 width: var(--then-and-now-slider-size); 24709 height: var(--then-and-now-slider-size); 24710 24711 svg { 24712 display: block; 24713 position: absolute; 24714 top: 50%; 24715 left: 50%; 24716 width: var(--then-and-now-slider-icon-size); 24717 height: var(--then-and-now-slider-icon-size); 24718 } 24719 24720 .icon-chevron-left { 24721 transform: translate( 24722 calc(-100% - var(--then-and-now-slider-icon-offset)), 24723 -50% 24724 ); 24725 } 24726 24727 .icon-chevron { 24728 transform: translate(var(--then-and-now-slider-icon-offset), -50%); 24729 } 24730 24731 path { 24732 fill: currentColor; 24733 } 24734`,Ga=h.Ay.span.withConfig({displayName:"ThenAndNowLabel"})` 24735 ${(0,y.Gg)("typography.definitions.globalEditorial.context-primary")}; 24736 ${Ba}; 24737 ${(0,y._o)("color","colors.interactive.base.white")}; 24738 pointer-events: none; 24739 position: absolute; 24740 bottom: ${(0,y.Kq)(1)}; 24741 z-index: 2; 24742 padding: ${(0,y.Kq)(.5)} ${(0,y.Kq)(.75)}; 24743 text-transform: uppercase; 24744 ${({$position:e})=>"then"===e?`inset-inline-start: ${(0,y.Kq)(1)};`:`inset-inline-end: ${(0,y.Kq)(1)};`} 24745`,Wa=h.Ay.div.withConfig({displayName:"ThenAndNowDescriptions"})` 24746 ${(0,y.Gg)("typography.definitions.globalEditorial.context-secondary")}; 24747 ${(0,y._o)("color","colors.consumption.lead.standard.description")}; 24748 display: grid; 24749 gap: 0; 24750 margin-block-start: ${(0,y.Kq)(1)}; 24751`,ja=h.Ay.p.withConfig({displayName:"ThenAndNowDescription"})` 24752 margin: 0; 24753`,za=h.Ay.p.withConfig({displayName:"ThenAndNowCredit"})` 24754 ${(0,y.Gg)("typography.definitions.globalEditorial.context-tertiary")}; 24755 ${(0,y._o)("color","colors.consumption.body.standard.body-deemphasized")}; 24756 margin: 0; 24757`,Ya=(0,w.YK)({thenLabel:{id:"ThenAndNow.thenLabel",defaultMessage:"THEN",de
24757scription:"Label for the earlier image in a then-and-now comparison"},nowLabel:{id:"ThenAndNow.nowLabel",defaultMessage:"NOW",description:"Label for the later image in a then-and-now comparison"}}),Xa=({nowDescription:e,thenAndNowHed:t,thenAndNowItems:n=[],thenDescription:o})=>{const{formatMessage:i}=(0,z.A)(),[r,s]=a.useState(50),l=a.useId();a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"ThenAndNow"})},[]);if(n.length<2)return null;const[d,c]=n,m=(e=>{const t=(e=>e.segmentedSources?.lg?.[0]??e.segmentedSources?.sm?.[0]??e.sources?.lg??e.sources?.sm)(e),[n,o]=t?.aspectRatio?.split(":").map(Number)??[];return n&&o?n>=o?"landscape":"portrait":t?.width&&t.height?t.width>=t.height?"landscape":"portrait":"landscape"})(d.image),u=((e=[])=>{const t=e.map(e=>e?.dangerousCredit||e?.credit).filter(Boolean).map(e=>e.replace(/^Photo:\s*/i,"").trim()).filter(Boolean),n=[...new Set(t)];return 0===n.length?"":`Photo: ${n.join(" / ")}`})([d.image,c.image]);return a.createElement(Ka,{"aria-labelledby":t?l:void 0,"data-testid":"then-and-now","data-item-count":n.length},t&&a.createElement(Da,null,a.createElement(_a,{id:l},t)),a.createElement(Pa,{"data-testid":"then-and-now-frame",$imageOrientation:m,$sliderPosition:r},a.createElement(Ra,{"data-testid":"then-and-now-now"},a.createElement(Ma,null,a.createElement(Z.A,{...c.image,isLazy:!1,shouldHoldImageSpace:!1}))),a.createElement(qa,{"data-testid":"then-and-now-then"},a.createElement(Ma,null,a.createElement(Z.A,{...d.image,isLazy:!1,shouldHoldImageSpace:!1}))),a.createElement(Ua,{"data-testid":"then-and-now-handle"},a.createElement(Va,null,a.createElement(Ha.A,{"aria-hidden":"true"}),a.createElement(Ia.A,{"aria-hidden":"true"}))),a.createElement(Ga,{$position:"then"},i(Ya.thenLabel)),a.createElement(Ga,{$position:"now"},i(Ya.nowLabel)),a.createElement(Fa,{"aria-label":"Image comparison position",max:"100",min:"0",onChange:e=>{s(Number(e.target.value))},type:"range",value:r})),(o||e||u)&&a.createElement(Wa,null,(o||e)&&a.createElement(ja,null,o," ",e),u&&a.createElement(za,{dangerouslySetInnerHTML:{__html:u}})))};Xa.displayName="ThenAndNow",Xa.propTypes={nowDescription:i().string,thenAndNowHed:i().string,thenAndNowItems:i().arrayOf(i().shape({image:i().shape({altText:i().string,dangerousCredit:i().string,id:i().string,sources:i().object})})),thenDescription:i().string};const Za=Xa;var Ja=n(62327);const Qa=(0,w.YK)({cooltabsAriaLabelText:{id:"CoolTabsEmbed.AriaLabelText",defaultMessage:"CoolTabs embed",description:"ARIA label for the CoolTabs embed container"},consentBannerHeader:{id:"CoolTabsEmbed.ConsentBannerHeader",defaultMessage:"CoolTab content",description:"Header for consent banner"}}),er=h.Ay.div.withConfig({displayName:"CoolTabsEmbedContainer"})` 24758 align-self: center; 24759 margin: ${(0,y.Kq)(5)} auto; 24760 text-align: center; 24761 justify-self: center; 24762 place-self: auto; 24763`,tr=h.Ay.div.withConfig({displayName:"CoolTabsEmbedFrame"})` 24764 justify-self: center; 24765 margin: 0 auto; 24766`,{useContext:nr,useEffect:or,useState:ir,useRef:ar}=a,rr={"zh-Hant-TW":"zh-TW","zh-CN":"zh-CN","zh-HK":"zh-HK","zh-SG":"zh-SG","pt-BR":"pt-BR","pt-PT":"pt-PT","es-ES":"es","es-MX":"es-MX","es-AR":"es-AR"},sr=(e="en-US")=>rr[e]||e.split("-")[0],lr=({attributes:e={},className:t="",url:n,dataAttributes:o={},hideText:i=!1})=>{const{formatMessage:r}=(0,z.A)(),s=nr(u.c$),l=(0,At.h2)(),d=sr(l),[c,m]=ir(null),[h,y]=(0,p.A)(),[b,f]=ir(!1),w=ar(),$=s.targeting&&y;a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(N.G.RENDER,{name:"CoolTabsEmbed"})},[]),or(()=>{m(on()(w,"current.offsetWidth",500))},[w]),or(()=>{if($&&!b){(()=>{if(!document.getElementById("cooltabs-embed")){const e=document.createElement("script");e.id="cooltabs-embed",e.className="cooltabs-embed",e.src=`https://cdn.ct-assets.com/assets/ct-embed.js?lang=${d}`,e.onload=()=>{f(!0)},document.body.appendChild(e)}})()}},[$,d,b]);const v=((e,t)=>{try{const n=new URL(e),o=sr(t);return n.searchParams.set("locale",o),n.toString()}catch(t){return e}})(n,l);return a.createElement(er,{...e,className:t,"data-type":"cooltabs","aria-label":r(Qa.cooltabsAriaLabelText),ref:(0,L.P)(w,h)},$?a.createElement(tr,{className:"ct_embeded","data-src":v,"data-show-text":i?"false":"true","data-width":c,"data-lang":d,"data-locale":d,...o}):a.createElement(g.A,{hasConsent:s.targeting,url:v,consentBannerHeader:Qa.consentBannerHeader}))};lr.propTypes={attributes:i().object,className:i().string,dataAttributes:i().object,hideText:i().bool,url:i().string.isRequired},lr.displayName="CoolTabsEmbed",lr.getCoolTabsLang=sr;const dr=lr,cr=(0,w.YK)({exploreTheStory:{id:"visualStorySingleCard.exploreTheStory",defaultMessage:"Explore the story",description:"Call to action to view the visual story experience"}});var mr=n(60663);const ur="327px",pr="16px",gr="70px",hr="85px",yr="105px",br=h.Ay.div.withConfig({displayName:"ExternaContainer"})` 24767 .Content-card & { 24768 @media (min-width: ${te.LO.md}) { 24769 position: relative; 24770 background: var( 24771 --bg, 24772 linear-gradient( 24773 104deg, 24774 #fff 25.08%, 24775 ${(0,y.HK)("colors.background.brand")} 74.24%, 24776 #000 107.26% 24777 ) 24778 ); 24779 24780 padding: 24px; 24781 24782 &::before { 24783 position: absolute; 24784 top: 0; 24785 left: 0; 24786 24787 box-shadow: 0 0 50px -25px rgba(0, 0, 0, 0.5); 24788 24789 background: linear-gradient( 24790 109deg, 24791 rgba(0, 0, 0, 0.6) 0%, 24792 rgba(0, 0, 0, 0.6) 29.35%, 24793 rgba(0, 0, 0, 0.6) 100% 24794 ); 24795 width: 100%; 24796 height: 100%; 24797 content: ''; 24798 backdrop-filter: blur(80px); 24799 } 24800 } 24801 } 24802`,fr=h.Ay.a.withConfig({displayName:"VisualStorySingleCardContainer"})` 24803 display: grid; 24804 position: relative; 24805 grid-auto-flow: column; 24806 z-index: 0; 24807 padding: 0 24px; 24808 min-width: ${"160px"}; 24809 24810 @media (min-width: ${te.LO.md}) { 24811 margin: 0 auto; 24812 padding: 0; 24813 width: ${ur}; 24814 } 24815 24816 [data-testid='GenericCallout'] & { 24817 display: block; 24818 margin-top: ${(0,y.Kq)(-2)}; 24819 width: 100%; 24820 @media (min-width: ${te.LO.md}) { 24821 max-width: ${ur}; 24822 } 24823 } 24824 24825 .Content-card & { 24826 padding: 0; 24827 } 24828 24829 .responsive-asset { 24830 border-radius: ${pr}; 24831 height: auto; 24832 aspect-ratio: 9 / 16; 24833 24834 picture { 24835 height: 100%; 24836 } 24837 24838 &&& { 24839 figure.cne-video-embed { 24840 display: block; 24841 width: 100%; 24842 max-width: inherit; /* reset max-width in cnevideoembed component */ 24843 height: 100%; 24844 overflow: hidden; 24845 24846 .video-container { 24847 width: 100%; 24848 height: 100%; 24849 } 24850 } 24851 } 24852 24853 img, 24854 .responsive-clip { 24855 width: 100%; 24856 height: 100%; 24857 object-fit: cover; 24858 } 24859 } 24860`,wr=h.Ay.div.withConfig({displayName:"InfoWrapper"})` 24861 position: absolute; 24862 bottom: ${pr}; 24863 left: 0; 24864 z-index: 2000; 24865 outline: none; 24866 padding: 0 calc(${pr} + 24px); 24867 width: 100%; 24868 line-height: 1; 24869 24870 @media (min-width: ${te.LO.md}) { 24871 padding: 0 ${pr}; 24872 } 24873 24874 .Content-card & { 24875 padding: 0 ${pr}; 24876 } 24877 24878 [data-testid='GenericCallout'] & { 24879 @media (min-width: ${te.LO.md}) and (max-width: ${te.LO.lg}) { 24880 bottom: 0; 24881 padding: calc(${pr} / 2); 24882 } 24883 } 24884 24885 .spacer { 24886 display: block; 24887 border-radius: ${pr}; 24888 background: rgba(0, 0, 0, 0.5); 24889 cursor: pointer; 24890 padding: ${pr}; 24891 width: 100%; 24892 text-align: center; 24893 text-decoration: none; 24894 box-sizing: border-box; 24895 backdrop-filter: blur(10px); 24896 24897 [data-testid='GenericCallout'] & { 24898 @media (min-width: ${te.LO.md}) and (max-width: ${te.LO.lg}) { 24899 padding: calc(${pr} / 2); 24900 } 24901 } 24902 24903 p.title { 24904 display: -webkit-box; /* stylelint-disable-line */ 24905 -webkit-line-clamp: 3; 24906 -webkit-box-orient: vertical; 24907 margin: 8px 0 4px 0; 24908 overflow: hidden; 24909 line-height: 1; 24910 color: ${(0,y.HK)("colors.interactive.base.white")}; 24911 ${({theme:e})=>
24911(0,y.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")}; 24912 24913 @media (min-width: ${te.LO.md}) { 24914 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.discovery.hed-core-primary")}; 24915 } 24916 24917 [data-testid='GenericCallout'] & { 24918 @media (min-width: ${te.LO.md}) and (max-width: ${te.LO.lg}) { 24919 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")}; 24920 } 24921 } 24922 } 24923 24924 p.cta { 24925 margin: 0; 24926 text-transform: uppercase; 24927 color: ${(0,y.HK)("colors.interactive.base.white")}; 24928 font-size: 12px; 24929 font-weight: 600; 24930 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.utility.button-utility")}; 24931 24932 a { 24933 text-decoration: none; 24934 pointer-events: none; 24935 color: ${(0,y.HK)("colors.interactive.base.white")}; 24936 } 24937 24938 [data-testid='GenericCallout'] & { 24939 @media (min-width: ${te.LO.md}) and (max-width: ${te.LO.lg}) { 24940 display: none; 24941 } 24942 } 24943 } 24944 24945 &:hover { 24946 p.cta { 24947 text-decoration: underline; 24948 } 24949 } 24950 } 24951`,$r=h.Ay.div.withConfig({displayName:"bubble"})` 24952 .responsive-asset { 24953 margin: 3px auto; 24954 border: 3px solid transparent; 24955 border-radius: 50%; 24956 box-shadow: 0 0 0 2px ${(0,y.HK)("colors.interactive.base.white")}; 24957 background: none; 24958 width: ${hr}; 24959 height: ${hr}; 24960 overflow: hidden; 24961 24962 ${({theme:e})=>(0,y.HK)(e,"colors.interactive.base.brand-primary")}; 24963 24964 @media (min-width: ${te.LO.md}) { 24965 width: ${yr}; 24966 height: ${yr}; 24967 24968 [data-testid='GenericCallout'] & { 24969 width: ${gr}; 24970 height: ${gr}; 24971 } 24972 } 24973 24974 @media (min-width: ${te.LO.lg}) { 24975 [data-testid='GenericCallout'] & { 24976 width: ${hr}; 24977 height: ${hr}; 24978 } 24979 } 24980 24981 img { 24982 transition: transform 0.5s ease-in-out; 24983 24984 &:hover { 24985 transform: scale(1.3); 24986 } 24987 } 24988 } 24989`,vr=(0,mr.Y)(()=>window.sessionStorage),Cr=({configuredComponentRef:e,dangerousHed:t="",lede:n={},tout:o={},url:i={}})=>{const{formatMessage:r}=(0,z.A)(),[s]=(0,p.A)();if(!(o&&o.sources&&n&&n.sources))return null;return a.createElement(br,{ref:e},a.createElement(fr,{onClick:()=>{const e=window.location.href;vr.setItem("visual_story_origin",e)},href:i,ref:s},a.createElement(Z.A,{...n}),a.createElement(wr,null,a.createElement("span",{className:"spacer"},a.createElement($r,null,a.createElement(Z.A,{...o})),a.createElement("p",{className:"title",dangerouslySetInnerHTML:{__html:t}}),a.createElement("p",{className:"cta",dangerouslySetInnerHTML:{__html:r(cr.exploreTheStory)}})))))};Cr.propTypes={configuredComponentRef:i().func,className:i().string,dangerousHed:i().string,lede:i().object,tout:i().object,url:i().string},Cr.displayName="VisualStorySingleCard";const kr=Cr,Ar=(0,Bt.N)((0,E.y)(kr,"VisualStorySingleCard"));var xr=n(95308);const Er=(0,w.YK)({ViewAll:{id:"VisualStoryReel.ViewAll",defaultMessage:"View All",description:"View all button text"}});var Sr=n(50483),Lr=n(97504),Tr=n(7165);const Nr="16px",Hr=h.Ay.div.withConfig({displayName:"DrawerContainer"})``,Ir=h.Ay.div.withConfig({displayName:"VisualStoryReelContainer"})` 24990 div[class^='SectionTitleRoot'] { 24991 padding-left: 0; 24992 24993 h2 { 24994 margin: 0; 24995 ${({theme:e,mainTitleFont:t,isArticle:n})=>n&&t?(0,y.Gg)(e,t):""}; 24996 } 24997 } 24998 24999 section { 25000 margin: 0 auto; 25001 } 25002 25003 div[class^='CarouselListWrapper'] { 25004 margin: 0; 25005 } 25006 25007 ul[class^='CarouselList'] { 25008 margin: ${(0,y.Kq)(2)} 0 0 0; 25009 padding-bottom: 11px; 25010 gap: 20px; 25011 25012 @media (min-width: ${te.LO.md}) { 25013 &::-webkit-scrollbar {
25014 display: none; 25015 } 25016 -ms-overflow-style: none; 25017 scrollbar-width: none; 25018 } 25019 } 25020 25021 li[class^='CarouselListItem'] { 25022 position: relative; 25023 margin-right: 0; 25024 margin-left: 0; 25025 cursor: pointer; 25026 padding: 0; 25027 width: 240px; 25028 height: 427px; 25029 25030 > div:not([data-visual-story-final-slide='true']) { 25031 margin: 0; 25032 border: none; 25033 padding: 0; 25034 width: 240px; 25035 height: 427px; 25036 overflow: hidden; 25037 } 25038 } 25039 25040 .responsive-asset { 25041 height: 100%; 25042 25043 &.productLandscape, 25044 &.productSquare { 25045 border-radius: 0; 25046 } 25047 25048 picture, 25049 span { 25050 height: 100%; 25051 } 25052 25053 picture { 25054 img { 25055 transition: transform 0.5s ease-in-out; 25056 } 25057 } 25058 25059 img, 25060 .responsive-clip { 25061 width: 100%; 25062 height: 100%; 25063 object-fit: cover; 25064 } 25065 } 25066 25067 li > div video { 25068 display: block; 25069 transition: transform 0.5s ease-in-out; 25070 width: 100%; 25071 max-width: inherit; /* reset max-width in cnevideoembed component */ 25072 height: 100%; 25073 } 25074`,Br=h.Ay.div.withConfig({displayName:"VisualStoryReelClickableArea"})` 25075 position: relative; 25076 25077 h4 { 25078 position: absolute; 25079 top: 0; 25080 right: 0; 25081 left: 0; 25082 z-index: 1; 25083 margin: 0 0 4px 0; 25084 background: linear-gradient( 25085 0deg, 25086 rgba(80, 80, 80, 0) 19.64%, 25087 rgba(0, 0, 0, 0.4) 79.47% 25088 ); 25089 padding: ${Nr} ${Nr} 0 ${Nr}; 25090 height: 100px; 25091 overflow: hidden; 25092 text-align: left; 25093 display: -webkit-box; /* stylelint-disable-line */ 25094 -webkit-line-clamp: 3; 25095 -webkit-box-orient: vertical; 25096 line-height: 1; 25097 25098 color: ${(0,y.HK)("colors.interactive.base.white")}; 25099 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.discovery.description-core")}; 25100 font-size: 16px; 25101 } 25102 25103 &::after { 25104 position: absolute; 25105 top: 0; 25106 left: 0; 25107 background: rgba(0, 0, 0, 0.05); 25108 width: 100%; 25109 height: 100%; 25110 content: ''; 25111 } 25112 25113 &:hover { 25114 video { 25115 transform: scale(1.1); 25116 } 25117 25118 .responsive-asset { 25119 picture img { 25120 transform: scale(1.1); 25121 } 25122 } 25123 } 25124 25125 .visual-story-reel-play-icon { 25126 position: absolute; 25127 bottom: 10px; 25128 left: 10px; 25129 z-index: 10; 25130 width: 50px; 25131 height: 50px; 25132 25133 circle { 25134 stroke: none; 25135 } 25136 } 25137`,Or=h.Ay.div.withConfig({displayName:"VisualStoryReelFinalSlide"})` 25138 display: flex; 25139 position: relative; 25140 flex-direction: column; 25141 flex-wrap: nowrap; 25142 align-items: center; 25143 justify-content: center; 25144 background: var( 25145 --bg, 25146 linear-gradient( 25147 104deg, 25148 #fff 25.08%, 25149 ${(0,y.HK)("colors.background.brand")} 74.24%, 25150 #000 107.26% 25151 ) 25152 ); 25153 cursor: pointer; 25154 padding-bottom: 65px; 25155 height: 100%; 25156 overflow: hidden; 25157 25158 &::before { 25159 position: absolute; 25160 top: 0; 25161 left: 0; 25162 25163 box-shadow: 0 0 50px -25px rgba(0, 0, 0, 0.5); 25164 25165 background: linear-gradient( 25166 109deg, 25167 rgba(0, 0, 0, 0.6) 0%, 25168 rgba(0, 0, 0, 0.6) 29.35%, 25169 rgba(0, 0, 0, 0.6) 100% 25170 ); 25171 width: 100%; 25172 height: 100%; 25173 content: ''; 25174 backdrop-filter: blur(80px); 25175 } 25176 25177 h4 { 25178 position: relative; 25179 margin: 0; 25180 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.discovery.hed-core-primary")}; 25181 color: ${(0,y.HK)("colors.interactive.base.white")}; 25182 } 25183 25184 .responsive-asset, 25185 .responsive-clip { 25186 position: relative; 25187 margin: 3px auto; 25188 border: 3px solid transparent; 25189 border-radius: 50%; 25190 box-shadow: 0 0 0 2px white; 25191 width: 110px; 25192 height: 110px; 25193 } 25194 25195 picture { 25196 display: flex; 25197 justify-content: center; 25198 25199 img { 25200 transition: transform 0.5s ease-in-out; 25201 width: unset; 25202 max-width: unset; 25203 height: 90px; 25204 } 25205 25206 img:hover { 25207 transform: scale(1.3); 25208 } 25209 } 25210 25211 button { 25212 display: flex; 25213 position: absolute; 25214 bottom: 20px; 25215 align-items: center; 25216 justify-content: center; 25217 border: 1px solid ${(0,y.HK)("colors.interactive.base.white")}; 25218 background: none; 25219 padding: 16px 20px; 25220 gap: 16px; 25221 width: 200px; 25222 height: 44px; 25223 ${({theme:e})=>(0,y.Gg)(e,"typography.definitions.utility.button-core")}; 25224 color: ${(0,y.HK)("colors.interactive.base.white")}; 25225 }
25226`,Kr=(0,mo.Zm)(),Dr=(e,t,n)=>{n?(e.current&&e.current.play().catch(e=>{0}),t.current&&t.current.play().catch(e=>{0})):(e.current&&e.current.pause(),t.current&&t.current.pause())},_r=e=>t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e(t))},Pr=a.memo(({item:e,index:t,onClick:n})=>{const o="cnevideo"===e.contentType,i=a.useRef(null),r=a.useRef(null),s=o&&e.image?.animationClip?.highResUrl,l=(0,Tr.o)(`[data-slide-id="${e.id}"]`,{threshold:.5},()=>{},[e.id]);a.useEffect(()=>{Kr||Dr(i,r,l)},[l]);return a.createElement(Br,{tabIndex:0,"aria-label":`Open visual story: ${e.slideTitle?.replace(/<[^>]*>/g,"")||""}`,"data-slide-id":e.id,onClick:e=>n(e,t),onKeyDown:_r(e=>n(e,t)),onMouseEnter:()=>{Kr&&Dr(i,r,!0)},onMouseLeave:()=>{Kr&&Dr(i,r,!1)}},a.createElement("h4",{dangerouslySetInnerHTML:{__html:e.slideTitle}}),s&&a.createElement("video",{"aria-label":e.image?.altText||"Visual story video",controls:!1,loop:!0,muted:!0,playsInline:!0,ref:i},a.createElement("source",{src:e.image.animationClip.highResUrl})),!o&&a.createElement(Z.A,{...e.image,isLazy:!1,shouldYieldControlOfVideoPlayPause:!0,shouldEnableExternalControl:!1,shouldDisableAds:!0,shouldMute:!0,shouldPause:!0,videoElementRef:r}),a.createElement(Lr.F0,{className:"visual-story-reel-play-icon","aria-label":"Play icon"}))},(e,t)=>e.item.id===t.item.id&&e.index===t.index&&e.onClick===t.onClick);Pr.displayName="SlideItem";const Rr=(e,t)=>e?"TextLeft":t||"TextLeft",qr=(e,t,n)=>{return{contentAlign:(o=t?.sectionTitleVariation,"LineAboveLineBelowTextCenter"===o?"center":"left"),dangerousHed:e,hasBorderTop:t?.hasTopBorder||!n,hasBorderBottom:t?.hasBottomBorder||!n,sectionTitleVariation:Rr(n,t?.sectionTitleVariation),shouldDisplayDangerousDek:!1};var o},Mr=(e,t,n)=>({itemIndex:e,label:"",placement:"mid-content",snowplowNavEventSubject:n,totalItems:t}),Fr=({finalSlide:e={},header:t={dangerousHed:"Visual Story Reel"},isArticle:n=!1,items:o=[],logo:i={},overrideHeaderSettings:r={},recirculation:s=[]})=>{const l=(0,z.A)(),[d]=(0,p.A)(),[c,m]=(0,a.useState)(0),[u,g]=(0,a.useState)(!1),h=(0,a.useMemo)(()=>((e=[])=>e.filter(e=>!("cnevideo"===e.contentType)||e.image?.animationClip?.highResUrl))(o||[]),[o]),y=h.length>0,b=(0,a.useCallback)((e,t)=>{e.preventDefault(),m(t),g(!0)},[]),f=(0,a.useCallback)(()=>{g(!1)},[]),w=(0,a.useCallback)(e=>{e.preventDefault(),b(e,0)},[b]);if(!o||!o.length||!y)return null;const $=((e,t,n,o,i,a,r)=>({copilotCode:o?.copilotCode||"",forcedIndex:t,forceNoRecirc:!0,header:n||"",defaultDuration:o?.defaultDuration||1e4,isMobileDevice:!Kr,items:o?.items||a,logo:i||{},recirculation:o?.recirculation||{items:r||[]},onCloseButtonAction:e}))(f,c,t,o,i,h,s);return a.createElement(Hr,null,a.createElement(Ci.A,{isOpen:u,overlayColor:"black",showCloseButton:!1,appElement:"#app-root",className:"fullScreen",hideChannelNavigation:!0,onClose:f},a.createElement(Sr.A,{...$})),a.createElement(Ir,{ref:d,mainTitleFont:r.mainTitleFont,isArticle:n},a.createElement(Ni.A,{headerProps:qr(t.dangerousHed,r,n),carouselSettings:{hideScrollbar:!0,hasPaginationDots:!1,itemsDensity:"default",position:Kr?"header":"footer",scrollType:"one-by-one",shouldCenterAlignIfItemsAreLess:!0,showControls:!0,showLabels:!1},trackingEventData:{snowplowNavEventSubject:"visual_story_reel"}},h.map((e,t)=>a.createElement(Ni.A.CarouselItem,{width:"100%",key:e.id,trackingEventData:Mr(t,h?.length+1,"visual_story_reel"),className:"carousel-item"},a.createElement(Pr,{contentId:e.id,dangerousHed:e.slideTitle,contentType:e.contentType,item:e,index:t,onClick:b}))),e&&e.tout&&a.createElement(Ni.A.CarouselItem,{width:"100%",key:"view-all",trackingEventData:Mr(h?.length,h?.length+1,"visual_story_reel_cta")},a.createElement(Or,{tabIndex:0,"aria-label":"View all visual stories","data-visual-story-final-slide":"true",contentId:h?.length+1,dangerousHed:"view_all",onClick:w,onKeyDown:_r(e=>b(e,0))},a.createElement(Z.A,{...e.tout,altText:e.tout.altText||t.dangerousHed,isLazy:!0,shouldEnableExternalControl:!1,shouldMute:!0,shouldDisableAds:!0}),a.createElement("h4",{dangerouslySetInnerHTML:{__html:e.title},"aria-hidden":"true"}),a.createElement("button",{dangerouslySetInnerHTML:{__html:l.formatMessage(Er.ViewAll)}}))))))};
25226Pr.propTypes={item:i().object.isRequired,index:i().number.isRequired,onClick:i().func.isRequired},Fr.propTypes={finalSlide:i().shape({title:i().string,tout:i().shape(Z.A.propTypes)}),header:i().shape({dangerousHed:i().string.isRequired}),isArticle:i().bool,items:i().arrayOf(i().shape(Z.A.propTypes)).isRequired,logo:i().object,overrideHeaderSettings:i().object,recirculation:i().array},Fr.displayName="VisualStoryReel";const Ur=Fr,Vr=(0,Bt.N)((0,E.y)(Ur,"VisualStoryReel")),Gr=()=>null,Wr={"callout:inline-ad":Gr,"callout:inline-recirc":Gr,"callout:inset-image-left":Jn};const jr=a.memo(({markup:e})=>a.createElement("div",{className:"interactive-override-container interactive-override-container--body",dangerouslySetInnerHTML:{__html:e}}),function(e,t){return s()(e,t)});jr.propTypes={markup:i().string},jr.displayName="InteractiveOverrideEmbed";const zr={...Wr,article:Fe,bodyInteractiveOverride:jr,pullquoteContent:Cn,pullquoteCredit:kn,"callout:anchor":l.A,"callout:align-center":Jn,"callout:dropcap":e=>e.children,"callout:intro":Jn,"callout:faq":Jn,"callout:feature-xsmall":Jn,"callout:feature-small":Jn,"callout:feature-medium":Jn,"callout:feature-large":Zt,"callout:masonry":lo,"callout:footnote":en,"callout:group-2":Qn.A,"callout:group-3":Qn.A,"callout:group-4":Qn.A,"callout:inset-left":Jn,"callout:portrait-justified":Jn,"callout:inset-right":Jn,"callout:pullquote":zo,"callout:sidebar":fi,"callout:slideshow":tn.A,"callout:button-group":x.A,"callout:accordion":wa.IL,"callout:accordion-item":fa.A,"callout:table-of-contents":Aa,"callout:highlight-box":La,"callout:highlight-box-content":Na,"callout:highlight-box-header":Ta,"callout:then-and-now":Za,"callout:product-summary":Yo.A,"callout:product-summary-item":Xo.A,bizzabo:A,cartoon:d.A,clip:d.A,cneaudio:V.A,cneembed:U.A,cneeventregistration:M,cneinterlude:F.A,contributor:et,cooltabs:dr,game:dt,crossword:wt,curatedlist:Yi,event:kt,externallink:qe,facebook:It,firework:qt,gallery:tn.A,iframe:co.A,image:d.A,interactive:Do,instagram:$o,justwatch:Lo,listenerscore:xr.A,livestory:qe,mastodon:sa,nativearticle:Fe,nativegallery:tn.A,pinterest:Uo,product:Vo.A,unifiedProductCard:Go.A,contentreference:Vo.A,recipe:Fe,review:ti,section:oi,"sidebar:article":gi,"sidebar:heading":wi.A,shoppableImage:Bi,threads:ya,twitter:mi,venue:Vo.A,video:co.A,visualstory:Ar,visualstoryreel:Vr,clipVideo:Xi.A},Yr=(e={})=>"boolean"!=typeof e.enableAffiliateDisclaimerLabel?{}:{componentConfigOverride:{...e.componentConfigOverride,enableAffiliateDisclaimerLabel:e.enableAffiliateDisclaimerLabel}};function Xr(e={}){const{props:t,type:n}=e;if(t&&(t.contentType=n),t&&"cneembed"===n&&(t.videoEmbedPosition=Ja.sm),t&&"cneinterlude"===n&&(t.videoEmbedPosition=Ja.jV),t&&t.shouldConsiderArticleEmbedForGallery&&"gallery"===n)return{type:zr.article,props:t};if(t&&t.isUpcEnabled&&["contentreference","product"].includes(n)){const e={...t,id:t.productId,brand:{name:t.productBrand},offers:t.multipleOffers};return{type:zr.unifiedProductCard,props:{...t,offers:t.multipleOffers,brand:t.productBrand,type:"embed",layout:"ProductEmbed",data_item:{...e},isLazy:!0,hasImageCreditText:(0,ba.qn)(t.image),...Yr(t)}}}if(t&&t.shouldUseUvc){const e={...t,id:t.productId||t.id,offers:t.multipleOffers,showMultipleImageCount:t.showMultipleImageCount};return{type:zr.unifiedProductCard,props:{...t,offers:t.multipleOffers,type:"embed",layout:"ProductEmbed",data_item:{...e},isLazy:!0,hasImageCreditText:(0,ba.qn)(t.image),...Yr(t)}}}return{type:zr[n]||Jn,props:t}}},74804(e,t,n){n.d(t,{Nl:()=>p,Xb:()=>b,Zy:()=>w,cg:()=>y,ke:()=>g,po:()=>u,qW:()=>f,xN:()=>h});var o=n(15609),i=n(39832),a=n(32764),r=n(79244),s=n(36382),l=n(75163);const d=e=>((e,...t)=>{const n=t.find(t=>null!=e[t]);return n?e[n]:void 0})(e,"manifestUrl","manifesturl","data-flex-manifest-url","dataFlexManifestUrl"),c="embedheight",m=(e,t=d(e))=>e.height||e.embedheight||(e=>{if(!e)return;if("object"==typeof e)return e.height;const t=e.match(/(?:^|;)\s*height\s*:\s*([^;]+)/i);return t?.[1]?.trim()})(e.style)||(e=>{if(e)try{const t=new URL(e).searchParams.get(c);return t&&(e=>/^(?:\d+(?:\.\d+)?(?:px|vh|vw|vmin|vmax|rem|em|%)|auto)$/i.test(e))(t)?t:void 0}catch(e){return}})(t),u=e=>{if(!Array.isArray(e))return e;if("p"===e[0]){const t=(e=>{const[,t]=e;return t&&"object"==typeof t&&!Array.isArray(t)?e.slice(2):e.slice(1)})(e);if(1===t.length){const e=(e=>{if("string"!=typeof e)return null;const t=e.trim();if(!t.startsWith("<div")||!/\bdata-flex-inline\b/i.test(t))return null;const n=t.match(/\bdata-flex-manifest-url=(["'])(.*?)\1/i);if(!n)return null;const o=t.match(/\bstyle=(["'])(.*?)\1/i),[,,i]=n,a=m({style:o?.[2]},i);return{cerosType:"flex",manifestUrl:i,...a?{height:a}:{},renderMode:"inline"}})(t[0]);if(e)return["ceros",e]}}return e.map(e=>u(e))};function p(e){const{isExternal:t,...n}=e;return{type:t?i.A:"a",props:n}}function g(e){const{isExternal:t,className:n,...o}=e;return{type:t?i.A:"a",props:{...o,className:n?`${n} ${l.pT.Component.Link}`:l.pT.Component.Link}}}function h({props:e}){return{type:o.A,props:e}}function y(e={}){let t=1,n=1,o=1,i=1;const r=d(e),s=(e=>{if(!e)return e;try{const t=new URL(e);return t.searchParams.delete(c),t.toString()}catch(t){return e}})(r),l=e.cerosType||e.cerostype||e.variant,u="flex"===l||Boolean(r);try{t=parseInt(e.width,10),n=u?m(e,r):parseInt(e.height,10),o=parseInt(e.mobilewidth,10),i=parseInt(e.mobileheight,10)}catch(e){}return{type:a.A,props:{width:t,height:n,mobileWidth:o,mobileHeight:i,url:e.url,cerosType:u?"flex":l,manifestUrl:u?s:r,renderMode:e.renderMode||e.rendermode||(u?"inline":void 0)}}}function b(e={}){const t=d(e);return t?y({cerosType:"flex",height:m(e,t),manifestUrl:t,renderMode:e.renderMode||e.rendermode||(null!=e["data-flex-inline"]||null!=e.dataFlexInline?"inline":void 0)}):{type:"div",props:e}}function f(e={}){return{type:r.A,props:{tiktokUrl:e.url}}}function w(e={}){return"sidebar:heading"===e.type?{type:s.A,props:e.props}:e}},95928(e,t,n){n.d(t,{A:()=>z});var o=n(15822),i=n(91250);const a={autolinkAccount:async({amgUUID:e,body:t,userPlatformProxy:n,xClientID:a})=>{const r=await(0,i.u)(`${n}${o.v.userDetails}/${e}/subscriptions/autolink`,{body:t,credentials:"include",headers:{"Content-Type":"application/json","x-client":a},method:"POST"},5e3),{data:{authToken:s}={}}=await r.json();return s?{completed:!0}:{completed:!1}}};var r=n(41289),s=n(87612),l=n.n(s),d=n(7309),c=n.n(d),m=n(58156),u=n.n(m),p=n(94394),g=n.n(p),h=n(62193),y=n.n(h),b=n(42877),f=n.n(b),w=n(69752),$=n.n(w),v=n(20826),C=n.n(v),k=n(90179),A=n.n(k),x=n(79469),E=n.n(x);const S=["ACTIVE","PURCHASED"],L=["active"],T={ORG_ACCESS_PRODUCT_TYPE:{buttonHref:null,buttonLabel:null,dangerousDek:"You have complimentary digital access to [BRAND] as a Condé Nast employee. If you have questions please visit the #employee-digital-access Slack channel.",providerId:"org
25226-access"},formatDate:function(e){return e.toLocaleDateString("en",{year:"numeric",month:"numeric",day:"numeric"})},getAllActiveReceiptsForBrand:(e,t=[])=>{const n=new Set(e.map(({product:e})=>e));return l()(t,e=>{const t=u()(e,"product",""),o=u()(e,"providerId",""),i=new Date(u()(e,"expires",0)),a=u()(e,"status","");return o.startsWith("org-access")?n.has(t):o.includes("google-swg")?S.includes(a)&&n.has(t)&&i.getTime()>=Date.now():o.includes("cds")&&!o.includes("cdsuk")?L.includes(a.toLowerCase())&&n.has(t)&&i.getTime()>=Date.now():n.has(t)&&i.getTime()>=Date.now()})},getLatestActiveProducts:(e,t,n,o={})=>{if(y()(e)||y()(t))return null;const i=g()(e,e=>u()(e,"product","")+u()(e,"providerId","")),a={...$()(Object.keys(i),(e,t)=>{const n=e,o=f()(i[t],["expires"],["desc"]);return n[t]=o[0]||{},n},{})};return $()([...t],(e,t)=>{const i=e,r=`${t.product}${t.providerId}`;if(a[r]){const e=T.formatDate(new Date(u()(a[r],"expires",0)));i[r]={...t,dangerousDek:t.dangerousDek.replace("${expirationDate}",e)},delete a[r]}else if(!e[t.product]){const e=c()(a,e=>u()(e,"product","").includes(t.product));if(e){let a;const s=T.formatDate(new Date(u()(e,"expires",0))),l=u()(e,"providerId","").startsWith("org-access");if(l)a={...t},Object.assign(a,T.ORG_ACCESS_PRODUCT_TYPE);else{if("CNEE"!==t.source||""!==t.providerId)return i;{const n=u()(o,"CDSEntitlements",{}),i=u()(o,"CDSUKEntitlements",{});a={...t},u()(e,"providerId","").startsWith("cdsuk")&&i?Object.assign(a,i):u()(e,"providerId","").startsWith("cds")&&n&&Object.assign(a,n)}}i[r]={...a,dangerousDek:l?a.dangerousDek.replace("[BRAND]",`<i>${n}</i>`):t.dangerousDek.replace("${expirationDate}",s)}}}return i},{})}},N={__internals__:T,transformEntitlementsData:(e,t,n,o,i)=>{const a=u()(e,"data.fetchProfile.profile.viewProfile",[]),{productTypes:r=[],productStackingOrder:s=[],...l}=o,d=T.getAllActiveReceiptsForBrand(r,a),c=T.getLatestActiveProducts(d,r,i,o),m=t?.map(e=>(({productId:e,provider:t,link:n},o)=>{const i=o.find(t=>!!t.product&&"martech"===t.source&&t.product===e);return i?{[`${e}.${t}.${n}`]:{...i,buttonHref:n}}:null})(e,r)).reduce((e,t)=>({...e,...t}),null),p=n?.map(e=>(({productId:e,provider:t,link:n},o)=>{const i=o.find(n=>{if(n.product){const o=E().newTrie().add(n.product);return"EPEP"===n.source&&o.check(e)&&n.providerId===t}return!1});return i?{[`${e}.${t}.${n}`]:{...i,buttonHref:n}}:null})(e,r)).reduce((e,t)=>({...e,...t}),null),g=!!c,h=!!m,y=!!p;let b=(c||m||p)&&{...m,...c,...p};return b=((e,t)=>{let n=!1;return e.forEach(e=>{const o=C()(t,t=>t.source===e.source&&e.product===t.product);o&&!n?n=!0:o&&n&&(t=A()(t,o))}),t})(s,b),{latestActiveProducts:b,...l,isUserEntitled:g||h||y,hasCneeEntitlements:g,hasMartechEntitlements:h,hasEPEPEntitlements:y}}};var H=n(78768),I=n.n(H);const B={validatePayment:({entitlement:e,acceptableForms:t,acceptableScopes:n})=>{const{domain:o,server:i,enabled:a}=e;return a?I().validator({document,domain:o,server:i,acceptableForms:t,acceptableScopes:n,storage:window.localStorage}).execute():Promise.resolve()}};var O=n(14961),K=n(13446),D=n(56892),_=n(14307),P=n(53788);const{AssociationsRequest:R,IdSet:q,Id:M,IdType:F}=O.id_mapper,U=`${K.xz}.#`,V="cn_persistent_login";function G(e){return e.slice(K.xz.length+1)}function W(){return!!(0,D.getCookie)(P.A.accessCookie)||Object.keys(P.A.oidcCookies).some(e=>(0,D.getCookie)(e))}async function j(e){if(W())return null;const t=q.create({ids:[M.create({type:F.fingerprint,value:e})]}),n=R.create({idSets:[t]}),o=R.encode(n).finish();try{fetch("/verso-srv/api/v1/persistent-login",{method:"POST",body:new Blob([o]),headers:{"Content-Type":"application/octet-stream"}}).then(()=>{window.sessionStorage?.setItem(V,"true"),(0,_.ZL)({type:"complete",subject:"loginless_entitlement_check"})})}catch(e){}}const z={autolink:a,getEntitlements:async function({amgUUID:e,userPlatformProxy:t,xClientID:n}){const a=`${t}${o.v.userDetails}/${e}/entitlements`;try{return await(0,i.u)(a,{credentials:"include",headers:{"Content-Type":"application/json","x-client":n},method:"GET"},5e3)}catch(e){const t=e.status||400;throw new Error(`${t} - Error fetching user entitlements: ${e.message}`)}},getAccessCondeEntitlements:async function({xClientID:e,accessCondeBaseUrl:t}){const n=`${t}v1/public/entitlements?active=true`;try{const t=await(0,i.u)(n,{credentials:"include",headers:{"Content-Type":"application/json","user-agent":`verso-${e}`},method:"GET"},5e3);if(200!==t.status){const e=await t.text(),n=new Error(e);throw n.status=t.status,n}return t}catch(e){e.status;return null}},subscriptionLink:r.E,dpvContractLink:r.R,persistentLogin:function({isEnabled:e}){if(!e||W()||window.sessionStorage?.getItem(V))return null;let t=!1;const n=window?.cnBus?.on(U,(e,o)=>{if(n(),!t){t=!0;j(G(o.topic))}}),o=window?.cnBus?.on(K.ok,e=>{n(),o(),t||(t=!0,j(e.visitorId))}),[i]=window?.cnBus.history(U)[0]||[];
25226if(i&&(n(),o(),!t)){t=!0;j(G(i))}},...N,validatePayment:B}},41289(e,t,n){n.d(t,{E:()=>d,R:()=>c});var o=n(15822),i=n(91250),a=n(56892),r=n(53788);const{oidcCookies:s}=r.A,l=5e3,d=({amgUUID:e,body:t,xClientID:n,userPlatformProxy:a})=>(0,i.u)(`${a}${o.v.userDetails}/${e}/subscriptions/link`,{body:JSON.stringify(t),credentials:"include",headers:{"Content-Type":"application/json","x-client":n},method:"POST"},l),c=async(e,t,n)=>{const o=a.default.getCookie(s.access),r=await(0,i.u)(`https://${t}/epep/api/dpv/link-contract`,{body:JSON.stringify(n),credentials:"include",mode:"cors",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`},method:"POST"},l),d=a.default.getCookieDomainFromHostname();if(a.default.deleteCookie("CN_access",d),await(0,i.u)(`${e}v2/public/fetch`,{credentials:"include",headers:{"Content-Type":"application/json",Authorization:`Bearer ${o}`}},l),409===r.status){const e=await r.json();return{status:"conflict",errorMessage:e?.errorMessage}}return 400===r.status?{status:"not found"}:r.ok?{status:"success"}:{status:"error",errorMessage:"Unknown error"}}},39836(e,t,n){async function o({url:e,gtmEvent:t=null}){window.dataLayer&&t&&window.dataLayer.push({event:t});const n=await fetch(e);if(n.ok)return n.json();throw new Error(n.statusText)}n.d(t,{Z:()=>o})},89434(e,t,n){n.d(t,{o:()=>i});const o=(e,t)=>{try{const n=window.gapi;n?e(n):setTimeout(()=>o(e,t),100)}catch(e){t(e)}},i=()=>new Promise((e,t)=>{o(e,t)})},26830(e,t,n){n.d(t,{A:()=>i});var o=n(90090);const i={trackGoogleSignInAttempt:e=>{(0,o.W8)("login-attempt",{...e,user:{account:{authProvider:"google"}}})},trackGoogleSignInFailure:e=>{(0,o.W8)("login-fail",{...e,user:{account:{authProvider:"google"}}})}}},57745(e,t,n){n.d(t,{A:()=>r});var o=n(89434);var i=n(34143),a=n(26830);const r={googleSignIn:async(e,t,n={})=>{const{id_token:o,access_token:r}=e.getAuthResponse(!0),s=await(0,i.Lk)({googleIdToken:o,googleAccessToken:r,...t}),l=await s.json(),{data:{id:d}={}}=l;if(s.ok){return{loginResult:200===s.status?"login":"registration",amguuid:d}}const c={user:{account:{loginFailureMessage:"auth_service_error"}},...n};return a.A.trackGoogleSignInFailure(c),{loginResult:"failure"}},signOut:()=>new Promise((e,t)=>{o.o().then(n=>{n.load("client:auth2",()=>{n.auth2.init({}).then(()=>{n.auth2.getAuthInstance().signOut().then(t=>e(t)).catch(e=>t(e))}).catch(e=>t(e))},e=>{throw e})}).catch(e=>t(e))})}},60162(e,t,n){n.d(t,{Mw:()=>S,QM:()=>E,TD:()=>u,TZ:()=>L,Yp:()=>N,g1:()=>T,gY:()=>h});var o=n(62193),i=n.n(o),a=n(58156),r=n.n(a),s=n(14307);const l={"add-to-cart":"add","remove-from-cart":"remove","product-click":"click","product-impression":"impressions","product-detail-view":"detail","save-event":"save","bookmark-hover":"hover"},d=["PLP","ContentCarousel","GalleryShopView","ProductEmbed","VisualCarousel"],c="data-item",m=(e,t=null)=>{const n=e?.getAttribute(c);return null==n?t:JSON.parse(n)},u=(e,t,n=null)=>{const o=m(e,n),i="function"==typeof t?t(o):{...o,...t};return i!==o&&e?.setAttribute(c,JSON.stringify(i)),i};function p(e,t,n=!1){let o=window.location.pathname.split("/").pop();if("ContentCarousel"===e)return n&&(o=`pdp-product-reco-${o}`),`${o}-${t}-product-carousel`;if("ProductEmbed"===e){const{dataLayer:e}=window,t=e[0]?.content?.contentType;return`${t}-${o}`}return"VisualCarousel"===e?`${o}-visual-carousel`:e}const g=(e,t)=>{let n;if("EUR"===t){const t=e.toString().split(",");t[0]=t[0].replace(".",","),n=t.join(".")}else n=e;const o=n?.toString().replace(/[^0-9.]/g,"");return o?parseFloat(o):null},h=(e,t,n,o,i,a=null)=>{const{currency:r,videoIds:s}=e,{assetType:l,assetTypeIndex:d,imageTotalIndex:c,clipTotalIndex:m,videoTotalIndex:u}=((e,t)=>{let n=[];if(Array.isArray(e.image)?n=e.image:e.image&&(n=[e.image]),0===n.length)return{assetType:null,assetTypeIndex:null,imageTotalIndex:null,clipTotalIndex:null,videoTotalIndex:null};const o="number"==typeof e.total_index?e.total_index:n.length,i=n.length>o?n.slice(0,o):n,{assetType:a,index:r}=y(i,t),{imageTotalIndex:s,clipTotalIndex:l,videoTotalIndex:d}=b(i,o);return{assetType:a,assetTypeIndex:r,imageTotalIndex:s,clipTotalIndex:l,videoTotalIndex:d}})(e,o),p={type:n||t,subject:e.component||"product",...a?{label:a}:{}},h=x(e,l,d,c,m,u,i),f=((e,t)=>{if(!e.sale_price)return{isDiscount:!1,discountAmount:null,discountPercentage:null};const n=g(e.price,t),o=n-g(e.sale_price,t);return{isDiscount:!0,discountAmount:o,discountPercentage:Math.round(100*o/n)}})(e,r),w=((e,t,n,o)=>({product_brand:e.brand,product_id:e.id,product_name:e.name?.replace(/<[^>]*>/g,""),index:"number"==typeof e.index?parseInt(e.index,10):null,placement:e.placement,product_price:g(e.price,o),is_product_discount:n.isDiscount,product_discount_amount:n.discountAmount,product_discount_perc:n.discountPercentage,currency_code:o,product_component:e.component,product_rating:"number"==typeof e.rating?parseInt(e.rating,10):null,product_category:e.category,product_ref:e.ref||null,hotel_location:e.hotelLink?.split("/")[2],product_type:e.type||null,product_system:"commerce",features_list:t}))(e,h,f,r);return{eventData:p,eventEntityProps:w,videoIds:s}},y=(e,t)=>{const n=e[t];if(!n)return{assetType:null,index:null};const{contentType:o}=n;let i;return i="clip"===o?"clip":"cnevideo"===o?"video":"image",{assetType:i,index:t}},b=(e,t)=>{const{clipTotalIndex:n,videoTotalIndex:o}=e.reduce((e,{contentType:t})=>("clip"===t&&e.clipTotalIndex++,"cnevideo"===t&&e.videoTotalIndex++,e),{clipTotalIndex:0,videoTotalIndex:0});return{imageTotalIndex:t-(n+o)||null,clipTotalIndex:n||null,videoTotalIndex:o||null}},f=(e,t,n)=>e===t?n:null,w=e=>{const t=parseInt(e,10);return Number.isNaN(t)?null:t},$=e=>e.textBadge?.name?`badges-${e.textBadge.name}`:"badges",v=e=>e.textBadge?.name?1:null,C=e=>e.showProsConsData?1:null,k=e=>e.hasBookmarkingFeature&&e.isBookmarked?1:0,A=e=>{const t=parseInt(e,10);return Number.isNaN(t)?null:t},x=(e,t,n,o,i,a,r)=>e?[{name:"image",index:f(t,"image",n),total_index:w(o)},{name:"rating",index:w(e.rating),total_index:10},{name:"pros&cons",index:null,total_index:C(e)},{name:$(e),index:null,total_index:v(e)},{name:"clip",index:f(t,"clip",n),total_index:w(i)},{name:"video",index:f(t,"video",n),total_index:w(a)},{name:"MBB",index:A(r),total_index:w(e.offersLength)},{name:"bookmark",index:null,total_index:k(e)}]:[];function E(e,t,n,o,a,r,d,c=null,m=null,u=null){const p=function(e,t){const n={};if(Object.keys(l).includes(e)){n.event=e;const o={},{currencyCode:i,actionField:a,products:r,impressions:s,expVariationName:d}=t;o[l[e]]="product-impression"===e?s:{products:r},i&&(o.currencyCode=i),d&&(o.expVariationName=d),a&&(o[l[e]].actionField=a),n.ecommerce=o}return n}(e,t);if(i()(p))return!1;const g="product-impression"===e?"impression":l[e]||"click";let y=null;const b=("product-impression"===e?p.ecommerce.impressions:p.ecommerce[g].products)??[];for(const e of b){if(!e)continue;const{eventData:t,eventEntityProps:i,videoIds:l}=h(e,g,o,a,d,u);if("save"===g){y={eventData:t,eventEntityProps:i,targetEvent:n,actionId:r,videoIds:l};break}let p=null;"click"===g&&e?.isBookmarked&&(p=(0,s.Ev)(c,m,{context:"bookmarked-click"})),(0,s.r_)(t,i,n,r,l,p)}return y||(window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(p)),!0)}function S(e,t){const{title:n,category:o,productId:i,price:a,vendor:r,variantId:s,quantity:l,currencyCode:d}=t,c={products:[{name:n,brand:r,variant:s,id:i&&i.length>0?i:new URLSearchParams(window.location.hash.substring(1)).get("cid"),category:o,price:a,quantity:l}],currencyCode:d};if(window.referrer){const e=new URL(window.referrer).pathname.split("/"),t=`${e[1]?`${e[1]}-`:""}${e.pop()}`;c.actionField={list:t}}return E(e,{...c})}function L(e,t){const{dangerousHed:n,brand:o,id:a,offerRetailer:s,offers:l=[],categoriesPaths:d=[],categorySlug:c="",quantity:m,index:u,rating:p,list:g,contentType:h,component:y,placement:b,hotelLink:f,total_index:w,showProsConsData:$,name:v,showBadge:C,textBadge:k,videoIds:A,image:x,offersLength:E,isBookmarked:S,hasBookmarkingFeature:L,collectionId:T=null,collectionName:N=null,offerIndex:H}=e,I=((e,t,n)=>{if(null==t)return n||e?.[0]?.sellerName||e?.[0]?.seller?.name||null;const o=parseInt(t,10);if(!Array.isArray(e)||Number.isNaN(o))return n||null;const i=e[o];return i?.sellerName||i?.seller?.name||n||null})(l,H,s);let B;const O="commerce-product"===h?a:"",K="venue"===h||"hotel"===h?"hotel":h,D="commerce-product"===h?"PIM":"Copilot",_=r()(e,"categoriesPaths[0].ancestors",[]);return"commerce-product"!==h||i()(_)||(B=_.map(e=>e.name).join("/")),c?{brand:o?.name,name:v||n,id:a,price:l[0]?.price,sale_price:l[0]?.reducedPrice||l[0]?.comparisonPrice,currency:l[0]?.currency,category:"commerce-product"===h?B:c,quantity:m,position:u,variant:O,actionField:t?.referrer,list:g,type:K,index:u,rating:p,component:y,placement:b,hotelLink:f,ref:D,total_index:w,showProsConsData:$,showBadge:C,textBadge:k,videoIds:A,image:x,offersLength:E,isBookmarked:S,hasBookmarkingFeature:L,retailer:I,collectionId:T,collectionName:N}
25226:(d.forEach(e=>{if(!B&&Array.isArray(e)){const t=e.some(e=>"product-category"===e.slug);B=t?e[0]?.slug:""}}),{brand:o?.name,name:v||n,id:a,price:l[0]?.price,sale_price:l[0]?.reducedPrice||l[0]?.comparisonPrice,currency:l[0]?.currency,category:B,quantity:m,position:u,variant:O,actionField:t?.referrer,list:g,type:K,index:u,rating:p,component:y,placement:b,hotelLink:f,ref:D,total_index:w,showProsConsData:$,showBadge:C,textBadge:k,videoIds:A,image:x,offersLength:E,isBookmarked:S,hasBookmarkingFeature:L,retailer:I,collectionId:T,collectionName:N})}function T(e){const{window:t,product:n,index:o,actionId:a,layout:r,event:s=null,layoutTitle:l="",type:d,image_index:c=0,offerIndex:m,eventType:u,collectionId:g=null,collectionName:h=null,label:y=null}=e;if(void 0!==t&&t.dataLayer){if(i()(n))return!1;n.id=n.id||n.copilotID||n.variantKey,null!=m&&(n.offerIndex=m);const{list:e,...b}=L(n,t),{isPDPPage:f}=n,w=p(r,l,f),{expVariationName:$}=n,v={actionField:{list:w},products:[{...b,position:o,quantity:1,list:w}]};return $&&(v.expVariationName=$),E(u||"product-click",v,s,d,c,a,m,g,h,y)}return!1}function N(e,t=[],n="",o=0,i=!1,a={}){if(!d.includes(e))return!1;const{getTrackingProductData:r}=a,s=(e,t)=>{const n="function"==typeof r?r(e,t):null;return n?{...t,...n}:t},l=[];let c,g;const h=[...t].map((e,t)=>({item:e,product:u(e,e=>({...e,index:t}),{})})).filter(({product:e})=>!0!==e.hasBookmarkingFeature||!0===e.isBookmarkStatusReady),y=e=>e.classList.value.split(" ").includes("impressionTrackingFired");if(i)return h.forEach(({item:t,product:i})=>{let a;a=function(e,t,n={}){if(!e)throw new Error("No DOM element provided");const o={root:null,rootMargin:"0px 0px -50px 0px",threshold:.3,...n},i=new IntersectionObserver(e=>{e.forEach(e=>{t(e.isIntersecting,e)})},o);return i.observe(e),()=>i.unobserve(e)}(t,r=>{if(!r||y(t))return;t.classList.add("impressionTrackingFired");const d=m(t,i);c||(c=d.offers&&d.offers.find(e=>!!e.currency)?.currency),g||({expVariationName:g}=d);const u=d.id||d.copilotID||d.variantKey,{isPDPPage:h}=d,b=p(e,n,h),f=s(t,d);l.push(L({...f,quantity:1,id:u,list:b}));const w={currencyCode:c,impressions:l};g&&(w.expVariationName=g),E("product-impression",w,null,null,o),"function"==typeof a&&a()})}),!0;{const t=h.filter(({item:e})=>!y(e)&&function(e){const t=e.getBoundingClientRect(),n=window.innerWidth||document.documentElement.clientWidth,o=window.innerHeight||document.documentElement.clientHeight;return t.top>=0&&t.top<=o&&t.left>=0&&t.left<=n&&t.right>=0&&t.right<=n&&(t.right-n<=n-t.left||t.right<=n)&&(t.bottom-o<=o-t.top||t.bottom<=o)}(e));if(!t.length)return!1;if(t.forEach(({item:t,product:o})=>{t.classList.add("impressionTrackingFired");const i=m(t,o);c||(c=i.offers&&i.offers.find(e=>!!e.currency)?.currency),g||({expVariationName:g}=i);const a=i.id||i.copilotID||i.variantKey,{isPDPPage:r}=i,d=p(e,n,r),u=s(t,i);l.push(L({...u,quantity:1,id:a,list:d}))}),l.length){const e={currencyCode:c,impressions:l};return((e,t)=>{t&&(e.expVariationName=t)})(e,g),E("product-impression",e,null,null,o)}return!1}}},82511(e,t,n){n.d(t,{A:()=>o});const o=n(96540).useLayoutEffect}
25226,28081(e,t,n){n.d(t,{A:()=>a});var o=n(96540),i=n(80471);const a=function({enabled:e=!0,...t}={}){const[n,a]=(0,o.useState)(!1),[r,s]=(0,o.useState)(!1),{ref:l,inView:d}=(0,i.Wx)({triggerOnce:!0,threshold:.15,skip:!e,...t});return(0,o.useEffect)(()=>{s(!0)},[]),(0,o.useEffect)(()=>{d&&a(!0)},[d]),{ref:l,isRevealed:!e||n,isReady:!!e&&r}}},68089(e,t,n){n.d(t,{u:()=>o});const o=e=>e?.markup&&e?.behavior},9170(e,t,n){n.d(t,{w:()=>i});const o=["bot","storebot","googlebot","adsbot-google","apis-google","mediapartners-google","googlebot-image","googlebot-news","googlebot-video","adsbot-google-mobile","adsbot-google-mobile-apps","bingbot","bingpreview","adidxbot","binglocalbot","msnbot","msnbot-media"],i=e=>{if(!e)return!1;const t=e.toLowerCase();return o.some(e=>t.includes(e))}},26890(e,t,n){n.d(t,{q:()=>o});const o=(e,t,n,o)=>0===t||("delta"===o?Math.abs(t-n)>100:!e)},15356(e,t,n){n.d(t,{qj:()=>i.A,qw:()=>o.A,rG:()=>a.A});var o=n(10927),i=n(68545),a=n(45516)},82407(e,t,n){n.d(t,{A:()=>v});var o=n(86139),i=n.n(o),a=n(88055),r=n.n(a),s=n(49870),l=n.n(s),d=n(80191),c=n.n(d),m=n(62193),u=n.n(m),p=n(2404),g=n.n(p),h=n(55364),y=n.n(h),b=n(44383),f=n.n(b);const w=l()(f(),r()),$=new Map,v=(e,t)=>{$.set(t,$.get(t)||{actors:[],watchedState:new Map});const n=$.get(t),o=(e,t)=>e.match(t)||t.match(e),a=(e,t)=>{const o=n.watchedState.get(t),a=w(e,t.scopes.watch);n.watchedState.set(t,i()({},o,a))};if(n.actors.find((s=e,e=>!!c()(s.scopes.output,e.scopes.output,o).length)))throw new Error("Multiple actors bound to the store cannot update the same value");var s;const l=t.getState();n.watchedState.set(e,w(l,e.scopes.watch)),n.actors.push(e),n.unbind=n.unbind||t.subscribe(()=>{const e=t.getState(),o=n.actors.filter((e=>t=>!g()(n.watchedState.get(t),f()(e,t.scopes.watch)))(e)).map((e=>t=>{const n=f()(e,t.scopes.watch);a(n,t);const o=f()(e,t.scopes.input),i=f()(e,t.scopes.output),s=r()(t.perform(r()(o))),l=f()(s,t.scopes.output);return g()(l,i)?{}:(a(l,t),l)})(e));var i;u()(o)||(i=o,t.dispatch({type:"BULK_UPDATE",state:y()({},...i)}))})}},79810(e,t,n){n(26410)},7165(e,t,n){n.d(t,{M:()=>a,o:()=>i});var o=n(96540);const i=(e,t={rootSelector:null,rootMargin:"0px",threshold:0},n=()=>{},i=[])=>{if(!e)throw new Error("selector is required param");const[a,r]=o.useState(!1);return o.useEffect(()=>{const o=document.querySelector(e);if(!o)return()=>{};let i;const a={root:t.rootSelector?document.querySelector(t.rootSelector):null,rootMargin:t.rootMargin,threshold:t.threshold},s=()=>{i.unobserve(o)};return i=new IntersectionObserver(e=>{e.forEach(e=>{r(e.isIntersecting),n(e.isIntersecting,s)})},a),i.observe(o),s},i),a},a=(e,t={rootSelector:null,rootMargin:"0px",threshold:0},n=()=>{},i=[])=>{if(!e)throw new Error("selector is required param");o.useEffect(()=>{const o=document.querySelector(e);if(!o)return()=>{};let i;const a={root:t.rootSelector?document.querySelector(t.rootSelector):null,rootMargin:t.rootMargin,threshold:t.threshold},r=()=>{i.unobserve(o)};return i=new IntersectionObserver(e=>{e.forEach(e=>{n(e.isIntersecting,r)})},a),i.observe(o),r},i)}},67198(e,t,n){n.d(t,{A:()=>o});const o=(e,t="smooth",n=-48)=>{if(e)try{let o;try{o=document.querySelector(e)}catch(t){o=document.getElementById(e.substr(1))}if(o){const e=document.querySelector(".site-navigation"),i=e?e.offsetHeight:0;setTimeout(()=>{window.scrollTo({top:window.scrollY+n+o.getBoundingClientRect().top-i,behavior:t})},1),o.focus()}}catch(e){}}},88631(e,t,n){n.d(t,{Ay:()=>s,Xz:()=>i.A,ck:()=>a.A});var o=n(4934),i=n(8071),a=n(35512),r=n(75879);const s={...o.A,useSophi:i.A,useSophiLoader:a.A,addDemeterStub:r.c,DEMETER_STUB_SCRIPT:r.e}},21424(e,t,n){n.d(t,{Ay:()=>m});var o=n(96540),i=n(5556),a=n.n(i),r=n(45135),s=n(25805),l=n(24578);const d=({children:e,user:t,userPlatform:n,organizationID:i})=>{const{isAuthenticated:a,isAuthResolved:r}=t||{},[d,c]=(0,o.useState)({bookmarkStatusMap:new Map,isBatchPending:!1,currentProductIds:[],error:null,mapVersion:0}),m=(0,o.useRef)(new Set),u=(0,o.useRef)(new Set),p=(0,o.useRef)(new Set),g=(0,o.useRef)(null),h=(0,o.useRef)(null),y=(0,o.useRef)(!0),b=(0,o.useCallback)(e=>{e&&(m.current.has(e)||u.current.has(e)||(d.isBatchPending?p.current.add(e):(m.current.add(e),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{const e=Array.from(m.current).filter(e=>!u.current.has(e));c(t=>({...t,currentProductIds:e,isBatchPending:!0}))},100))))},[d.isBatchPending]),f=(0,o.useCallback)(e=>{e&&(m.current.delete(e),u.current.delete(e),p.current.delete(e))},[]),w=(0,o.useCallback)(e=>e&&d.bookmarkStatusMap.has(e)?d.bookmarkStatusMap.get(e):null,[d.mapVersion]),$=(0,o.useCallback)((e,t)=>{e&&c(n=>{const o=new Map(n.bookmarkStatusMap);return o.set(e,t),{...n,bookmarkStatusMap:o,mapVersion:n.mapVersion+1}})},[]),v=(0,o.useMemo)(()=>d.currentProductIds.map(e=>({copilotID:e})),[d.currentProductIds]),C=a&&d.isBatchPending&&d.currentProductIds.length>0,{bookmarkStatusMap:k,error:A}=(0,s.o)({products:v,user:t,userPlatform:n,organizationID:i,enabled:C}),x=(0,o.useMemo)(()=>
25226{if(!k||0===k.size)return"empty";return`${Array.from(k.keys()).sort().join(",")}-${k.size}`},[k]);(0,o.useEffect)(()=>{if(x!==h.current&&y.current){if(A)return h.current=x,void c(e=>e.error===A?e:{...e,error:A});if(k&&k.size>0&&(h.current=x,k.forEach((e,t)=>{u.current.add(t)}),c(e=>{const t=new Map(e.bookmarkStatusMap);return k.forEach((e,n)=>{t.set(n,e)}),{...e,bookmarkStatusMap:t,error:null,mapVersion:e.mapVersion+1,isBatchPending:!1,currentProductIds:[]}}),y.current&&p.current.size>0)){p.current.forEach(e=>{m.current.add(e)}),p.current.clear();const e=Array.from(m.current).filter(e=>!u.current.has(e));c(t=>({...t,currentProductIds:e,isBatchPending:!0}))}}},[x,A]),(0,o.useEffect)(()=>{if(r&&!a&&m.current.size>0){p.current.size>0&&(p.current.forEach(e=>{m.current.add(e)}),p.current.clear());const e=new Map;m.current.forEach(t=>{e.set(t,!1)}),c(t=>{let n=!0;return m.current.forEach(e=>{t.bookmarkStatusMap.has(e)||(n=!1)}),n&&t.bookmarkStatusMap.size===m.current.size?t:{...t,bookmarkStatusMap:e,error:null,mapVersion:t.mapVersion+1}})}},[r,a,d.isBatchPending]),(0,o.useEffect)(()=>(y.current=!0,()=>{y.current=!1,g.current&&clearTimeout(g.current)}),[]);const E=(0,o.useMemo)(()=>({registerProduct:b,unregisterProduct:f,getBookmarkStatus:w,updateBookmarkStatus:$,isLoading:d.isBatchPending,bookmarkStatusMap:d.bookmarkStatusMap,mapVersion:d.mapVersion,error:d.error}),[b,f,w,$,d.isBatchPending,d.mapVersion,d.error]);return o.createElement(l.o.Provider,{value:E},e)},c=(0,r.Ng)(e=>{const{user:t={},userPlatform:n={},coreDataLayer:{site:{orgId:o}={}}={site:{}}}=e;return{user:t,userPlatform:n,organizationID:o}})(d);d.propTypes={children:a().node.isRequired,user:a().object,userPlatform:a().object,organizationID:a().string};const m=c},34143(e,t,n){n.d(t,{Ay:()=>c,Lk:()=>r});var o={};n.r(o),n.d(o,{getUserDetails:()=>d});var i=n(15822);const a=e=>{const{apiURL:t,payload:n,xClientID:o}=e;return fetch(t,{body:JSON.stringify(n),credentials:"include",headers:{"Content-Type":"application/json","x-client":o},method:"POST"})},r=async({googleIdToken:e,googleAccessToken:t,registrationSourceCode:n,siteCode:o,source:r,userPlatformProxy:s,xClientID:l})=>{const d="error",c={googleIdToken:e,googleAccessToken:t,registrationSourceCode:n,siteCode:o,source:r};try{const e=await a({apiURL:`${s}${i.v.googleAuthenticate}`,payload:c,xClientID:l});return e.ok?e:d}catch(e){return d}};var s=n(3162),l=n(91250);const d=({amgUUID:e,xClientID:t,userPlatformProxy:n})=>(0,l.u)(`${n}${i.v.userDetails}/${e}`,{credentials:"include",headers:{"Content-Type":"application/json","x-client":t},method:"GET"},5e3),c={bookmark:s.A,...o,emailAuthenticate:({payload:e,userPlatformProxy:t,xClientID:n})=>{try{return a({apiURL:`${t}${i.v.authenticate}`,payload:e,xClientID:n})}catch(e){throw new Error(`Error authenticating with email on brand upg proxy: ${e.message}`)}},googleAuthenticate:r,resetEntitlementSampleMax:({iss:e})=>{if(!["tny_high_prop","tny_reg_gate","vf_high_prop","vf_reg_gate","wir_high_prop","wir_reg_gate"].includes(e))return;return fetch("/api/payment/entitlement",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({client:e,form:"sample",max:4}),credentials:"include"})},swgAuthenticate:({payload:e,userPlatformProxy:t,xClientID:n})=>{try{return a({apiURL:`${t}${i.v.swgAuthenticate}`,payload:e,xClientID:n})}catch(e){throw new Error(`Error authenticating with swg entitlements brand proxy: ${e.message}`)}},updateUser:({amgUUID:e,payload:t,xClientID:n,userPlatformProxy:o})=>(0,l.u)(`${o}${i.v.userDetails}/${e}`,{body:JSON.stringify(t),credentials:"include",headers:{"Content-Type":"application/json","x-client":n},method:"PATCH"},5e3),FORCE_ORG_ACCESS_DOMAINS:["condenast.com","condenast.co.uk","pitchfork.com","newyorker.com","wired.com"]}}
25226,25805(e,t,n){n.d(t,{c:()=>d,o:()=>l});var o=n(96540),i=n(21013),a=n.n(i),r=n(16840),s=n(24578);const l=({products:e=[],user:t={},userPlatform:n={},organizationID:i,enabled:s=!0})=>{const[l,d]=(0,o.useState)(new Map),[c,m]=(0,o.useState)(null),{isAuthenticated:u,isAuthResolved:p}=t,{federatedGraphqlUrl:g}=n,h=(0,o.useMemo)(()=>e.map(e=>e.copilotID||e.productId||e.id).filter(Boolean).sort().join(","),[e]);return(0,o.useEffect)(()=>{if(!(s&&p&&u&&g&&i&&e.length))return;const t=e.map(e=>e.copilotID||e.productId||e.id).filter(e=>e&&"string"==typeof e);if(0===t.length)return;const n=a()(t,100);Promise.all(n.map(e=>r.nV({federatedGraphqlUrl:g,organizationID:i,copilotIds:e}))).then(e=>{const n=new Map;t.forEach(e=>{n.set(e,!1)}),e.forEach(e=>{e.bookmarkMap.forEach((e,t)=>{n.set(t,e)})}),d(n),m(null)}).catch(e=>{m(e);const n=new Map;t.forEach(e=>{n.set(e,!1)}),d(n)})},[s,u,p,g,i,h]),{bookmarkStatusMap:l,error:c}},d=e=>{const t=(0,o.useContext)(s.o),n=(0,o.useRef)(new Set),{registerProduct:i,unregisterProduct:a,getBookmarkStatus:r,updateBookmarkStatus:l}=t||{};return(0,o.useEffect)(()=>{if(!t)return;const o=n.current;return e&&!o.has(e)&&(o.add(e),i(e)),()=>{e&&o.has(e)&&(o.delete(e),a(e))}},[e,t]),t?{getBookmarkStatus:r,updateBookmarkStatus:l}:null}},16791(e,t,n){n.d(t,{AH:()=>s,_M:()=>l,d7:()=>i,vG:()=>r});var o=n(70745);const i=["Bakery","BedAndBreakfast","BoutiqueHotel","BoutiqueRetail","Cafe","Club","CocktailBar","CoffeeTeaBar","CommonBar","Culture","DepartmentStore","DestinationSpa","DiveBar","FoodHall","HealthAndWellness","Hotel","HotelBar","JuiceBar","Mall","Market","OceanShip","PerformanceVenue","PrivateRental","RooftopBar","Resort","Restaurant","Shop","Spa","SpecialtyShop","SportsAndOutdoors","SportsBar","StreetFood","StudioWorkshop","ThemePark","WineryBreweryDistillery","CommonShip"],a={Article:{fieldFragment:o.B9,fragmentName:`...${o.y5}`},Gallery:{fieldFragment:o.JF,fragmentName:`...${o.kS}`},MusicReview:{fieldFragment:o.YN,fragmentName:`...${o.$Y}`},Product:{fieldFragment:(0,o.tP)(),fragmentName:"...bookmarkedProductField"},ProductReview:{fieldFragment:o.k$,fragmentName:`...${o.JH}`},Recipe:{fieldFragment:o.h2,fragmentName:`...${o.mS}`},Photo:{fieldFragment:(0,o.pB)(),fragmentName:`...${o.GS}`},Business:{fieldFragment:o.vs,fragmentName:`...${o.wF}`},...(e=>{const t={};return e.forEach(e=>{t[e]={fieldFragment:(0,o.Cp)(e),fragmentName:`...${(0,o.d8)(e)}`}}),t})(i)},r="bookmarkedContentForIncludedContentTypes",s=()=>{let e="",t="";for(const n of Object.keys(a))e+=`${a[n].fieldFragment}\n`,t+=`${a[n].fragmentName}\n`;return`\n ${e}\n fragment ${r} on Content {\n ${t}\n }\n `},l=(e=[])=>{let t="",n="";return e.forEach(e=>{Object.hasOwn(a,e)&&(t+=`${a[e].fieldFragment}\n`,n+=`${a[e].fragmentName}\n`)}),`\n ${t}\n fragment ${r} on Content {\n ${n}\n }\n `}},8231(e,t,n){n.d(t,{A:()=>h});var o=n(13465),i=n(32485),a=n.n(i),r=n(96540),s=n(5556),l=n.n(s),d=n(6442);const c=(0,n(72267).YK)({navigationAriaLabel:{id:"AccountLinks.NavigationAriaLabel",defaultMessage:"Account",description:"AccountLinks component Navigation aria label"}});var m=n(48188),u=n(53499);const p=({accountLinks:e,className:t,configuredComponentRef:n,hasSignOutSeparator:o=!0,linkClassName:i,trackingSubject:s})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"AccountLinks"})},[]);const{formatMessage:l}=(0,d.A)();return r.createElement("div",{ref:n,className:a()("account-links","account-links__sign-out-separator--"+(o?"show":"hide"),t),"data-testid":"account-links-wrapper"},e&&e.length>0&&r.createElement(m.A.Vertical,{attributes:{"aria-label":l(c.navigationAriaLabel)},className:"account-links__navigation",linkClassName:i,links:e,trackingSubject:s,"data-testid":"account-navigation"}))};p.propTypes={configuredComponentRef:l().func,accountLinks:l().array,className:l().string,hasSignOutSeparator:l().bool,linkClassName:l().string,trackingSubject:l().string},p.displayName="AccountLinks";const g=p,h=(0,o.y)(g,"AccountLinks")},92729(e,t,n){n.d(t,{A:()=>m});var o=n(96540),i=n(5556),a=n.n(i),r=n(99263),s=n(97024),l=n(47655),d=n(99906);const c=({actionBarLargeScreenVariation:e,actionBarMobileScreenVariation:t,className:n,isActionBarStickyLargeScreen:i=!1,image:a,actionBarButtons:l,articleLength:c,showActionBar:m=!1,isFirstActionBar:u,showOverlayActionBar:p})=>{if(!l||!l?.length||!m)return null;const g=e?r.A[e]:r.A,h=t?r.A[t]:r.A;return e||t?o.createElement(s.U,{"data-testid":"action-bar-wrapper",className:n,isActionBarStickyLargeScreen:i,actionBarHeight:c,isFirstActionBar:u,showOverlayActionBar:p},o.createElement(s.M,null,o.createElement(g,{minScreenThreshold:d.th.xLarge,actionButtons:l,className:"large-screen",image:a}),o.createElement(h,{maxScreenThreshold:d.th.large,actionButtons:l,className:"mobile",image:a}))):o.createElement(s.U,{"data-testid":"action-bar-wrapper",className:n,isActionBarStickyLargeScreen:i,actionBarHeight:c,isFirstActionBar:u,showOverlayActionBar:p},o.createElement(s.M,null,o.createElement(r.A,{actionButtons:l,className:"default",image:a})))};c.propTypes={actionBarButtons:a().arrayOf(a().oneOf(["audio","bookmark","print","jumpToSection","comments"])).isRequired,actionBarLargeScreenVariation:a().oneOf((0,l._)(r.A)),actionBarMobileScreenVariation:a().oneOf((0,l._)(r.A)),articleLength:a().number,className:a().string,image:a().object,isActionBarStickyLargeScreen:a().bool,isFirstActionBar:a().bool,showActionBar:a().bool,showOverlayActionBar:a().bool};const m=c},97024(e,t,n){n.d(t,{M:()=>s,U:()=>l});var o=n(38267),i=n(26865),a=n(96472),r=n(1123);const s=o.Ay.div.withConfig({displayName:"ActionBarWrapperComponent"})``,l=o.Ay.div.withConfig({displayName:"ActionBarWrapperContent"})` 25227 display: flex; 25228 justify-content: center; 25229 padding-bottom: ${(0,i.Kq)(4)}; 25230 ${({isActionBarStickyLargeScreen:e,actionBarHeight:t})=>e&&o.AH` 25231 ${(0,i.H4)(a.LO.lg)} { 25232 position: absolute; 25233 left: ${(0,i.Kq)(4)}; 25234 z-index: 80; 25235 cursor: auto; 25236 padding: 0; 25237 width: fit-content; 25238 height: ${t?`${t}px`:"100%"}; 25239 pointer-events: none; 25240 ${(0,r.aU)("padding")} 25241 ${s} { 25242 position: sticky; 25243 top: 50%; 25244 transition: all 300ms ease-in-out; 25245 height: fit-content; 25246 pointer-events: auto; 25247 ${(0,r.aU)("padding")} 25248 } 25249 } 25250 `} 25251 ${({showOverlayActionBar:e,isFirstActionBar:t})=>e&&t&&o.AH` 25252 position: fixed; 25253 bottom: -100px; 25254 animation: slideUpDown 0.5s ease-in-out both; 25255 z-index: 2; 25256 border-radius: ${(0,i.Kq)(6)}; 25257 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); 25258 padding-bottom: 0; 25259 @keyframes slideUpDown { 25260 0% { 25261 bottom: -100px; 25262 } 25263 25264 100% { 25265 bottom: 40px; 25266 } 25267 } 25268 `} 25269`}
25269,70926(e,t,n){n.d(t,{A:()=>u});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(53499),d=n(73275),c=n(41108);const m=({attributes:e,className:t,dangerousCaption:n,dangerousCredit:o,image:a,contentAlign:r})=>{if(s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(l.G.RENDER,{name:"AssetEmbed"})},[]),!a)return null;const d=n||o;return s.createElement(c.$m,{...e,isAlignedLeft:"left"===r,isAlignedRight:"right"===r,className:i()("asset-embed",t)},s.createElement(c.HO,{className:"asset-embed__asset-container"},s.createElement(c.oc,{...a,className:"asset-embed__responsive-asset",isLazy:!0,hasNativeImgLazyLoading:!0})),d&&s.createElement(c.kW,{dangerousCaptionText:n,dangerousCredit:o,className:"asset-embed__caption"}))};m.propTypes={attributes:r().object,className:r().string,contentAlign:r().oneOf(["left","right"]),dangerousCaption:r().string,dangerousCredit:r().string,image:r().shape(d.A.propTypes)},m.displayName="AssetEmbed";const u=m},41108(e,t,n){n.d(t,{$m:()=>d,HO:()=>u,kW:()=>m,oc:()=>c});var o=n(38267),i=n(26865),a=n(96472),r=n(73275),s=n(20388),l=(n(38860),n(91783));const d=o.Ay.figure.withConfig({displayName:"AssetEmbedWrapper"})` 25270 ${({isAlignedLeft:e,isAlignedRight:t})=>(e||t)&&`\n margin: ${(0,i.Kq)(4)} 0;\n width: 100%;\n\n @media (min-width: ${a.LO.md}) {\n margin-top: 0;\n width: 37.5%;\n }\n `} 25271 25272 ${({isAlignedLeft:e})=>e&&`\n float: left;\n margin-right: ${(0,i.Kq)(2)};\n `} 25273 25274 ${({isAlignedRight:e})=>e&&`\n float: right;\n margin-left: ${(0,i.Kq)(2)};\n `} 25275`,c=(0,o.Ay)(r.A).withConfig({displayName:"AssetEmbedResponsiveAsset"})` 25276 picture { 25277 width: 100%; 25278 height: auto; 25279 } 25280 ${l.hh} { 25281 height: auto; 25282 25283 video { 25284 height: auto; 25285 } 25286 } 25287`,m=(0,o.Ay)(s.A).withConfig({displayName:"AssetEmbedCaption"})``,u=o.Ay.div.withConfig({displayName:"AssetEmbedAssetContainer"})``},12564(e,t,n){n.d(t,{A:()=>f});var o=n(5556),i=n.n(o),a=n(96540);const r=e=>{const t=({...t})=>a.createElement(e,{...t,onClickHandler:(...e)=>{t.onClickHandler&&t.onClickHandler(...e),window.dataLayer&&window.dataLayer.push({event:"in-body-button-click"})}});return t.propTypes={onClickHandler:i().func},t};var s=n(13465),l=n(45135),d=n(65881),c=n(73730),m=n(53499),u=n(14307),p=n(43428),g=n(25203),h=n(82063);const y=({actionIdFlags:e={},amazonAffiliateTag:t,children:n,className:o,configuredComponentRef:i,onClickHandler:r,shouldEnableClickTracking:s=!0})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"ButtonGroupCallout"})},[]);const l=a.Children.count(n),y=(e,t,n,o)=>{(0,u.qt)(t,{actionId:n,label:e?.title||"",link:e?.href||"",component:"affiliate_button_callout",offerIndex:o,offersLength:l})},b=a.Children.map(n,({props:n},o)=>{const i=n.children?.props,{isCnastLink:l,enableActionIdMapping:d}=(0,g.Vy)(i?.href,e?.enableActionIdForButtonCallOut),m=(0,g.G5)(i?.href)||i?.href,u=(0,h.t)(m,t),b={...i,className:i?.className?.replace("text link","").trim()};return a.createElement(c.A.Primary,{btnStyle:"outlined",key:o,inputKind:"link",label:i?.children||i?.title,...b,href:i?.href,onClickHandler:e=>((e,t,n,o,i)=>{const a=e?.currentTarget?.getAttribute("href"),s=(0,g.hh)();if(o&&a){e.preventDefault();const{href:t}=(0,p.P)({event:e,onClickHandler:r,gtmTrackOnClick:y,linkProps:a,type:"ButtonGroupCallout",index:n,component:"affiliate_button_callout",queryParams:s});window.open(t,"_blank","noopener, noreferrer")}else{if(i){e.preventDefault();const{href:t}=(0,g.ry)(a,"affiliate_button_callout",s);e.currentTarget.setAttribute("href",t),window.open(t,"_blank","noopener, noreferrer")}r(e,t,n),y(t,e,null,n)}})(e,i,o,d,l),shouldEnableClickTracking:s,dataAttrs:{"data-buy-button":!0,"data-offer-url":m,...u}})});return a.createElement(d.Q,{ref:i,className:o,"data-testid":"ButtonCalloutWrapper"},b)};y.propTypes={configuredComponentRef:i().func,actionIdFlags:i().object,amazonAffiliateTag:i().string,children:i().node.isRequired,className:i().string,onClickHandler:i().func,shouldEnableClickTracking:i().bool},y.displayName="ButtonGroupCallout";const b=r((0,l.Ng)(e=>({amazonAffiliateTag:e.commercePlatform?.amazonAffiliateTag}))(y)),f=(0,s.y)(b,"ButtonGroupCallout")},65881(e,t,n){n.d(t,{Q:()=>a});var o=n(38267),i=n(26865);const a=o.Ay.div.withConfig({displayName:"ButtonCalloutWrapper"})` 25288 display: flex; 25289 flex-wrap: wrap; 25290 align-items: end; 25291 justify-content: flex-start; 25292 margin: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(4.5)}; 25293 gap: ${(0,i.Kq)(2)}; 25294`},91384(e,t,n){n.d(t,{A:()=>N});var o=n(13465),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(73275),c=n(51330),m=n(38267),u=n(18608),p=n(26865),g=n(96472),h=n(1123),y=n(88456);const b=(e,t)=>`colors.discovery.body.${e}.${t}`,f=m.Ay.div.withConfig({displayName:"CelebratedEntrypointWrapper"})` 25295 ${({isFullBleed:e})=>e?"\n --grid-margin: 0;\n max-width: fix-content;\n ":`\n ${(0,h.VO)()}\n ${(0,h.aU)("padding")}\n \n margin: 0 auto;\n width: 100%;\n max-width: ${g.LO.xxl};\n \n `} 25296`,w=m.Ay.div.withConfig({displayName:"CelebratedEntrypointRow"})` 25297 display: flex; 25298 flex-direction: ${({alignContent:e})=>"right"===e?"row":"row-reverse"}; 25299 padding-top: ${(0,p.Kq)(2.5,"px")}; 25300 padding-bottom: ${(0,p.Kq)(2.5,"px")}; 25301 width: 100%; 25302 height: 100%; 25303 25304 ${({isFullBleed:e})=>e?`\n margin-bottom: ${(0,p.Kq)(5,"px")};\n margin-top: ${(0,p.Kq)(5,"px")};\n @media (max-width: ${g.LO.md}) {\n margin-bottom: ${(0,p.Kq)(2.5,"px")};\n margin-top: ${(0,p.Kq)(2.5,"px")};\n }\n `:`\n margin-bottom: ${(0,p.Kq)(0,"px")};\n margin-top: ${(0,p.Kq)(0,"px")};\n `} 25305 25306 ${({theme:e,borders:t,color:n})=>t?`\n border-bottom: ${"on"===t||"bottom-only"===t?"1px solid":""}; \n border-top: ${"on"===t||"top-only"===t?"1px solid":""};\n ${(0,p._o)(e,"border-color",b(n,"border"))} \n `:""} 25307 25308 &::after { 25309 display: table; 25310 clear: both; 25311 content: ''; 25312 } 25313 25314 @media only screen and (max-width: ${g.LO.lg}) { 25315 flex-direction: ${({alignContent:e})=>"right"===e?"column":"column-reverse"}; 25316 } 25317`,$=m.Ay.div.withConfig({displayName:"CelebratedEntrypointColumn"})` 25318 display: flex; 25319 align-items: center; 25320 justify-content: center; 25321 float: left; 25322 width: 50%; 25323 height: auto; 25324 25325 &.celebrated-entrypoint-column { 25326 padding: ${(0,p.Kq)(2.5,"px")} ${(0,p.Kq)(5,"px")}; 25327 @media (max-width: ${g.LO.md}) { 25328 padding-top: ${(0,p.Kq)(5,"px")}; 25329 padding-bottom: ${(0,p.Kq)(5,"px")}; 25330 width: 100%; 25331 height: 100%; 25332 } 25333 } 25334 25335 &&.celebrated-entrypoint-column { 25336 @media (max-width: ${g.LO.md}) { 25337 ${({shouldReducePadding:e})=>e&&`\n padding: ${(0,p.Kq)(2.5,"px")};`} 25338 } 25339 } 25340 25341 @media only screen and (max-width: ${g.LO.lg}) { 25342 width: 100%; 25343 height: 100%; 25344 } 25345 25346 ${({theme:e,color:t})=>t?`\n ${(0,p._o)(e,"background-color",b(t,"background"))} \n `:""} 25347`,v=m.Ay.div.withConfig({displayName:"CelebratedEntrypointContent"})` 25348 ${({hasTextAlignLeft:e})=>e?"\n text-align: left; \n ":"text-align: center;"} 25349 && { 25350 @media (max-width: ${g.LO.md}) { 25351 text-align: center; 25352 } 25353 } 25354`,C=(0,m.Ay)(u.vm).withConfig({displayName:"CelebratedEntrypointText"})` 25355 margin-top: ${(0,p.Kq)(1,"px")}; 25356 margin-bottom: ${(0,p.Kq)(3,"px")}; 25357 ${({color:e,theme:t})=>e?`\n ${(0,p.Gg)(t,"typography.definitions.discovery.description-core")}\n ${(0,p._o)(t,"color",b(e,"description"))};\n `:""} 25358 && { 25359 ${({hasDekDescriptionTextStyle:e,theme:t})=>e&&`\n ${(0,p.Gg)(t,"typography.definitions.consumptionEditorial.description-core")}\n `} 25360 25361 ${({hasDeemphasizedColorStyle:e,theme:t})=>e&&`\n ${(0,p._o)(t,"color","colors.consumption.body.inverted.body-deemphasized")}\n `} 25362 } 25363`,k=(0,m.Ay)(u.vm).withConfig({displayName:"CelebratedEntrypointTitle"})` 25364 margin-top: ${({isLiveStory:e})=>e?(0,p.Kq)(3,"px"):(0,p.Kq)(2,"px")}; 25365 margin-bottom: ${(0,p.Kq)(0,"px")}; 25366 ${({color:e,theme:t})=>e?`\n ${(0,p._o)(t,"color",b(e,"heading"))};\n `:""} 25367 25368 ${({hedTextStyle:e,theme:t})=>"hedStyle"===e?`\n ${(0,p.Gg)(t,"typography.definitions.discovery.hed-core-primary")}\n `:`\n ${(0,p.Gg)(t,"typography.definitions.discovery.subhed-section-primary")}\n `} 25369 && { 25370 ${({hasHedLowerCaseText:e})=>!e&&"text-transform: uppercase;"} 25371 } 25372`,A=(0,m.Ay)(y.A).withConfig({displayName:"CelebratedEntrypointButton"})` 25373 margin-bottom: ${(0,p.Kq)(3,"px")}; 25374`,x=m.Ay.div.withConfig({displayName:"CelebratedEntrypointSponsor"})` 25375 ${({color:e,theme:t})=>e?`\n ${(0,p.Gg)(t,"typography.definitions.globalEditorial.syndication")};\n ${(0,p._o)(t,"color",b(e,"syndication"))};\n `:""} 25376`,E=(0,m.Ay)(d.A).withConfig({displayName:"CelebratedEntrypointResponsiveAsset"})` 25377 max-width: 100%; 25378 height: auto; 25379 object-fit: cover; 25380`;var S=n(85919);const L=({alignContent:e="right",asset:t,borders:n="off",className:o,color:i="black",configuredComponentRef:r,ctaButtonvariations:s="primary",ctaCode:d,dangerousButtonText:m,dangerousText:u,dangerousTitle:p,hasDekDescriptionTextStyle:g=!1,hasBackgroun
25380d:h,isFullBleed:y=!1,hasDeemphasizedColorStyle:b=!1,hasHedLowerCaseText:L=!0,hasTextAlignLeft:T=!1,hedTextStyle:N="hedStyle",href:H,isLiveStory:I=!1,liveIndicatorHeight:B,rubric:O,shouldDisplayRubric:K=!0,shouldDisplaySponsorName:D=!1,shouldEnableAnimation:_,shouldHighlightDekText:P=!1,sponsorByline:R="Sponsored By",sponsorName:q})=>{if(!(t&&m&&p&&u))return null;const M={label:m,inputKind:"link",target:"_self",rel:"noopener noreferrer",href:d?`${H}${d}`:`${H}?itm_content=homepage&itm_campaign=${p.toLowerCase().replace(/\s+/g,"-")}-homepage-module`,variations:{typeStyle:s}},F=P?u.replace("<strong>",'<strong style="color: white; font-weight: 500;">'):u;return l.createElement(f,{ref:r,className:a()("celebrated-entrypoint",o),isFullBleed:y},l.createElement(w,{isFullBleed:y,alignContent:e,borders:n,color:i},l.createElement($,{color:i},l.createElement(E,{...t})),l.createElement($,{color:i,className:"celebrated-entrypoint-column",shouldReducePadding:!0},l.createElement(v,{hasTextAlignLeft:T},I?l.createElement(S.A,{hasBackground:h,shouldEnableAnimation:_,liveIndicatorHeight:B}):K&&O?["dark","black"].includes(i)?l.createElement(c.A.Inverted,{name:O}):l.createElement(c.A,{name:O}):null,l.createElement(k,{dangerouslySetInnerHTML:{__html:p},color:i,hedTextStyle:N,isLiveStory:I,hasHedLowerCaseText:L}),l.createElement(C,{dangerouslySetInnerHTML:{__html:F},color:i,hasDekDescriptionTextStyle:g,hasDeemphasizedColorStyle:b}),M.label?l.createElement(A,{...M}):null,D&&R&&q?l.createElement(x,{color:i},`${R} ${q}`):null))))};L.propTypes={configuredComponentRef:s().func,alignContent:s().oneOf(["right","left"]),asset:s().shape(d.A.propTypes).isRequired,borders:s().oneOf(["on","off","bottom-only","top-only"]),className:s().string,color:s().oneOf(["black","brand","dark","light","white"]),ctaButtonvariations:s().oneOf(["primary","secondary","utility","utility-inverted","utility-pair-inverted","inverted-text","utility-pair-secondary"]),ctaCode:s().string,dangerousButtonText:s().string.isRequired,dangerousText:s().string.isRequired,dangerousTitle:s().string.isRequired,hasBackground:s().bool,hasDeemphasizedColorStyle:s().bool,hasDekDescriptionTextStyle:s().bool,hasHedLowerCaseText:s().bool,hasTextAlignLeft:s().bool,hedTextStyle:s().oneOf(["hedStyle","subHedStyle"]),href:s().string.isRequired,isFullBleed:s().bool,isLiveStory:s().bool,liveIndicatorHeight:s().string,rubric:s().string,shouldDisplayRubric:s().bool,shouldDisplaySponsorName:s().bool,shouldEnableAnimation:s().bool,shouldHighlightDekText:s().bool,sponsorByline:s().string,sponsorName:s().string},L.displayName="CelebratedEntryPoint";const T=L,N=(0,o.y)(T,"CelebratedEntryPoint")},87997(e,t,n){n.d(t,{A:()=>m});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(53499),l=n(56317);const d=({configuredComponentRef:e,scriptUrl:t="",skin:n="",target:o="",audioId:i})=>{const a=r.useRef(null);r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"CNEAudioEmbed"})},[]);let d=(e=>{try{const t=new URL(e),[,,n,o]=t.pathname.split("/");return{audioHostname:t.hostname,audioType:n,audioId:o}}catch{return{}}})(t);return d={...d,skin:n,target:o},r.useEffect(()=>{if(!a.current)return;if(document.getElementById(`cneaudio-embed-${d.target}`))return;const e=document.createElement("script"),t=i||d.audioId;e.id=`cneaudio-embed-${d.target}`,e.src=`https://${d.audioHostname}/script/${d.audioType}/${t}?skin=${d.skin}&target=${d.target}`,e.defer=!0,a.current.insertBefore(e,a.current.firstChild)},[d.audioHostname,d.audioType,d.audioId,d.skin,d.target,i]),r.createElement(l.g,{ref:e,"data-testid":"cne-audio-embed-figure"},r.createElement("div",{ref:a,"data-testid":"cne-audio-embed-container"},r.createElement("div",{id:d.target,"data-testid":"cne-audio-embed-target"})))};d.propTypes={configuredComponentRef:a().func,audioId:a().string,scriptUrl:a().string,skin:a().string,target:a().string},d.displayName="CNEAudioEmbed";const c=d,m=(0,o.y)(c,"CNEAudioEmbed")},56317(e,t,n){n.d(t,{g:()=>o});const o=n(38267).Ay.figure.withConfig({displayName:"CneAudioEmbedFigure"})` 25381 margin: 0; 25382`},69148(e,t,n){n.d(t,{A:()=>B});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(45135),l=n(6442);const d=(0,n(72267).YK)({headerText:{id:"VideoWrapper.headerText",defaultMessage:"WATCH",description:"VideoWrapper component header text"},headerTextRelatedOverride:{id:"VideoWrapper.headerTextRelatedOverride",defaultMessage:"Featured Video",description:"VideoWrapper component header text with related video override"},moreLink:{id:"VideoWrapper.moreLink",defaultMessage:"More {brandName} Videos",description:'VideoWrapper component "more" link'}});var c=n(38267),m=n(96472),u=n(18608),p=n(26865);const g=c.Ay.figure.withConfig({displayName:"VideoFigure"})` 25383 clear: both; 25384 margin: ${(0,p.Kq)(2)} 0; 25385 ${({isTitleLeftAligned:e})=>`text-align: ${e?"left":"center"};`} 25386 25387 div[data-testid="cnevideoembed"] { 25388 text-align: -webkit-center; 25389 } 25390 25391 border-width: 1px 0; 25392 border-style: solid; 25393 ${({theme:e})=>(0,p._o)(e,"border-color","colors.consumption.body.standard.divider")}; 25394 padding: ${(0,p.Kq)(2)} 0 0; 25395 25396 ${({isRightRail:e,theme:t,isTitleBelowVideo:n})=>e&&`\n margin: ${(0,p.Kq)(4)} 0;\n width: 300px;\n border-width: 2px 0;\n ${(0,p._o)(t,"border-top-color","colors.discovery.body.white.heading")};\n ${(0,p._o)(t,"border-bottom-color","colors.discovery.body.white.heading")};\n padding: ${n?"0;":`0 0 ${(0,p.Kq)(1)} 0;`}\n\n @media (min-width: ${m.LO.xl}) {\n width: 370px;\n }\n\n iframe {\n height: auto;\n }\n `} 25397 25398 ${({isRightRail:e})=>!e&&`\n @media (max-width: ${m.LO.md}) {\n background-color: #000000;\n border-top-color: #000000;\n border-bottom-color: #000000;\n margin-right: calc(-1 * var(--grid-margin));\n margin-left: calc(-1 * var(--grid-margin));\n }\n `} 25399`,h=c.Ay.div.withConfig({displayName:"Container"})` 25400 @media print { 25401 display: none; 25402 } 25403 25404 &:first-child { 25405 > figure.${g.styledComponentId} { 25406 ${({applyMarginForInterlude:e})=>`\n margin-top: ${e?"2.5rem;":"0;"} \n `} 25407 } 25408 } 25409`,y=(0,c.Ay)(u.sH).withConfig({displayName:"InterludeTitleLink"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",displayName:"InterludeTitleLink",...e}))` 25410 display: block; 25411 @media (max-width: ${m.LO.md}) { 25412 padding: 0 ${(0,p.Kq)(3)}; 25413 } 25414`,b=(0,c.Ay)(u.vm).withConfig({displayName:"InterludeHeader"}).attrs(e=>({colorToken:"colors.discovery.body.white.heading",displayName:"InterludeHeader",isTitleBelowVideo:!1,isTitleLeftAligned:!1,typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 25415 margin: 0 0 ${(0,p.Kq)(1)} 0; 25416 @media (max-width: ${m.LO.md}) { 25417 padding: 0 ${(0,p.Kq)(3)}; 25418 } 25419 text-transform: uppercase; 25420 font-style: normal; 25421 ${({isRightRail:e,theme:t,isTitleLeftAligned:n})=>e?`\n ${(0,p._o)(t,"color","colors.consumption.lead.standard.context-tertiary")};\n margin: ${n?`${(0,p.Kq)(2)} 0`:`${(0,p.Kq)(2)}`};\n `:`\n ${(0,p._o)(t,"color","colors.consumption.lead.standard.context-tertiary")};\n &::after {\n display: block;\n ${(0,p._o)(t,"background-color","colors.consumption.body.standard.divider")};\n width: 50px;\n height: 1px;\n content: '';\n }\n `} 25422 ${({isTitleLeftAligned:e})=>`\n &::after {\n margin: ${(0,p.Kq)(1)} ${e?"0 0;":"auto 0 auto;"}\n }`} 25423 25424 ${({isRightRail:e,theme:t})=>!e&&`\n @media (max-width: ${m.LO.md}) {\n ${(0,p._o)(t,"color","colors.consumption.lead.inverted.accreditation")};\n &::after {\n width: 100%;\n ${(0,p._o)(t,"background-color","colors.foundation.menu.dividers")};
25424 \n }\n }\n `} 25425`,f=(0,c.Ay)(u.vm).withConfig({displayName:"InterludeTitle"}).attrs(e=>({displayName:"InterludeTitle",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-secondary",...e}))` 25426 ${({isTitleLeftAligned:e,theme:t})=>`${(0,p._o)(t,"color","colors.consumption.lead.standard.context-tertiary")}; \n ${e?`margin: 0 0 ${(0,p.Kq)(2)};`:`margin: 0 ${(0,p.Kq)(2)} ${(0,p.Kq)(2)};`}\n `} 25427 25428 ${({isRightRail:e,theme:t})=>!e&&`\n @media (max-width: ${m.LO.md}) {\n ${(0,p._o)(t,"color","colors.consumption.lead.inverted.context-tertiary")};\n }\n `} 25429`,w=(0,c.Ay)(u.vm).withConfig({displayName:"InterludeRightRailTitle"}).attrs(e=>({displayName:"InterludeRightRailTitle",typeIdentity:"typography.definitions.discovery.hed-bulletin-primary",...e}))` 25430 margin: ${(0,p.Kq)(2)}; 25431 ${({isTitleLeftAligned:e})=>`\n padding: 0 ${(0,p.Kq)(2)} ${e?"0 0":""};\n ${e?"margin-left: 0":""}\n `} 25432`,$=({children:e,headerText:t,isLoading:n,isTitleBelowVideo:o=!1,isTitleLeftAligned:i=!1,isRightRail:a,isTitleLinkDisabled:s,tracker:c,shouldOverrideHeaderText_variation:m=!1,shouldUseInterludeHeaderForRightRail:u=!1,video:p={}})=>{const h=(0,l.A)(),$=e=>()=>{e("Interlude Verso Title Click","Player Event")},v=({tracker:e,video:t,isTitleLeftAligned:n,isTitleBelowVideo:o,isRightRail:i})=>{const a=i?r.createElement(w,{isTitleLeftAligned:n,isTitleBelowVideo:o},t.title_text_override||t.title):r.createElement(f,{isTitleLeftAligned:n},t.title_text_override||t.title);return t.live_metadata||s?a:r.createElement(y,{rel:"noopener noreferrer",target:"_blank","aria-label":"Opens in a new window",href:t.title_url_override||t.url,onClick:$(e)},a)},C=n?null:r.createElement(r.Fragment,null,r.createElement(b,{isRightRail:a,isTitleLeftAligned:i,isTitleBelowVideo:o},((e,n,o)=>e&&!o?n?h.formatMessage(d.headerTextRelatedOverride):h.formatMessage(d.headerText):n?h.formatMessage(d.headerTextRelatedOverride):t)(a,m,u)),!a&&!o&&v({tracker:c,video:p,isTitleLeftAligned:i,isTitleBelowVideo:o,isRightRail:a}
25432)),k=n||!a&&!o?null:v({tracker:c,video:p,isTitleLeftAligned:i,isTitleBelowVideo:o,isRightRail:a});return r.createElement(g,{isRightRail:a,"data-testid":"cne-interlude-container"+(a?"-right-rail":""),isTitleLeftAligned:i,isTitleBelowVideo:o},C,e,k)};$.propTypes={children:a().node,headerText:a().string,isLoading:a().bool,isRightRail:a().bool,isTitleBelowVideo:a().bool,isTitleLeftAligned:a().bool,isTitleLinkDisabled:a().bool,shouldOverrideHeaderText_variation:a().bool,shouldUseInterludeHeaderForRightRail:a().bool,tracker:a().func,video:a().shape({title:a().string,url:a().string,live_metadata:a().object,title_text_override:a().string,title_url_override:a().string})};const v=$;var C=n(1521);const k=(e={})=>{const t=e[e["head.pageType"]];return t?.headerProps?.lede?.metadata?.contentType||t?.header?.lede?.contentType},A=({hasExcludedEmbedInBody:e,hasExcludedEmbedInHeader:t}={})=>[t,e].some(e=>e);var x=n(70978),E=n(22445),S=n(99906),L=n(53499),T=n(62327);let N=0;class H extends r.Component{constructor(e){super(e),this.onVideoChange=e=>{this.setState({video:e})},this.onVideoLoad=()=>{this.setState({loading:!1})},this.registerTracker=e=>{this.setState({tracker:e})},this.attemptInterludeActivation=()=>{if(this.props.isRailEligible){const e=(()=>{const e=`(min-width: ${S.Ay.maxThresholds.lg}px)`;return window.matchMedia(e).matches})();if(e&&!this.props.isRightRail||!e&&this.props.isRightRail)return}this.callbackName=this.props.playerBase.match("test")?"CNE_TEST_CALLBACK":`CNE_onReady_${Date.now()}${N++}`,window[this.callbackName]=({headerText:e,scriptSrc:t,video:n},o)=>{o?this.setState({disabled:!0}):this.setState({disabled:!1,headerText:e,scriptSrc:t,video:n})},this.script=(0,E.A)(this.getInterludeSrc(),document.head,{async:!0})},this.getInterludeSrc=this.getInterludeSrc.bind(this),this.state={disabled:!0,headerText:"",scriptSrc:"",video:{},loading:!0,tracker:()=>{}}}async componentDidMount(){this.attemptInterludeActivation(),window.Kendra.TRACK_COMPONENT.broadcast(L.G.RENDER,{name:"CNEInterludeEmbed",variation:this.props.variationName})}componentDidUpdate(e){e.isRailEligible&&!this.props.isRailEligible&&this.attemptInterludeActivation()}componentWillUnmount(){this.script&&this.script.classList.add("cancelled"),this.callbackName&&delete window[this.callbackName]}getInterludeSrc(){const{ledeContentType:e,hasExcludedEmbed:t}=this.props,n="cneembed"===e||"cnevideo"===e,o={verso:!0,onReady:this.callbackName,hasExcludedEmbed:A({hasExcludedEmbedInHeader:n,hasExcludedEmbedInBody:t}),embeddedVideos:this.props.embeddedVideos.join(","),rightRail:this.props.isRightRail};return this.props.interludeOverrideId?o.interludeOverrideId=this.props.interludeOverrideId:this.props.relatedVideo?.related?.cneId&&(o.interludeOverrideId=this.props.relatedVideo.related.cneId),(0,x.A)(`${this.props.playerBase}/interlude/${this.props.brand}.js`,o)}render(){return r.createElement(h,{applyMarginForInterlude:this.props.shouldApplyMarginForInterlude,ref:this.props.configuredComponentRef},this.state.disabled?null:r.createElement(v,{brandName:this.props.humanName,isRightRail:this.props.isRightRail,brand:this.props.brand,headerText:this.state.headerText,isTitleLeftAligned:this.props.isTitleLeftAligned,isTitleBelowVideo:this.props.isTitleBelowVideo,isTitleLinkDisabled:this.props.isTitleLinkDisabled,shouldOverrideHeaderText_variation:this.props.shouldOverrideHeaderTextForInterludeId?!!this.props.interludeOverrideId:!!this.props.relatedVideo?.related?.cneId,isLoading:this.state.loading,video:this.state.video,tracker:this.state.tracker,shouldUseInterludeHeaderForRightRail:this.props.shouldUseInterludeHeaderForRightRail},r.createElement(C.A,{shouldAutoplay:!0,shouldMute:!1,scriptUrl:this.state.scriptSrc,onVideoChange:this.onVideoChange,registerTracker:this.registerTracker,isRightRail:this.props.isRightRail,isTitleLeftAligned:this.props.isTitleLeftAligned,isTitleBelowVideo:this.props.isTitleBelowVideo,onVideoLoad:this.onVideoLoad,videoEmbedPosition:this.props.videoEmbedPosition||T.jV,isStickyType:!!this.props.variation,variationName:{stickyVariation:this.props.variation},shouldSkipAdPrefetch_variation:this.props.shouldSkipAdPrefetch_variation,shouldSkipAdPrebid_variation:this.props.shouldSkipAdPrebid_variation,positionInstance:this.props.positionInstance})))}}H.propTypes={configuredComponentRef:a().func,brand:a().string,embeddedVideos:a().arrayOf(a().string),hasExcludedEmbed:a().bool,humanName:a().string,interludeOverrideId:a().string,isRailEligible:a().bool,isRightRail:a().bool,isTitleBelowVideo:a().bool,isTitleLeftAligned:a().bool,isTitleLinkDisabled:a().bool,ledeContentType:a().string,playerBase:a().string,positionInstance:a().number,relatedVideo:a().object,shouldApplyMarginForInterlude:a().bool,shouldOverrideHeaderTextForInterludeId:a().bool,shouldSkipAdPrebid_variation:a().bool,shouldSkipAdPrefetch_variation:a().bool,shouldUseInterludeHeaderForRightRail:a().bool,variation:a().string,variationName:a().string,videoEmbedPosition:a().string},H.defaultProps={brand:"",embeddedVideos:[],hasExcludedEmbed:!1,humanName:"",isRailEligible:!1,isRightRail:!1,isTitleBelowVideo:!1,isTitleLeftAligned:!1,playerBase:"https://player.cnevids.com",positionInstance:0,shouldOverrideHeaderTextForInterludeId:!1,shouldSkipAdPrebid_variation:!1,shouldSkipAdPrefetch_variation:!1,shouldUseInterludeHeaderForRightRail:!1},H.displayName="CNEInterludeEmbed";const I=(0,s.Ng)(e=>({ledeContentType:k(e)}))(H),B=(0,o.y)(I,"CNEInterludeEmbed")},47135(e,t,n){n.d(t,{A:()=>T});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(32485),l=n.n(s),d=n(53499),c=n(38267),m=n(18608),u=n(96472),p=n(26865),g=n(73275),h=n(60511),y=n(41803),b=n(40653),f=n(10642),w=n(85095);const $=(0,c.Ay)(g.A).withConfig({displayName:"CollageVideoItemResponsiveAsset"})` 25433 ${y.Ay} { 25434 ${({hasNoUnderline:e})=>e&&"\n &:link {\n text-decoration: none;\n }\n &:hover {\n text-decoration: underline;\n }\n "} 25435 } 25436 ${({theme:e})=>(0,p._o)(e,"background","colors.discovery.body.light.background")}; 25437 25438 @media (max-width: ${u.LO.lg}) { 25439 margin-bottom: ${(0,p.Kq)(2)}; 25440 }
25441`,v=(0,c.Ay)(f.A).withConfig({displayName:"CollageVideoItemRubric"})` 25442 display: block; 25443 margin-top: ${(0,p.Kq)(2)}; 25444 margin-bottom: ${(0,p.Kq)(1)}; 25445 ${({theme:e})=>(0,p._o)(e,"color","colors.discovery.body.white.context-signature")}; 25446`,C=(0,c.Ay)(h.A).withConfig({displayName:"CollageVideoItemInlineVideoItem"})` 25447 ${y.Ay} { 25448 ${({hasNoUnderline:e})=>e&&"\n &:link {\n text-decoration: none;\n }\n &:hover {\n text-decoration: underline;\n }\n "} 25449 } 25450 25451 &.inline-video-item { 25452 padding-bottom: 0; 25453 @media (min-width: ${u.LO.lg}) { 25454 border-width: 1px; 25455 border-bottom-style: solid; 25456 } 25457 } 25458 25459 h2, 25460 h3 { 25461 ${({theme:e,isDenseSummaryCollageThree:t})=>t?(0,p.Gg)(e,"typography.definitions.discovery.hed-core-primary"):(0,p.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")}; 25462 @media (max-width: ${u.LO.lg}) { 25463 margin-bottom: ${(0,p.Kq)(2)}; 25464 } 25465 @media (min-width: ${u.LO.lg}) { 25466 } 25467 } 25468`,k=(0,c.Ay)(m.vm).withConfig({displayName:"CollageVideoItemHed"}).attrs(e=>({bottomSpacing:2,topSpacing:0,...e}))` 25469 ${(0,p.Gg)("typography.definitions.discovery.hed-core-primary")} 25470 ${({theme:e})=>(0,p._o)(e,"color","colors.discovery.body.white.heading")}; 25471 @media (min-width: ${u.LO.md}) { 25472 margin-bottom: ${(0,p.Kq)(3)}; 25473 } 25474`,A=(0,c.Ay)(m.sH).withConfig({displayName:"CollageVideoItemHeadingLink"}).attrs(e=>({colorStaticLinkToken:"colors.discovery.body.white.heading",getLinkStyles:"global",...e}))``,x=(0,c.Ay)("div").withConfig({displayName:"CollageVideoItemWrapper"})` 25475 && { 25476 @media (min-width: ${u.LO.lg}) { 25477 ${b.E}:nth-child(4) &${w.O9} { 25478 padding-top: 0; 25479 } 25480 } 25481 } 25482 ${v} { 25483 @media (min-width: ${u.LO.lg}) { 25484 display: none; 25485 } 25486 } 25487 ${k} { 25488 @media (min-width: ${u.LO.lg}) { 25489 display: none; 25490 } 25491 @media (max-width: ${u.LO.md}) { 25492 display: block; 25493 } 25494 } 25495`;var E=n(62327);const S=({analyticsDataAttribute:e={},className:t,configuredComponentRef:n,hasNoUnderline:o=!1,hedTag:i="h2",isFeatured:a=!1,item:s={},nonFeaturedItemConfig:c={shouldHideIcon:!1,shouldPlayInline:!1},scriptUrl:m,shouldAutoplay:u=!1,isDenseSummaryCollageThree:p})=>{if(r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"CollageVideoItem"})},[]),!m)return null;const{dangerousHed:g}=s,h=r.createElement(k,{dangerouslySetInnerHTML:{__html:g},as:i}),y=a?r.createElement($,{...s,shouldAutoplay:u,scriptUrl:m,hasNoUnderline:o,videoEmbedPosition:E.sm}):r.createElement(C,{...s,scriptUrl:m,...c,hedTag:i,isDenseSummaryCollageThree:p,hasNoUnderline:o,videoEmbedPosition:E.sm});return r.createElement(x,{ref:n,className:l()("CollageVideoItemWrapper",t),...e,isDenseSummaryCollageThree:p},y,p&&a&&r.createElement(v,{name:s.rubric.name}),p&&a&&r.createElement(A,{href:s.url},h))};S.propTypes={configuredComponentRef:a().func,analyticsDataAttribute:a().object,className:a().string,hasNoUnderline:a().bool,hedTag:a().string,isDenseSummaryCollageThree:a().bool,isFeatured:a().bool,item:a().object.isRequired,nonFeaturedItemConfig:a().shape({playIconStyle:a().oneOf(["dark","white","cne"]),shouldHideIcon:a().bool,shouldPlayInline:a().bool}),scriptUrl:a().string.isRequired,shouldAutoplay:a().bool},S.displayName="CollageVideoItem";const L=S,T=(0,o.y)(L,"CollageVideoItem")},4178(e,t,n){n.d(t,{A:()=>b});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(6442);const l=(0,n(72267).YK)({defaultButtonText:{id:"ContentPromoEmbed.DefaultButtonText",defaultMessage:"Read More",description:"ContentPromoEmbed component default button text",isConfigurable:!0},galleryButtonText:{id:"ContentPromoEmbed.GalleryButtonText",defaultMessage:"View Slideshow",description:"ContentPromoEmbed component gallery button text",isConfigurable:!0}});var d=n(90090),c=n(73730),m=n(48286),u=n(53499),p=n(63665);const g=({analyticsEvent:e,btnStyle:t="filled",buttonVariation:n="UtilityInverted",configuredComponentRef:o,contentType:i,contributors:a,dangerousHed:g,defaultButtonText:h,galleryButtonText:y,hasMobilePadding:b=!1,itemType:f="slide",maxHedLines:w=3,slides:$,target:v,tout:C,url:k})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"ContentPromoEmbed"})},[]);const{formatMessage:A}=(0,s.A)(),x=c.A[n],E="gallery"===i?y||A(l.galleryButtonText):h||A(l.defaultButtonText);return r.createElement(p.ZE,{ref:o,"data-testid":"contentPromoEmbedWrapper",target:v,hasMobilePadding:b,href:k,onClick:()=>{e&&(0,d.W8)(e,{"gtm.elementUrl":k})}},r.createElement(p.__,{"data-testid":"contentPromoEmbedResponsiveAsset",altText:C.altText,contentType:C.contentType,segmentedSources:C.segmentedSources,sources:C.sources,hasNativeImgLazyLoading:!0}),r.createElement(p.Rx,{className:"content-promo-embed__text-container grid grid-margins"},r.createElement(p.Oi,null,g&&r.createElement(m.A,{lines:w},r.createElement(p.mn,{dangerouslySetInnerHTML:{__html:g}})),"gallery"===i&&!!$?.length&&r.createElement(p.bf,{count:$.length,itemType:f}),a&&r.createElement(p.ST,{"data-testid":"contentPromoEmbedByline",bylineVariation:"Inverted",contributors:a,shouldLink:!1}),r.createElement(p.h9,null,r.createElement(x,{inputKind:"text",label:E,btnStyle:t})))))};g.displayName="ContentPromoEmbed";const h=a().shape({height:a().number,width:a().number,url:a().string.isRequired});g.propTypes={configuredComponentRef:a().func,analyticsEvent:a().string,btnStyle:a().string,buttonVariation:a().string,contentType:a().string,contributors:a().object,dangerousHed:a().string,defaultButtonText:a().string,galleryButtonText:a().string,hasMobilePadding:a().bool,itemType:a().string,maxHedLines:a().number,slides:a().array,target:a().string,tout:a().shape({altText:a().string,contentType:a().string,
25495segmentedSources:a().shape({sm:a().arrayOf(h),lg:a().arrayOf(h)}),sources:a().object}).isRequired,url:a().string.isRequired};const y=g,b=(0,o.y)(y,"ContentPromoEmbed")},63665(e,t,n){n.d(t,{Oi:()=>f,Rx:()=>b,ST:()=>$,ZE:()=>y,__:()=>h,bf:()=>v,h9:()=>C,mn:()=>w});var o=n(38267),i=n(65087),a=n(96163),r=n(73275),s=n(91783),l=n(8544),d=n(89085),c=n(1123),m=n(18608),u=n(26865),p=n(96472);const g=(0,o.Ay)(s.Pu).withConfig({displayName:"ContentPromoEmbedResponsiveClip"})` 25496 z-index: 10; 25497 border-width: 1px; 25498 border-style: solid; 25499 ${({theme:e})=>(0,u._o)(e,"border-color","colors.interactive.base.white")}; 25500 background-color: transparent; 25501`,h=(0,o.Ay)(r.A).withConfig({displayName:"ContentPromoEmbedResponsiveAsset"})` 25502 &::after { 25503 position: absolute; 25504 bottom: 0; 25505 left: 0; 25506 transition: opacity 0.3s; 25507 opacity: 1; 25508 background: linear-gradient(to top, #000, transparent 65%); 25509 width: 100%; 25510 height: 100%; 25511 content: ''; 25512 } 25513 25514 picture, 25515 img { 25516 width: 100%; 25517 } 25518`,y=(0,o.Ay)(m.sH).withConfig({displayName:"ContentPromoEmbedWrapper"})` 25519 display: block; 25520 position: relative; 25521 25522 &:hover { 25523 ${h}::after { 25524 opacity: 0.7; 25525 } 25526 } 25527 25528 @media (min-width: ${p.LO.md}) { 25529 margin-bottom: ${(0,u.Kq)(2)}; 25530 } 25531 ${({hasMobilePadding:e})=>e&&o.AH` 25532 @media (min-width: ${p.LO.sm}) { 25533 margin-bottom: ${(0,u.Kq)(2)}; 25534 } 25535 `} 25536 25537 ${g} 25538`,b=o.Ay.div.withConfig({displayName:"ContentPromoEmbedTextContainerWrapper"})` 25539 &.grid { 25540 ${(0,d.VG)()} 25541 } 25542 25543 &.grid.grid-margins { 25544 ${(0,c.aU)("padding")} 25545 } 25546 position: absolute; 25547 bottom: ${(0,u.Kq)(4)}; 25548 left: 0; 25549 align-items: flex-end; 25550 width: 100%; 25551 height: auto; 25552 25553 @media (min-width: ${p.LO.md}) { 25554 bottom: ${(0,u.Kq)(6)}; 25555 } 25556`,f=o.Ay.div.withConfig({displayName:"ContentPromoEmbedTextWrapper"})` 25557 display: flex; 25558 grid-column: 1 / -1; 25559 flex-direction: column; 25560 align-items: center; 25561 justify-content: flex-end; 25562 width: 100%; 25563 height: auto; 25564 25565 @media (min-width: ${p.LO.md}) { 25566 grid-column: 3 / span 8; 25567 } 25568`,w=(0,o.Ay)(m.vm).withConfig({displayName:"ContentPromoEmbedHedWrapper"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.discovery.hed-core-primary",...e}))` 25569 && { 25570 margin: 0; 25571 25572 text-align: center; 25573 ${({theme:e})=>(0,u._o)(e,"color","colors.interactive.base.white")}; 25574 } 25575`,$=(0,o.Ay)(i.A).withConfig({displayName:"ContentPromoEmbedBylines"})` 25576 margin-top: ${(0,u.Kq)(1)}; 25577`,v=(0,o.Ay)(a.A).withConfig({displayName:"ContentPromoEmbedItemsCount"}).attrs(e=>({colorToken:"colors.interactive.base.white",typeIdentity:"typography.definitions.globalEditorial.accreditation-core",...e}))` 25578 display: flex; 25579 align-items: center; 25580 justify-content: center; 25581 margin-top: ${(0,u.Kq)(1)}; 25582 height: 35px; 25583 & + ${$} { 25584 margin-top: 0; 25585 } 25586 25587 ${l.RD} { 25588 margin-right: 0; 25589 height: auto; 25590 } 25591 25592 .icon-gallery { 25593 path { 25594 ${({theme:e})=>(0,u._o)(e,"fill","colors.interactive.base.white")}; 25595 } 25596 } 25597 25598 ${l.DS} { 25599 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.globalEditorial.accreditation-core")} 25600 ${({theme:e})=>(0,u._o)(e,"color","colors.interactive.base.white")}; 25601 25602 &:hover { 25603 text-decoration: none; 25604 ${({theme:e})=>(0,u._o)(e,"color","colors.interactive.base.white")}; 25605 } 25606 } 25607`,C=o.Ay.div.withConfig({displayName:"ContentPromoEmbedCtaWrapper"})` 25608 margin-top: ${(0,u.Kq)(3)}; 25609`},88530(e,t,n){n.d(t,{A:()=>C});var o=n(13465),i=n(32485),a=n.n(i),r=n(96540),s=n(5556),l=n.n(s),d=n(6442),c=n(57744),m=n(38267),u=n(26865),p=n(1123),g=n(75163);const h=m.Ay.div.withConfig({displayName:"ContributorsWrapper"})` 25610 ${({theme:e})=>(0,u.Gg)(e,"typography.definitions.consumptionEditorial.description-embed")} 25611 border-width: 1px 0; 25612 border-style: solid; 25613 color: var(${g.pT.Color.Text}); 25614 ${({dividerColor:e,theme:t})=>""+(e?`${(0,p.mS)(e)};`:`border-color: var(${g.pT.Color.BorderStory});`)} 25615 25616 &:empty { 25617 border: none; 25618 } 25619 25620 ${({shouldHideBottomLine:e})=>e&&"border-bottom: none;"} 25621`,y=m.Ay.div.withConfig({displayName:"ContributorsStaff"})` 25622 padding: ${(0,u.Kq)(4)} 0; 25623`;var b=n(66769);const f=(0,n(72267).YK)({authorPreamble:{id:"Contributors.AuthorPreamble",defaultMessage:"Written by {brandName} Staff",description:"Contributors component author preamble"}});var w=n(53499);const $=({brandName:e,className:t,configuredComponentRef:n,contributors:o,maxContributors:i=2,dividerColor:s,shouldHideBottomLine:l=!1})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(w.G.RENDER,{name:"Contributors"})},[]);const{formatMessage:c}=(0,d.A)();return o&&o.length?r.createElement(h,{ref:n,className:a()("contributors",t),dividerColor:s,shouldHideBottomLine:l,"data-testid":"Contributors"},o.length>i?r.createElement(y,null,c(f.authorPreamble,{brandName:e})):o.map((e,t)=>r.createElement(b.A,{...e,key:t,dividerColor:s}))):null};$.propTypes={configuredComponentRef:l().func,brandName:l().string,className:l().string,contributors:l().arrayOf(l().shape(b.A.propTypes)),dividerColor:l().string,maxContributors:l().number,shouldHideBottomLine:l().bool},$.displayName="Contributors";const v=(0,c.M3)($,{keysToPluck:["brandName"]}),C=(0,o.y)(v,"Contributors")},23211(e,t,n){n.d(t,{CA:()=>T,DK:()=>b,Fv:()=>$,JR:()=>L,KC:()=>u,L$:()=>v,PQ:()=>k,Ri:()=>y,aZ:()=>E,cw:()=>x,f9:()=>A,gu:()=>g,hb:()=>C,je:()=>w,sT:()=>p,tj:()=>f,v9:()=>S,z1:()=>h});var o=n(38267),i=n(16800),a=n(86659),r=n(40653),s=n(18608),l=n(73275),d=n(73730),c=n(26865),m=n(96472);const u=(0,o.Ay)(d.A.UtilityPairInverted).withConfig({displayName:"EventBanner
25623NotifyButton"}).attrs(e=>({colorToken:"colors.interactive.base.white",typeIdentity:"typography.definitions.utility.button-core",...e}))` 25624 margin: 0 auto ${(0,c.Kq)(2)}; 25625 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t&&"margin: auto;"}; 25626 width: fit-content; 25627 min-width: ${(0,c.Kq)(22)}; 25628 height: auto; 25629 text-transform: uppercase; 25630 25631 /* Keep inverted (outlined) look on hover instead of inverting */ 25632 &:hover { 25633 ${(0,c._o)("color","colors.interactive.base.white")}; 25634 background-color: transparent; 25635 ${(0,c._o)("border-color","colors.interactive.base.white")}; 25636 } 25637 25638 @media (max-width: ${m.LO.md}) { 25639 margin-bottom: ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t?"margin-bottom: 0;":`${(0,c.Kq)(1)};`}; 25640 } 25641`,p=o.Ay.div.withConfig({displayName:"EventBannerWrapper"})` 25642 ${({theme:e,hasConsistentSpacing:t})=>t&&"0px"!==(0,i.F)(e,"gap-md")?`\n margin-bottom: ${(0,i.F)(e,"gap-md")};\n @media (max-width: ${m.LO.md}) {\n margin-bottom: ${(0,i.F)(e,"gap-sm")};\n }\n `:null}; 25643 ${({theme:e})=>(0,c._o)(e,"background-color","colors.consumption.lead.inverted.background")}; 25644`,g=(0,o.Ay)(l.A).withConfig({displayName:"Logo"})` 25645 margin: 0 auto; 25646 25647 picture { 25648 justify-content: center; 25649 margin: 0; 25650 width: 100%; 25651 } 25652 25653 img { 25654 display: block; 25655 width: auto; 25656 max-width: 100%; 25657 height: auto; 25658 max-height: 3rem; 25659 } 25660`,h=o.Ay.div.withConfig({displayName:"EventBannerLogoContainer"})` 25661 display: flex; 25662 flex-direction: column; 25663 align-items: center; 25664`,y=o.Ay.a.withConfig({displayName:"EventBannerLogoWrapper"})` 25665 margin-bottom: ${(0,c.Kq)(2)}; 25666 padding: 0; 25667 width: 9.75rem; 25668 height: auto; 25669 ${({isEventHappening:e})=>!e&&`\n display: flex;\n align-items: center;\n @media (max-width: ${m.LO.md}) {\n margin-bottom: ${(0,c.Kq)(1)};\n }\n `} 25670 @media (min-width: ${m.LO.md}) { 25671 ${({isEventHappening:e})=>e&&"\n margin-bottom: 0; \n display: block;\n align-self: center;\n "} 25672 25673 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t&&`width:${(0,c.Kq)(28)};`} 25674 } 25675 ${({isNotClickable:e})=>e&&"cursor: auto"} 25676`,b=(0,o.Ay)(a.A.NoMargins).withConfig({displayName:"EventCountdownTime"})` 25677 && { 25678 @media (max-width: ${m.LO.lg}) { 25679 grid-template-columns: repeat(3, 3.45rem 1.5rem) 3.45rem; 25680 } 25681 @media (max-width: ${m.LO.md}) { 25682 grid-template-columns: repeat(3, 2fr 1rem) 2fr; 25683 } 25684 @media (max-width: ${m.LO.sm}) { 25685 grid-template-columns: repeat(3, 3.5rem 1rem) 3.5rem; 25686 } 25687 grid-template-columns: repeat(3, 2fr 2rem) 2fr; 25688 align-items: center; 25689 text-align: center; 25690 --grid-gap: 0; 25691 } 25692 ${r.E} { 25693 height: 100%; 25694 } 25695 ${({theme:e})=>(0,c.Gg)(e,"typography.definitions.consumptionEditorial.display-medium")} 25696 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.standard.context-texture")}; 25697`,f=(0,o.Ay)(s.vm).withConfig({displayName:"EventLink"}).attrs(e=>({as:"a",colorToken:"colors.consumption.lead.inverted.context-tertiary",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 25698 && { 25699 ${({hasLowerCaseText:e})=>!e&&"text-transform: uppercase;"} 25700 line-height: 1rem; 25701 } 25702 align-self: center; 25703 text-decoration: none; 25704`,w=(0,o.Ay)(s.vm).withConfig({displayName:"PostTimerMessage"})` 25705 text-align: start; 25706 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t&&"display: block;"}; 25707 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&!t&&"display: none;"}; 25708 25709 @media (min-width: ${m.LO.md}) { 25710 text-align: center; 25711 25712 && { 25713 ${({isEventHappening:e})=>e&&"display: block;"}; 25714 } 25715 } 25716 25717 && { 25718 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.inverted.heading")}; 25719 ${({theme:e})=>
25719(0,c.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")} 25720 } 25721`,$=o.Ay.div.withConfig({displayName:"PostTimerWrapper"})` 25722 ${f} { 25723 display: ${({isEventHappening:e})=>e?"inline":"none"}; 25724 ${({isEventHappening:e})=>e?`padding-top:${(0,c.Kq)(.5)}`:""}; 25725 } 25726 25727 @media (min-width: ${m.LO.md}) { 25728 ${f} { 25729 display: none; 25730 } 25731 } 25732 ${f} { 25733 ${({showButtonAndLogoOnTimeUp:e,isEventHappening:t})=>e&&t?"display:none":""} 25734 } 25735`,v=(0,o.Ay)(a.A.ThreeUp).withConfig({displayName:"EventBannerGrid"})` 25736 && { 25737 row-gap: 0; 25738 padding-top: ${(0,c.Kq)(2)}; 25739 padding-bottom: ${(0,c.Kq)(2)}; 25740 25741 @media (min-width: ${m.LO.md}) { 25742 padding: 1.5rem 1rem 1.25rem; 25743 } 25744 } 25745 > ${r.E}:first-child { 25746 grid-column: 1 / span 4; 25747 margin-bottom: ${(0,c.Kq)(2)}; 25748 text-align: center; 25749 justify-self: center; 25750 } 25751 ${({isEventHappening:e})=>!e&&`\n ${b}{\n justify-content: center;\n padding-bottom: ${(0,c.Kq)(2)};\n @media (min-width: ${m.LO.md}) {\n padding: 0;\n }\n }\n ${h}{\n ${g}{\n display: flex;\n width:100%;\n max-width: 11.5rem;\n }\n }\n `} 25752 ${({isEventHappening:e})=>e&&`\n && {\n padding: ${(0,c.Kq)(1)} ${(0,c.Kq)(3)};\n @media (min-width: ${m.LO.md}) {\n padding: ${(0,c.Kq)(1)} 0;\n }\n }\n ${g}{\n max-width: 9.75rem;\n display: flex;\n }\n @media (max-width: ${m.LO.md}) {\n ${g}{\n margin:0;\n }\n ${y}{\n padding:0;\n margin-bottom: 0;\n }\n ${$}{\n padding: ${(0,c.Kq)(1.5)} 0;\n }\n &&{\n gap: 0;\n column-gap: var(--grid-gap);\n }\n > ${r.E}:first-child {\n grid-column: 1 / span 2;\n text-align: center;\n align-self: center;\n margin-bottom: 0;\n justify-self: flex-start;\n }\n > ${r.E}:nth-child(2) {\n grid-column: 3 / span 2;\n align-self: center;\n\n }\n ${r.E}{\n grid-column: auto;\n }\n ${h}{\n display: block;\n }\n }\n ${r.E}:nth-child(3){\n align-self: center;\n }\n `} 25753 25754 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t&&`\n @media (max-width: ${m.LO.md}) {\n && {\n padding-right: ${(0,c.Kq)(3)};\n }\n ${h}{\n display: none;\n }\n > ${r.E}:first-child {\n display: none;\n }\n > ${r.E}:nth-child(2) {\n grid-column: 1 / span 2;\n align-self: center;\n }\n > ${r.E}:nth-child(3) {\n grid-column: 3 / span 2;\n align-self: center;\n }\n }\n `} 25755 @media (min-width: ${m.LO.md}) { 25756 > ${r.E}:first-child { 25757 grid-column: 1 / span 3; 25758 justify-self: center; 25759 align-self: center; 25760 margin: 0; 25761 } 25762 > ${r.E}:nth-child(2) { 25763 grid-column: 5 / span 4; 25764 align-self: center; 25765 } 25766 > ${r.E}:last-child { 25767 grid-column: 10 / span 3; 25768 } 25769 25770 ${({isEventHappening:e})=>e?`\n padding: ${(0,c.Kq)(1)} 0;\n `:`\n padding: ${(0,c.Kq)(3)} 0 ${(0,c.Kq)(2.5)} 0;\n `} 25771 } 25772`,C=(0,o.Ay)(s.c7).withConfig({displayName:"EventSponsor"})` 25773 display: flex; 25774 flex: 1; 25775 flex-direction: column; 25776 justify-content: center; 25777 height: auto; 25778 text-align: center; 25779 25780 ${({theme:e})=>(0,c.Gg)(e,"typography.definitions.globalEditorial.syndication")}; 25781 25782 ${({isEventHappening:e})=>e?`\n align-self: center;\n padding: ${(0,c.Kq)(1.5)} 0;\n `:`\n @media (min-width: ${m.LO.md}) {\n padding-top: 0; \n height: 100%;\n } \n `}; 25783 25784 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t&&"padding: 0;"}; 25785 25786 @media (max-width: ${m.LO.md}) { 25787 display: ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&!t?"none":"flex"}; 25788 } 25789 25790 @media (min-width: ${m.LO.md}) { 25791 ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&!t&&"display:flex;"}; 25792 25793 ${f} { 25794 display: ${({isEventHappening:e,showButtonAndLogoOnTimeUp:t})=>e&&t?"none":"flex"}; 25795 align-self: center; 25796 justify-content: center; 25797 } 25798 } 25799 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.inverted.syndication")}; 25800 25801 ${g} { 25802 margin: 0 auto; 25803 width: 100%; 25804 max-width: 10.313rem; 25805 } 25806`,k=(0,o.Ay)(s.vm).withConfig({displayName:"EventBannerDek"}).attrs(e=>({as:"span",colorToken:"colors.consumption.lead.inverted.context-tertiary",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 25807 vertical-align: middle; 25808 @media (min-width: ${m.LO.md}) { 25809 margin-right: unset; 25810 } 25811`,A=(0,o.Ay)(s.c7).withConfig({displayName:"TimerContainer"})` 25812 ${({theme:e})=>
25812(0,c.Gg)(e,"typography.definitions.consumptionEditorial.display-small")} 25813 color: ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.standard.context-texture")}; 25814`,x=(0,o.Ay)(s.c7).withConfig({displayName:"UnitContainer"})` 25815 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.inverted.link")}; 25816 ${({theme:e})=>(0,c.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")} 25817 padding-top: ${(0,c.Kq)(1)}; 25818 text-align: center; 25819 text-transform: ${({hasLowerCaseText:e})=>e?"capitalize;":"uppercase;"}; 25820 line-height: 1rem; 25821 @media (min-width: ${m.LO.md}) { 25822 padding-top: ${(0,c.Kq)(2)}; 25823 } 25824`,E=(0,o.Ay)(s.vm).withConfig({displayName:"TimerValueContainer"}).attrs(e=>({as:"div",colorToken:"colors.interactive.base.white",typeIdentity:"typography.definitions.globalEditorial.numerical-large",...e}))` 25825 @media (min-width: ${m.LO.md}) { 25826 display: flex; 25827 align-items: center; 25828 justify-content: center; 25829 height: 3rem; 25830 text-align: center; 25831 } 25832`,S=(0,o.Ay)(s.c7).withConfig({displayName:"TimerColon"})` 25833 line-height: 1.5rem; 25834 ${({theme:e})=>(0,c._o)(e,"color","colors.interactive.base.white")}; 25835 ${({theme:e})=>(0,c.Gg)(e,"typography.definitions.globalEditorial.numerical-large")} 25836 25837 @media (min-width: ${m.LO.md}) { 25838 position: relative; 25839 top: 0.2rem; 25840 } 25841`,L=(0,o.Ay)(d.A.Utility).withConfig({displayName:"EventBannerCloseButton"})` 25842 position: absolute; 25843 right: 0; 25844 margin: ${(0,c.Kq)(2)} ${(0,c.Kq)(2)} 0 ${(0,c.Kq)(2)}; 25845 border-width: 0; 25846 width: 0; 25847 min-width: 0; 25848 height: 0; 25849 25850 ${({shouldShowCloseButton:e})=>!e&&"display: none"}; 25851 @media (min-width: ${m.LO.md}) { 25852 margin: ${(0,c.Kq)(2)} ${(0,c.Kq)(2)} 0 25853 ${(0,c.Kq)(2)}; 25854 } 25855 25856 &:hover, 25857 &:active { 25858 border-width: 0; 25859 ${({theme:e})=>(0,c._o)(e,"border-color","colors.consumption.lead.inverted.background")}; 25860 ${({theme:e})=>(0,c._o)(e,"background-color","colors.consumption.lead.inverted.background")}; 25861 } 25862 25863 .icon-close { 25864 padding: 8px; 25865 25866 g { 25867 stroke: white; 25868 } 25869 } 25870`,T=(0,o.Ay)(s.vm).withConfig({displayName:"EventSponsoredLogoWrapper"})` 25871 margin: 0 auto; 25872 padding: ${(0,c.Kq)(1)} 0 ${(0,c.Kq)(2)} 0; 25873 @media (min-width: ${m.LO.md}) { 25874 padding: ${(0,c.Kq)(1)} 0; 25875 } 25876`;(0,o.Ay)(a.A.WithMargins).withConfig({displayName:"EventDetails"})` 25877 && { 25878 grid-template-columns: 1fr; 25879 gap: 0; 25880 line-height: ${(0,c.Kq)(1)}; 25881 @media (min-width: ${m.LO.md}) { 25882 grid-template-columns: repeat(1, 1fr); 25883 padding: 0; 25884 } 25885 @media (max-width: ${m.LO.md}) { 25886 padding-right: 0; 25887 padding-left: 0; 25888 } 25889 } 25890 ${({theme:e})=>(0,c._o)(e,"color","colors.consumption.lead.inverted.context-tertiary")}; 25891 25892 ${r.E}:nth-of-type(2) { 25893 display: block; 25894 } 25895 ${f} { 25896 display: block; 25897 width: 100%; 25898 text-align: center; 25899 } 25900 25901 @media (min-width: ${m.LO.md}) { 25902 ${r.E}:nth-of-type(2) { 25903 display: none; 25904 } 25905 } 25906 margin: ${(0,c.Kq)(2)} 0; 25907`},88820(e,t,n){n.d(t,{A:()=>D});var o=n(47655),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(6442);const c=(0,n(72267).YK)({title:{id:"EventsList.Title",defaultMessage:"Featured Events",description:"EventsList component title"}});var m=n(53499),u=n(38267),p=n(26865),g=n(18608),h=n(96472);const y={as:"span",colorToken:"colors.discovery.body.white.context-tertiary",typeIdentity:"typography.definitions.discovery.hed-bulletin-secondary"},b=u.Ay.div.withConfig({displayName:"EventWrapper"})` 25908 border-width: 1px 0 0; 25909 border-style: solid; 25910 ${({theme:e})=>(0,p._o)(e,"border-color","colors.discovery.body.light.divider")}; 25911 padding: ${(0,p.Kq)(2)} 0 ${(0,p.Kq)(3)} 0; 25912 25913 @media (min-width: ${h.LO.md}) { 25914 display: grid; 25915 grid-template-columns: repeat(8, 1fr); 25916 } 25917`,f=u.Ay.div.withConfig({displayName:"EventDetails"})` 25918 @media (min-width: ${h.LO.md}) { 25919 grid-column: 1 / span 4; 25920 } 25921`,w=(0,u.Ay)(g.vm).withConfig({displayName:"EventTitle"}).attrs(e=>({as:"h2",colorToken:"colors.interactive.base.brand-primary",typeIdentity:"typography.definitions.discovery.hed-bulletin-
25921primary",...e}))` 25922 margin: 0; 25923 25924 a:visited, 25925 a:active, 25926 a:link { 25927 color: inherit; 25928 } 25929`,$=(0,u.Ay)(g.sH).withConfig({displayName:"EventTitleLink"}).attrs(e=>({colorToken:"colors.interactive.base.brand-primary",hasUnderline:!1,typeIdentity:"typography.definitions.discovery.hed-bulletin-primary",...e}))` 25930 margin: 0; 25931`,v=(0,u.Ay)(g.vm).withConfig({displayName:"EventDates"}).attrs(e=>({colorToken:"colors.discovery.body.white.context-tertiary",typeIdentity:"typography.definitions.discovery.hed-bulletin-secondary",...e}))` 25932 margin: 0; 25933`,C=(0,u.Ay)(g.vm).withConfig({displayName:"EventLocationAddress"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.discovery.hed-bulletin-secondary",...e}))``,k=(0,u.Ay)(g.vm).withConfig({displayName:"EventLocationName"}).attrs(e=>({as:"p",...e}))``,A=(0,u.Ay)(g.vm).withConfig({displayName:"EventLocationCity"}).attrs(e=>({...y,...e}))``,x=(0,u.Ay)(g.vm).withConfig({displayName:"EventLocationRegion"}).attrs(e=>({...y,...e}))``,E=(0,u.Ay)(g.vm).withConfig({displayName:"EventLocationCountry"}).attrs(e=>({...y,...e}))``,S=u.Ay.div.withConfig({displayName:"EventLocation"})` 25934 margin: 0 0 ${(0,p.Kq)(2)}; 25935 25936 ${k} { 25937 margin: 0; 25938 } 25939`,L=(0,u.Ay)(g.vm).withConfig({displayName:"EventBodyParagraph"}).attrs(e=>({as:"p",...e}))` 25940 margin: 0 0 ${(0,p.Kq)(2)} 0; 25941 25942 @media (min-width: ${h.LO.md}) { 25943 grid-column: 5 / span 4; 25944 margin: 0; 25945 } 25946`,T=({body:e,className:t,dangerousHed:n,eventEndDate:o,eventStartDate:i,showVenue:r=!1,url:s,venue:d})=>(l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"Event"})},[]),l.createElement(b,{className:a()("event",t),"data-testid":"event-wrapper"},l.createElement(f,{className:"event-details"},s?l.createElement(w,{className:"event-title"},l.createElement($,{dangerouslySetInnerHTML:{__html:n},href:s,rel:"noopener noreferrer"})):l.createElement(w,{dangerouslySetInnerHTML:{__html:n}}),i&&l.createElement(v,{"test-id":"event-date"},i,o&&` - ${o}`),r&&d&&l.createElement(S,null,d.name&&l.createElement(k,null,d.name),d.address&&l.createElement(C,null,d.address.city&&l.createElement(A,null,d.address.city),d.address.region&&l.createElement(x,null,", ",d.address.region),d.address.country&&l.createElement(E,null," ",d.address.country)))),e&&l.createElement(L,{dangerouslySetInnerHTML:{__html:e}})));T.propTypes={body:s().string,className:s().string,dangerousHed:s().string.isRequired,eventEndDate:s().string,eventStartDate:s().string,showVenue:s().bool,url:s().string,venue:s().object};const N=T;var H=n(10281),I=n(84248),B=n(66472);const O=({className:e,events:t,links:n,marquee:o,shouldUseTabs:i=!1,title:r,variations:s={sortByMonth:!1},variationName:u})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"EventsList",variation:u})},[u]);let p={};const{formatMessage:g}=(0,d.A)(),h=t.map((e,t)=>(s.sortByMonth&&(p=function(e){return e.sort((e,t)=>new Date(e.startDate)-new Date(t.startDate)).reduce((e,t)=>{const n=t.startDate?new Date(t.startDate).toLocaleString("en-US",{month:"long"}):"";return e[n]?e[n].push(t):e[n]=[t],e},{})}(e)),l.createElement(B.pN,{key:t},s.sortByMonth&&e.length>0?l.createElement(l.Fragment,null,Object.keys(p).map((e,t)=>l.createElement(B.uB,{key:t,className:"events-list__month"},l.createElement(B.cs,null,e),l.createElement(B.wp,null,l.createElement(B.tX,{key:t},p[e].map((e,t)=>l.createElement(N,{...e,key:t,showVenue:!0}))))))):l.createElement(l.Fragment,null,l.createElement(B.cs,null,r||g(c.title)),e.length>0&&l.createElement(B.wp,null,e.map((e,t)=>l.createElement(B.tX,{key:t},l.createElement(N,{...e,showVenue:!0})))))))),y=o&&o.items?l.createElement(H.A,{...o,heading:""}):null,b=i?l.createElement(I.A,{marquee:y,showButton:!1,tabContent:h,tabLabels:n}):l.createElement(l.Fragment,null,h);return l.createElement(B.fm,{className:a()("events-list",e),isSortByMonth:s.sortByMonth},b)};O.propTypes={className:s().string,events:s().arrayOf(s().arrayOf(s().object)).isRequired,links:s().arrayOf(s().object),marquee:s().object,shouldUseTabs:s().bool,title:s().string,variationName:s().string,variations:s().shape({sortByMonth:s().bool.isRequired})};const K=O;K.SortByMonth=(0,o.y)(K,"SortByMonth",{sortByMonth:!0});const D=K},66472(e,t,n){n.d(t,{cs:()=>c,fm:()=>p,pN:()=>m,tX:()=>d,uB:()=>u,wp:()=>l});var o=n(38267),i=n(18608),a=n(26865),r=n(96472),s=n(66042);const l=o.Ay.ul.withConfig({displayName:"EventsListItems"})` 25947 padding: 0; 25948 list-style-type: none; 25949`,d=(0,o.Ay)(i.vm).withConfig({displayName:"EventsListItem"}).attrs(e=>({as:"li",...e}))``,c=(0,o.Ay)(i.vm).withConfig({displayName:"EventsListTitle"}).attrs(e=>({as:"h1",colorToken:"colors.discovery.body.light.heading",typeIdentity:"typography.definitions.discovery.subhed-section-secondary",...e}))` 25950 margin: 0 0 ${(0,a.Kq)(4)} 0; 25951 padding: 0; 25952 @media (min-width: ${r.LO.md}) { 25953 margin: 0 0 ${(0,a.Kq)(4)} 0; 25954 } 25955`,m=o.Ay.div.withConfig({displayName:"EventsListContainer"})``,u=o.Ay.div.withConfig({displayName:"EventsListMonth"})``,p=o.Ay.div.withConfig({displayName:"EventsListWrapper"})` 25956 ${({theme:e,isSortByMonth:t})=>t?(0,a._o)(e,"background-color","colors.discovery.body.white.background"):(0,a._o)(e,"background-color","colors.discovery.body.light.background")}; 25957 25958 padding: ${(0,a.Kq)(4)} ${(0,a.Kq)(2)}; 25959 25960 @media (min-width: ${r.LO.md}) { 25961 padding: ${(0,a.Kq)(6)} ${(0,a.Kq)(3)}; 25962 } 25963 25964 ${s.dM} { 25965 ${c} { 25966 margin-top: ${(0,a.Kq)(4)}; 25967 } 25968 ${m} { 25969 text-align: left; 25970 } 25971 } 25972 25973 ${({isSortByMonth:e})=>e&&`\n ${u} {\n margin: 0 0 ${(0,a.Kq)(6)} 0;\n\n @media (min-width: ${r.LO.md}) {\n margin: 0 0 ${(0,a.Kq)(7)} 0;\n }\n\n &:last-of-type {\n margin: 0;\n }\n }\n ${c} {\n margin: 0 0 ${(0,a.Kq)(2)} 0;\n }\n`}; 25974`},36276(e,t,n){n.d(t,{A:()=>we});var o=n(13465),i=n(47655),a=n(96540),r=n(32485),s=n.n(r),l=n(5556),d=n.n(l),c=n(45135),m=n(6442);
25974const u=(0,n(72267).YK)({next:{id:"GalleryCarousel.Next",defaultMessage:"Next",description:"Next icon title"},previous:{id:"GalleryCarousel.Previous",defaultMessage:"Previous",description:"Previous icon title"},nextGallery:{id:"GalleryCarousel.NextGallery",defaultMessage:"Next gallery",description:"Next gallery link prefix"}});var p=n(73275),g=n(21729),h=n(31989),y=n(38080),b=n(99906),f=n(70251),w=n(44383),$=n.n(w),v=n(90090),C=n(14307);const k="newsletter",A="top_right_link",x="mid_content",E="end_content",S="back to article",L=(e,t)=>{t.forEach(t=>{delete e[t]})},T=({carouselPlacedIn:e,currentSlideIndex:t,getIsSmallDevice:n,hasHeadRecirc:o,headRecircGallery:i,isModalOpen:r,slides:s,titleRef:l,galleryID:d})=>{const c="inline"===e?"inline_cartoon":"cartoon_gallery",m="inline"===e?"inline_cartoon_carousel_recirc_unit":"cartoon_gallery_recirc_unit",[u,p]=a.useReducer((e,t)=>Array.isArray(t)?(t.forEach(t=>e.add(t)),e):e.add(t),new Set),g=({type:n,subject:o,items:i=[],placement:a="",label:r=""})=>{const l={type:n,label:r,subject:o,items:i,index:t,placement:a,subject_id:d,subject_version:e,total_index:s.length};return Object.keys(l).forEach(e=>{null!=l[e]&&""!==l[e]&&void 0!==l[e]||delete l[e]}),l},h=(e=null)=>`${(e??t)+1}/${s.length}`,y=(n=[])=>{const o={cartoon_placement:e,gallery_title:l?.current?.innerText||"",cartoon_id:s[t]?.id||"",cartoon_numbering:h()};return $()(o,n)},b=(e,t=[],n={})=>{(0,v.W8)(e,{...y(t),...n})},f=(e,t=[],n=null)=>{b("cartoon-impression-recirculation",["cartoon_placement","gallery_title"],{content_recirculation_placement:e,cartoon_numbering:h(n),gallery_id:t.map(e=>e.id).join(" | ")});const o=t.map(e=>({content_title:e.dangerousHed,content_id:e.id,content_type:"gallery",content_url:`${window.location.host}${e.url}`})),i=g({type:"impression",subject:m,items:o,placement:e});"end_content"!==e&&"top_right_link"!==e||L(i,["total_index","index"]),(0,C.kg)(i)},w=(e,t=null)=>{b("cartoon-impression-newsletter",["cartoon_placement","gallery_title"],{cartoon_newsletter_id:e?.newsletterId,cartoon_numbering:h(t)})};return a.useEffect(()=>{o&&f(A,[i])},[]),a.useEffect(()=>{(()=>{if(!r&&"modal"===e){b("cartoon-interaction",["cartoon_placement","gallery_title","cartoon_id"],{cartoon_interaction:S});const e=s[t],n=e?.links?.find(e=>"canonical"===e.network).url,o=[{content_title:e.dangerousCaption,content_id:e?.id,content_type:"gallery",content_url:n}],i=g({type:"close",subject:"cartoon_gallery",items:o});(0,C.kg)(i)}})()},[r]),a.useEffect(()=>{const e=n(),{recircGalleries:o,newsletter:i}=s[t],a=Boolean(s[t]?.isMidRecirc),r=Boolean(s[t]?.hasEndRecirc),l=Boolean(s[t]?.isNewsletter),d=Boolean(s[t]?.isContent),m=u.has(t),h=[];e||(m||(a&&(h.push(t),f(x,o)),l&&(h.push(t),w(i)),d&&(h.push(t),(()=>{b("cartoon-impression",["cartoon_placement","gallery_title","cartoon_id","cartoon_numbering"]);const e=s[t],n=e?.links?.find(e=>"canonical"===e.network).url,o=g({type:"impression",subject:c,items:[{content_title:e?.dangerousCaption,content_id:e?.id,content_type:e?.contentType||"cartoon",content_url:n}]});(0,C.kg)(o)})())),r&&!u.has(E)&&(h.push(E),f(E,o)),h.length&&p(h))},[t]),{extractAnalyticsData:y,triggerSlideAction:e=>{b("cartoon-interaction",["cartoon_placement","gallery_title","cartoon_id"],{cartoon_interaction:e>t?"next":"previous"});const n=s[t];let o={};if(n.isMidRecirc){const i=n.recircGalleries.map(e=>({content_title:e.dangerousHed,content_id:e.id,content_type:"gallery",content_url:`${window.location.host}${e.url}`}));o={type:e>t?"forward":"back",subject:m,items:i,placement:"mid_content"}}else{const i=n?.links?.find(e=>"canonical"===e.network).url,a=[{content_title:n.dangerousCaption||"",content_id:n?.id,content_type:n?.contentType||"cartoon",content_url:i}];o={type:e>t?"forward":"back",subject:c,items:a}}const i=g(o);(0,C.kg)(i)},triggerMobileRecircImpression:(e,n,o={})=>{const i=[x,E,k],a=u.has(t),{index:r=null,recircGalleries:s,placement:l,newsletter:d}=o;e&&!a&&i.includes(l)&&(l===k?(p(r),w(d,r)):l===x?(p(r),f(x,s,r)):(p(E),f(l,s,r)),n())},triggerNewsletterInteraction:e=>{b("cartoon-interaction-newsletter",["cartoon_placement","gallery_title","cartoon_id"],{content_newsletter_placement:x,content_newsletter_title:e?.dangerousHed||""})},triggerRecircInteraction:(e,t={},n=null)=>{b("cartoon-interaction-recirculation",["cartoon_placement","gallery_title","cartoon_id"],{content_recirculation_placement:e,content_recirculation_title:t?.dangerousHed||"",cartoon_numbering:h(n)});const o=[{content_title:t.dangerousHed,content_id:t.id,content_type:"gallery",content_url:`${window.location.host}${t.url}`}
25974],i=g({type:"click",subject:m,items:o,placement:e});"end_content"!==e&&"top_right_link"!==e||L(i,["total_index","index"]),(0,C.kg)(i)}}};T.propTypes={carouselPlacedIn:d().oneOf(["gallery","modal"]).isRequired,currentSlideIndex:d().number.isRequired,getIsSmallDevice:d().func.isRequired,hasHeadRecirc:d().bool.isRequired,headRecircData:d().object.isRequired,isModalOpen:d().bool.isRequired,slides:d().array.isRequired,titleRef:d().oneOfType([d().func,d().shape({current:d().any})]).isRequired};var N=n(12501),H=n(38267),I=n(26865),B=n(18608),O=n(7228),K=n(18117),D=n(77527),_=n(26891),P=n(36185),R=n(75116),q=n(69817),M=n(96472);const F=H.i7` 25975 from { 25976 opacity: 0; 25977 } 25978 25979 to { 25980 opacity: 1; 25981 } 25982`,U=H.i7` 25983 from { 25984 opacity: 1; 25985 } 25986 25987 to { 25988 opacity: 0; 25989 } 25990`,V=H.i7` 25991 from { 25992 opacity: 0; 25993 } 25994 25995 to { 25996 opacity: .2; 25997 } 25998`,G=H.i7` 25999 from { 26000 opacity: .2; 26001 } 26002 26003 to { 26004 opacity: 0; 26005 } 26006`,W=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselContainer"})` 26007 display: flex; 26008 flex-direction: column; 26009 width: 100%; 26010 height: 100%; 26011 26012 ${({shouldUseModalStyle:e,headerHeight:t})=>!e&&H.AH` 26013 ${(0,I.H4)(`${b.VS.lg+1}px`)} { 26014 margin-top: ${(0,I.Kq)(2)}; 26015 min-height: calc(100vh - ${t}px); 26016 } 26017 `} 26018`,j=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselHeader"})` 26019 display: flex; 26020 position: relative; 26021 align-items: center; 26022 justify-content: center; 26023 margin: 0; 26024 padding: ${(0,I.Kq)(2.5)} 0; 26025 text-align: center; 26026 26027 ${(0,I.L7)(`${b.VS.lg}px`)} { 26028 ${({shouldUseModalStyle:e})=>e?H.AH` 26029 margin-bottom: ${(0,I.Kq)(3)}; 26030 padding: 0; 26031 min-height: ${(0,I.Kq)(10)}; 26032 `:H.AH` 26033 padding: ${(0,I.Kq)(5)} 0; 26034 `} 26035 } 26036`,z=H.Ay.div.withConfig({displayName:"GalleryCarouselSectionTitle"})` 26037 margin-bottom: ${(0,I.Kq)(2)}; 26038`,Y=(0,H.Ay)(B.vm).withConfig({displayName:"GalleryCarouselTitle"}).attrs(e=>({as:"h1",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 26039 span { 26040 cursor: unset; 26041 26042 &:hover { 26043 text-decoration: none; 26044 } 26045 } 26046 ${(0,I.L7)(`${b.VS.lg}px`)} { 26047 width: ${(0,I.Kq)(24.75)}; 26048 } 26049`,X=(0,H.Ay)(B.sH).withConfig({displayName:"GalleryCarouselTitleText"}).attrs(e=>({as:"a",hasUnderline:!1,typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))``,Z=(0,H.Ay)(B.vm).withConfig({displayName:"GalleryCarouselHeaderRecirc"}).attrs(e=>({as:"a",colorToken:"colors.interactive.base.brand-primary",typeIdentity:"typography.definitions.foundation.link-primary",...e}))` 26050 position: absolute; 26051 right: ${(0,I.Kq)(8)}; 26052 text-decoration: none; 26053 26054 &:hover { 26055 text-decoration: underline; 26056 ${({theme:e})=>(0,I._o)(e,"color","colors.interactive.base.dark")}; 26057 } 26058 26059 ${(0,I.L7)(`${b.VS.lg}px`)} { 26060 display: none; 26061 } 26062`,J=H.AH` 26063 display: flex; 26064 grid-row: 1; 26065 align-self: flex-start; 26066 height: ${(0,I.Kq)(64)}; 26067 26068 ${({isHidden:e})=>e&&H.AH` 26069 visibility: hidden; 26070 `} 26071 26072 ${({mobileSlider:e})=>!e&&H.AH` 26073 ${(0,I.L7)(`${b.VS.lg}px`)} { 26074 display: none; 26075 } 26076 `} 26077`,Q=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselNextWrapper"})` 26078 ${J}; 26079 grid-column: 11/12; 26080 justify-content: start; 26081`,ee=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselPrevWrapper"})` 26082 ${J}; 26083 grid-column: 2/3; 26084 justify-content: end; 26085`,te=H.Ay.button.withConfig({displayName:"GalleryCarouselNavigation"})` 26086 display: flex; 26087 align-items: center; 26088 justify-content: center; 26089 transform: translateX(0); 26090 transition: transform 0.3s ease; 26091 background: transparent; 26092 min-width: ${(0,I.Kq)(7.5)}; 26093 26094 svg { 26095 path { 26096 ${(0,I._o)("fill","colors.interactive.base.black")}; 26097 } 26098 } 26099 26100 @media (hover: hover) and (pointer: fine) { 26101 &:hover { 26102 transform: translateX(${(0,I.Kq)(1)}); 26103 } 26104 } 26105 26106 ${({isRotated:e})=>e&&H.AH` 26107 svg { 26108 transform: rotate(180deg); 26109 } 26110 26111 @media (hover: hover) and (pointer: fine) { 26112 &:hover { 26113 transform: translateX(${(0,I.Kq)(-1)}); 26114 } 26115 } 26116 `} 26117`,ne=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselCountWrapper"})` 26118 display: flex; 26119 grid-column: 10; 26120 grid-row: 1; 26121 align-items: center; 26122 justify-content: center; 26123 border: 1px solid; 26124 border-radius: ${(0,I.Kq)(10)}; 26125 width: ${(0,I.Kq)(6)}; 26126 height: ${(0,I.Kq)(4)}; 26127 ${({theme:e})=>(0,I._o)(e,"border-color","colors.interactive.base.light")}; 26128 26129 ${(0,I.L7)(`${b.VS.lg}px`)} { 26130 display: none; 26131 }
26132`,oe=(0,H.Ay)(B.vm).withConfig({displayName:"GalleryCarouselCount"}).attrs(e=>({as:"p",colorToken:"colors.interactive.base.dark",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 26133 text-align: center; 26134 line-break: normal; 26135`,ie=H.Ay.div.withConfig({displayName:"GalleryCarouselContent"})` 26136 display: none; 26137 position: relative; 26138 flex-direction: row; 26139 align-items: start; 26140 justify-content: center; 26141 cursor: auto; 26142 width: 100%; 26143 min-height: ${(0,I.Kq)(64)}; 26144 26145 ${P.Vh} { 26146 margin: auto; 26147 } 26148 26149 ${D.SX} { 26150 border: none; 26151 padding: 0; 26152 justify-items: unset; 26153 max-width: ${(0,I.Kq)(70)}; 26154 26155 .responsive-cartoon__caption, 26156 .responsive-cartoon__credit { 26157 overflow: hidden; 26158 } 26159 26160 ${O.Em} { 26161 cursor: zoom-in; 26162 text-align: center; 26163 } 26164 26165 ${O.BF} { 26166 width: auto; 26167 max-width: 100%; 26168 height: auto; 26169 max-height: ${(0,I.Kq)(40.5)}; 26170 } 26171 26172 ${O.Em}, ${D.Jp}, ${D.uX} { 26173 cursor: auto; 26174 max-width: unset; 26175 } 26176 } 26177 26178 ${(0,I.L7)(`${b.VS.lg}px`)} { 26179 ${({mobileSlider:e})=>!e&&H.AH` 26180 display: flex; 26181 flex-direction: column; 26182 align-items: center; 26183 min-height: ${(0,I.Kq)(31.25)}; 26184 26185 ${D.SX} { 26186 ${O.BF} { 26187 width: ${(0,I.Kq)(40.5)}; 26188 height: auto; 26189 max-height: none; 26190 } 26191 } 26192 `} 26193 } 26194`,ae=H.AH` 26195 display: flex; 26196 grid-row: 1; 26197 align-items: center; 26198 overflow: hidden; 26199 26200 ${D.SX} { 26201 ${O.Em} { 26202 height: 100%; 26203 } 26204 } 26205 26206 ${K.B} { 26207 position: absolute; 26208 min-width: ${(0,I.Kq)(100)}; 26209 } 26210 26211 ${D.sg} { 26212 display: none; 26213 } 26214`,re=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselSlider"})` 26215 display: grid; 26216 grid-template-columns: repeat(12, 1fr); 26217 margin: 0 auto; 26218 cursor: auto; 26219 width: 100%; 26220 max-width: none; 26221 gap: 0; 26222 26223 ${({mobileSlider:e})=>{const t=H.AH` 26224 height: ${(0,I.Kq)(64)}; 26225 26226 .fade-in { 26227 animation: ${F} ease-in-out 300ms forwards; 26228 } 26229 26230 .fade-out { 26231 animation: ${U} ease-in-out 300ms forwards; 26232 } 26233 26234 .fade-in-sequence { 26235 animation: ${V} ease-in-out 300ms forwards; 26236 } 26237 26238 .fade-out-sequence { 26239 animation: ${G} ease-in-out 300ms forwards; 26240 } 26241 26242 .current-slide { 26243 display: flex; 26244 grid-column: 4/10; 26245 grid-row: 1; 26246 26247 ${K.B} { 26248 align-self: center; 26249 } 26250 } 26251 26252 .prev-slide { 26253 ${ae}; 26254 grid-column: 1/2; 26255 26256 ${D.SX} { 26257 margin-right: 0; 26258 ${O.Em} { 26259 text-align: right; 26260 } 26261 } 26262 26263 ${K.B} { 26264 right: 0; 26265 } 26266 } 26267 26268 .next-slide { 26269 ${ae}; 26270 grid-column: 12/-1; 26271 26272 ${D.SX} { 26273 margin-left: 0; 26274 ${O.Em} { 26275 text-align: left; 26276 } 26277 } 26278 26279 ${K.B} { 26280 left: 0; 26281 } 26282 } 26283 26284 .has-end-recirc { 26285 ${_.kU} { 26286 display: none; 26287 } 26288 } 26289 26290 .has-end-recirc.current-slide { 26291 position: unset; 26292 26293 ${_.kU} { 26294 display: grid; 26295 position: relative; 26296 right: 0; 26297 padding-top: ${(0,I.Kq)(7)}; 26298 width: auto; 26299 } 26300 } 26301 `,n=H.AH` 26302 display: flex; 26303 flex-direction: column; 26304 align-items: center; 26305 margin: 0; 26306 padding: 0 ${(0,I.Kq)(3)}; 26307 gap: 0; 26308 26309 ${ie} { 26310 border-bottom: 1px solid; 26311 padding-top: ${(0,I.Kq)(7)}; 26312 padding-bottom: ${(0,I.Kq)(7)}; 26313 26314 ${({theme:e})=>(0,I._o)(e,"border-color","colors.interactive.base.light")}; 26315 26316 ${D.SX} { 26317 border: none; 26318 padding: 0; 26319 } 26320 } 26321 26322 .last-slide { 26323 border-bottom: none; 26324 } 26325 26326 .has-end-recirc { 26327 padding-bottom: 0; 26328 26329 ${_.GN} { 26330 grid-column: 1 / 8; 26331 grid-row: 1; 26332 text-align: center; 26333 } 26334 26335 ${({isEndGalleryRecircCardOnMobile:e})=>e&&`\n ${_.kU} {\n padding-top: ${(0,I.Kq)(2)};\n padding-bottom: ${(0,I.Kq)(7)};\n }\n `} 26336 } 26337 26338 .is-newsletter-slide { 26339 min-height: auto; 26340 } 26341 `;return e?H.AH` 26342 ${t}; 26343 height: auto; 26344 ${(0,I.L7)(`${b.VS.lg}px`)} { 26345 ${Q}, ${ee} { 26346 flex-direction: column; 26347 justify-content: end; 26348 z-index: 1; 26349 height: 100%; 26350 26351 button { 26352 padding: 0; 26353 } 26354 } 26355 grid-template-rows: min-content auto; 26356 grid-row-gap: ${(0,I.Kq)(1)}; 26357 ${Q}, ${ee}, .current-slide { 26358 grid-row: 2; 26359 } 26360 ${ne} { 26361 display: flex; 26362 grid-column: 12; 26363 justify-self: end; 26364 } 26365 26366 ${Q} { 26367 grid-column: -2/-1; 26368 26369 button { 26370 justify-content: end; 26371 } 26372 } 26373 ${ee} { 26374 grid-column: 1/2; 26375 26376 button { 26377 justify-content: start; 26378 } 26379 } 26380 26381 .current-slide { 26382 grid-column: 1/-1; 26383 } 26384 } 26385 ${D.SX} { 26386 ${D.Jp}, ${D.uX} { 26387 padding-bottom: 0; 26388 } 26389 ${D.uX} { 26390 padding-top: ${(0,I.Kq)(1)}; 26391 } 26392 } 26393 `:H.AH` 26394 ${(0,I.H4)(`${b.Vh.xl}px`)} { 26395 ${t} 26396 } 26397 26398 ${(0,I.L7)(`${b.VS.lg}px`)} { 26399 ${n} 26400 } 26401 `}}
26402`,se=(0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselSliderWrapper"})` 26403 display: flex; 26404 flex-grow: 1; 26405 align-items: center; 26406 justify-content: center; 26407`,le=((0,H.Ay)(B.c7).withConfig({displayName:"GalleryCarouselNewsletterWrapper"}).attrs(e=>({as:"div",...e}))` 26408 margin: auto; 26409 width: 100%; 26410 max-width: ${(0,I.Kq)(40.875)}; 26411 26412 ${R.$j}, ${q.zK} { 26413 margin: 0; 26414 } 26415 26416 ${R.$j} { 26417 ${R.VA} p { 26418 margin-bottom: 0; 26419 } 26420 } 26421 26422 ${q.zK} { 26423 ${B.aE} { 26424 padding: ${(0,I.Kq)(1)} ${(0,I.Kq)(1.5)}; 26425 } 26426 26427 ${q.F9} p { 26428 margin-bottom: 0; 26429 } 26430 } 26431 26432 ${(0,I.L7)(`${b.VS.lg}px`)} { 26433 max-width: unset; 26434 } 26435`,H.Ay.div.withConfig({displayName:"GalleryCarouselMidRecircWrapper"}).attrs(e=>({as:"div",...e}))` 26436 ${(0,I.L7)(`${b.VS.lg}px`)} { 26437 width: 100%; 26438 } 26439 26440 margin: auto; 26441`),de=H.Ay.div.withConfig({displayName:"GalleryCarouselEndRecircWrapper"}).attrs(e=>({as:"div",...e}))` 26442 ${(0,I.H4)(M.LO.lg)} { 26443 position: absolute; 26444 right: 0; 26445 } 26446 26447 ${(0,I.L7)(`${b.VS.lg}px`)} { 26448 padding-top: ${(0,I.Kq)(5)}; 26449 width: 100%; 26450 } 26451`;var ce=n(77262),me=(n(77498),n(29164));const ue=(e,t,n)=>e?{as:me.A,onIntersectionViewport:t,analyticsData:n}:{};d().number.isRequired,d().bool,d().bool,d().object.isRequired,d().string,d().func,d().func,d().shape({isAuthenticated:d().bool.isRequired,email:d().string});const pe=({index:e,isSmallDevice:t=!1,recircGalleries:n,onInteractionAnalytics:o=()=>{},onMobileImpressionAnalytics:i=()=>{}})=>{const r=ue(t,i,{index:e,placement:x,recircGalleries:n});return a.createElement(le,{...r,...r.analyticsData&&{"data-analytics":"true"},"data-as":r.as===me.A?"ViewportMonitor":"div",...r.onIntersectionViewport&&{"data-on-intersection-viewport":"true"},"data-testid":r.as===me.A?"mid-recirc-wrapper-viewport":"mid-recirc-wrapper"},a.createElement(ce.A,{items:n,recircInteractionAnalytics:t=>o(x,t,e),"data-testid":"recirc-cards","data-items":JSON.stringify(n)}))};pe.propTypes={index:d().number.isRequired,isSmallDevice:d().bool,onInteractionAnalytics:d().func,onMobileImpressionAnalytics:d().func,recircGalleries:d().array.isRequired};const ge=({index:e,isSmallDevice:t=!1,recircGalleries:n,onInteractionAnalytics:o=()=>{},onMobileImpressionAnalytics:i=()=>{},shouldUseModalStyle:r=!1})=>{const s=ue(t,i,{index:e,placement:E,recircGalleries:n});return a.createElement(de,{...s,...s.analyticsData&&{"data-analytics":"true"},"data-as":s.as===me.A?"ViewportMonitor":"div",...s.onIntersectionViewport&&{"data-on-intersection-viewport":"true"},"data-testid":s.as===me.A?"end-recirc-wrapper-viewport":"end-recirc-wrapper"},a.createElement(ce.A,{isEndOfPageRecirc:!0,items:n,showCropViewOnMobile:r,recircInteractionAnalytics:t=>o(E,t,e),"data-testid":"recirc-cards","data-is-end-of-page":"true","data-items":JSON.stringify(n)}))};ge.propTypes={index:d().number.isRequired,isSmallDevice:d().bool,onInteractionAnalytics:d().func,onMobileImpressionAnalytics:d().func,recircGalleries:d().array.isRequired,shouldUseModalStyle:d().bool};var he=n(73347);const ye=({carouselPlacedIn:e="modal",configuredComponentRef:t,dangerousNavigationIcon:n='<svg focusable="false" viewBox="0 0 32 32" width="32" height="32" xmlns="http://www.w3.org/2000/svg" > <path d="M22.33 15.5l-6.924-6.925.707-.707L24.245 16l-8.132 8.132-.707-.707 6.925-6.925H8v-1z" fillRule="nonzero"/> </svg>',id:o,isModalOpen:i,items:r,responsiveCartoonVariation:l="SliderCartoon",shouldDisableImageClick:d=!0,shouldHoldImageSpace:c=!1,shouldImageLazyLoad:g=!0,shouldUseMediumBreakpoint:w=!0,shouldUseModalStyle:$=!1,showHeadRecirc:v=!0,showPublishedDate:C=!1,title:k="",titleLinkURL:x="",user:E,variations:S={fullBleedSlide:!1,useSectionTitle:!1,mobileSlider:!1}})=>{const{fullBleedSlide:L,mobileSlider:H,useSectionTitle:I}=S,{formatMessage:B}
26451=(0,m.A)(),[O,K]=a.useState(0),[D,_]=a.useState(0),[P,R]=a.useState(0),[q,M]=a.useState(!1),[F,U]=a.useState(!1),[V,G]=a.useState(!1),J=()=>{if(window){const e=window.matchMedia(`(max-width: ${b.VS.lg}px)`);return Boolean(e?.matches)}return!1};(0,f.w)(()=>U(J()));const ae=a.useRef(),[le,de]=a.useState({action:new Array(2).fill(!1),slide:new Array(2).fill(null)}),ce=r.length-1,me=P===ce,ue=r.length>0&&r[ce].hasEndRecirc&&r[ce].recircGalleries[0]&&Boolean(r[ce].recircGalleries[0].url)&&Boolean(r[ce].recircGalleries[0].dangerousHed),ye=v&&ue&&!me,be=ye?r[ce].recircGalleries[0]:{},fe={carouselPlacedIn:e,currentSlideIndex:P,getIsSmallDevice:J,hasHeadRecirc:ye,headRecircGallery:be,isModalOpen:i,slides:r,titleRef:ae,galleryID:o},{triggerSlideAction:we,triggerMobileRecircImpression:$e,triggerRecircInteraction:ve}=T(fe);a.useEffect(()=>U(J()),[]),a.useEffect(()=>{const e={action:new Array(2).fill(!1),slide:new Array(2).fill(null)},t=P+1,n=P-1;n>=0&&(e.action[0]=!0,r[n].hidePreview||(e.slide[0]=n)),t<r.length&&(e.action[1]=!0,r[t].hidePreview||(e.slide[1]=t)),de(e)},[P,r]),a.useEffect(()=>{if(!$){const e=document.querySelector('[class^="StackedNavigationTop"]');K(e?.offsetHeight||0)}},[$]),a.useEffect(()=>{E?.isAuthenticated&&Boolean(E?.email)&&!V&&G(!0)},[E?.isAuthenticated,E?.email,V]);const Ce=e=>{e>=0&&e<r.length&&(M(!0),_(e),we(e))};if(!(Array.isArray(r)&&r.length>0))return null;const ke=x?{href:x,target:"_blank"}:{as:"span"};return a.createElement(W,{ref:t,shouldUseModalStyle:$,headerHeight:O,key:V,"data-testid":"gallery-carousel-container"},!I&&a.createElement(j,{shouldUseModalStyle:$},a.createElement(Y,{ref:ae,"data-testid":"gallery-carousel-title"},a.createElement(X,{...ke,dangerouslySetInnerHTML:{__html:k}})),ye&&a.createElement(Z,{onClick:e=>((e,t)=>{e.preventDefault(),ve(A,t),window.open(t.url,"_blank","noopener,noreferrer")})(e,be),href:be.url,dangerouslySetInnerHTML:{__html:`${B(u.nextGallery)}: ${be.source.hed} »`},"data-testid":"gallery-carousel-header-recirc"})),I&&a.createElement(z,{as:he.Ay,dangerousHed:k}),a.createElement(se,{"data-testid":"gallery-carousel-slider-wrapper"},a.createElement(re,{isEndGalleryRecircCardOnMobile:!$,mobileSlider:H,"data-testid":"gallery-carousel-slider"},a.createElement(ee,{isHidden:!le.action[0],mobileSlider:H,"data-testid":"gallery-carousel-prev-wrapper"},a.createElement(te,{"aria-hidden":!le.action[0],"aria-label":B(u.previous),dangerouslySetInnerHTML:{__html:n},onClick:()=>Ce(P-1),isRotated:!0,role:"button",tabIndex:0})),a.createElement(Q,{isHidden:!le.action[1],mobileSlider:H,"data-testid":"gallery-carousel-next-wrapper"},a.createElement(te,{"aria-hidden":!le.action[1],"aria-label":B(u.next),dangerouslySetInnerHTML:{__html:n},onClick:()=>Ce(P+1),role:"button",tabIndex:0})),a.createElement(ne,{"data-testid":"gallery-carousel-count-wrapper"},a.createElement(oe,{"data-testid":"gallery-carousel-count"},`${P+1}/${r.length}`)),r.map((t,n)=>a.createElement(ie,{key:n,"data-testid":`GalleryCarouselContent__slide_${n+1}`,...n===P&&{"data-testid":"current-slide"},className:s()(t.className,{"fade-in":!q&&n===P,"fade-out":q&&n===P,"fade-in-sequence":!q&&le.slide.includes(n),"fade-out-sequence":q&&le.slide.includes(n),"has-end-recirc":Boolean(t?.hasEndRecirc),"is-mid-recirc-slide":Boolean(t?.isMidRecirc),"is-ad-slide":Boolean(t?.isAd),"is-newsletter-slide":Boolean(t?.isNewsletter),"is-content-slide":Boolean(t?.isContent),"is-xl-recirc-slide":Boolean(t?.isXLGalleryRecirc),"current-slide":n===P},!L&&{"prev-slide":n===le.slide[0],"next-slide":n===le.slide[1],"last-slide":n===ce}),onAnimationEnd:()=>(e=>{q&&e===P&&(R(D),M(!1))})(n),"aria-hidden":n!==P,fullBleedSlide:L,mobileSlider:H,...d&&{"data-disable-click":"true"}},t?.isNewsletter&&a.createElement(N.GO,null),t?.isAd&&a.createElement(y.Z,{group:"ads"},a.createElement(h.A,{position:"mid-gallery"})),t?.isMidRecirc&&a.createElement(pe,{index:n,isSmallDevice:F,recircGalleries:t.recircGalleries,onInteractionAnalytics:ve,onMobileImpressionAnalytics:$e}),["cartoon","photo"].includes(t?.contentType||"")&&a.createElement(p.A,{key:t.id,...t.image||t,isLazy:g,responsiveCartoonVariation:l,shouldDisableImageClick:d,shouldHoldImageSpace:c,shouldUseMediumBreakpoint:w,showPublishedDate:C,analyticsData:{currentSlide:t,cartoonPlacement:e,cartoonPosition:n+1,totalNumberOfCartoons:r.length,galleryTitle:ae.current?.innerText||"",currentSlideIndex:n,galleryID:o,slides:r,isSmallDevice:F}}),t?.hasEndRecirc&&a.createElement(ge,{index:n,isSmallDevice:F,recircGalleries:t.recircGalleries,onInteractionAnalytics:ve,onMobileImpressionAnalytics:$e,shouldUseModalStyle:$}))))))};
26451ye.propTypes={configuredComponentRef:d().func,carouselPlacedIn:d().oneOf(["gallery","modal","bundle"]),dangerousNavigationIcon:d().string,id:d().string,isModalOpen:d().bool,items:d().array.isRequired,responsiveCartoonVariation:d().oneOf((0,i._)(g.A)),shouldDisableImageClick:d().bool,shouldHoldImageSpace:d().bool,shouldImageLazyLoad:d().bool,shouldUseMediumBreakpoint:d().bool,shouldUseModalStyle:d().bool,showHeadRecirc:d().bool,showPublishedDate:d().bool,title:d().string,titleLinkURL:d().string,user:d().shape({isAuthenticated:d().bool.isRequired,email:d().string}),variations:d().shape({fullBleedSlide:d().boolean,mobileSlider:d().boolean,useSectionTitle:d().boolean})};const be=(0,c.Ng)(e=>({isModalOpen:e.isModalOpen||!1,user:e.user}))(ye);be.MagazineCartoons=(0,i.y)(be,"magazineCartoons",{fullBleedSlide:!0,mobileSlider:!0,useSectionTitle:!0},{shouldUseModalStyle:!0});const fe=be,we=(0,o.y)(fe,"GalleryCarousel")},1429(e,t,n){n.d(t,{A:()=>W});var o=n(38221),i=n.n(o),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(4178),m=n(6395),u=n(6442);const p=(0,n(72267).YK)({adSlideText:{id:"GalleryEmbedControls.AdSlideText",defaultMessage:"Advertisement",description:"GalleryEmbed component Ad slide text"},backArrowButtonAriaLabel:{id:"GalleryEmbedControls.BackArrowButtonAriaLabel",defaultMessage:"gallery-back",description:"GalleryEmbed component Back Arrow Button Aria Label"},forwardArrowButtonAriaLabel:{id:"GalleryEmbedControls.ForwardArrowButtonAriaLabel",defaultMessage:"gallery-forward",description:"GalleryEmbed component Forward Arrow Button Aria Label"}});var g=n(56082),h=n(4262);const y={ChevronRight:n(39733).A,Arrow:h.A},b=({className:e,iconType:t="ChevronRight",onBack:n,onForward:o,placement:i="footer",slideCount:a,slideIndex:s,isAdSlide:l,showHorizontalLightboxExplore:c,shouldCycleSlides:m})=>{const{formatMessage:h}=(0,u.A)(),b=!m&&0===s,f=!m&&s+1===a&&!l,w=c&&"inline"===i&&!l,$=!w,v=d.createElement(g._y,{isInlineHorizontalLightboxControls:w},d.createElement(g.Ge,{isInlineHorizontalLightboxControls:w},`${s+1} `),d.createElement(g.NJ,{isInlineHorizontalLightboxControls:w},`/ ${a}`)),C=l?d.createElement(g.Z,null,h(p.adSlideText)):v;return d.createElement(g.cc,{className:r()(e,`gallery-embed-controls--${i}`),isInlineHorizontalLightboxControls:w},$&&C,d.createElement(g.mg,{role:"presentation",onKeyDown:e=>{const t={ArrowLeft:n,ArrowRight:o};t[e.key]&&t[e.key]()},isInlineHorizontalLightboxControls:w},d.createElement(g.q_,{ariaLabel:h(p.backArrowButtonAriaLabel),isBackArrow:!0,isInlineHorizontalLightboxControls:w,onClickHandler:n,label:"",inputKind:"button",isIconButton:!0,isDisabled:b,isDisabledStyle:b,ButtonIcon:y[t]}),w&&v,d.createElement(g.q_,{ariaLabel:h(p.forwardArrowButtonAriaLabel),isInlineHorizontalLightboxControls:w,onClickHandler:o,label:"",inputKind:"button",isIconButton:!0,isDisabled:f,isDisabledStyle:f,ButtonIcon:y[t]})))};b.propTypes={className:l().string,iconType:l().oneOf(["Arrow","ChevronRight"]),isAdSlide:l().bool,onBack:l().func.isRequired,onForward:l().func.isRequired,placement:l().oneOf(["footer","inline"]),showHorizontalLightboxExplore:l().bool,shouldCycleSlides:l().bool,slideCount:l().number,slideIndex:l().number};const f=b;var w=n(90090),$=n(38759),v=n(13465),C=n(43428),k=n(60162),A=n(1165),x=n(12564),E=n(39832);const S={"callout:button-group":x.A},L=new A.default({a:function(e){const{isExternal:t,...n}=e;return{type:t?E.A:"a",props:n}},"inline-embed":e=>({type:S[e.type],props:e.props})}),T=({className:e,configuredComponentRef:t,ctaAnalyticsName:n,ctaHref:o,cta:i,contentType:a,dangerousCredit:r,dangerousDek:s,dangerousDetail:l,dangerousHed:c,dangerousMetaOne:m,price:p,reducedPrice:h,sellerName:y,brand:b,id:f,productId:v,offers:A,offerId:x,index:E})=>{const{formatMessage:S}=(0,u.A)(),T=(0,$.C0)(i,a,S),N=(e,t=null)=>{if(!["product","commerce-product"].includes(a))return;const n={dangerousHed:c,brand:{name:b},id:v??f,index:E,contentType:a,offers:A,component:"gallery_slide_component"};(0,k.g1)({window,product:n,index:E,layout:"ProductEmbed",layoutTitle:c,event:e,actionId:t})},H=({event:e,actionId:t})=>{n&&(0,w.zJ)(`${n}-embed`,{})},I=e=>{window.open(e,"_blank","noopener,noreferrer")};return d.createElement(g.t9,{ref:t,className:e},r&&d.createElement(g.$k,{dangerouslySetInnerHTML:{__html:r}}
26451),c&&d.createElement(g.Br,{dangerouslySetInnerHTML:{__html:c}}),s&&("string"==typeof(B=s)?d.createElement(g.r9,{dangerouslySetInnerHTML:{__html:B}}):d.createElement(g.r9,null,L.convert(s))),(m||p)&&d.createElement(g.qJ,null,m&&d.createElement(g.d$,{dangerouslySetInnerHTML:{__html:m}}),p&&d.createElement(g.Lt,null,h?d.createElement("del",null,p):d.createElement("span",null,p)),h&&d.createElement(g.Ff,null,h)),l&&d.createElement(g.Ht,{dangerouslySetInnerHTML:{__html:l}}),y&&d.createElement(g.mo,{dangerouslySetInnerHTML:{__html:y}}),T&&o&&d.createElement(g.y_,{href:o,inputKind:"link","aria-label":"Opens in a new window",label:T,onClickHandler:e=>{e.preventDefault(),(0,C.P)({event:e,onClickHandler:H,gtmTrackOnClick:N,linkProps:o,setLinkProps:I,component:"gallery_slide_component",type:"GallerySlideCaption"})},rel:"nofollow noopener noreferrer",target:"_blank",id:x||f}));var B};T.propTypes={configuredComponentRef:l().func,className:l().string,contentType:l().string,cta:l().shape({article:l().string,product:l().string,recipe:l().string,review:l().string}),ctaAnalyticsName:l().string,ctaHref:l().string,dangerousCredit:l().string,dangerousDek:l().oneOfType([l().string,l().array]),dangerousDetail:l().string,dangerousHed:l().string,dangerousMetaOne:l().string,price:l().string,reducedPrice:l().string,sellerName:l().string,brand:l().string,id:l().string,productId:l().string,offers:l().array,offerId:l().string,index:l().number},T.displayName="GalleryEmbedCaption";const N=(0,v.y)(T,"GalleryEmbedCaption");var H=n(72899),I=n(53499),B=n(31989),O=n(38080),K=n(89417),D=n(54370),_=n(41598),P=n(21645),R=n(52818),q=n(3247),M=n(97560),F=n(14307);const U=e=>{const t=d.isValidElement(e)?e.props:e;return!!t&&(!!((0,_.ti)(t.contentType)||(0,_.ti)(t.data_item?.contentType)||(0,_.ti)(t.slide?.contentType)||t.productId||t.ctProductId||t.data_item?.productId||t.data_item?.ctProductId)||d.Children.toArray(t.children).some(U))},V=(e,t,n,o,i,a,r)=>{if(!(!i&&o&&t&&n))return e;return e.reduce((o,i,r)=>{const{slidesAndAds:s,adCount:l}=o;return s.push(i),(o=>{const i=o<=t*n,a=o%t===0,r=e.length-o;return a&&i&&r>=1})(r+1)?(s.push({isAd:!0,...a&&{isMidGalleryAd:!0,midGalleryAdIndex:l}}),{slidesAndAds:s,adCount:l+1}):{slidesAndAds:s,adCount:l}},{slidesAndAds:[],adCount:r}).slidesAndAds},G=e=>{const{children:t,className:n,contentType:o,controlsIcon:a,dangerousHed:s,display:l,galleryId:u,gallerySlideVariation:p="ItemCenterNoCaption",bookmarkMeta:h,hasPhotoBookmark:y,showHed:b=!1,slides:$=[],isLazy:v=!1,isModal:C=!1,isModalClosed:k,textAlign:A,isListicleLayout:x=!1,shouldCycleSlides:E=!1,isInLightbox:S=!1,showHorizontalLightboxExplore:L=!1,shouldHoldImageSpace:T=!1,showGalleryEmbedCaption:_=!0,showZoomedImage:G,variations:W={display:"slideshow"},config:j={adsConfig:{galleryEmbedMidGalleryAdCadence:0}},midGalleryAdsLimit:z=1/0,moreToExploreConfig:Y,showAds:X=!0,showNoAdsFromParent:Z=!1,indexToStartOn:J=0,variationName:Q,enableAffiliateDisclaimerLabel:ee=!1}=e,te=L&&S,ne=j.adsConfig?.galleryEmbedMidGalleryAdCadence??0;let oe=0;if(S){const e=document.getElementsByClassName("ad__slot--mid-gallery");e&&e.length&&(oe=e.length)}const ie=V($,ne,z,X,Z,S,oe),ae=$.length;let re=J;ne>0&&J>=ne&&(re+=Math.floor(J/ne));const se=te?re-ie.slice(0,re).reduce((e,t)=>t.isAd?e+1:e,0):re,[le,de]=(0,d.useState)(!1),[ce,me]=(0,d.useState)(!1),[ue,pe]=(0,d.useState)(re),[ge,he]=(0,d.useState)(se),[ye,be]=(0,d.useState)(null),[fe,we]=(0,d.useState)(!1),$e=ie[ue]?.id,ve=(0,d.useRef)(null),Ce=(0,d.useRef)(),ke=e=>{ve.current=e},Ae=()=>{const e=ve.current?ve.current.getBoundingClientRect().width:null;be(e)},xe=()=>{Ae()},Ee=e=>{let t=ue+e;if(E)t=((e,t)=>{let n=e;return e>=t.length?n=0:e<0&&(n=t.length-1),n})(t,ie);else if(t<0||t>ie.length-1)return;const n=ie[t].isAd,o=t-ie.slice(0,t).reduce((e,t)=>t.isAd?e+1:e,0);de(!0),we(n),pe(t),he(o),n?(0,w.W8)("gallery-ad-view",{}):(e=>{const t=$[e],{dangerousHed:n,filename:o}=t,i={"gallery-item-number":`image-${e+1===ae?"end":e+1}`,"gallery-item-name":n?(a=n,a.replace(/<[^>]*>/g,"")):"","gallery-item-file":o||"","gallery-length":ae};var a;(0,w.W8)("embedded-gallery-view",i)})(o)},Se=()=>Ee(1),Le=()=>Ee(-1);let Te;(0,d.useEffect)(()=>{me(!0),Ae();const e=i()(xe,20);return window.addEventListener("resize",e),window.Kendra.TRACK_COMPONENT.broadcast(I.G.RENDER,{name:"GalleryEmbed",variation:Q}),()=>{window.removeEventListener("resize",e)}},[]),(0,d.useEffect)(()=>{const e=Ce.current;ce&&S&&!k&&(e||void 0===e)&&(0,q.MN)("gallery-embed"),Ce.current=k},[ce,S,k]),(0,d.useEffect)(()=>
26451{if(!ce||!L||!S||fe||!u||!$e)return;const e=(0,K.X)({photoId:$e,contentType:"gallery",contentId:u});(0,M.C)({pageUrl:e,imageId:$e,galleryId:u})},[$e,u,fe,ce,S,L]),(0,d.useEffect)(()=>{const e=$[ge];var t,n,o;!fe&&e&&te&&(t=e,n=ge,o=$.length,(0,F.kg)(((e,t,n)=>{const{image:o,dangerousHed:i,id:a}=e;return{type:"impression",subject:"lightbox_gallery_slide_image",items:[{content_id:a,content_url:o?.segmentedSources?.lg?.[0].url||"",content_title:i,content_type:"photo"}],placement:"horizontal",index:t,total_index:n}})(t,n,o)))},[fe,te,$,ge]);const Ne="callout:slideshow"===o,He=m.A[p];t&&(Te=d.Children.toArray(t).filter(e=>"�"!==e.props.children).map(e=>({...e.props,bookmarkMeta:e.props.bookmarkMeta||h})));const Ie=l||W?.display,Be=Te?[...Te,...$]:$,Oe=ee&&((e=[])=>e.some(U))(Be);if("promo"===Ie&&!Ne)return d.createElement(c.A,{...e});const Ke=ce?ie:$.slice(0,3),De=$.length,_e=$[ge],Pe=Ke[ue]&&!fe,Re=!te||fe,qe=te&&null===ye,Me=qe?-100*ue+"%":ue*ye*-1+"px",Fe=le?{left:Me,...qe?{}:{transition:"left 0.3s ease-in-out"}}:{left:Me},Ue=C?Fe:{transform:`translate(${ue*ye*-1}px, 0)`},{configuredComponentRef:Ve}=e,Ge=({controlsAdSlide:e,placement:t,iconType:n})=>d.createElement(f,{isAdSlide:e,placement:t,showHorizontalLightboxExplore:te,slideIndex:ge,slideCount:De,onBack:Le,onForward:Se,shouldCycleSlides:E,...n&&{iconType:n}});return d.createElement(g.bd,{isListicleLayout:x,showHorizontalLightboxExplore:te,ref:(0,D.P)(ke,Ve),className:r()("gallery-embed",n),isModalClosed:k},Oe&&d.createElement(H.A,{enableAffiliateDisclaimerLabel:!0}),d.createElement(g.iq,{className:"gallery-embed__hr",isListicleLayout:x,hasMixedMediaSlides:Ne,isModalClosed:k}),b&&s&&d.createElement(g.ID,{dangerouslySetInnerHTML:{__html:s}}),x?d.createElement(d.Fragment,null,d.createElement(g.rD,{chunk:ie,getRef:ke,hasPhotoBookmark:y,isListicleLayout:x,index:ue,isInLightbox:S,shouldHoldImageSpace:T,showZoomedImage:G,isModalClosed:k})):d.createElement(d.Fragment,null,Ne?d.createElement(R.A,{slides:Te,totalGalleryItems:De,textAlign:A,hasPhotoBookmark:y,enableAffiliateDisclaimerLabel:Oe}):d.createElement(d.Fragment,null,d.createElement(g.Og,{noHed:!b,showHorizontalLightboxExplore:te,touchAction:te?"pan-y":void 0,onSwipeRight:Le,onSwipeLeft:Se},d.createElement(g.vo,{isListicleLayout:x,style:Ue},Ke.map((e,t)=>d.createElement(g._8,{key:e.id||t,isListicleLayout:x,showHorizontalLightboxExplore:te},((e,t)=>{if(e.isAd)return d.createElement(O.Z,{group:"ads"},d.createElement(B.A,{position:"mid-gallery",...void 0!==e.midGalleryAdIndex&&{index:e.midGalleryAdIndex}}));const n=te&&ue===t,o=Y?.showMoreToExploreScript??!0;return d.createElement(g.t,{showHorizontalLightboxExplore:te},d.createElement(He,{...e,hasPhotoBookmark:y,isInLightbox:S,isLazy:v,showZoomedImage:G,...te&&{preHeaderOne:"",showHorizontalLightboxExplore:!0}}),n&&Ge({controlsAdSlide:!1,placement:"inline",iconType:a}),n&&d.createElement(g.GM,{showHorizontalLightboxExplore:te},d.createElement(P.A,{internalModelProps:{componentConfig:{MoreToExplore:{settings:Y}},currentContentId:u,currentContentType:_e?.contentType,currentImageId:_e?.id},showMoreToExploreScript:o})))})(e,t))))),Re&&Ge({controlsAdSlide:fe,placement:"footer",iconType:a}))),_&&Pe&&d.createElement(d.Fragment,null,d.createElement(N,{...Ke[ue]}),d.createElement(g.iq,{className:"gallery-embed__hr",isListicleLayout:x,hasMixedMediaSlides:Ne,isModalClosed:k})))};G.propTypes={configuredComponentRef:l().func,children:l().node,className:l().string,config:l().object,contentType:l().string,controlsIcon:l().oneOf(["Arrow","ChevronRight"]),dangerousHed:l().string,display:l().string,enableAffiliateDisclaimerLabel:l().bool,galleryId:l().string,gallerySlideVariation:l().oneOf(["ItemLeft","ItemCenterNoCaption"]),bookmarkMeta:l().shape({slug:l().string,title:l().string}),hasPhotoBookmark:l().bool,indexToStartOn:l().number,isInLightbox:l().bool,moreToExploreConfig:l().object,showHorizontalLightboxExplore:l().bool,isLazy:l().bool,isListicleLayout:l().bool,isModal:l().bool,isModalClosed:l().bool,midGalleryAdsLimit:l().number,shouldCycleSlides:l().bool,shouldHoldImageSpace:l().bool,showAds:l().bool,showGalleryEmbedCaption:l().bool,showHed:l().bool,showNoAdsFromParent:l().bool,showZoomedImage:l().bool,slides:l().array,textAlign:l().string,variationName:l().string,variations:l().shape({display:l().string})},G.displayName="GalleryEmbed";const W=G},76997(e,t,n){n.d(t,{A:()=>l});var o=n(13465),i=n(47655),a=n(1429),r=n(52818);a.A.ContentPromo=(0,i.y)(a.A,"ContentPromo",{display:"promo"}),a.A.MixedMediaCarousel=(0,i.y)(r.A,"MixedMediaCarousel",{});const s=a.A,l=(0,o.y)(s,"GalleryEmbed")},56082(e,t,n){n.d(t,{$k:()=>C,Br:()=>k,Ff:()=>O,GM:()=>f,Ge:()=>R,Ht:()=>I,ID:()=>A,Lt:()=>B,NJ:()=>q,Og:()=>$,Z:()=>_,_8:()=>y,_y:()=>P,bd:()=>v,cc:()=>D,d$:()=>N,iq:()=>w,mg:()=>M,mo:()=>H,qJ:()=>T,q_:()=>F,r9:()=>x,rD:()=>E,t:()=>b,t9:()=>L,vo:()=>h,y_:()=>S});var o=n(38267),i=n(18608),a=n(26865),r=n(48209),s=n(72665),l=n(73730),d=n(55082),c=n(5239),m=n(7228),u=n(74741);const p="0.4s",g=(e=!1)=>`\n display: flex;\n position: relative;\n flex-direction: row;\n flex-wrap: nowrap;\n transition: transform ${p} ease-in-out;\n margin: 0;\n padding: 0;\n width: 100%;\n min-width: 0;\n height: 100%;\n min-height: 0;\n list-style: none;\n\n ${e?"display: block;":""}\n`,h=o.Ay.ul.withConfig({displayName:"GalleryEmbedSlideList"})` 26452 && { 26453 ${({isListicleLayout:e})=>g(e)} 26454 } 26455`,y=o.Ay.li.withConfig({displayName:"GalleryEmbedSlideListItem"})` 26456 && { 26457 display: flex; 26458 flex: 0 0 auto; 26459 align-items: center; 26460 justify-content: center; 26461 margin: 0 auto; 26462 padding: 0; 26463 width: 100%; 26464 min-width: 0; 26465 min-height: 0;
26466 ${({showHorizontalLightboxExplore:e})=>e&&"\n align-items: flex-start;\n "} 26467 26468 ${(0,a.R9)("isListicleLayout",!0,"\n display: block;\n ")} 26469 } 26470`,b=o.Ay.div.withConfig({displayName:"GalleryEmbedSlideUnit"})` 26471 display: flex; 26472 flex-direction: column; 26473 width: 100%; 26474 min-width: 0; 26475 min-height: 0; 26476 26477 ${({showHorizontalLightboxExplore:e,theme:t})=>e&&(0,a._o)(t,"background-color","colors.interactive.base.black")}; 26478`,f=o.Ay.div.withConfig({displayName:"GalleryEmbedMoreToExploreWrapper"})` 26479 ${({showHorizontalLightboxExplore:e,theme:t})=>e&&`\n flex: 0 0 auto;\n ${(0,a._o)(t,"background-color","colors.interactive.base.black")};\n\n ${u.NH} {\n margin-top: 0;\n padding: 0 ${(0,a.Kq)(3)} ${(0,a.Kq)(3)};\n }\n\n ${u.uP} {\n margin-bottom: 0;\n border-top: 0;\n padding: ${(0,a.Kq)(2)} 0 0;\n }\n `} 26480`,w=o.Ay.hr.withConfig({displayName:"GalleryEmbedHr"})` 26481 && { 26482 display: block; 26483 margin: 0; 26484 border: 0; 26485 padding: 0; 26486 height: 1px; 26487 26488 ${({isListicleLayout:e,hasMixedMediaSlides:t})=>e||t&&"\n display: none;\n "} 26489 } 26490`,$=(0,o.Ay)(r.A).withConfig({displayName:"GalleryEmbedSwipe"})` 26491 && { 26492 display: block; 26493 ${({theme:e})=>(0,a._o)(e,"background-color","colors.consumption.body.standard.bg-photo")}; 26494 26495 ${(0,a.R9)("noHed",!0,`\n ${({showHorizontalLightboxExplore:e})=>!e&&`margin-top: ${(0,a.Kq)(5)};`}\n `)} 26496 } 26497`,v=o.Ay.div.withConfig({displayName:"GalleryEmbedWrapper"})` 26498 position: relative; 26499 margin: 0 0 ${(0,a.Kq)(4)}; 26500 overflow: hidden; 26501 26502 /* Grid gap override */ 26503 ${d.jZ} ${d.MC} { 26504 grid-gap: 0; 26505 } 26506 26507 ${c.nw} & { 26508 margin: 0; 26509 } 26510 26511 &:first-child { 26512 ${w}:first-child { 26513 display: none; 26514 } 26515 } 26516 26517 ${({isListicleLayout:e})=>e&&`\n .gallery__slides__slide {\n margin-bottom: ${(0,a.Kq)(4)};\n }\n ${d.MC} {\n display: block;\n grid-template-columns: inherit;\n }\n ${m.BF} {\n margin: 0 auto;\n }\n `} 26518 26519 ${d.jZ} 26520 ${d.a_} 26521 .responsive-image__image { 26522 margin: auto; 26523 width: auto; 26524 min-width: 0; 26525 min-height: 0; 26526 /* This is an arbitrary height 26527 so that the gallery doesn't 26528 take up too much vertical space */ 26529 max-height: 550px; 26530 } 26531 26532 ${({showHorizontalLightboxExplore:e})=>!e&&`\n ${u.NH} {\n margin-top: -${(0,a.Kq)(4)};\n\n @media (width: 375px) {\n margin-top: 0;\n }\n }\n `} 26533`,C=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCredit"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.body-deemphasized",topSpacing:"3",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...e}))` 26534 /* This is to override .body a:not(.button):link, .body a:not(.button):visited */ 26535 && { 26536 a { 26537 color: inherit; 26538 } 26539 } 26540`,k=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedSlideTitle"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.subhed",topSpacing:2,typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))``,A=o.Ay.h2.withConfig({displayName:"GalleryEmbedTitle"})` 26541 &&& { 26542 ${(0,a.Gg)("typography.definitions.consumptionEditorial.subhed-aux-primary")} 26543 ${({theme:e})=>(0,a._o)(e,"color","colors.consumption.body.standard.subhed")}; 26544 26545 margin: 0; 26546 padding: ${(0,a.Kq)(2)} 0; 26547 } 26548`,x=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionSlideBody"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.body",topSpacing:2,typeIdentity:"typography.definitions.consumptionEditorial.description-embed",...e}))``,E=(0,o.Ay)(s.A).withConfig({displayName:"GalleryEmbedListWrapper"})` 26549 ${({isListicleLayout:e})=>g(e)} 26550 26551 .gallery__item__slide--mid-gallery-ad { 26552 margin-bottom: 1.5rem; 26553 } 26554`,S=(0,o.Ay)(l.A.Utility).withConfig({displayName:"GalleryEmbedCaptionButton"})` 26555 margin-top: ${(0,a.Kq)(3)}; 26556`,L=o.Ay.figcaption.withConfig({displayName:"GalleryEmbedCaptionWrapper"})` 26557 margin-bottom: ${(0,a.Kq)(4)}; 26558`,T=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionMetaOneWrapper"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.subhed",topSpacing:3,...e}))` 26559 line-height: 0; 26560`,N=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionMetaOne"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))``,H=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionSellerName"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.subhed",topSpacing:2,typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 26561 display: block; 26562`,I=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionDetail"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.accent",topSpacing:2,typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))``,B=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionPrice"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.body-deemphasized",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))``,O=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedCaptionReducedPrice"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.accent",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 26563 margin-left: ${(0,a.Kq)(1)}; 26564`,K="32px",D=o.Ay.div.withConfig({displayName:"GalleryEmbedControlsStyles"})` 26565 display: flex; 26566 align-items: center; 26567 justify-content: space-between; 26568 padding: ${(0,a.Kq)(3)} 0 0; 26569 width: 100%; 26570 line-height: 0; 26571
26572 ${({isInlineHorizontalLightboxControls:e,theme:t})=>e&&`\n justify-content: center;\n align-self: stretch;\n padding: 0;\n line-height: 1;\n ${(0,a._o)(t,"background-color","colors.interactive.base.black")};\n `} 26573`,_=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedControlsAdTitle"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))``,P=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedControlsCounter"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 26574 display: inline-block; 26575 26576 ${({isInlineHorizontalLightboxControls:e,theme:t})=>e&&`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: ${(0,a.Kq)(.25)};\n ${(0,a.Gg)(t,"typography.definitions.globalEditorial.context-primary")};\n font-variant-numeric: tabular-nums;\n margin-top: ${(0,a.Kq)(.5)};\n `} 26577 26578`,R=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedControlsCounterIndex"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 26579 ${({isInlineHorizontalLightboxControls:e,theme:t})=>e&&`\n ${(0,a._o)(t,"color","colors.interactive.base.white")};\n opacity: 0.98;\n `} 26580`,q=(0,o.Ay)(i.vm).withConfig({displayName:"GalleryEmbedControlsCounterCount"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.body-deemphasized",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 26581 ${({isInlineHorizontalLightboxControls:e,theme:t})=>e&&`\n ${(0,a._o)(t,"color","colors.interactive.base.light")};\n opacity: 0.9;\n `} 26582`,M=o.Ay.div.withConfig({displayName:"GalleryEmbedControlsController"})` 26583 display: inline-block; 26584 26585 ${({isInlineHorizontalLightboxControls:e})=>e&&"\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n "} 26586`,F=(0,o.Ay)(l.A.Utility).withConfig({displayName:"GalleryEmbedControlsButton"})` 26587 display: inline-block; 26588 /* This +10 is to offset the lag that happens when transitioning a svg fill-color */ 26589 transition: transform ${p+10} ease-in-out; 26590 border: 1px solid; 26591 ${({theme:e})=>(0,a._o)(e,"border-color","colors.interactive.base.black")}; 26592 background-color: transparent; 26593 cursor: pointer; 26594 padding: 0; 26595 width: ${K}; 26596 min-width: ${K}; 26597 height: ${K}; 26598 26599 && { 26600 &:focus, 26601 &:hover, 26602 &:active { 26603 border-width: 1px; 26604 background-color: transparent; 26605 } 26606 26607 ${({isDisabled:e})=>e&&`\n opacity: 0.8;\n border: 1px solid;\n ${({theme:e})=>(0,a._o)(e,"border-color","colors.interactive.base.light")};\n pointer-events: none;\n\n svg {\n ${({theme:e})=>(0,a._o)(e,"fill","colors.interactive.base.light")};\n }\n `} 26608 } 26609 26610 &:focus, 26611 &:hover { 26612 border: 1px solid; 26613 background-color: none; 26614 26615 ${({theme:e})=>(0,a._o)(e,"border-color","colors.interactive.base.brand-primary")}; 26616 26617 svg { 26618 ${({theme:e})=>(0,a._o)(e,"fill","colors.interactive.base.brand-primary")}; 26619 } 26620 } 26621 26622 &&:active, 26623 &&:focus, 26624 &&:hover { 26625 background-color: none; 26626 } 26627 26628 &&:disabled { 26629 opacity: 0.8; 26630 border-width: 1px; 26631 background-color: transparent; 26632 26633 svg { 26634 ${({theme:e})=>(0,a._o)(e,"fill","colors.interactive.base.light")}; 26635 } 26636 } 26637 26638 svg { 26639 position: relative; 26640 right: -1px; /* Small offset from icon's center */ 26641 transition: fill ${p} ease-in-out; 26642 height: 20px; 26643 ${({theme:e})=>(0,a._o)(e,"fill","colors.interactive.base.black")}; 26644 } 26645 26646 ${({isInlineHorizontalLightboxControls:e,theme:t})=>e&&`\n border: none;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 ${(0,a.Kq)(.5)};\n width: auto;\n min-width: auto;\n height: auto;\n\n &:focus,\n &:hover,\n &:active,\n &&:disabled,\n &&[aria-disabled='true'],\n &&[aria-disabled='true']:focus,\n &&[aria-disabled='true']:active {\n border: none;\n background-color: transparent;\n }\n\n &&[aria-disabled='true'],\n &&[aria-disabled='true']:focus,\n &&[aria-disabled='true']:active {\n opacity: 0.45;\n }\n\n svg {\n ${(0,a._o)(t,"fill","colors.interactive.base.white")};\n height: ${(0,a.Kq)(1.75)};\n width: ${(0,a.Kq)(1.75)};\n }\n\n &:focus svg,\n &:hover svg,\n &:active svg,\n &&[aria-disabled='true'] svg,\n &&[aria-disabled='true']:focus svg,\n &&[aria-disabled='true']:active svg {\n ${(0,a._o)(t,"fill","colors.interactive.base.white")};\n }\n `} 26647
26648 ${({isBackArrow:e,isInlineHorizontalLightboxControls:t})=>e?"transform: rotate(180deg)":t?"":`margin-left: ${(0,a.Kq)(2)}`} 26649`},77262(e,t,n){n.d(t,{A:()=>h});var o=n(13465),i=n(47655),a=n(5556),r=n.n(a),s=n(96540),l=n(6442),d=n(37384),c=n(26891);const m=(0,n(72267).YK)({viewGalleryCTAText:{id:"GalleryRecircCards.ViewGalleryCTAText",defaultMessage:"View gallery »",description:"View gallery button text in End Of Page Recirculation."},viewNextGalleryCTAText:{id:"GalleryRecircCards.viewNextGalleryCTAText",defaultMessage:"View next gallery »",description:"View next gallery button text in End Of Page Recirculation."},keepOnLaughingText:{id:"GalleryRecircCards.keepOnLaughingText",defaultMessage:"Keep on laughing",description:"Keep on laughing text in End Of Page Recirculation."},midGalleryRecircHeading:{id:"GalleryRecircCards.midGalleryRecircHeading",defaultMessage:"Want more laughs? Try another cartoon gallery.",description:"Want more laughs? Try another cartoon gallery text for mid gallery recirc"}}),u=({configuredComponentRef:e,hed:t="",isEndOfPageRecirc:n=!1,onBeforeRedirect:o,items:i,recircInteractionAnalytics:a,showCropViewOnMobile:r=!1,variations:d={shouldOpenInSameTab:!1,shouldUseItemDangerousDek:!1,shouldUseItemDangerousHed:!1}})=>{const{formatMessage:u}=(0,l.A)(),{shouldOpenInSameTab:p,shouldUseItemDangerousDek:g,shouldUseItemDangerousHed:h}=d;if(!i.length)return null;const y=u(n?m.viewNextGalleryCTAText:m.viewGalleryCTAText);return s.createElement(c.kU,{ref:e,isEndOfPageRecirc:n},!n&&s.createElement(c.zO,null,t||u(m.midGalleryRecircHeading)),i.map((e,t)=>s.createElement(c.Zn,{isEndOfPageRecirc:n,key:e.id||t},s.createElement(c.a4,{href:e.url,isEndOfPageRecirc:n,showCropViewOnMobile:r,"data-testid":"GalleryRecircContent",onClick:t=>((e,t)=>{e.preventDefault(),o&&o(t),a&&a(t);const n=p?"_self":"_blank";window.open(t.url,n,"noopener,noreferrer")})(t,e)},s.createElement(c.vs,{isEndOfPageRecirc:n},n&&s.createElement(c.qD,{"data-testid":"GalleryEndRecircHeading"},u(m.keepOnLaughingText)),s.createElement(c.Nb,{"data-testid":"GalleryRecircTitle",isEndOfPageRecirc:n,dangerouslySetInnerHTML:{__html:h&&e.dangerousHed?e.dangerousHed:e?.source?.hed||""}}),s.createElement(c.GN,{"data-testid":"GalleryRecircViewGalleryCTA",dangerouslySetInnerHTML:{__html:g&&e.dangerousDek?e.dangerousDek:y}})),s.createElement(c.EX,{isEndOfPageRecirc:n,"data-testid":"GalleryRecircImage",...e.items[0]}),n&&s.createElement(c.qD,{"data-testid":"GalleryEndRecircHeading"},u(m.keepOnLaughingText))))))};u.propTypes={configuredComponentRef:r().func,hed:r().string,isEndOfPageRecirc:r().bool,items:r().arrayOf(r().shape({dangerousDek:r().string,dangerousHed:r().string,url:r().string,items:r().arrayOf(r().shape({altText:r().string,dangerousCaption:r().string,dangerousCredit:r().string,isDesktopPortrait:r().bool,segmentedSources:d.A.propTypes.segmentedSources,sources:d.A.propTypes.sources,links:r().arrayOf(r().shape({behavior:r().string,label:r().string.isRequired,url:r().string,network:r().string})),tagCloud:r().shape({tags:r().arrayOf(r().shape({tag:r().string.isRequired,url:r().string})),sectionHeader:r().string})}))}).isRequired).isRequired,onBeforeRedirect:r().func,recircInteractionAnalytics:r().func,showCropViewOnMobile:r().bool,variations:r().shape({shouldOpenInSameTab:r().bool,shouldUseItemDangerousDek:r().bool,shouldUseItemDangerousHed:r().bool})},u.displayName="GalleryRecircCards";const p=u;p.CaptionContestRecirc=(0,i.y)(p,"CaptionContestRecirc",{shouldOpenInSameTab:!0,shouldUseItemDangerousDek:!0,shouldUseItemDangerousHed:!0},{isEndOfPageRecirc:!1});const g=p,h=(0,o.y)(g,"GalleryRecircCards")},26891(e,t,n){n.d(t,{EX:()=>g,GN:()=>u,Nb:()=>m,Zn:()=>c,a4:()=>$,kU:()=>d,qD:()=>h,vs:()=>p,zO:()=>y});var o=n(38267),i=n(37384),a=n(26865),r=n(99906),s=n(18608),l=n(96472);const d=o.Ay.div.withConfig({displayName:"GalleryRecircGridWrapper"})` 26650 display: grid; 26651 grid-template-rows: repeat(3, auto); 26652 grid-row-gap: ${(0,a.Kq)(2)}; 26653 margin: auto; 26654 max-width: ${(0,a.Kq)(54)}; 26655 height: auto; 26656 26657 ${(0,a.L7)(`${r.VS.lg}px`)} { 26658 max-width: unset; 26659 } 26660 26661 ${({isEndOfPageRecirc:e})=>e&&o.AH` 26662 grid-template-rows: repeat(1, 1fr); 26663 grid-row-gap: 0; 26664 justify-content: end; 26665 max-width: unset; 26666 26667 ${(0,a.L7)(`${r.VS.lg}px`)} { 26668 grid-template-columns: repeat(1, 1fr); 26669 } 26670 `} 26671`,c=o.Ay.div.withConfig({displayName:"GalleryRecircContentWrapper"})` 26672 ${({isEndOfPageRecirc:e})=>e&&o.AH` 26673 display: flex; 26674 justify-self: center; 26675 26676 ${(0,a.L7)(`${r.VS.lg}px`)} { 26677 width: 100%; 26678 } 26679 26680 ${(0,a.H4)(`${r.VS.lg+1}px`)} { 26681 transition: width 0.3s ease; 26682 border: 1px solid 26683 ${(0,a.HK)("colors.consumption.body.standard.divider")};
26684 border-right: none; 26685 border-radius: ${(0,a.Kq)(2)}; 26686 border-top-right-radius: 0; 26687 border-bottom-right-radius: 0; 26688 width: ${(0,a.Kq)(29)}; 26689 26690 &:hover { 26691 width: ${(0,a.Kq)(33)}; 26692 } 26693 } 26694 `} 26695`,m=(0,o.Ay)(s.vm).withConfig({displayName:"GalleryRecircTitle"}).attrs(e=>({as:"h3",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 26696 padding-right: ${(0,a.Kq)(2)}; 26697 26698 ${({isEndOfPageRecirc:e})=>e&&o.AH` 26699 margin-bottom: ${(0,a.Kq)(1)}; 26700 26701 ${(0,a.L7)(`${r.VS.lg}px`)} { 26702 grid-column: 1/8; 26703 grid-row: 2; 26704 padding-right: 0; 26705 text-align: center; 26706 } 26707 `} 26708`,u=(0,o.Ay)(s.vm).withConfig({displayName:"GalleryRecircViewGalleryCTA"}).attrs(e=>({as:"span",colorToken:"colors.interactive.base.brand-primary",typeIdentity:"typography.definitions.foundation.link-primary",...e}))` 26709 &:hover { 26710 text-decoration: underline; 26711 } 26712`,p=(0,o.Ay)(s.c7).withConfig({displayName:"GalleryRecircTextWrapper"})` 26713 display: grid; 26714 grid-column: 1/9; 26715 grid-row: 1/-1; 26716 flex-direction: column; 26717 align-items: start; 26718 gap: ${(0,a.Kq)(1)}; 26719 26720 ${({isEndOfPageRecirc:e})=>e&&o.AH` 26721 gap: 0; 26722 display: flex; 26723 grid-column: 1/-1; 26724 grid-row: 3; 26725 justify-content: center; 26726 26727 ${(0,a.L7)(`${r.VS.lg}px`)} { 26728 grid-column: 1/8; 26729 grid-row: 2; 26730 align-items: center; 26731 } 26732 26733 ${(0,a.Xm)(l.LO.md,`${r.VS.lg}px`)} { 26734 align-items: start; 26735 width: 100%; 26736 } 26737 `} 26738`,g=(0,o.Ay)(i.A).withConfig({displayName:"GalleryRecircImage"})` 26739 display: grid; 26740 grid-column: 9/-1; 26741 grid-row: 1/3; 26742 justify-content: flex-end; 26743 margin: auto; 26744 26745 img { 26746 max-width: ${(0,a.Kq)(15.5)}; 26747 overflow: hidden; 26748 26749 ${(0,a.L7)(`${r.VS.lg}px`)} { 26750 max-width: ${(0,a.Kq)(11.25)}; 26751 } 26752 } 26753 26754 ${({isEndOfPageRecirc:e})=>e&&o.AH` 26755 grid-column: 1/-1; 26756 grid-row: 2; 26757 justify-content: start; 26758 margin-bottom: ${(0,a.Kq)(2)}; 26759 26760 img { 26761 max-width: ${(0,a.Kq)(21)}; 26762 } 26763 26764 ${(0,a.L7)(`${r.VS.lg}px`)} { 26765 display: grid; 26766 grid-column: 8/-1; 26767 grid-row: 1/-1; 26768 justify-content: end; 26769 margin: auto; 26770 margin-left: ${(0,a.Kq)(1)}; 26771 overflow: hidden; 26772 justify-items: center; 26773 26774 img { 26775 max-width: ${(0,a.Kq)(15.5)}; 26776 } 26777 } 26778 `} 26779`,h=(0,o.Ay)(s.vm).withConfig({displayName:"GalleryEndRecircHeading"}).attrs(e=>({as:"h4",colorToken:"colors.consumption.body.standard.display-texture",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 26780 grid-column: 1/-1; 26781 grid-row: 1; 26782 padding-bottom: ${(0,a.Kq)(2)}; 26783 26784 ${(0,a.L7)(`${r.VS.lg}px`)} { 26785 padding-bottom: ${(0,a.Kq)(1)}; 26786 } 26787 26788 ${(0,a.Xm)(l.LO.md,`${r.VS.lg}px`)} { 26789 width: 100%; 26790 } 26791`,y=(0,o.Ay)(s.vm).withConfig({displayName:"GalleryMidRecircHeading"}).attrs(e=>({as:"h4",colorToken:"colors.consumption.body.standard.display-texture",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 26792 grid-column: 1/-1; 26793 grid-row: 1; 26794 text-align: center; 26795 26796 ${(0,a.L7)(`${r.VS.lg}px`)} { 26797 padding: 0 ${(0,a.Kq)(6)}; 26798 } 26799`,b=`\n ${(0,a.H4)(`${r.VS.lg+1}px`)} {\n border: none;\n\n & > ${p} > ${h} {\n display: none;\n }\n }\n`,f=o.AH` 26800 ${(0,a.L7)(`${r.VS.lg}px`)} { 26801 grid-template-rows: repeat(3, auto); 26802 padding-right: ${(0,a.Kq)(2)}; 26803 padding-left: ${(0,a.Kq)(2)}; 26804 width: 100%; 26805 max-width: 100%; 26806 justify-items: center; 26807 26808 & > ${h} { 26809 display: none; 26810 } 26811 26812 ${({showCropViewOnMobile:e})=>!e&&"\n grid-template-rows: repeat(3, auto);\n "}; 26813 26814 ${({showCropViewOnMobile:e})=>e&&o.AH` 26815 border-right: 1px solid 26816 ${(0,a.HK)("colors.consumption.body.standard.divider")}; 26817 border-bottom: none; 26818 border-top-right-radius: ${(0,a.Kq)(2)}; 26819 border-bottom-left-radius: 0; 26820 border-bottom-right-radius: 0; 26821 `} 26822 } 26823`,w=o.AH` 26824 grid-gap: 0; 26825 grid-template-rows: repeat(4, auto); 26826 padding: ${(0,a.Kq)(3)} ${(0,a.Kq)(4)}; 26827 max-width: ${(0,a.Kq)(29)}; 26828 height: auto; 26829 26830 ${b} 26831 26832 ${f} 26833`,$=(0,o.Ay)(s.c7).withConfig({displayName:"GalleryRecircContent"}).attrs(e=>({as:"a",...e}))` 26834 display: grid; 26835 grid-template-columns: repeat(12, 1fr); 26836 grid-template-rows: repeat(2, 1fr); 26837 grid-row-gap: ${(0,a.Kq)(1)}; 26838 align-items: center; 26839 border: 1px solid ${(0,a.HK)("colors.consumption.body.standard.divider")}; 26840 border-radius: ${(0,a.Kq)(2)}; 26841 cursor: pointer; 26842 padding: ${(0,a.Kq)(2)} ${(0,a.Kq)(3)}; 26843 text-decoration: none; 26844 26845 ${({isEndOfPageRecirc:e})=>e&&w} 26846`},38759(e,t,n){n.d(t,{C0:()=>
26846g,Qu:()=>u,Uc:()=>m,a9:()=>c});var o=n(1165),i=n(12564),a=n(20460),r=n(39832),s=n(91542),l=n(40391);const d={"callout:button-group":i.A,"callout:anchor":s.A},c=new o.default({a:function(e){const{isExternal:t,...n}=e;return{type:t?r.A:"a",props:n}},"inline-embed":e=>({type:d[e.type],props:e.props})}),m=e=>Array.isArray(e)&&!!e.length;function u(e){let t;return e&&e.segmentedSources?[t]=e.segmentedSources.sm:e&&e.sources&&([t]=Object.values(e.sources)),t&&t.height>t.width?"portrait":"landscape"}const p={article:a.A.articleCta,product:a.A.productCta,recipe:a.A.recipeCta,review:a.A.reviewCta,venue:a.A.venueCta,"commerce-product":a.A.productCta},g=(e,t,n)=>e?.[t]||((e,t)=>{const n=(0,l.e)(e)?p.venue:p[e];return n&&t(n)})(t,n)},63510(e,t,n){n.d(t,{A:()=>a});var o=n(13465),i=n(6395);const a=(0,o.y)(i.A,"GallerySlide")},55082(e,t,n){n.d(t,{BV:()=>f,CX:()=>ne,G5:()=>E,GC:()=>B,MC:()=>Y,Mw:()=>x,Ng:()=>Q,Pd:()=>W,Qh:()=>C,Qk:()=>w,S6:()=>U,SL:()=>P,TX:()=>S,U:()=>D,WE:()=>M,Wu:()=>N,Xc:()=>H,_6:()=>R,a_:()=>F,dN:()=>y,hK:()=>te,hl:()=>q,i$:()=>ee,ir:()=>oe,j4:()=>O,jZ:()=>J,je:()=>V,k$:()=>_,kV:()=>$,lD:()=>G,lM:()=>A,lo:()=>L,nH:()=>v,p0:()=>z,pt:()=>k,qp:()=>K,x1:()=>T,xU:()=>j,yn:()=>b,zJ:()=>I});var o=n(38267),i=n(18608),a=n(73730),r=n(26865),s=n(48286),l=n(50531),d=n(96472),c=n(63175),m=n(73275),u=n(94037),p=n(7228),g=n(62389),h=n(15622);const y=o.Ay.div.withConfig({displayName:"GallerySlideCaptionCtaBlock"})` 26847 ${({contentAlign:e,showCommentCount:t})=>"left"===e&&t?o.AH` 26848 display: flex; 26849 align-items: center; 26850 justify-content: space-between; 26851 margin-top: ${(0,r.Kq)(2)}; 26852 width: 100%; 26853 `:o.AH` 26854 margin-top: ${(0,r.Kq)(4)}; 26855 `} 26856 ${({hasReadReviewCTA:e})=>e&&o.AH` 26857 flex-basis: content; 26858 margin-top: 0; 26859 26860 .button__icon-container { 26861 margin-top: -${(0,r.Kq)(2)}; 26862 } 26863 `} 26864`,b=o.Ay.div.withConfig({displayName:"GallerySlideCaptionMetaOneContainer"})` 26865 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.numerical-small")}; 26866 margin-top: ${(0,r.Kq)(3)}; 26867 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.subhed")}; 26868`,f=o.Ay.div.withConfig({displayName:"GallerySlideCaptionMetaOne"})` 26869 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.numerical-small")}; 26870 display: inline; 26871 margin-right: ${(0,r.Kq)(.5)}; 26872 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.subhed")}; 26873`,w=o.Ay.span.withConfig({displayName:"GallerySlideCaptionPromotionText"})` 26874 &::before { 26875 content: '\00a0'; 26876 } 26877`,$=o.Ay.div.withConfig({displayName:"GallerySlideCaptionPostCta"})` 26878 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.assistive-text")}; 26879 margin-top: ${(0,r.Kq)(2)}; 26880 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body")}; 26881`,v=o.Ay.div.withConfig({displayName:"GallerySlideCaptionMetaTwo"})` 26882 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-secondary")}; 26883 margin-top: ${(0,r.Kq)(1)}; 26884 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.subhed")}; 26885`,C=(0,o.Ay)(a.A.Utility).withConfig({displayName:"GallerySlideCaptionButton"})` 26886 ${({showCommentCount:e})=>e&&o.AH` 26887 margin-top: ${(0,r.Kq)(4)}; 26888 `} 26889 .slide-venue & { 26890 margin-top: 0; 26891 } 26892`,k=o.Ay.div.withConfig({displayName:"GallerySlideRankingContainerScore"})``,A=o.Ay.div.withConfig({displayName:"GallerySlideRankingContainerRank"})``,x=o.Ay.div.withConfig({displayName:"GallerySlideRankingContainerWrapper"})``,E=o.Ay.span.withConfig({displayName:"GallerySlideCaptionHedText"}).attrs(e=>({colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))``,S=(0,o.Ay)(i.vm).withConfig({displayName:"GallerySlideCaptionHed"}).attrs(e=>({as:"h2",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-primary",...e}))` 26893 margin-top: ${(0,r.Kq)(1.5)}; 26894 margin-bottom: 0; 26895 26896 .slide-venue & { 26897 margin-top: ${(0,r.Kq)(1)}; 26898 26899 .icon { 26900 transition: transform 0.2s; 26901 vertical-align: bottom; 26902 } 26903 } 26904 26905 .slide-venue .external-link:hover &, 26906 .slide-venue .external-link:focus & { 26907 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.link-hover")}; 26908 26909 .icon { 26910 transform: translateX(${(0,r.Kq)(1)}); 26911 26912 path { 26913 ${({theme:e})=>(0,r._o)(e,"fill","colors.consumption.body.standard.link-hover")}; 26914 } 26915 } 26916 }
26917 ${({theme:e,hasGallerySlideBackground:t})=>t&&o.AH` 26918 ${(0,r.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 26919 `} 26920`,L=o.Ay.div.withConfig({displayName:"GallerySlideCaptionBrandNameNotClickable"})` 26921 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 26922 margin-top: ${(0,r.Kq)(1)}; 26923 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 26924 26925 &:first-child { 26926 margin-top: ${(0,r.Kq)(3)}; 26927 } 26928`,T=o.Ay.div.withConfig({displayName:"GallerySlideCaptionOffers"})` 26929 ${({showCommentCount:e})=>e&&o.AH` 26930 display: flex; 26931 flex-direction: column; 26932 justify-content: space-between; 26933 `} 26934 26935 ${({hasReadReviewCTA:e})=>e&&o.AH` 26936 display: flex; 26937 flex-direction: row; 26938 ${(0,r.L7)(d.LO.md)} { 26939 ${h.dU} { 26940 width: 70%; 26941 } 26942 } 26943 `} 26944 26945 ${({hasGallerySlideBackground:e})=>e&&o.AH` 26946 margin-right: -${(0,r.Kq)(2)}; 26947 margin-left: -${(0,r.Kq)(2)}; 26948 `} 26949 margin-top: ${(0,r.Kq)(2)}; 26950 ${(0,r.L7)(d.LO.md)} { 26951 ${({hasGallerySlideBackground:e})=>e&&o.AH` 26952 margin-top: ${(0,r.Kq)(3)}; 26953 `} 26954 } 26955`,N=o.Ay.div.withConfig({displayName:"GallerySlideCaptionDek"})` 26956 &, 26957 & h1, 26958 & h2 { 26959 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.consumptionEditorial.description-embed")}; 26960 margin-top: ${(0,r.Kq)(2)}; 26961 ${({hasGallerySlideBackground:e})=>e&&o.AH` 26962 ${(0,r.H4)(d.LO.md)} { 26963 margin-top: ${(0,r.Kq)(3)}; 26964 } 26965 `} 26966 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body")}; 26967 26968 a:not(.button) { 26969 ${({theme:e})=>(0,r.pe)(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover")}; 26970 } 26971 } 26972 ${({isClampingEnabled:e})=>e?o.AH` 26973 ul { 26974 li:last-child { 26975 margin-bottom: 1rem; 26976 } 26977 } 26978 `:o.AH``} 26979 26980 ${({showLess:e,isClampingEnabled:t,productDescriptionLineLength:n})=>t&&o.AH` 26981 ${e?o.AH` 26982 overflow: hidden; 26983 `:o.AH` 26984 display: -webkit-box; 26985 overflow: hidden; 26986 text-overflow: ellipsis; 26987 -webkit-box-orient: vertical; 26988 -webkit-line-clamp: ${n}; 26989 `} 26990 `} 26991 26992 .slide-venue & { 26993 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.consumptionEditorial.body-core")} 26994 margin-top: ${(0,r.Kq)(2)}; 26995 } 26996`,H=o.Ay.div.withConfig({displayName:"GallerySlideCaptionDekContainer"})``,I=o.Ay.div.withConfig({displayName:"GallerySlideCaptionDetail"})` 26997 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-title")}; 26998 display: flex; 26999 flex-wrap: wrap; 27000 gap: 0.25rem; 27001 margin-top: ${(0,r.Kq)(2)}; 27002 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 27003 27004 .award { 27005 display: inline-flex; 27006 gap: 0.25rem; 27007 } 27008 27009 .award svg { 27010 flex-shrink: 0; 27011 } 27012 27013 .award + .award { 27014 padding-inline-start: 0.25rem; 27015 } 27016 27017 .price { 27018 display: inline-flex; 27019 } 27020 27021 .price + .award::before { 27022 content: '|'; 27023 } 27024 27025 .slide-venue & { 27026 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 27027 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 27028 } 27029`,B=o.Ay.span.withConfig({displayName:"GallerySlideCaptionPreHeaderOne"})``,O=o.Ay.div.withConfig({displayName:"GallerySlideCaptionPreHeaderOneWrapper"})` 27030 padding-top: ${(0,r.Kq)(2)}; 27031 27032 ${({hasGallerySlideTextPadding:e})=>e&&o.AH` 27033 ${(0,r.H4)(d.LO.md)} { 27034 padding-top: ${(0,r.Kq)(1.5)}; 27035 } 27036 `} 27037 27038 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.numerical-small")}; 27039 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 27040 27041 ${({isMobileLightbox:e,theme:t})=>e&&o.AH` 27042 ${(0,r._o)(t,"color","colors.interactive.base.white")}; 27043 padding-top: 0; 27044 `} 27045`,K=o.Ay.div.withConfig({displayName:"GallerySlideCaptionPreHeaderTwo"})` 27046 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-title")}; 27047 margin-top: ${(0,r.Kq)(3)}; 27048 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 27049 27050 .slide-venue & { 27051 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 27052 margin-top: ${(0,r.Kq)(4)}; 27053 } 27054`,D=o.Ay.div.withConfig({displayName:"GallerySlideCaptionPromotionHed"})``,_=o.Ay.div.withConfig({displayName:"GallerySlideCaptionCreditWrapper"})` 27055 html[dir='rtl'] & { 27056 direction: rtl; 27057 text-align: start; 27058 } 27059 27060 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")}; 27061 padding-top: ${(0,r.Kq)(1)}; 27062 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 27063`,P=o.Ay.div.withConfig({displayName:"GallerySlideFigCaption"})` 27064 display: block; 27065 margin: 0; 27066 27067 a { 27068 &:not(.button) { 27069 text-decoration: none; 27070 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.link")}; 27071 27072 &:hover, 27073 &:focus { 27074 text-decoration: underline; 27075 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.link-hover")}; 27076 } 27077 } 27078 } 27079`,R=o.Ay.div.withConfig({displayName:"BookmarkWrapper"})` 27080 float: right; 27081 line-height: 0; 27082 ${g.w6} { 27083 svg { 27084 .icon-loader-fill { 27085 ${(0,r._o)("fill","colors.interactive.base.white")} 27086 } 27087 27088 .icon-loader-stroke { 27089 ${(0,r._o)("stroke","colors.interactive.base.white")} 27090 } 27091 } 27092 } 27093`,q=o.Ay.div.withConfig({displayName:"GallerySlideCaptionWrapper"})` 27094 html[dir='rtl'] & { 27095 direction: rtl; 27096 text-align: start; 27097 } 27098 27099 ${(0,r.H4)(d.LO.md)} { 27100 grid-column: 1 / -1; 27101 } 27102`,M=o.Ay.div.withConfig({displayName:"GallerySlideZoomWrapper"})` 27103 &:hover { 27104 background-image: ${({url:e})=>o.AH`url(${e})`}; 27105 ${({useFixedZoomedImageSize:e})=>e&&o.AH` 27106 background-size: auto 150vh; 27107 `} 27108 } 27109 27110 background-repeat: no-repeat; 27111 overflow: hidden; 27112 @media (any-pointer: fine) { 27113 img { 27114 &:hover { 27115 ${({hasMouseMoved:e})=>e&&o.AH` 27116 opacity: 0; 27117 `} 27118 transition: opacity 0.5s; 27119 cursor: crosshair; 27120 } 27121 } 27122 } 27123`,F=(0,o.Ay)(m.A).withConfig({displayName:"GallerySlideResponsiveAsset"})` 27124 & { 27125 ${p.BF} { 27126 display: block; 27127 width: 100%; 27128 } 27129 } 27130 27131 & .responsive-image { 27132 display: block; 27133 } 27134`,U=(0,o.Ay)(c.A.Overlay).withConfig({displayName:"GallerySlideSocialIcons"})``,V=o.Ay.div.withConfig({displayName:"GallerySlideAssetContainerInner"})` 27135 position: relative; 27136`,G=(0,o.Ay)(V).withConfig({displayName:"GallerySlideNativeShareContainer"})` 27137 bottom: 20px; 27138 float: right; 27139 27140 svg { 27141 cursor: pointer; 27142 } 27143`,W=o.Ay.div.withConfig({displayName:"GallerySlideSocialShareIcon"})` 27144 position: absolute; 27145 right: 5px; 27146 bottom: 35px; 27147 width: max-content; 27148`,j=o.Ay.div.withConfig({displayName:"GallerySlideAssetContainer"})` 27149 /* 27150 * Performance optimization: CSS Containment 27151 * Isolates asset container from style recalculations during lazy loading 27152 */ 27153 contain: layout style; 27154 27155 /* Disable containment when journey units are present (floating bar needs viewport positioning) */ 27156 &:has(.journey-unit__container) { 27157 contain: none; 27158 } 27159`,z=o.Ay.div.withConfig({displayName:"GallerySlideAssetWrapper"})` 27160 display: block; 27161 27162 picture { 27163 width: 100%; 27164 } 27165 27166 ${({orientation:e})=>"landscape"===e&&o.AH` 27167 ${(0,r.H4)(d.LO.md)} { 27168 grid-column: 1 / -1; 27169 } 27170 `} 27171 27172 ${({contentType:e})=>"clip"===e&&o.AH` 27173 margin: 0; 27174 `} 27175`,Y=o.Ay.figure.withConfig({displayName:"GallerySlideFigure"})` 27176 width: 100%; 27177 27178 ${(0,r.H4)(d.LO.md)} { 27179 display: grid; 27180 grid-template-columns: repeat(6, 1fr); 27181 column-gap: ${(0,r.Kq)(3)}; 27182 } 27183`,X=e=>e&&o.AH` 27184 & { 27185 ${O} { 27186 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.numerical-large")} 27187 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.subhed")}; 27188 } 27189 27190 ${S} { 27191 margin-top: ${(0,r.Kq)(1.5)}; 27192 } 27193 } 27194 `,Z=(e,t)=>e&&"left"===t&&o.AH` 27195 & { 27196 & { 27197 ${(0,r.H4)(d.LO.md)} { 27198 ${O} { 27199 margin-top: ${(0,r.Kq)(2)}; 27200 margin-right: ${(0,r.Kq)(3)}; 27201 } 27202 27203 ${K} { 27204 margin-top: ${(0,r.Kq)(3)}; 27205 } 27206 } 27207 } 27208 } 27209 `,J=o.Ay.div.withConfig({displayName:"GallerySlideWrapper"})` 27210 /* 27211 * Performance optimization: CSS Containment 27212 * Isolates each gallery slide wrapper from style recalculations during lazy loading 27213 */ 27214 contain: layout style; 27215 27216 /* Disable containment when journey units are present (floating bar needs viewport positioning) */ 27217 &:has(.journey-unit__container) { 27218 contain: none; 27219 } 27220 27221 & { 27222 margin-bottom: ${(0,r.Kq)(5)}; 27223 }
27224 ${({hasGallerySlideBackground:e})=>e&&o.AH` 27225 ${({theme:e})=>(0,r._o)(e,"background-color","colors.background.light")}; 27226 27227 && { 27228 margin-bottom: ${(0,r.Kq)(8)}; 27229 ${(0,r.L7)(d.LO.md)} { 27230 margin-bottom: ${(0,r.Kq)(6)}; 27231 } 27232 } 27233 `} 27234 ${({hasBackground:e})=>e&&o.AH` 27235 ${({theme:e})=>(0,r._o)(e,"background-color","colors.consumption.body.standard.bg-card")}; 27236 27237 margin: 0 ${(0,r.Kq)(3)} ${(0,r.Kq)(2)}; 27238 padding-bottom: ${(0,r.Kq)(6)}; 27239 27240 ${(0,r.H4)(d.LO.md)} { 27241 margin: 0 0 ${(0,r.Kq)(12)}; 27242 } 27243 27244 + .gallery-slide__cm-container { 27245 margin: ${(0,r.Kq)(12)} 0; 27246 } 27247 27248 ${Y} { 27249 margin: 0; 27250 } 27251 27252 ${q} { 27253 ${(0,r.H4)(d.LO.md)} { 27254 grid-column: 1 / -1; 27255 } 27256 } 27257 27258 ${P} { 27259 margin-right: ${(0,r.Kq)(2)}; 27260 margin-left: ${(0,r.Kq)(2)}; 27261 27262 ${(0,r.H4)(d.LO.md)} { 27263 ${({contentAlign:e,showBookMarkIcon:t})=>"left"===e&&t?o.AH` 27264 margin-right: ${(0,r.Kq)(3)}; 27265 margin-left: ${(0,r.Kq)(3)}; 27266 `:o.AH` 27267 margin-right: ${(0,r.Kq)(6)}; 27268 margin-left: ${(0,r.Kq)(6)}; 27269 `} 27270 } 27271 } 27272 `} 27273 ${({hasReadReviewCTA:e})=>e&&o.AH` 27274 && { 27275 ${(0,r.L7)(d.LO.md)} { 27276 margin: 0; 27277 } 27278 } 27279 `} 27280 ${({hasBackground:e,contentAlign:t})=>!e&&"left"===t&&o.AH` 27281 & { 27282 ${j} { 27283 justify-content: flex-start; 27284 } 27285 } 27286 `} 27287 ${({hasBackground:e})=>!e&&o.AH` 27288 & { 27289 ${Y} { 27290 margin: 0; 27291 } 27292 27293 ${q} { 27294 ${({hasGallerySlideBackground:e})=>!e&&o.AH` 27295 margin: 0 22px; 27296 `} 27297 ${(0,r.H4)(d.LO.lg)} { 27298 margin: 0; 27299 } 27300 ${(0,r.L7)(d.LO.md)} { 27301 ${({hasCaptionMargin:e})=>!e&&o.AH` 27302 margin: 0; 27303 `} 27304 } 27305 } 27306 } 27307 `} 27308 27309 ${({contentType:e})=>e&&("clip"===e||"cnevideo"===e)&&o.AH` 27310 & { 27311 width: 100%; 27312 } 27313 `} 27314 27315 ${({hasBackground:e,orientation:t})=>e&&"landscape"===t&&o.AH` 27316 ${z} { 27317 width: 100%; 27318 height: 100%; 27319 } 27320 `} 27321 ${({hasBackground:e,orientation:t})=>!e&&"portrait"===t&&o.AH` 27322 & ${z} { 27323 display: block; 27324 27325 ${j} { 27326 display: block; 27327 justify-content: center; 27328 27329 ${p.BF} { 27330 width: auto; 27331 } 27332 } 27333 27334 ${(0,r.H4)(d.LO.md)} { 27335 grid-column: 1 / -1; 27336 } 27337 } 27338 `} 27339 27340 ${({hasBackground:e,orientation:t})=>e&&"portrait"===t&&o.AH` 27341 & ${z} { 27342 position: relative; 27343 grid-column: 1 / -1; 27344 padding-bottom: 100%; 27345 height: 0; 27346 27347 ${V} { 27348 height: 100%; 27349 } 27350 27351 ${j} { 27352 position: absolute; 27353 top: 0; 27354 right: 0; 27355 bottom: 0; 27356 left: 0; 27357 ${({theme:e})=>(0,r._o)(e,"background-color","colors.consumption.body.standard.bg-card")}; 27358 } 27359 27360 ${({theme:e})=>(0,r._o)(e,"background-color","colors.consumption.body.standard.bg-photo")}; 27361 27362 &::before { 27363 display: block; 27364 padding-top: 100%; 27365 width: 100%; 27366 content: ''; 27367 } 27368 27369 ${p.BF} { 27370 margin: auto; 27371 max-width: 100%; 27372 max-height: 100%; 27373 } 27374 } 27375 `} 27376 27377 ${({hasBackground:e,orientation:t,image:n})=>e&&"portrait"===t&&n&&o.AH` 27378 & ${z} { 27379 ${F} { 27380 display: block; 27381 padding-bottom: 0; 27382 width: 100%; 27383 height: 100%; 27384 text-align: center; 27385 27386 img${p.BF} { 27387 display: inline-block; 27388 width: auto; 27389 max-width: 100%; 27390 height: 100%; 27391 } 27392 } 27393 } 27394 `} 27395 27396 ${({hasBackground:e,orientation:t,contentAlign:n})=>!e&&"left"===n&&"portrait"===t&&o.AH` 27397 ${z} { 27398 justify-content: flex-start; 27399 } 27400 `} 27401 27402 ${({shouldOrderedGallery:e})=>X(e)} 27403 ${({shouldOrderedGallery:e,contentAlign:t})=>Z(e,t)} 27404 27405 ${({showMultipleBuyButtons:e})=>e&&o.AH` 27406 & { 27407 .product-offer__cta-block .product-offer__buy-button { 27408 width: 100%; 27409 27410 ${(0,r.H4)(d.LO.md)} { 27411 width: 50%; 27412 } 27413 } 27414 27415 .product-offer__buy-button-side { 27416 width: 100%; 27417 } 27418 } 27419 `} 27420 27421 27422 ${({awardList:e})=>e&&o.AH` 27423 & { 27424 display: flex; 27425 margin-bottom: 0; 27426 } 27427 27428 ${Y} { 27429 display: grid; 27430 grid-template-rows: auto auto; 27431 column-gap: ${(0,r.Kq)(3)}; 27432 border-top: 1px solid; 27433 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.body.standard.divider")}; 27434 padding: ${(0,r.Kq)(2)} 0; 27435 27436 ${(0,r.H4)(d.LO.sm)} { 27437 grid-template-columns: 3fr 3fr; 27438 } 27439 27440 ${(0,r.H4)(d.LO.md)} { 27441 grid-template-columns: repeat(6, 1fr); 27442 } 27443 27444 ${z} { 27445 grid-column: 1/4; 27446 grid-row: 1/5; 27447 order: 0; 27448 27449 ${(0,r.H4)(d.LO.sm)} { 27450 grid-column: 1/1; 27451 grid-row: 1/1; 27452 margin-bottom: ${(0,r.Kq)(2)}; 27453 } 27454 27455 ${(0,r.H4)(d.LO.md)} { 27456 grid-column: 1/4; 27457 grid-row: 1/5; 27458 margin-bottom: 0; 27459 } 27460 } 27461 27462 ${x} { 27463 display: flex; 27464 grid-column: 4/-1; 27465 grid-row: 1/1; 27466 margin-bottom: ${(0,r.Kq)(2)}; 27467 27468 div { 27469 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.numerical-large")} 27470 } 27471 27472 ${(0,r.H4)(d.LO.sm)} { 27473 grid-column: 2/3; 27474 grid-row: 1/1; 27475 align-items: center; 27476 } 27477 27478 ${(0,r.H4)(d.LO.md)} { 27479 grid-column: 4/-1; 27480 grid-row: 1/1; 27481 } 27482 } 27483 27484 ${A} { 27485 border-right: 1px solid; 27486 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.body.standard.divider")}; 27487 padding-right: ${(0,r.Kq)(2)}; 27488 27489 h2 { 27490 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-secondary")} 27491 } 27492 } 27493 27494 ${k} { 27495 padding-left: ${(0,r.Kq)(2)}; 27496 27497 h2 { 27498 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-secondary")} 27499 } 27500 } 27501 27502 ${S} { 27503 grid-column: 4/-1; 27504 grid-row: 2/2; 27505 margin-top: 0; 27506 27507 a { 27508 ${({theme:e})=>(0,r.pe)(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover","navigation")}; 27509 } 27510 27511 ${(0,r.H4)(d.LO.sm)} { 27512 grid-column: 1/3; 27513 } 27514 27515 ${(0,r.H4)(d.LO.md)} { 27516 grid-column: 4/-1; 27517 grid-row: 2/2; 27518 } 27519 } 27520 27521 ${N} { 27522 grid-column: 4/-1; 27523 margin: 0; 27524 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 27525 27526 ${(0,r.H4)(d.LO.sm)} { 27527 grid-column: 1/3; 27528 } 27529 27530 ${(0,r.H4)(d.LO.md)} { 27531 grid-column: 4/-1; 27532 } 27533 } 27534 27535 ${N} p { 27536 grid-column: 4/6; 27537 grid-row: 3/3; 27538 margin-top: 0; 27539 } 27540 27541 ${u.F} { 27542 grid-column: 4/6; 27543 width: 160px; 27544 27545 ${(0,r.L7)(d.LO.md)} { 27546 grid-column: 1/-1; 27547 width: 100%; 27548 } 27549 27550 .product-offer__buy-button { 27551 margin-top: ${(0,r.Kq)(2)}; 27552 27553 ${(0,r.L7)(d.LO.md)} { 27554 width: 100%; 27555 } 27556 } 27557 } 27558 } 27559 `} 27560 27561 27562 ${({isHorizontal:e})=>e&&o.AH` 27563 ${Y} { 27564 display: grid; 27565 27566 ${S} { 27567 margin-top: 0; 27568 margin-bottom: 0.2em; 27569 } 27570 27571 ${N} p { 27572 margin-top: 0; 27573 } 27574 27575 ${(0,r.H4)(d.LO.sm)} { 27576 ${z} { 27577 grid-column: 1/-1; 27578 order: 0; 27579 } 27580 27581 ${S} { 27582 grid-column: 1/-1; 27583 order: 0; 27584 } 27585 27586 ${N} { 27587 grid-column: 1/-1; 27588 order: 1; 27589 } 27590 } 27591 27592 ${(0,r.H4)(d.LO.lg)} { 27593 grid-template-rows: auto 1fr; 27594 27595 ${z} { 27596 grid-column: 4/-1; 27597 grid-row: 1/-1; 27598 order: 0; 27599 } 27600 27601 ${S} { 27602 grid-column: 1/4; 27603 grid-row: 1/1; 27604 order: 0; 27605 } 27606 27607 ${N} { 27608 grid-column: 1/4; 27609 grid-row: 2/-1; 27610 order: 0; 27611 } 27612 } 27613 } 27614 `} 27615 27616 ${({defaultVotingPrompt:e})=>e&&o.AH` 27617 & { 27618 margin-bottom: 0; 27619 } 27620 27621 ${N} { 27622 p { 27623 margin-bottom: 0; 27624 } 27625 } 27626 `} 27627`,Q=o.Ay.figcaption.withConfig({displayName:"GallerySlideFigCaptionWrapper"})` 27628 /* 27629 * Performance optimization: CSS Containment 27630 * Isolates figcaption from style recalculations during lazy loading 27631 */ 27632 contain: layout style; 27633 27634 /* Disable containment when journey units are present (floating bar needs viewport positioning) */ 27635 &:has(.journey-unit__container) { 27636 contain: none; 27637 } 27638 27639 ${({shouldOrderedGallery:e})=>X(e)} 27640 ${({shouldOrderedGallery:e,contentAlign:t})=>Z(e,t)}
27641 ${({hasGallerySlideBackground:e})=>e&&o.AH` 27642 padding: 0 ${(0,r.Kq)(2)}; 27643 `} 27644 ${({contentAlign:e})=>"left"===e&&o.AH` 27645 text-align: left; 27646 ${_} { 27647 text-align: left; 27648 } 27649 `} 27650 27651 ${({contentAlign:e})=>"center"===e&&o.AH` 27652 text-align: center; 27653 ${_} { 27654 text-align: center; 27655 } 27656 `} 27657`,ee=(0,o.Ay)(s.A).withConfig({displayName:"GallerySlideCaptionClampedDek"})` 27658 && { 27659 ${l.eM} { 27660 transform-origin: center; 27661 ${({showLess:e})=>e?o.AH` 27662 margin: -${(0,r.Kq)(1)} 0 ${(0,r.Kq)(2)} 0; 27663 `:o.AH` 27664 margin: ${(0,r.Kq)(1)} 0 ${(0,r.Kq)(2)} 0; 27665 `} 27666 padding: 0; 27667 min-width: auto; 27668 height: 24px; 27669 } 27670 ${l.Lj} { 27671 padding: 0; 27672 width: 100%; 27673 text-align: left; 27674 ${(0,r.Gg)("typography.definitions.utility.button-bulletin")}; 27675 ${({theme:e})=>o.AH` 27676 ${(0,r._o)(e,"color","colors.interactive.base.black")}; 27677 `}; 27678 } 27679 } 27680 ${l.ny} { 27681 svg { 27682 width: 24px; 27683 height: 24px; 27684 } 27685 padding: 0; 27686 } 27687`,te=(0,o.Ay)(a.A.Utility).withConfig({displayName:"ReadReviewCTA"})` 27688 width: 50%; 27689`,ne=(0,o.Ay)(i.sH).withConfig({displayName:"GallerySlideCaptionSeasonName"})``,oe=(0,o.Ay)(i.sH).withConfig({displayName:"GallerySlideCaptionBrandNameClickable"})``},20460(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({articleCta:{id:"GallerySlide.ArticleCta",defaultMessage:"View Story",description:"GallerySlide component article text",isConfigurable:!0},productCta:{id:"GallerySlide.ProductCta",defaultMessage:"Shop Now",description:"GallerySlide component product text",isConfigurable:!0},recipeCta:{id:"GallerySlide.RecipeCta",defaultMessage:"View Recipe",description:"GallerySlide component recipe text",isConfigurable:!0},reviewCta:{id:"GallerySlide.ReviewCta",defaultMessage:"Read More",description:"GallerySlide component review text",isConfigurable:!0},venueCta:{id:"GallerySlide.VenueCta",defaultMessage:"Book Now",description:"GallerySlide component venue text",isConfigurable:!0},venueSellerPreviewText:{id:"GallerySlide.VenueSellerPreviewText",defaultMessage:"Powered By:",description:"Seller preview"},productOfferCTAText:{id:"GallerySlide.DefaultCTAText",defaultMessage:"Book Now",description:"Cta text for product offer list"},moreToExploreEntryPointLabel:{id:"GallerySlide.MoreToExploreEntryPointLabel",defaultMessage:"More to explore",description:"GallerySlide component entry point label for horizontal lightbox"}})},6395(e,t,n){n.d(t,{A:()=>X});var o=n(47655),i=n(5556),a=n.n(i),r=n(96540),s=n(32485),l=n.n(s),d=n(6442),c=n(20460),m=n(73275),u=n(63175),p=n(38759),g=n(39832),h=n(53985),y=n(57744),b=n(69571),f=n(50700),w=n(90090),$=n(97624),v=n(90072),C=n(60162),k=n(86157),A=n(23261),x=n(68606),E=n(55082);const S=({brandName:e,collectionLink:t})=>e?t?r.createElement(E.ir,{href:t},p.a9.convert(e)):r.createElement(E.lo,null,p.a9.convert(e)):null;S.propTypes={brandName:a().string,collectionLink:a().string},S.displayName="GallerySlideCaptionBrandName";const L=S;var T=n(76126);const N=({ctaHref:e,ctaRel:t="nofollow noopener noreferrer",ctaText:n,dataAttrs:o,dangerousMetaOne:i,dangerousMetaTwo:a,dangerousPostCTA:s,hasReadReviewCTA:l,isCtaInternal:d,onClickHandler:c,promotionText:m,shouldUseBookmarkV2:u,contentType:p,copilotId:g,urlToBookmark:h,showCommentCount:y,contentAlign:b,showBookMarkIcon:f,shouldEnableBookmarkDrawers:w,shouldEnableCardLevelBookmark:$,subtype:v})=>{const C=("photo"===p||"clip"===p)&&l||!1;return r.createElement(E.dN,{showCommentCount:y,contentAlign:b,hasReadReviewCTA:l},i&&r.createElement(E.yn,null,i&&r.createElement(E.BV,{dangerouslySetInnerHTML:{__html:i}})),m&&r.createElement(E.Qk,{dangerouslySetInnerHTML:{__html:m}}),a&&r.createElement(E.nH,{dangerouslySetInnerHTML:{__html:a}}),n&&e&&r.createElement(E.Qh,{"aria-label":"Opens in a new window",dataAttrs:o,href:e,inputKind:"link",label:n,onClickHandler:c,rel:d?"noopener noreferrer":t,target:"_blank"}),s&&r.createElement(E.kV,{dangerouslySetInnerHTML:{__html:s}}),$&&f&&!C&&r.createElement(A.A,{urlToBookmark:h,copilotID:g,contentType:p,isPageScoped:!1,shouldEnableBookmarkDrawers:w,shouldEnableCardLevelBookmark:$,shouldUseBookmarkV2:u,subject:"gallery_slide",subtype:v}))};N.propTypes={contentAlign:a().string,contentType:a().string,copilotId:a().string,ctaHref:a().string,ctaRel:a().string,ctaText:a().string,dangerousMetaOne:a().string,dangerousMetaTwo:a().string,dangerousPostCTA:a().string,dataAttrs:a().object,hasReadReviewCTA:a().bool,isCtaInternal:a().bool,onClickHandler:a().func,promotionText:a().string,
27689shouldEnableBookmarkDrawers:a().bool,shouldEnableCardLevelBookmark:a().bool,shouldUseBookmarkV2:a().bool,showBookMarkIcon:a().bool,showCommentCount:a().bool,subtype:a().string,urlToBookmark:a().string};const H=({ctaHref:e,dangerousHed:t,hasGallerySlideBackground:n,isClickable:o,hasIcon:i,productId:a})=>{if(!t)return null;const s=r.createElement(E.TX,{hasGallerySlideBackground:n,id:(e=>{if(e)return e})(a)},r.createElement(E.G5,{hasGallerySlideBackground:n,dangerouslySetInnerHTML:{__html:t}}),i&&r.createElement(b.A,null));return o&&e?r.createElement(g.A,{href:e},s):s};H.propTypes={ctaHref:a().string,dangerousHed:a().string,hasGallerySlideBackground:a().bool,hasIcon:a().bool,isClickable:a().bool,productId:a().string};const I=(e,t)=>{if(e&&e.links){const t=Object.keys(e.links).find(t=>"twitter"===e.links[t].network);if(void 0!==t){return new URL(decodeURIComponent(e.links[t].url)).searchParams.get("url")}}return t},B=({bookmarkMeta:e,brand:t,buttonVariation:n,btnStyle:o,className:i,collectionLink:a,seasonLink:s,commentsCount:l,contentType:d,ctaAnalyticsName:c,ctaHref:m,ctaRel:g,ctaText:h,ctaAtRetailerName:y,dangerousCredit:b,dangerousDetail:k,dangerousHed:A,dangerousMetaOne:S,dangerousMetaTwo:B,dataAttrs:O,defaultVotingPrompt:K,dek:D,dropShipSellers:_,hasPhotoBookmark:P,featureFlags:R={},itemSocialSharesProps:q,hasSlideHedIcon:M,hasMultipleLines:F,hasGallerySlideBackground:U,hasGallerySlideTextPadding:V,hasReadReviewCTA:G,hedHref:W,hidePriceComponentWhenNoPrice:j,id:z,image:Y,isCtaInternal:X,isHedClickable:Z,hasPriceSection:J,offers:Q,productData:ee,promotionHed:te,promotionText:ne,showMultipleBuyButtons:oe,showPriceOnButton:ie,showSellerNameBelowButton:ae,dangerousPostCTA:re,dangerousPreHeaderTwo:se,seasonName:le,socialTitle:de,socialDescription:ce,subtype:me,productId:ue,preHeaderOne:pe,variations:ge,showOfferUrl:he,name:ye,showLocalisedOffers:be,hasHotelOrProductType:fe,showClampedProductDescription:we,productDescriptionLineLength:$e,urlToBookmark:ve,shouldEnableBookmarkDrawers:Ce,shouldEnableCardLevelBookmark:ke,shouldEnableCommentsCount:Ae,actionIdFlags:xe={},showHorizontalLightboxExplore:Ee=!1})=>{const Se=oe?4:1,{contentAlign:Le,isOrdered:Te,shouldBrandNameBelowHed:Ne,shouldDekBelowOffer:He,showSlideCount:Ie,showCommentCount:Be,showBookMarkIcon:Oe}=ge,{hasNativeShareButton:Ke,hasSlideSharingIcon:De,enableBookmarking:_e,shouldUseBookmarkV2:Pe}=R,[Re,qe]=(0,r.useState)(!1),[Me,Fe]=(0,r.useState)(!1),Ue="photo"===d||"clip"===d,{showNativeShareButton:Ve,pageUrl:Ge}=(0,v.W)(Ke),We={url:I(q,Ge),title:de,text:ce},je=xe?.enableActionIdForGallerySlide,ze=(e,t,n)=>{(0,C.g1)({window,product:{...ee},index:e,actionId:n,layout:"ProductEmbed",event:t,layoutTitle:A,offerIndex:e??null})},Ye=e=>{qe(e)},Xe=!K,Ze=()=>r.createElement(E.Wu,{isClampingEnabled:we,showLess:Me,productDescriptionLineLength:$e},p.a9.convert(D)),Je=()=>{const e=Me?"close":"open";return r.createElement(E.i$,{lines:$e,linesInExtraLargeDesktop:$e,isCollapsible:!0,showLess:Me,offset:-5,onTextClick:()=>{Fe(!Me),(0,C.g1)({window,product:{...ee},index:ee.index,layout:"ProductEmbed",type:e})},showClampedProductDescription:we},Ze())},Qe=(e=!1)=>Ie&&pe&&r.createElement(E.j4,{hasGallerySlideTextPadding:V,isMobileLightbox:e},r.createElement(E.GC,{"data-testid":"GallerySlideCaptionPreHeaderOne"},pe)),et=[t,ye].filter(Boolean).join(" "),tt=c?({position:e,event:t,actionId:n})=>{(0,w.W8)(c),fe&&ze(e,t,n)}:({position:e,event:t,actionId:n})=>{fe&&ze(e,t,n)};return r.createElement(E.Ng,{className:i,contentAlign:Le,shouldOrderedGallery:Te,hasGallerySlideBackground:U},r.createElement(E.SL,null,"photo"===d&&P&&_e?r.createElement(E._6,null,r.createElement(T.A,{bookmarkMeta:e,copilotID:z,image:Y,contentType:d})):null,!Ee&&b&&r.createElement(E.k$,{dangerouslySetInnerHTML:{__html:b}}),!Ee&&Qe(),De&&r.createElement(E.lD,null,r.createElement($.A,{shareData:We,showOnlyIcon:!0,parentCallBack:Ye}),q&&Re&&!Ve&&r.createElement(E.Pd,{"data-testid":"GallerySlideSocialShareIcon"},r.createElement(u.A.Circular,{...q}))),se&&r.createElement(E.qp,{dangerouslySetInnerHTML:{__html:se}}),te&&r.createElement(E.U,{dangerouslySetInnerHTML:{__html:te}}),le?le&&r.createElement(E.CX,{href:s},le):null,!Ne&&r.createElement(L,{brandName:et,collectionLink:a}),r.createElement(H,{ctaHref:W||m,dangerousHed:A,gtmClickHandler:ze,hasIcon:M,hasGallerySlideBackgroun
27689d:U,hasHotelOrProductType:fe,isActionIdEnabledForComponent:je,isClickable:Z,productId:ue}),Ee&&b&&r.createElement(E.k$,{dangerouslySetInnerHTML:{__html:b}}),Ne&&r.createElement(L,{brandName:et,collectionLink:a}),r.createElement(E.Xc,{"data-testid":"GallerySlideCaptionDekContainer"},k&&r.createElement(E.zJ,{dangerouslySetInnerHTML:{__html:k}}),!He&&(0,p.Uc)(D)&&(we?Je():Ze()),Ae&&Be&&r.createElement(x.A,{totalCommentsCount:l}),Xe&&r.createElement(E.x1,{hasGallerySlideBackground:U,showCommentCount:Be,hasReadReviewCTA:G},G&&!Ue&&0===Q?.length&&r.createElement(E.hK,{label:"Read Review",href:W,inputKind:"link",shouldUseFullWidth:!1}),Q&&r.createElement(f.A,{buttonVariation:n,btnStyle:o,contentType:d,dataAttrs:O,defaultCTAText:h,ctaAtRetailerName:y,isCtaInternal:X,hasPriceSection:J,hasMultipleLines:F,offers:Q,onClickHandler:tt,hidePriceComponentWhenNoPrice:j,productId:ue,showCount:Se,showLocalisedOffers:be,showPriceOnButton:ie,showOfferUrl:he,showSellerNameBelowButton:ae,dropShipSellers:_,hasGallerySlideBackground:U,isActionIdEnabledForComponent:je,hasReadReviewCTA:G,component:"gallery_slide_component"}),"product"!==d&&r.createElement(N,{ctaText:h,ctaRel:g,ctaHref:m,dataAttrs:O,isCtaInternal:X,dangerousPostCTA:re,dangerousMetaOne:S,dangerousMetaTwo:B,onClickHandler:tt,promotionText:ne,contentType:d,copilotId:z,urlToBookmark:ve,shouldEnableBookmarkDrawers:Ce,shouldEnableCardLevelBookmark:ke,shouldUseBookmarkV2:Pe,showCommentCount:Be,showBookMarkIcon:Oe,contentAlign:Le,hasReadReviewCTA:G,subtype:me})),He&&(0,p.Uc)(D)&&Je()),Ee&&Qe(!0)))};B.propTypes={actionIdFlags:a().object,bookmarkMeta:a().shape({slug:a().string,title:a().string}),brand:a().string,btnStyle:a().oneOf(["filled","outlined","text"]),buttonVariation:a().string,className:a().string,collectionLink:a().string,seasonLink:a().string,commentsCount:a().number,contentType:a().string.isRequired,ctaAnalyticsName:a().string,ctaAtRetailerName:a().string,ctaHref:a().string,ctaRel:a().string,ctaText:a().string,dangerousCredit:a().string.isRequired,dangerousDetail:a().string,dangerousHed:a().string,dangerousMetaOne:a().string,dangerousMetaTwo:a().string,dangerousPostCTA:a().string,dangerousPreHeaderTwo:a().string,dataAttrs:a().object,defaultVotingPrompt:a().string,dek:a().array,dropShipSellers:a().array,featureFlags:a().object,hasGallerySlideBackground:a().bool,hasGallerySlideTextPadding:a().bool,hasHotelOrProductType:a().bool,hasMultipleLines:a().bool,hasPhotoBookmark:a().bool,hasPriceSection:a().bool,hasReadReviewCTA:a().bool,hasSlideHedIcon:a().bool,hedHref:a().string,hidePriceComponentWhenNoPrice:a().bool,id:a().string,image:a().shape(k.A.propTypes),isCtaInternal:a().bool,isExternalProduct:a().bool,isHedClickable:a().bool,itemSocialSharesProps:a().shape({showBookmark:a().bool,links:a().array}),name:a().string,offers:a().array,preHeaderOne:a().string,productData:a().object,productDescriptionLineLength:a().number,productId:a().string,promotionHed:a().string,promotionText:a().string,seasonName:a().string,shouldEnableBookmarkDrawers:a().bool,shouldEnableCardLevelBookmark:a().bool,shouldEnableCommentsCount:a().bool,showClampedProductDescription:a().bool,showLocalisedOffers:a().bool,showMultipleBuyButtons:a().bool,showOfferUrl:a().bool,showPriceOnButton:a().bool,showSellerNameBelowButton:a().bool,showHorizontalLightboxExplore:a().bool,socialDescription:a().string,socialTitle:a().string,subtype:a().string,urlToBookmark:a().string,variations:a().shape({contentAlign:a().oneOf(["center","left"]).isRequired,hasBackground:a().bool,isOrdered:a().bool,shouldBrandNameBelowHed:a().bool,shouldDekBelowOffer:a().bool,showSlideCount:a().bool,showBookMarkIcon:a().bool,showCommentCount:a().bool})},B.displayName="GallerySlideCaption";const O=(0,y.M3)(B,{keysToPluck:["featureFlags"]});var K=n(43428),D=n(53499),_=n(59867),P=n(51558),R=n(25203),q=n(96472),M=n(22039),F=n(74741);function U({label:e}){return r.createElement(F.Ne,{"aria-hidden":"true"},r.createElement(F.oF,null,e),r.createElement(F.nq,null))}const V=e=>!!q.qx&&window.matchMedia(e).matches,G=()=>V(`screen and (min-width: ${q.LO.md})`),W=({bookmarkMeta:e,brand:t,buttonVariation:n,btnStyle:o,className:i,commentsCount:a,contentType:s,configuredComponentRef:m,ctaAnalyticsName:u,ctaHref:y,cta:b,ctaRel:f,id:w,subtype:$,ctaAtRetailerName:v,dangerousCredit:k,dangerousDetail:A,dangerousHed:x,dangerousMetaOne:S,dangerousMetaTwo:L,dangerousPostCTA:T,data_item:N,dangerousPreHeaderTwo:H,defaultVotingPrompt:I,dek:B,dropShipSellers:q,hasNativeImgLazyLoading:F=!1,hasPhotoBookmark:W=!1,functionalTags:j=[],hidePriceComponentWhenNoPrice:z=!1,itemSocialSharesProps:Y,image:X,index:Z,isInLightbox:J=!1,hasSlideHedIcon:Q=!1,hedHref:ee,isHedClickable:te,hasPriceSection:ne,hasGallerySlideBackgroun
27689d:oe,hasGallerySlideTextPadding:ie,hasReadReviewCTA:ae,isLazy:re,name:se,offers:le,promotionHed:de,productId:ce,promotionText:me,preHeaderOne:ue,shouldHoldImageSpace:pe=!1,shouldLimitLongPortraits:ge=!0,showOrderedGallery:he,showMultipleBuyButtons:ye,showPriceOnButton:be,showOfferUrl:fe,showSellerNameBelowButton:we,socialIconsProps:$e,variationDisplayName:ve,showSlideCount:Ce=!0,variations:ke={contentAlign:"left",hasBackground:!0,hasCaption:!0,isOrdered:!1,shouldBrandNameBelowHed:!1,shouldDekBelowOffer:!1,hasMultipleLines:!1},showLocalisedOffers:Ae,variationName:xe,seal:Ee,showClampedProductDescription:Se=!1,productDescriptionLineLength:Le,shouldEnableBookmarkDrawers:Te,shouldEnableCardLevelBookmark:Ne,shouldEnableCommentsCount:He,showZoomedImage:Ie=!1,showHorizontalLightboxExplore:Be=!1,textBadge:Oe,hasReadMoreFeature:Ke=!1,actionIdFlags:De={},shouldEagerLoad:_e=!1})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(D.G.RENDER,{name:"GallerySlide",variation:xe})},[xe]);const[Pe,Re]=(0,r.useState)(!1),qe=r.useRef(null),Me="product"===s||"commerce-product"===s||"hotel"===s||"ship"===s,{formatMessage:Fe}=(0,d.A)(),Ue=(0,p.C0)(b,s,Fe),Ve=Fe(c.A.moreToExploreEntryPointLabel),Ge=JSON.stringify({pattern:"GallerySlide",variation:ve}),We=!!j&&j.some(e=>"_isSponsored"===e.name),{contentAlign:je,hasBackground:ze,hasCaption:Ye,isOrdered:Xe,shouldBrandNameBelowHed:Ze,hasMultipleLines:Je,hasCaptionMargin:Qe,showBookMarkIcon:et,showCommentCount:tt}=ke,nt=Xe||he&&!!ue.length,ot=X&&{...X,id:w},it=ot&&(0,p.Qu)(ot),at="recipe"===s,rt="product"===s?{"data-buy-button":!0}:{},st=k||X&&X.credit||"",lt=X?.additionalMetaData?.seasonName||"",dt=X?.additionalMetaData?.link,ct=X?.additionalMetaData?.seasonLink,mt=e=>{if(le&&le.length>0)return e?le[0].offerUrl:le[0].purchaseUri},ut=mt(fe);let pt=!0;q?.length>0&&(pt=q?.some(e=>!mt(fe)?.toLowerCase().includes(e)));const gt={dangerousHed:x,brand:{name:t},id:ce||w,index:N?.index||Z,contentType:s,offers:le,offersLength:le?.length||0,component:"gallery_slide_component",hotelLink:ee,image:X},ht=(e,t,n)=>{(0,C.g1)({window,product:{...gt},index:e,actionId:n,layout:"ProductEmbed",event:t,layoutTitle:x,offerIndex:e??null})};r.useEffect(()=>{if("product"!==s)return;const e=()=>{const e=document.getElementsByClassName("product-embed");(0,C.Yp)("ProductEmbed",e)};return window.addEventListener("load",e),qe.current=window.Kendra.WINDOW_EVENT.on(_.m.SCROLL_DEBOUNCE,e),()=>{window.removeEventListener("load",e),qe.current&&qe.current.off()}},[s]);const yt=Se&&["commerce-product","product"].includes(s),bt={bookmarkMeta:e,brand:t,buttonVariation:n,btnStyle:o,className:i,commentsCount:a,contentType:s,ctaAnalyticsName:u,ctaHref:y,ctaRel:f,ctaText:Ue,ctaAtRetailerName:v,dangerousCredit:st,dangerousDetail:A,dangerousHed:x,dangerousMetaOne:S,dangerousMetaTwo:L,dangerousPostCTA:T,dangerousPreHeaderTwo:H,dataAttrs:rt,defaultVotingPrompt:I,dek:B,dropShipSellers:q,hasPhotoBookmark:W,hasGallerySlideBackground:oe,hasSlideHedIcon:Q,hedHref:ee,hidePriceComponentWhenNoPrice:z,itemSocialSharesProps:Y,isCtaInternal:at,isExternalProduct:pt,hasPriceSection:ne,isHedClickable:te,name:se,offers:le,preHeaderOne:ue,productId:ce,promotionHed:de,promotionText:me,seasonName:lt,showMultipleBuyButtons:ye,showPriceOnButton:be,showOfferUrl:fe,showSellerNameBelowButton:we,showClampedProductDescription:yt&&Ke,productDescriptionLineLength:Le,shouldEnableBookmarkDrawers:Te,shouldEnableCardLevelBookmark:Ne,shouldEnableCommentsCount:He,collectionLink:dt,seasonLink:ct,variations:{showSlideCount:Ce,...ke,isOrdered:nt,shouldBrandNameBelowHed:Ze||he}},{isCnastLink:ft,enableActionIdMapping:wt}=(0,R.Vy)(ut,De?.enableActionIdForGallerySlide),$t=Be&&!J&&!Me&&"photo"===(s||X?.contentType),vt=(e,t)=>{Me&&(()=>{const n=e?.currentTarget?.getAttribute("href"),o=(0,R.hh)();if(wt&&n){e.preventDefault();const{href:i}=(0,K.P)({event:e,gtmTrackOnClick:ht,linkProps:n,position:t,type:"GallerySlideImage",component:"gallery_slide_component",queryParams:o});window.open(i,"_blank","noopener, noreferrer")}else if(ft&&n){e.preventDefault();const{href:i}=(0,R.ry)(n,"gallery_slide_component",o);e.currentTarget.setAttribute("href",i),window.open(i,"_blank","noopener, noreferrer"),ht(t,e)}else ht(t,e)})()},Ct=()=>"product"===s&&le&&le.length>0?r.createElement(h.EY,{as:g.A,skipInternalHandleClick:!0,hasGallerySlideBackgroun
27689d:oe,href:ut,target:pt?"_blank":"_self",rel:"sponsored noopener",attributes:{tabIndex:-1,"aria-hidden":!0,"data-offer-retailer":le[0].sellerName,"data-offer-url":le[0].offerUrl},onClick:(e,t)=>vt(e,t),component:"gallery_slide_component"},Ee&&Object.prototype.hasOwnProperty.call(Ee,"sealUrl")&&r.createElement(M.rU,{seal:Ee}),Oe&&Object.prototype.hasOwnProperty.call(Oe,"name")?r.createElement(M.sN,{config:{position:"top-left",badgeText:Oe.name},className:"standard"}):null,r.createElement(E.a_,{className:l()("GallerySlideResponsiveAsset",i),...ot,isLazy:re,shouldEagerLoad:_e,hasNativeImgLazyLoading:F,onClick:(e,t)=>vt(e,t)})):"cnevideo"===(s||X?.contentType)?r.createElement(E.a_,{className:l()("GallerySlideResponsiveAsset",i),...ot,isLazy:re,shouldAutoplay:!1,shouldPlayContinuously:!1}):r.createElement(E.a_,{className:l()("GallerySlideResponsiveAsset",i),...ot,isLazy:re,shouldEagerLoad:_e,hasNativeImgLazyLoading:F,shouldHoldImageSpace:pe}),[kt,At]=(0,r.useState)(!1),xt=!Ie||!G()||Pe||F;return r.createElement(E.jZ,{ref:m,className:Me?l()("product-embed",i):i,"data-event-boundary":"click","data-in-view":Ge,"data-event-click":Ge,defaultVotingPrompt:I,hasBackground:ze,hasCaptionMargin:Qe,hasMultipleLines:Je,shouldOrderedGallery:nt,contentAlign:je,showMultipleBuyButtons:ye,orientation:it,image:X,hasReadReviewCTA:ae,contentType:s||X?.contentType,shouldLimitLongPortraits:ge,isSponsored:We,hasGallerySlideBackground:oe,"data-item":JSON.stringify(gt),"data-testid":"GallerySlideWrapper",showBookMarkIcon:et},r.createElement(E.MC,null,ot&&r.createElement(E.p0,{orientation:it,contentType:s},r.createElement(E.xU,null,r.createElement(E.je,null,Ie&&(()=>{const e=ot?.segmentedSources?.lg?.length,t=ot?.segmentedSources?.lg[e-1]?.url;if(!t||!G())return Ct();const n=(o=ot.height,V(`screen and (min-height: ${o}px)`));var o;return r.createElement(E.WE,{hasMouseMoved:kt,onMouseMove:e=>{At(!0),(0,P.$)(e)},url:t,useFixedZoomedImageSize:n},r.createElement(E.a_,{className:l()("GallerySlideResponsiveAsset",i),...ot,isLazy:re,hasNativeImgLazyLoading:F,shouldHoldImageSpace:pe,onAssetLoaded:()=>Re(!0)}))})(),!Ie&&Ct(),$t&&r.createElement(U,{label:Ve}),$e&&$e.links.length>0&&r.createElement(E.S6,{...$e})))),Ye&&xt&&r.createElement(E.hl,{as:O,...bt,contentAlign:je,contentType:s,subtype:$,ctaAtRetailerName:v,hasMultipleLines:Je,hasCaptionMargin:Qe,hasGallerySlideTextPadding:ie,hasGallerySlideBackground:oe,hasHotelOrProductType:Me,hasReadReviewCTA:ae,id:w,image:W?X:void 0,productData:gt,productId:ce,showBookMarkIcon:et,showCommentCount:tt,showLocalisedOffers:Ae,urlToBookmark:y,actionIdFlags:De,showHorizontalLightboxExplore:Be})))};W.propTypes={configuredComponentRef:a().func,actionIdFlags:a().object,bookmarkMeta:a().shape({slug:a().string,title:a().string}),brand:a().string,btnStyle:a().oneOf(["filled","outlined","text"]),buttonVariation:a().string,className:a().string,commentsCount:a().number,contentType:a().string.isRequired,cta:a().shape({article:a().string,product:a().string,recipe:a().string,review:a().string}),ctaAnalyticsName:a().string,ctaAtRetailerName:a().string,ctaHref:a().string,ctaRel:a().string,dangerousCredit:a().string.isRequired,dangerousDetail:a().string,dangerousHed:a().string,dangerousMetaOne:a().string,dangerousMetaTwo:a().string,dangerousPostCTA:a().string,dangerousPreHeaderTwo:a().string,data_item:a().object,defaultVotingPrompt:a().string,dek:a().array,dropShipSellers:a().array,hasNativeImgLazyLoading:a().bool,functionalTags:a().arrayOf(a().shape({name:a().string})),hasGallerySlideBackground:a().bool,hasGallerySlideTextPadding:a().bool,hasPhotoBookmark:a().bool,hasPriceSection:a().bool,hasReadMoreFeature:a().bool,hasReadReviewCTA:a().bool,hasSlideHedIcon:a().bool,hedHref:a().string,hidePriceComponentWhenNoPrice:a().bool,id:a().string,image:a().shape(m.A.propTypes),index:a().number,isHedClickable:a().bool,isInLightbox:a().bool,isLazy:a().bool,itemSocialSharesProps:a().shape({showBookmark:a().bool,links:a().array}),name:a().string,offers:a().array,preHeaderOne:a().string,price:a().string,productDescriptionLineLength:a().number,productId:a().string,promotionHed:a().string,promotionText:a().string,reducedPrice:a().string,
27689seal:a().arrayOf(a().shape({id:a().string,startDate:a().string,endDate:a().string,sealUrl:a().string})),shouldEnableBookmarkDrawers:a().bool,shouldEnableCardLevelBookmark:a().bool,shouldEnableCommentsCount:a().bool,shouldHoldImageSpace:a().bool,shouldLimitLongPortraits:a().bool,showClampedProductDescription:a().bool,showLocalisedOffers:a().bool,showMultipleBuyButtons:a().bool,showOfferUrl:a().bool,showOrderedGallery:a().bool,showPriceOnButton:a().bool,showSellerNameBelowButton:a().bool,showSlideCount:a().bool,showZoomedImage:a().bool,showHorizontalLightboxExplore:a().bool,socialIconsProps:a().shape(u.A.propTypes),subtype:a().string,textBadge:a().arrayOf(a().shape({name:a().string,startDate:a().string,endDate:a().string})),variationDisplayName:a().string,variationName:a().string,variations:a().shape({contentAlign:a().oneOf(["center","left"]).isRequired,hasBackground:a().bool,hasCaption:a().bool,hasCaptionMargin:a().bool,hasMultipleLines:a().bool,isOrdered:a().bool,shouldBrandNameBelowHed:a().bool,shouldDekBelowOffer:a().bool,showBookMarkIcon:a().bool,showCommentCount:a().bool}),shouldEagerLoad:a().bool},W.displayName="GallerySlide";const j=W,z=({contentType:e,dangerousCredit:t,dangerousHed:n,dek:o,image:i,isLazy:a,variationDisplayName:s})=>{const l=JSON.stringify({pattern:"GallerySlideHorizontal",variation:s}),d=i&&{...i},c=d&&(0,p.Qu)(d);return r.createElement(E.jZ,{"data-event-boundary":"click","data-in-view":l,"data-event-click":l,hasBackground:!1,shouldOrderedGallery:!1,contentAlign:"left",orientation:"horizontal",image:i,isHorizontal:!0,"data-testid":"GallerySlideWrapper"},r.createElement(E.MC,null,n&&r.createElement(E.TX,null,r.createElement(E.G5,{dangerouslySetInnerHTML:{__html:n}})),(0,p.Uc)(o)&&r.createElement(E.Wu,null,p.a9.convert(o)),d&&r.createElement(E.p0,{orientation:c,contentType:e},r.createElement(E.xU,null,r.createElement(E.je,null,r.createElement(E.a_,{...d,isLazy:a}),t&&r.createElement(E.k$,{dangerouslySetInnerHTML:{__html:t}}))))))};z.propTypes={contentType:a().string.isRequired,dangerousCredit:a().string.isRequired,dangerousHed:a().string,dek:a().array,image:a().shape(m.A.propTypes),isLazy:a().bool,variationDisplayName:a().string},z.displayName="GallerySlideHorizontal";const Y=z;j.CardLeft=(0,o.y)(j,"CardLeft",{contentAlign:"left",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!1}),j.CardCenter=(0,o.y)(j,"CardCenter",{contentAlign:"center",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!1}),j.CardOrderedLeft=(0,o.y)(j,"CardOrderedLeft",{contentAlign:"left",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!0}),j.CardOrderedCenter=(0,o.y)(j,"CardOrderedCenter",{contentAlign:"center",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!0}),j.ItemCenter=(0,o.y)(j,"ItemCenter",{contentAlign:"center",hasBackground:!1,hasCaption:!0,isOrdered:!1,hasCaptionMargin:!1}),j.ItemCenterNoCaption=(0,o.y)(j,"ItemCenterNoCaption",{contentAlign:"center",hasBackground:!1,hasCaption:!1,hasCaptionMargin:!1,isOrdered:!1}),j.ItemLeft=(0,o.y)(j,"ItemLeft",{contentAlign:"left",hasBackground:!1,hasCaption:!0,isOrdered:!1,hasCaptionMargin:!1}),j.ItemLeftMultipleLine=(0,o.y)(j,"ItemLeftMultipleLine",{contentAlign:"left",hasBackground:!1,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!1,hasMultipleLines:!0}),j.ItemLeftCaptionAbove=(0,o.y)(j,"ItemLeftCaptionAbove",{contentAlign:"left",hasBackground:!1,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!1,shouldBrandNameBelowHed:!0}),j.ItemLeftCaptionAboveMultipleButtons=(0,o.y)(j,"ItemLeftCaptionAboveMultipleButtons",{contentAlign:"left",hasBackground:!1,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!1,shouldBrandNameBelowHed:!0},{buttonVariation:"Primary",btnStyle:"outlined",showMultipleBuyButtons:!0,showPriceOnButton:!0,showSlideCount:!0}),j.CardLeftWithCaptionAboveMultipleButtons=(0,o.y)(j,"CardLeftWithCaptionAboveMultipleButtons",{contentAlign:"left",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!1},{buttonVariation:"Primary",btnStyle:"outlined",showMultipleBuyButtons:!0,showPriceOnButton:!0,showSlideCount:!0}),j.CardCenterWithCaptionAboveMultipleButtons=(0,o.y)(j,"CardCenterWithCaptionAboveMultipleButtons",{contentAlign:"center",hasBackgroun
27689d:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!1},{buttonVariation:"Primary",btnStyle:"outlined",showMultipleBuyButtons:!0,showPriceOnButton:!0,showSlideCount:!0}),j.ItemLeftCaptionAboveMultipleButtonsWithPrice=(0,o.y)(j,"ItemLeftCaptionAboveMultipleButtonsWithPrice",{contentAlign:"left",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!1,shouldBrandNameBelowHed:!1,shouldDekBelowOffer:!0},{buttonVariation:"Utility",showMultipleBuyButtons:!0,showPriceOnButton:!0,hasPriceSection:!0,showSellerNameBelowButton:!0}),j.ItemOrderedCenter=(0,o.y)(j,"ItemOrderedCenter",{contentAlign:"center",hasBackground:!1,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!0}),j.ItemOrderedLeft=(0,o.y)(j,"ItemOrderedLeft",{contentAlign:"left",hasBackground:!1,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!0}),j.NoCaption=(0,o.y)(j,"NoCaption",{contentAlign:"left",hasBackground:!1,hasCaption:!1,hasCaptionMargin:!0,isOrdered:!0}),j.SplitScreenImageRight=(0,o.y)(Y,"SplitScreenImageRight",{}),j.ItemLeftCaptionAboveMultipleButtonsWithDekBelowOffer=(0,o.y)(j,"ItemLeftCaptionAboveMultipleButtonsWithDekBelowOffer",{contentAlign:"left",hasBackground:!1,hasCaption:!0,hasCaptionMargin:!1,isOrdered:!1,shouldBrandNameBelowHed:!0,shouldDekBelowOffer:!0},{buttonVariation:"Primary",btnStyle:"outlined",showMultipleBuyButtons:!0,showPriceOnButton:!0,showSlideCount:!0}),j.CardLeftWithBookmarkAndComment=(0,o.y)(j,"CardLeftWithBookmarkAndComment",{contentAlign:"left",hasBackground:!0,hasCaption:!0,hasCaptionMargin:!0,isOrdered:!1,showBookMarkIcon:!0,showCommentCount:!0},{buttonVariation:"Primary",btnStyle:"outlined",showMultipleBuyButtons:!0,showPriceOnButton:!0,showSlideCount:!0});const X=j},84886(e,t,n){n.d(t,{A:()=>S});var o=n(13465),i=n(47655),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(58156),m=n.n(c),u=n(86659),p=n(68426),g=n(72899),h=n(53499),y=n(41598),b=n(28081),f=n(54370);const w=e=>e?.props?.image||e?.props?.children?.props?.image||null,$=e=>e?.props?.contentType&&"callout:anchor"===e?.props?.contentType?e?.props?.children?.props?.contentType:e?.props?.contentType,v=e=>!(!e?.props?.productBrand&&!e?.props?.children?.props?.productBrand),C=/^h[1-6]$/,k={};k[1]=u.A.EvenAny,k[2]=u.A.EvenTwo,k[3]=u.A.EvenThree,k[4]=u.A.EvenFour;const A=({className:e,children:t,childTypes:n=[],configuredComponentRef:o,hasProductChildren:i=!1,hasThreeColumnsOnMobile:a=!1,heading:s={},enableAffiliateDisclaimerLabel:l=!1,isUpcEnabled:c,isXSmallGroup2:u=!1,name:A,animated:x,animationType:E,variations:S={isEven:!1,fullBleed:!1},showDangerousDek:L=!1,variationName:T})=>{d.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(h.G.RENDER,{name:"GroupCallout",variation:T})},[T]);const{ref:N,isRevealed:H,isReady:I}=(0,b.A)({enabled:x}),B=(0,f.P)(N,o),O=n.includes("instagram"),K=n.includes("article"),D=n.includes("image"),_=((e,t=[])=>!!t.includes("callout:pullquote")||d.Children.toArray(e).some(e=>"callout:pullquote"===$(e)||(e?.type?.displayName||e?.type?.name||"").includes("PullquoteEmbed")))(t,n);let P;const{titleElement:R,groupItems:q}=(e=>{const t=d.Children.toArray(e);return{titleElement:t.find(e=>"string"==typeof e.type&&C.test(e.type)),groupItems:t.filter(e=>!C.test(e.type))}})(t);let M=q;const F=i||((e=[])=>e.some(y.ti))(n),U=F&&l,V=S.childCountPerRow??d.Children.count(M),{WrapperElement:G,hasGridMargins:W}=((e,t)=>e?{WrapperElement:k[Math.min(t,4)],hasGridMargins:!1}:{WrapperElement:"div",hasGridMargins:!1})(F,V),j=r()("callout callout--group",`callout--${A}`,e,{"product-group":c,"callout--group-has-pullquote":_});K&&(P="article",M=d.Children.map(M,e=>d.cloneElement(e,{...e.props,showButton:!1,showByline:!0,showRubric:!0,variations:{layout:"side-by-side"}})));const{hasRowGap:z,showSingleCol:Y}=S,X=P?s[P]:null,Z=R?R.props.children:X,{productMultiImageCount:J,hasImageCreditText:Q}=(e=>{let t=1,n=!1;return d.Children.toArray(e).forEach(e=>{const o=w(e),i=$(e),a=["contentreference","product"].includes(i);Array.isArray(o)&&o.length>1&&a&&t++,n||(n=(0,y.qn)(o))}),{productMultiImageCount:t,hasImageCreditText:n}})(t),ee="div"===G,te=!ee,ne=!ee,oe=d.createElement(d.Fragment,null,U&&d.createElement(g.A,{enableAffiliateDisclaimerLabel:!0}),Z&&d.createElement(p.K,{"data-testid":"GroupCalloutTitle"},Z)),ie=d.useMemo(()=>{const e=V>=2&&V<=4,t=d.Children.toArray(M),n=e?(e=>{const t=[];for(let n=0;n<e.length;n+=2){const o=e[n],i=e[n+1],a=(0,y.qn)(w(o)),r=!!i&&(0,y.qn)(w(i)),s=v(o
27689)||!1,l=!!i&&v(i),d={showImageCredit:a||r,hasBrandName:s||l};t.push(d),i&&t.push(d)}return t})(t):[];return d.Children.map(M,(t,o)=>{const i=m()(t,"props.image.id");let a=`callout--group-item-${o}`;D&&i&&(a=`callout--group-item-${i}`),null!=t?.key&&(a=String(t.key));const s={index:o,key:a,className:r()(m()(t,"props.className"),"callout--group-item",`callout--group-item-${o+1}`),productMultiImageCount:J,hasImageCreditText:Q,hideLandscapeLayout:!0,...e&&n[o]?{showImageCredit:n[o].showImageCredit,hasBrandName:n[o].hasBrandName}:{}};return d.cloneElement(t,s)})},[M,V,D,J,Q]);return d.createElement(d.Fragment,null,ne&&oe,d.createElement(p.v,{ref:ee?B:void 0,configuredComponentRef:te?B:void 0,as:G,className:j,containsInstagram:O,containsProducts:F,containsArticles:K,hasGridMargins:W,hasRowGap:z,hasThreeColumnsOnMobile:a,isUpcEnabled:c,isFullBleed:!F&&S.fullBleed,isXSmallGroup2:u,"data-testid":"GroupCalloutWrapper",showSingleCol:Y,showDangerousDek:L,$isRevealed:H,$scrollReady:I,$animationType:x?E??null:null,$totalItems:d.Children.count(t)},!ne&&oe,ie))};A.propTypes={configuredComponentRef:l().func,children:l().node.isRequired,childTypes:l().array,className:l().string,enableAffiliateDisclaimerLabel:l().bool,hasProductChildren:l().bool,hasThreeColumnsOnMobile:l().bool,heading:l().object,isUpcEnabled:l().bool,isXSmallGroup2:l().bool,animated:l().bool,animationType:l().string,name:l().string,showDangerousDek:l().bool,variationName:l().string,variations:l().shape({isEven:l().bool,fullBleed:l().bool,childCountPerRow:l().number,hasRowGap:l().bool,showSingleCol:l().bool})},A.displayName="GroupCallout";const x=A;x.Default=(0,i.y)(x,"Default",{isEven:!1,fullBleed:!1}),x.Even=(0,i.y)(x,"Even",{isEven:!0,fullBleed:!1}),x.FullBleed=(0,i.y)(x,"FullBleed",{isEven:!1,fullBleed:!0}),x.OnlyTwo=(0,i.y)(x,"OnlyTwo",{isEven:!0,fullBleed:!1,childCountPerRow:2,hasRowGap:!0,showSingleCol:!0},{name:"group-2"});const E=x,S=(0,o.y)(E,"GroupCallout")},68426(e,t,n){n.d(t,{K:()=>m,v:()=>c});var o=n(38267),i=n(18608),a=n(47765),r=n(26865),s=n(96472),l=n(53985),d=n(40653);const c=o.Ay.div.withConfig({displayName:"GroupCalloutWrapper"})` 27690 /* NOTE: Specificity required because of containsArticles */ 27691 && { 27692 display: grid; 27693 grid-column-gap: ${({isUpcEnabled:e})=>e?(0,r.Kq)(2):(0,r.Kq)(5)}; 27694 grid-row-gap: ${({hasRowGap:e})=>e?"1rem":0}; 27695 margin: 0; 27696 width: 100%; 27697 27698 @media (max-width: ${s.LO.md}) { 27699 grid-column-gap: ${({isUpcEnabled:e})=>e?(0,r.Kq)(1):"20px"}; 27700 } 27701 } 27702 27703 &.grid-even.grid-items-2 { 27704 ${(0,r.L7)(s.LO.md)} { 27705 grid-template-columns: ${({showSingleCol:e})=>e?"1fr":""}; 27706 } 27707 } 27708 27709 ${(0,r.L7)(s.LO.md)} { 27710 &.product-group.grid-items-3 ${d.E} { 27711 margin-bottom: 0; 27712 } 27713 } 27714 27715 .responsive-cartoon { 27716 &::before { 27717 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.body.standard.divider")}; 27718 27719 display: inline-block; 27720 grid-column: 1/-1; 27721 border-width: 0 0 1px; 27722 border-style: solid; 27723 height: 0; 27724 content: ''; 27725 } 27726 27727 &::after { 27728 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.body.standard.divider")}; 27729 display: inline-block; 27730 grid-column: 1/-1; 27731 border-width: 1px 0 0; 27732 border-style: solid; 27733 height: 0; 27734 content: ''; 27735 } 27736 } 27737 27738 .responsive-cartoon__caption { 27739 ${(0,r.Gg)("typography.definitions.globalEditorial.context-secondary")} 27740 margin-top: 0; 27741 } 27742 27743 ${({hasGridMargins:e})=>e?`\n && {\n margin-bottom: ${(0,r.Kq)(3)};\n margin-top: ${(0,r.Kq)(3)};\n\n ${(0,r.H4)(s.LO.md)} {\n margin-bottom: ${(0,r.Kq)(6)};\n margin-top: ${(0,r.Kq)(6)};\n }\n }\n `:""} 27744 27745 ${({isUpcEnabled:e})=>e?"\n && {\n margin-bottom: 0;\n margin-top: 0;\n }\n ":""} 27746 27747 27748 &.callout--group-2, 27749 &.callout--group-3, 27750 &.callout--group-4 { 27751 ${l.eN} { 27752 ${(0,r.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")} 27753 } 27754 } 27755 27756 &.callout--group-2 { 27757 ${(0,r.R9)("containsInstagram",!0,"grid-template-columns: repeat(auto-fit, minmax(326px, 1fr));")} 27758 } 27759 27760 ${(0,r.R9)("containsProducts",!0,"margin-bottom: unset;")} 27761 .product-embed.product-embed--image-top { 27762 ${e=>!e&&`${l.Nz} {\n display: none;\n }`}; 27763 } 27764 27765 .product-embed.product-embed--no-bottom-padding { 27766 ${(0,r.H4)(s.LO.md)} { 27767 grid-column: unset; 27768 } 27769 } 27770 27771 .callout--group-item { 27772 margin: 0; 27773 27774 &.product-embed { 27775 height: 100%; 27776 } 27777 } 27778 27779 p { 27780 margin: 0; 27781 } 27782 27783 ${(0,r.H4)(s.LO.md)} { 27784 &.callout--group-2 { 27785 grid-template-columns: repeat(2, 1fr); 27786 ${(0,r.R9)("isXSmallGroup2",!0,"margin: 0 auto; width: 50%;")} 27787 } 27788 27789 &.callout--group-3 { 27790 grid-template-columns: repeat(3, 1fr); 27791 } 27792 27793 &.callout--group-4 { 27794 grid-template-columns: repeat(4, 1fr); 27795 } 27796 } 27797 27798 ${({hasThreeColumnsOnMobile:e})=>e?`\n ${(0,r.L7)(s.LO.md)} {\n &.callout--group-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n `:""} 27799 27800 ${(0,r.R9)("isFullBleed",!0,`\n ${(0,r.Xm)(s.LO.md,s.LO.xl)} {\n position: relative;\n left: 50%;\n grid-gap: unset;\n margin-left: -50vw;\n width: 100vw;\n\n .caption {\n margin-right: ${(0,r.Kq)(1)};\n margin-left: ${(0,r.Kq)(1)};\n }\n }\n `)} 27801 27802 &&&&.callout--group-has-pullquote figure {
27803 margin: 0 auto ${(0,r.Kq)(3,"px")} auto; 27804 } 27805 27806 figure.callout--group-item { 27807 margin: 0; 27808 } 27809 27810 /* Scroll-triggered animation for group image layouts */ 27811 ${({$animationType:e,$isRevealed:t,$scrollReady:n,$totalItems:i})=>e?Array.from({length:i},(r,s)=>o.AH` 27812 .callout--group-item-${s+1} { 27813 ${(0,a.xS)(e,s+1,{isRevealed:t,isReady:n,totalItems:i})} 27814 } 27815 `):""} 27816 27817 ${(0,r.R9)("containsArticles",!0,o.AH` 27818 margin-top: ${(0,r.Kq)(4)}; 27819 padding-top: ${(0,r.Kq)(2)}; 27820 27821 ${(0,r.H4)(s.LO.md)} { 27822 margin-top: ${(0,r.Kq)(1)}; 27823 } 27824 27825 &.callout--inset-left, 27826 &.callout--inset-right { 27827 border-width: 2px 0 0; 27828 border-style: solid; 27829 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.body.standard.display-texture")}; 27830 27831 .content-card-embed--side-by-side { 27832 display: grid; 27833 grid-column-gap: ${(0,r.Kq)(3)}; 27834 grid-template-columns: 75px auto; 27835 } 27836 27837 .content-card-embed__image { 27838 margin-bottom: 0; 27839 } 27840 27841 .content-card-embed__hed { 27842 ${(0,r.Gg)("typography.definitions.discovery.hed-bulletin-
27842primary")} 27843 margin-bottom: ${(0,r.Kq)(1)}; 27844 } 27845 27846 .content-card-embed__hed-link { 27847 &:link, 27848 &:visited { 27849 text-decoration: none; 27850 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.subhed")}; 27851 } 27852 27853 &:active, 27854 &:focus, 27855 &:hover { 27856 text-decoration: underline; 27857 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.subhed")}; 27858 } 27859 } 27860 27861 .content-card-embed__byline-authors { 27862 text-align: left; 27863 } 27864 27865 .content-card-embed__rubric { 27866 ${(0,r.Gg)("typography.definitions.globalEditorial.context-primary")} 27867 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.body.standard.display-signature")}; 27868 } 27869 27870 .content-card-embed { 27871 background-color: transparent; 27872 padding: ${(0,r.Kq)(2)} 0 0; 27873 27874 &:not(:last-child) { 27875 border-width: 1px; 27876 border-style: solid; 27877 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.body.standard.divider")}; 27878 padding-bottom: ${(0,r.Kq)(2)}; 27879 } 27880 } 27881 } 27882 `)} 27883`,m=(0,o.Ay)(i.vm).withConfig({displayName:"GroupCalloutTitle"}).attrs(e=>({as:"h2",colorToken:"colors.consumption.body.standard.display-texture",typeIdentity:"typography.definitions.discovery.subhed-section-tertiary",...e}))` 27884 border-width: 0 0 2px; 27885 border-style: solid; 27886 padding: 0 0 ${(0,r.Kq)(2)}; 27887`},6082(e,t,n){n.d(t,{A:()=>k,X:()=>C});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(97200),l=n.n(s),d=n(94327),c=n(90506),m=n(13465),u=n(38221),p=n.n(u);var g=n(35089);const h=["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","#"],y=({links:e,linksRef:t,navId:n})=>{if(!e||!e.length)return null;const o=e=>{e.preventDefault();const n=window.requestAnimationFrame||(e=>window.setTimeout(e,20)),o=document.getElementById(e.target.hash.replace("#",""));if(!o)return;const{offsetTop:i}=o,{offsetTop:a,scrollTop:r}=t.current,s=i-a-r;let l=0;const d=()=>{l+=20;const e=function(e,t,n,o){let i=e;return i/=o/2,i<1?n/2*i*i+t:(i--,-n/2*(i*(i-2)-1)+t)}(l,r,s,600);t.current.scrollTop=e,l<600&&n(d)};d()};return a.createElement(g.if,{"data-testid":"AtoZIndexWrapper"},a.createElement(g.Pm,null,h.map(t=>{const i=e.find(e=>e.groupName===t);return i?a.createElement("li",{key:t},a.createElement(g.ZB,{"data-testid":"AtoZIndexLink",href:"#"+("#"===i.groupName?`other-${n}`:`${i.groupName.toLowerCase()}-${n}`),onClick:o},t)):a.createElement(g.Mz,{key:t},t)})))};y.propTypes={links:i().arrayOf(i().shape({groupName:i().string.isRequired})),linksRef:i().object,navId:i().string};const b=y;var f=n(53499);const w=(0,n(72267).YK)({filterInputAriaLabelText:{id:"GroupedNavigation.FilterInputAriaLabel",defaultMessage:"Filter links",description:"Grouped Navigation Filter component aria label text",isConfigurable:!0}}),$=({className:e,configuredComponentRef:t,groupedLinks:n,showContentDivider:o=!0,hasAtoZIndex:i=!1,hasFilter:s=!1,hasSpacing:m=!1,analyticsEventForFilter:u,filterLabel:h})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(f.G.RENDER,{name:"GroupedNavigation"})},[]);const{formatMessage:y}=(0,r.A)(),$=a.useRef(null),v=l()(),[C,k]=(0,a.useState)(""),[A,x]=((e,t)=>{const[n,o]=(0,a.useState)(e),i=(0,a.useCallback)(p()(e=>{o(e)},t),[]);return[n,e=>{i(e)}]})(n,200);return n&&n.length?a.createElement(g.UW,{ref:t,className:e,hasFilter:s,"data-testid":"GroupedNavigationWrapper"},s&&a.createElement(g.xS,null,a.createElement(g.ed,null,a.createElement(g.Nh,{placeholder:h,"aria-label":h||y(w.filterInputAriaLabelText),name:"filter",type:"text",onChange:e=>{const t=e.target.value;k(t),x(()=>((e,t)=>{if(!t?.trim())return e;const n=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(t)?n(e.text).includes(n(t)):e.text.match(/([a-zA-Z]\.){2,}/)?e.text.split(" ").filter(e=>n(e).startsWith(n(t))).length:e.text.split(/([ \-'â.]+)/).filter(e=>n(e).startsWith(n(t))).length)})).filter(e=>e.links?.length)})(n,t))},onFocus:()=>{u&&(0,d.W8)(u)},value:C}),a.createElement(c.A,null))),a.createElement(g.Ce,{hasFilter:s,hasS
27887pacing:m},a.createElement(g.Ow,{ref:$},A.map(e=>{if(!e.links)return null;const t=e.links.map(e=>{const t=!0===e.isSecondary?"link--secondary":"link--primary";return{...e,className:t}}),n={};return i&&(n.id="#"===e.groupName?`other-${v}`:`${e.groupName.toLowerCase()}-${v}`),a.createElement(g.GX,{key:e.groupName,className:"grouped-navigation__group",links:t,linkClassName:"grouped-navigation__link",heading:e.groupName,showContentDivider:o,shouldStyleListItems:!0,attributes:n})})),i&&a.createElement(g.J,{className:"grouped-navigation__index"},a.createElement(b,{links:n,linksRef:$,navId:v})))):null},v=i().shape({text:i().string.isRequired,url:i().string.isRequired,isSecondary:i().bool,analyticsEvent:i().string}),C=i().arrayOf(i().shape({links:i().arrayOf(v),groupName:i().string,groupId:i().string}));$.propTypes={configuredComponentRef:i().func,analyticsEventForFilter:i().string,className:i().string,filterLabel:i().string,groupedLinks:C,hasAtoZIndex:i().bool,hasFilter:i().bool,hasSpacing:i().bool,showContentDivider:i().bool},$.displayName="GroupedNavigation";const k=(0,m.y)($,"GroupedNavigation")},35089(e,t,n){n.d(t,{Ce:()=>m,GX:()=>p,J:()=>g,Mz:()=>f,Nh:()=>c,Ow:()=>u,Pm:()=>y,UW:()=>s,ZB:()=>b,ed:()=>d,if:()=>h,xS:()=>l});var o=n(38267),i=n(18608),a=n(26865),r=n(48188);const s=o.Ay.div.withConfig({displayName:"GroupedNavigationWrapper"})` 27888 padding-top: ${(0,a.Kq)(4)}; 27889 height: 100%; 27890 27891 ${({hasFilter:e})=>e&&`padding-top: ${(0,a.Kq)(2)};`} 27892 27893 .navigation__heading { 27894 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.foundation.title-primary")}; 27895 margin: 0; 27896 line-height: normal; 27897 ${({theme:e})=>(0,a._o)(e,"color","colors.foundation.expanded-utility.nav-link.default")}; 27898 } 27899 27900 .navigation__list-item { 27901 white-space: normal; 27902 } 27903 27904 .content-divider { 27905 display: block; 27906 margin-bottom: ${(0,a.Kq)(2)}; 27907 border-bottom-width: ${(0,a.Kq)(.5)}; 27908 border-bottom-style: solid; 27909 ${({theme:e})=>(0,a._o)(e,"border-bottom-color","colors.discovery.lead.secondary.accent")}; 27910 padding-top: ${(0,a.Kq)(1)}; 27911 width: ${(0,a.Kq)(2)}; 27912 } 27913 27914 .grouped-navigation__link { 27915 ${({theme:e})=>(0,a.pe)(e,"colors.foundation.expanded-utility.nav-link.default","colors.foundation.expanded-utility.nav-link.hover","navigation")} 27916 27917 &.link--primary { 27918 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.foundation.link-primary")}; 27919 } 27920 27921 &.link--secondary { 27922 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.foundation.link-secondary")}; 27923 } 27924 } 27925`,l=o.Ay.div.withConfig({displayName:"GroupedNavigationFilter"})` 27926 position: static; 27927 border-width: 0 0 1px; 27928 border-style: solid; 27929 ${({theme:e})=>(0,a._o)(e,"color","colors.discovery.body.white.divider")}; 27930 width: calc(100% - 1.25rem); 27931 height: 60px; 27932 27933 .icon { 27934 position: absolute; 27935 top: 10px; 27936 right: 0; 27937 pointer-events: none; 27938 } 27939`,d=o.Ay.div.withConfig({displayName:"GroupedNavigationFilterContent"})` 27940 position: relative; 27941`,c=(0,o.Ay)(i.vm).withConfig({displayName:"GroupedNavigationFilterInput"}).attrs(e=>({as:"input",typeIdentity:"typography.definitions.foundation.link-secondary",...e}))` 27942 ${({theme:e})=>(0,a.FM)(e,"normal","background")}; 27943 ${({theme:e})=>(0,a.FM)(e,"normal","text")}; 27944 border: none; 27945 width: 100%; 27946 height: ${(0,a.Kq)(6.2)}; 27947`,m=o.Ay.div.withConfig({displayName:"GroupedNavigationContent"})` 27948 display: flex; 27949 height: 100% 27950 ${({hasSpacing:e})=>e&&`\n margin-top: ${(0,a.Kq)(1.5)};\n `}; 27951 ${({hasFilter:e})=>e&&`\n padding-top: ${(0,a.Kq)(4)};\n height: calc(100% - 60px);\n `}; 27952`,u=o.Ay.div.withConfig({displayName:"GroupedNavigationLinks"})` 27953 flex: 1; 27954 height: 100%; 27955 overflow-y: auto; 27956 max-height: 100vh; 27957 27958 && li { 27959 padding-bottom: ${(0,a.Kq)(2)}; 27960 27961 &.link--primary { 27962 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.foundation.link-primary")}; 27963 } 27964 27965 &.link--secondary { 27966 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.foundation.link-secondary")}; 27967 } 27968 } 27969`,p=(0,o.Ay)(r.A.Vertical).withConfig({displayName:"GroupedNavigationGroup"})` 27970 padding-bottom: ${(0,a.Kq)(5)}; 27971`,g=o.Ay.div.withConfig({displayName:"GroupedNavigationIndex"})` 27972 position: static; 27973 padding-right: ${(0,a.Kq)(1)}; 27974 overflow-y: auto; 27975`,h=(0,o.Ay)(i.vm).withConfig({displayName:"AtoZIndexWrapper"}).attrs(e=>({as:"nav",...e}))` 27976 width: ${(0,a.Kq)(3)}; 27977 text-align: center; 27978`,y=(0,o.Ay)(i.vm).withConfig({displayName:"AtoZIndexList"}).attrs(e=>({as:"ul",...e}))` 27979 margin-top: 0; 27980 padding: 0; 27981 list-style: none; 27982`,b=(0,o.Ay)(i.sH).withConfig({displayName:"AtoZIndexLink"}).attrs(e=>
27982({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",...e}))` 27983 display: block; 27984 background: none; 27985 padding-top: ${(0,a.Kq)(.25)}; 27986 padding-bottom: ${(0,a.Kq)(.25)}; 27987 width: 100%; 27988`,f=(0,o.Ay)(i.vm).withConfig({displayName:"AtoZIndexText"}).attrs(e=>({as:"li",colorToken:"colors.foundation.expanded-utility.nav-link.default",typeIdentity:"typography.definitions.foundation.link-secondary",...e}))` 27989 margin: 0; 27990 padding-top: ${(0,a.Kq)(.25)}; 27991 padding-bottom: ${(0,a.Kq)(.25)}; 27992`},15531(e,t,n){n.d(t,{A:()=>_});var o=n(13465),i=n(47655),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(6442),m=n(64663),u=n(73730),p=n(20388),g=n(37210),h=n(43657),y=n(90239),b=n(35833);const f=(0,n(72267).YK)({title:{id:"IframeEmbed.Title",defaultMessage:"Embedded Frame",description:"Title for iframe",isConfigurable:!0},dangerousDek:{id:"IframeEmbed.DangerousDek",defaultMessage:"Listen to this story",description:"Text of the audio tag",isConfigurable:!0},ariaLabel:{id:"IframeEmbed.AriaLabel",defaultMessage:"Click button to go to: {name}",description:"Aria label for button",isConfigurable:!0},consentBannerHeader:{id:"IframeEmbed.ConsentBannerHeader",defaultMessage:"Content",description:"Header for message banner"}});var w=n(84144),$=n.n(w),v=n(34980);const C=({videoId:e,title:t="YouTube video player",height:o=300,visibleOffset:i=1e3})=>{const a=(0,d.useRef)(null),r=(0,d.useRef)(null),[s,l]=(0,d.useState)(!1),[c,m]=(0,d.useState)(null),[u,p]=(0,d.useState)(!1);return(0,d.useEffect)(()=>{n.e(7833).then(n.bind(n,77833)).then(e=>{m(()=>e.default)})},[]),(0,d.useEffect)(()=>{const e=a.current;if(!e)return()=>{};return r.current=new IntersectionObserver(e=>{const[{isIntersecting:t}]=e;l(t)},{rootMargin:`${i}px 0px ${i}px 0px`,threshold:0}),r.current.observe(e),()=>{r.current&&e&&(r.current.unobserve(e),r.current.disconnect(),r.current=null)}},[i]),(0,d.useEffect)(()=>{if(!s||!a.current||u)return;const e=a.current;if(e.querySelector("iframe"))return void p(!0);const t=new MutationObserver(n=>{for(const o of n)if("childList"===o.type){if(e.querySelector("iframe")){p(!0),t.disconnect();break}}});return t.observe(e,{childList:!0,subtree:!0}),()=>{t.disconnect()}},[s,u]),(0,d.useEffect)(()=>{const e=a.current;return()=>{if(e){const t=e.querySelector(".yt-lite");t&&(t.innerHTML="")}}},[]),d.createElement(v.Uh,{ref:a,"data-testid":"LiteYouTubeEmbed-container"},(s||u)&&c?d.createElement(c,{id:e,title:t,videoId:e,poster:"hqdefault",enableJsApi:!0}):d.createElement("div",{style:{minHeight:o},"data-testid":"LiteYouTubeEmbed-placeholder"}))};C.propTypes={videoId:l().string.isRequired,title:l().string,height:l().number,visibleOffset:l().number},C.displayName="LiteYouTubeEmbed";const k=C;var A=n(72362);const x={elements_selector:".lazy"},E=({sandboxAttributes:e,shouldAllowFullScreen:t,src:n,title:o,height:i,mobileHeight:a,width:r})=>{const s=(0,b.t$)(n),l=s?(0,b.Zb)(n):null,c=(0,b.Sh)(n),m=(0,A.Zm)();if(s&&l&&!m){const e=i?parseInt(i,10):300;return d.createElement(k,{videoId:l,title:o,height:e})}return d.useEffect(()=>{const e=new($())(x);return e.update(),()=>e&&e.destroy()},[]),d.createElement(v.Pm,{className:"IframeEmbedContent lazy",height:i,mobileHeight:a,width:r,sandbox:e,title:o,"data-src":n,allowFullScreen:t,allow:"autoplay *; encrypted-media *; clipboard-write; autoplay; fullscreen; picture-in-picture",isFacebook:c})};E.propTypes={height:l().string,mobileHeight:l().string,sandboxAttributes:l().string,shouldAllowFullScreen:l().bool,src:l().string.isRequired,title:l().string,width:l().string},E.displayName="IframeEmbedContent";const S=E;var L=n(53499),T=n(92704);const{useState:N,useEffect:H,useContext:I,useMemo:B}=d,O=({attributes:e,aspectRatio:t,audioTagIconTitle:n,audioTagIncludeUrls:o=[],className:i,configuredComponentRef:a,dangerousCaption:s,dangerousDek:l,hasOptions:w=!1,height:$="766",mobileHeight:C="",options:k,sandbox:A="allow-scripts",shouldAllowFullScreen:x=!1,shouldValidateAudmPlayer:E=!1,title:O,url:K,variationName:D,variations:_={contentAlign:"center",hasAudioTag:!1},width:P="766"})=>{d.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(L.G.RENDER,{name:"IframeEmbed",variation:D})},[D]);const[R,q]=N(K),[M,F]=N(0),U=I(m.c$),{formatMessage:V}
27992=(0,c.A)(),G=(0,b.Wo)(K),W=x||(0,b.DW)(G,"wirewax.com"),j=$||"300px",z=P||void 0,Y=(0,b.f0)(K,A),X=(0,b.$m)(K),Z=!1===X||U[X],J=K&&K.includes("vimeo.com"),Q=!!J||Z;H(()=>{if(!J)return;const e=e=>{try{const t=(e=>{try{if(!e||"object"!=typeof e)return!1;const t=Object.values(e);return!!t.length&&t.every(Boolean)}catch{return!1}})(e),n=((e,t)=>{if(!e||!e.includes("vimeo.com"))return e;try{const n=new URL(e);return t?n.searchParams.delete("dnt"):n.searchParams.set("dnt","1"),n.toString()}catch(t){return e}})(K,t);q(e=>e===n?e:(F(e=>e+1),n))}catch(e){}},t=window?.Kendra?.CONSENT,n=[T.M.CONSENT_DEFAULT,T.M.CONSENT_ACCEPTED,T.M.CONSENT_REJECTED,T.M.CONSENT_UPDATED],o=[];return t?.on&&n.forEach(n=>{t.on(n,e),o.push({eventName:n,handler:e})}),()=>{t?.off&&o.forEach(({eventName:e,handler:n})=>{try{t.off(e,n)}catch(e){}})}},[K,J]);const ee=_?.hasAudioTag&&K.includes("audm.")&&E,[te,ne]=N(!ee),oe=B(()=>{if(null!=t){const[e,n]=t.split(":").map(e=>parseInt(e,10));return n/e}return null},[t]);return H(()=>{if(!ee)return;const e=e=>{try{const{origin:t,data:n}=e;if(t.includes("audm.")){const{context:e,event:t}=JSON.parse(n);"player.js"===e&&"ready"===t&&ne(!0)}}catch(e){}};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[ee]),d.createElement(v.HT,{...e,ref:a,"data-testid":"IframeEmbed",className:r()("iframe-embed",i),hasOptions:w,contentAlign:_.contentAlign},d.createElement(v.dW,{"data-hasconsent":Z,"data-testid":"IframeEmbedContainer"},d.createElement(y.A,null,Q?d.createElement(d.Fragment,null,_?.hasAudioTag&&o.some(e=>K.includes(e))&&te&&d.createElement(v.A6,null,d.createElement(v.jJ,null,d.createElement(h.A,{headphoneIconTitle:n})),d.createElement(v.F8,{dangerouslySetInnerHTML:{__html:l||V(f.dangerousDek)}})),d.createElement(v.gF,{aspectRatio:oe},d.createElement(S,{key:M,"data-testid":"IframeEmbedContent",height:j,mobileHeight:C,width:z,sandboxAttributes:Y,title:O||V(f.title),src:R,shouldAllowFullScreen:W}))):d.createElement(g.A,{consentBannerHeader:f.consentBannerHeader,hasConsent:Z,url:R})),s&&d.createElement(p.A,{dangerousCaptionText:s,captionAlign:_.captionAlign}),k&&k.reduce((e,{name:t,url:n})=>{if(t&&n){const o=()=>window.open(n,"_blank");e.push(d.createElement(u.A,{ariaLabel:V(f.ariaLabel,{name:t}),key:t,label:t,onClickHandler:o,role:"link"}))}return e},[])))};O.propTypes={configuredComponentRef:l().func,aspectRatio:l().string,attributes:l().object,audioTagIconTitle:l().string,audioTagIncludeUrls:l().arrayOf(l().string),className:l().string,dangerousCaption:l().string,dangerousDek:l().string,hasOptions:l().bool,height:l().string,isLazyLoaded:l().bool,mobileHeight:l().string,options:l().arrayOf(l().shape({name:l().string.isRequired,url:l().string.isRequired})),sandbox:l().string,shouldAllowFullScreen:l().bool,shouldValidateAudmPlayer:l().bool,title:l().string,url:l().string.isRequired,variationName:l().string,variations:l().shape({contentAlign:l().oneOf(["center","left","right"]),captionAlign:l().oneOf(["center","left","right"]),hasAudioTag:l().bool}),width:l().string},O.displayName="IframeEmbed";const K=O;K.CaptionLeftAlign=(0,i.y)(K,"CaptionLeftAlign",{captionAlign:"left",contentAlign:"left"},{hasOptions:!0}),K.WithAudioTag=(0,i.y)(K,"WithAudioTag",{hasAudioTag:!0},{hasOptions:!0});const D=K,_=(0,o.y)(D,"IframeEmbed")},34980(e,t,n){n.d(t,{A6:()=>g,F8:()=>h,HT:()=>p,Pm:()=>c,Uh:()=>b,dW:()=>d,gF:()=>m,jJ:()=>y});var o=n(38267),i=n(18608),a=n(26865),r=n(38860),s=n(50531),l=n(96472);const d=o.Ay.div.withConfig({displayName:"IframeEmbedContainer"})` 27993 display: inline-block; 27994 width: 100%; 27995 text-align: center; 27996 ${r.Gk} { 27997 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.globalEditorial.context-secondary")} 27998 ${({theme:e})=>(0,a._o)(e,"color","colors.consumption.body.standard.body")}; 27999 ${({captionAlign:e})=>e&&`\n margin-top: ${(0,a.Kq)(1)};\n text-align: ${e};\n `} 28000 } 28001`,c=o.Ay.iframe.withConfig({displayName:"IframeEmbedContent"})` 28002 border: 0; 28003 ${({isFacebook:e})=>!e&&"\n width: 100%;\n "} 28004 max-width: 100%; 28005 @media (max-width: ${l.LO.md}) { 28006 ${({mobileHeight:e})=>e&&`height: ${e};`} 28007 } 28008`,m=o.Ay.div.withConfig({displayName:"IframeEmbedAspectRatioWrapper"})` 28009 ${({aspectRatio:e})=>null!=e&&`\n position: relative;\n padding-bottom: ${100*e}%;\n width: 100%;\n height: 0;\n\n /*\n We have to use a className because Styled Components\n seems to break and change the className for these\n components on a re-render.\n */\n .IframeEmbedContent {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n }\n `}; 28010`,u=o.AH` 28011 ${(0,a.t6)()} 28012 28013 ${d} { 28014 text-align: right; 28015 } 28016 28017 /* 28018 We have to use a className because Styled Components 28019 seems to break and change the className for these 28020 components on a re-render. 28021 */ 28022 .IframeEmbedContent { 28023 display: block; 28024 } 28025 28026 ${r.Gk} { 28027 float: left; 28028 margin-top: ${(0,a.Kq)(3,"px")}; 28029 ${({contentAlign:e})=>`\n margin-top: ${(0,a.Kq)(1,"px")};\n text-align: ${e};\n `} 28030 } 28031 28032 ${s.eM} { 28033 margin-top: ${(0,a.Kq)(1,"px")}; 28034 margin-left: ${(0,a.Kq)(.5,"px")}
28034; 28035 } 28036`,p=o.Ay.figure.withConfig({displayName:"IframeEmbedWrapper-sc"})` 28037 margin: 0 auto; 28038 28039 ${({contentAlign:e})=>`text-align: ${e||"center"}`} 28040 ${({hasOptions:e})=>e&&u} 28041`,g=o.Ay.div.withConfig({displayName:"IframeAudioTagWrapper"})` 28042 display: flex; 28043 align-items: center; 28044 justify-content: start; 28045 margin-bottom: ${(0,a.Kq)(1,"px")}; 28046`,h=(0,o.Ay)(i.c7).withConfig({displayName:"IframeDangerousDek"})` 28047 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.utility.label")} 28048 ${({theme:e})=>(0,a._o)(e,"color","colors.foundation.collapsed-menu.utility-link.default")}; 28049 margin: 0; 28050 margin-left: ${(0,a.Kq)(1,"px")}; 28051 text-align: left; 28052`,y=o.Ay.div.withConfig({displayName:"IframeAudioIconBox"})` 28053 ${({theme:e})=>(0,a._o)(e,"background-color","colors.discovery.body.brand.accreditation")}; 28054 ${({theme:e})=>(0,a._o)(e,"border-color","colors.discovery.body.black.border")}; 28055 28056 display: flex; 28057 align-items: center; 28058 justify-content: center; 28059 border: 1px solid; 28060 width: 24px; 28061 height: 24px; 28062 28063 svg { 28064 align-self: center; 28065 width: 12px; 28066 height: 12px; 28067 28068 path { 28069 ${({theme:e})=>(0,a._o)(e,"fill","colors.interactive.base.white")}; 28070 } 28071 } 28072`,b=o.Ay.div.withConfig({displayName:"LiteYouTubeEmbedContent"})` 28073 .yt-lite { 28074 display: block; 28075 position: relative; 28076 background-color: #000; 28077 background-position: 50%; 28078 background-size: cover; 28079 cursor: pointer; 28080 contain: layout style; 28081 } 28082 28083 .yt-lite.lyt-activated::before { 28084 display: block; 28085 position: absolute; 28086 top: 0; 28087 transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); 28088 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg=='); 28089 background-repeat: repeat-x; 28090 background-position: top; 28091 padding-bottom: 50px; 28092 width: 100%; 28093 height: 60px; 28094 content: ''; 28095 box-sizing: content-box; 28096 } 28097 28098 .yt-lite::after { 28099 display: block; 28100 padding-bottom: var(--aspect-ratio, 56.25%); 28101 content: ''; 28102 } 28103 28104 .yt-lite > iframe { 28105 display: block; 28106 position: absolute; 28107 top: 0; 28108 right: 0; 28109 left: 0; 28110 margin: 0; 28111 outline: 0; 28112 border: 0; 28113 padding: 0; 28114 width: 100%; 28115 height: 100%; 28116 } 28117 28118 .yt-lite > .lty-thumbnail { 28119 position: absolute; 28120 top: 0; 28121 left: 0; 28122 width: 100%; 28123 height: 100%; 28124 object-fit: cover; 28125 object-position: center; 28126 } 28127 28128 .yt-lite > .lty-playbtn { 28129 display: block; 28130 position: absolute; 28131 top: 50%; 28132 left: 50%; 28133 transform: translate3d(-50%, -50%, 0); 28134 transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1); 28135 opacity: 0.8; 28136 z-index: 1; 28137 border: none; 28138 background-color: transparent; 28139 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="%23f00"/><path d="M45 24 27 14v20" fill="%23fff"/></svg>'); 28140 background-repeat: no-repeat; 28141 background-size: 100% 100%; 28142 cursor: pointer; 28143 padding: 0; 28144 width: 68px; 28145 height: 48px; 28146 line-height: 0; 28147 font-size: 0; 28148 filter: grayscale(100%); 28149 } 28150 28151 .yt-lite:hover > .lty-playbtn { 28152 opacity: 1; 28153 filter: none; 28154 } 28155 28156 .yt-lite.lyt-activated { 28157 cursor: unset; 28158 } 28159 28160 .yt-lite.lyt-activated::before, 28161 .yt-lite.lyt-activated > .lty-playbtn { 28162 opacity: 0; 28163 pointer-events: none; 28164 } 28165 28166 /* Visually hidden but accessible to screen readers */ 28167 .lty-visually-hidden { 28168 position: absolute; 28169 margin: -1px; 28170 border: 0; 28171 padding: 0; 28172 width: 1px; 28173 height: 1px; 28174 overflow: hidden; 28175 white-space: nowrap; 28176 clip: rect(0, 0, 0, 0); 28177 } 28178 28179 /* Playlist icon overlay */ 28180 .yt-lite > .lty-playlist-icon { 28181 display: flex; 28182 position: absolute; 28183 top: 8px; 28184 right: 8px; 28185 align-items: center; 28186 justify-content: center; 28187 z-index: 1; 28188 border-radius: 4px; 28189 background-color: rgba(0, 0, 0, 0.8); 28190 width: 48px; 28191 height: 48px; 28192 pointer-events: none; 28193 } 28194 28195 .yt-lite > .lty-playlist-icon::before { 28196 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4 6h2v12H4V6zm12 0h-2v12h2V6zM8 6h10v12H8V6z" opacity="0.5"/><path d="M10 8h8v8h-8V8z"/></svg>'); 28197 background-repeat: no-repeat; 28198 background-position: center; 28199 background-size: contain; 28200 width: 28px; 28201 height: 28px; 28202 content: ''; 28203 } 28204`},35833(e,t,n){n.d(t,{$m:()=>d,DW:()=>a,Sh:()=>u,Wo:()=>i,Zb:()=>m,f0:()=>s,t$:()=>c});var o=n(62997);function i(e){try{return new URL(e).hostname.toLowerCase()}catch(e){return""}}function a(e,t){return e===t||e.endsWith(`.${t}`)}function r(e){return Object.keys(o.pD).find(t=>a(e,t))}function s(e,t){const n=i(e);if(o.ev.some(e=>a(n,e)))return;let s=[];"string"==typeof t&&(s=s.concat(t.split(/[\s,]+/g)));const l=r(n);return l&&Array.isArray(o.pD[l].sandbox)&&(s=s.concat(o.pD[l].sandbox)),Array.from(new Set(s)).join(" ")}function l(e,t){if(!1===t)return!1;if("function"==typeof t){return l(e,t(e))}return o.Ch.has(t)?t:o.O3}function d(e){const t=r(i(e));return t?l(e,o.pD[t].consent):o.O3}function c(e){return!!e&&(e.includes("youtube.com")||e.includes("youtu.be")||e.includes("youtube-nocookie.com"))}function m(e){if(!e)return null;try{const t=e.match(/\/embed\/([a-zA-Z0-9_-]{11})/);if(t)return t[1];const n=e.match(/[?&]v=([a-zA-Z0-9_-]{11})/);if(n)return n[1];const o=e.match(/youtu\.be\/([a-zA-Z0-9_-]{11})/);return o?o[1]:null}catch(e){return null}}function u(e){return!!e&&(e.includes("facebook.com")||e.includes("fb.com")||e.includes("fb.watch"))}},83254(e,t,n){n.d(t,{A:()=>J});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(38798),l=n(38221),d=n.n(l),c=n(7350),m=n.n(c);const u=(0,n(72267).YK)({galleryLink:{id:"ImageSlideShow.galleryLink",defaultMessage:"See the gallery",description:"CTA to gallery"},lastSlideCTA:{id:"ImageSlideShow.lastSlideCTA",defaultMessage:"Explore the gallery",description:"Last slide overlay call to action"}});var p=n(73730),g=n(96472),h=n(73275),y=n(38267),b=n(26865),f=n(1123),w=n(73347),$=n(25751);const v=y.Ay.div.withConfig({displayName:"ImageSlideShowWrapper"})` 28205 ${(0,f.VO)()} 28206 ${({hasMarginTop:e})=>e&&`margin-top: ${(0,b.Kq)(4)};`} 28207`,C=y.Ay.div.withConfig({displayName:"ImageSlideShowHeader"})` 28208 ${(0,f.aU)("padding")} 28209`,k=y.Ay.div.withConfig({displayName:"ImageSlideShowFooter"})` 28210 ${(0,f.aU)("padding")} 28211`,A=(0,y.Ay)(w.Ay).withConfig({displayName:"ImageSlideShowTitle"})``,x=y.Ay.div.withConfig({displayName:"ImageSlideShowCarousel"})` 28212 position: relative; 28213 transition: opacity 0.3s ease-in; 28214 opacity: 0; 28215 margin: ${(0,b.Kq)(4)} 0; 28216 overflow: hidden; 28217 28218 @media (min-width: ${g.LO.md}) { 28219 ${(0,f.VO)()} 28220 ${(0,f.aU)("margin")} 28221 overflow: visible; 28222 } 28223`,E=y.Ay.ul.withConfig({displayName:"ImageSlideShowCarouselList"})` 28224 display: flex; 28225 position: relative; 28226 transition: transform 0.3s cubic-bezier(0.34, 0.83, 1.06, 0.65); 28227 margin: 0; 28228 padding: 0; 28229 padding-right: ${(0,b.Kq)(4)}; 28230 28231 padding-left: ${(0,b.Kq)(1.5)}; 28232 list-style: none; 28233 -webkit-overflow-scrolling: touch; 28234 overflow-x: auto; 28235 overflow-y: hidden; 28236 scroll-snap-type: x mandatory; 28237 28238 &::-webkit-scrollbar {
28239 display: none; 28240 } 28241 28242 @media (min-width: ${g.LO.md}) { 28243 padding: 0; 28244 ${(0,f.VO)()} 28245 } 28246`,S=y.Ay.li.withConfig({displayName:"ImageSlideShowCarouselItem"})` 28247 display: flex; 28248 position: relative; 28249 flex-grow: 1; 28250 flex-shrink: 0; 28251 flex-wrap: wrap; 28252 align-items: center; 28253 align-self: stretch; 28254 margin-left: ${(0,b.Kq)(1.5)}; 28255 width: 100%; 28256 max-width: calc(100% - ${(0,b.Kq)(4.5)}); 28257 max-height: 100%; 28258 scroll-snap-align: center; 28259 28260 &:last-child, 28261 &:last-of-type { 28262 margin-right: ${(0,b.Kq)(3)}; 28263 } 28264 28265 @media (min-width: ${g.LO.md}) { 28266 align-content: start; 28267 margin: 0 1.35%; 28268 width: inherit; 28269 max-width: 100%; 28270 scroll-snap-align: start; 28271 28272 ${({isLandscape:e})=>"width: "+(e?"48.6%":"23%")}; 28273 28274 &:first-child { 28275 margin-left: 0; 28276 } 28277 28278 &:last-child { 28279 margin-right: 0; 28280 } 28281 } 28282`,L=y.Ay.button.withConfig({displayName:"ImageSlideShowCarouselButton"})` 28283 display: none; 28284 position: absolute; 28285 top: calc(50% - 22px); 28286 transition: opacity 0.3s ease-in; 28287 opacity: 0; 28288 background: none; 28289 ${({direction:e})=>""+("prev"===e?"left: -44px":"right: -44px")}; 28290 fill: ${({isInactive:e})=>e?(0,b.HK)("colors.interactive.base.light"):(0,b.HK)("colors.interactive.base.black")}; 28291 pointer-events: ${({isInactive:e})=>e?"none":"auto"}; 28292 28293 @media (min-width: ${g.LO.md}) { 28294 display: block; 28295 } 28296`,T=(0,y.Ay)($.A).withConfig({displayName:"ImageSlideShowCarouselArrow"})` 28297 ${({type:e})=>`transform: scale(${"prev"===e?"-0.85":"0.85"})`}; 28298`,N=(y.Ay.div.withConfig({displayName:"ImageSlideShowCarouselSwipe"})``,y.Ay.div.withConfig({displayName:"ImageSlideShowSlide"})``,y.Ay.div.withConfig({displayName:"ImageSlideShowSlideImage"})` 28299 display: flex; 28300 position: relative; 28301 align-items: center; 28302 background-color: ${(0,b.HK)("colors.consumption.body.inverted.bg-photo")}; 28303 width: 100%; 28304`),H=y.Ay.div.withConfig({displayName:"ImageSlideShowSlideMobileText"})` 28305 width: 100%; 28306 28307 @media (min-width: ${g.LO.md}) { 28308 display: none; 28309 } 28310`,I=y.Ay.div.withConfig({displayName:"ContentUpdatorWrapper"})` 28311 transition: opacity 0.3s linear; 28312 min-height: 50px; 28313`,B=y.Ay.div.withConfig({displayName:"ImageSlideShowSlideText"})` 28314 display: none; 28315 width: 100%; 28316 28317 @media (min-width: ${g.LO.md}) { 28318 display: block; 28319 } 28320`,O=y.Ay.p.withConfig({displayName:"ImageSlideShowSlideCredit"})` 28321 margin: ${(0,b.Kq)(1.5)} 0 0; 28322 width: 100%; 28323 text-align: center; 28324 color: ${(0,b.HK)("colors.consumption.body.standard.body-deemphasized")}; 28325 28326 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.globalEditorial.accreditation-core")} 28327`,K=y.Ay.p.withConfig({displayName:"ImageSlideShowSlideCaption"})` 28328 margin: ${(0,b.Kq)(.5)} 0 0; 28329 width: 100%; 28330 text-align: center; 28331 color: ${(0,b.HK)("colors.discovery.body.light.description")}; 28332 28333 a { 28334 text-decoration: none; 28335 color: ${(0,b.HK)("colors.discovery.body.light.description")}; 28336 } 28337 28338 a:hover { 28339 text-decoration: underline; 28340 } 28341 28342 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.consumptionEditorial.description-core")} 28343`,D=y.Ay.div.withConfig({displayName:"ImageSlideShowLastSlide"})` 28344 display: flex; 28345 position: absolute; 28346 top: 0; 28347 right: 0; 28348 bottom: 0; 28349 left: 0; 28350 flex-wrap: wrap; 28351 background-color: ${(0,b.HK)("colors.consumption.body.inverted.bg-photo")}; 28352 padding: 0 ${(0,b.Kq)(2)}; 28353`,_=y.Ay.h3.withConfig({displayName:"ImageSlideShowLastSlideHed"})` 28354 align-self: end; 28355 margin-top: 0; 28356 width: 100%; 28357 text-align: center; 28358 color: ${(0,b.HK)("colors.consumption.lead.inverted.heading")}; 28359 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.discovery.hed-feature")} 28360`,P=y.Ay.p.withConfig({displayName:"ImageSlideShowLastSlideDek"})` 28361 align-self: end; 28362 width: 100%; 28363 text-align: center; 28364 color: ${(0,b.HK)("colors.consumption.lead.inverted.description")}; 28365 ${({theme:e})=>(0,b.Gg)(e,"typography.definitions.globalEditorial.context-secondary")} 28366`,R=y.Ay.a.withConfig({displayName:"ImageSlideShowLastSlideLink"})` 28367 width: 100%; 28368 text-decoration: none; 28369 28370 &:hover, 28371 &:focus { 28372 p { 28373 text-decoration: underline; 28374 } 28375 } 28376 28377 & > div { 28378 display: flex; 28379 flex-wrap: wrap; 28380 width: 100%; 28381 28382 @media (min-width: ${g.LO.lg}) { 28383 padding-bottom: ${(0,b.Kq)(4)}; 28384 } 28385 } 28386`,q=y.Ay.div.withConfig({displayName:"ImageSlideShowCTA"})` 28387 margin-bottom: ${(0,b.Kq)(5)}; 28388 text-align: center;
28389`,{useEffect:M,useRef:F,useState:U}=r,V=({caption:e,credit:t})=>{const[n,o]=U(1),[i,a]=U(""),[s,l]=U(""),d=F(null);return M(()=>(d.current||e===i&&t===s||(o(0),d.current=setTimeout(()=>{o(1),a(e),l(t),d.current=null},300)),()=>{clearTimeout(d.current),d.current=null}),[e,i,t,s]),r.createElement(I,{style:{opacity:n}},r.createElement(O,{dangerouslySetInnerHTML:{__html:s}}),r.createElement(K,{dangerouslySetInnerHTML:{__html:i}}))};V.propTypes={caption:a().string,credit:a().string};const G=V,{useState:W,useEffect:j,useRef:z}=r;let Y=null;const X=({configuredComponentRef:e,dek:t,endSlideDek:n,endSlideHed:o,galleryLink:i,galleryLinkLabel:a,hasMarginTop:s,hasTitleDividerAbove:l,hasTitleDividerAboveDek:c,hasTitleDividerBelow:y,hed:b,hideLastSlide:f,intl:w,maxAllowedSlides:$=10,slideItems:I,trackingNamespace:M={backwardButton:"ImageSlideShow Control Backward",forwardButton:"ImageSlideShow Control Forward",lastSlideButton:"ImageSlideShow gallery link",swipe:"ImageSlideShow carousel swipe",viewMoreCTA:"ImageSlideShow View All Button"}})=>{const[F,U]=W(0),[V,X]=W(0),[Z,J]=W(!1),Q=z(null),ee=z(null),[te,ne]=W(!0),[oe,ie]=W(!1),ae=e=>{window.dataLayer&&e&&window.dataLayer.push({event:e})},{forwardButton:re,backwardButton:se,lastSlideButton:le,swipe:de,viewMoreCTA:ce}=M,me=`(min-width: ${g.LO.md})`;I.length=I.length<=$?I.length:$;const ue=I.length+(f?0:1),[pe,ge]=W(!1),[he,ye]=W(!1);j(()=>{Q.current&&(Q.current.style.opacity=1);const e=()=>{if(ee.current){const e=[...ee.current.children].map(e=>e.offsetLeft);X(e);const t=[...Q.current.querySelectorAll("[class^=ImageSlideShowSlideImage]")];let n=0;t.forEach(e=>{e.style.minHeight=0}),t.forEach(e=>{n<e.offsetHeight&&(n=e.offsetHeight)}),t.forEach(e=>{e.style.minHeight=`${n}px`}),[...Q.current.querySelectorAll("button")].forEach(e=>{e.style.opacity=1,e.style.top=n/2-22+"px"})}const e=window.matchMedia(me).matches;J(e),e&&(I<4||$<4)&&ie(!0)},t=d()(e,200);return window.addEventListener("resize",t),setTimeout(e,1e3),()=>{window.removeEventListener("resize",t),clearTimeout(e)}},[Q,$,me,I]);const be=I.filter(e=>{const{width:t,height:n}=e.image.sources.sm;return t/n>=1}).length===I.length,fe=()=>{const e=1+(Z&&!be?3:1);if(F<ue-e){const t=F+1;U(t),t>0&&te&&ne(!1),t===ue-e&&ie(!0),Z&&ee.current.scrollTo({left:V[t],behavior:"smooth"}),ae(re)}},we=()=>{if(F>0){const e=F-1;U(e),0!==e||te||ne(!0),Z&&ee.current.scrollTo({left:V[e],behavior:"smooth"}),oe&&ie(!1),ae(se)}},$e=Z?0:24,ve=m()(()=>{!he&&Z||(Y=setTimeout(()=>{if(clearTimeout(Y),ee.current&&V){const e=ee.current.scrollLeft+$e,t=V.reduce((t,n)=>Math.abs(n-e)<Math.abs(t-e)?n:t),n=V.indexOf(t);U(n),n>0&&te&&ne(!1),0!==n||te||ne(!0);const o=be?2:Z?4:1;n===ue-o&&F===ue-o&&ie(!0),n<ue-o&&ie(!1),Z||ae(de)}ge(!1)},1e3),pe||ge(!0))},3e3,{trailing:!1});return r.createElement(v,{ref:e,hasMarginTop:s},r.createElement(C,null,r.createElement(A,{dangerousHed:b,dangerousDek:t,hasDividerAbove:l,hasDividerAboveDek:c,hasDividerBelow:y,textAlign:"center","data-testid":"section-title"})),r.createElement(x,{ref:Q,tabIndex:"0",onKeyDown:e=>{39===e.keyCode?fe():37===e.keyCode&&we()}},r.createElement(L,{"data-testid":"ImageSlideShowPrevButton",direction:"prev",isInactive:te,onClick:()=>we(),type:"button"},r.createElement(T,{type:"prev"})),r.createElement(L,{"data-testid":"ImageSlideShowNextButton",direction:"next",isInactive:oe,onClick:()=>fe(),type:"button"},r.createElement(T,{type:"next"})),r.createElement(E,{onScroll:()=>{ve()},onMouseOver:()=>ye(!0),onMouseOut:()=>ye(!1),ref:ee,style:{transform:"translateX(0)"}},I.map((e,t)=>{if(!e.image)return null;const{caption:n,credit:o}=e;return r.createElement(S,{key:`slide-${t}`,isLandscape:be,style:{position:"relative"}},r.createElement(N,{key:`slide-${t}`},r.createElement(h.A,{...e.image})),(o||n)&&r.createElement(B,null,o&&r.createElement(O,{dangerouslySetInnerHTML:{__html:o}}),n&&r.createElement(K,{dangerouslySetInnerHTML:{__html:n}})))}),!f&&r.createElement(S,{isLandscape:be},r.createElement(R,{href:i,onClick:()=>ae(le)},r.createElement(N,null,r.createElement(D,null,r.createElement(_,{dangerouslySetInnerHTML:{__html:o}}),n?r.createElement(P,{dangerouslySetInnerHTML:{__html:n}}):r.createElement(P,null,w.formatMessage(u.lastSlideCTA))))))),r.createElement(H,null,r.createElement(G,{caption:I[F]?.caption,credit:I[F]?.credit}))),r.createElement(k,null,i&&r.createElement(q,{"data-testid":"ImageSlideShowCTA"},r.createElement(p.A.Utility,{btnStyle:"outlined",href:i,inputKind:"link",label:a||w.formatMessage(u.galleryLink),onClickHandler:()=>{ae(ce)},target:"_self"}))))};X.propTypes={configuredComponentRef:a().func,dek:a().string,endSlideDek:a().string,endSlideHed:a().string,galleryLink:a().string,galleryLinkLabel:a().string,hasMarginTop:a().bool,hasTitleDividerAbove:a().bool,hasTitleDividerAboveDek:a().bool,hasTitleDividerBelow:a().bool,hed:a().string,hideLastSlide:a().bool,intl:a().object,maxAllowedSlides:a().number,slideItems:a().array,trackingNamespace:a().object};const Z=(0,s.Ay)(X),J=(0,o.y)(Z,"ImageSlideShow")},84252(e,t,n){n.d(t,{r:()=>B,A:()=>K});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(57744),d=n(49235),c=n(52627),m=n(53499),u=n(59867),p=n(99623),g=n(38267),h=n(26865),y=n(96472),b=n(70698),f=n(69328),w=n(51886);const $=(0,g.Ay)(f.A).withConfig({displayName:"LinkBannerLinkList"})` 28390 ${({hasGradient:e,theme:t})=>e&&`&::after {\n background: linear-gradient(90deg, rgba(${(0,h.HK)(t,(0,b.iq)(t)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed",{rgbOnly:!0})}, 0) 0%, rgba(${(0,h.HK)(t,(0,b.iq)(t)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed",{rgbOnly:!0})}, 1) 75%);;\n }`} 28391 28392 ${w.BY} { 28393 ${w.SJ} { 28394 ${w.Tw}:first-child { 28395 margin-right: 0; 28396 max-width: 66px; 28397 ${w.xW} { 28398 max-width: 85px; 28399 } 28400 } 28401 } 28402 height: ${59}px; 28403 28404 @media (min-width: ${y.LO.md}) { 28405 height: ${59}px; 28406 } 28407 28408 ${({hasExtraSpace:e})=>e&&`\n & + ${w.BY} {\n @media (min-width: ${y.LO.xl}) {\n margin-left: ${(0,h.Kq)(5)}\n }\n }\n `} 28409 28410 ${({theme:e,hasDivider:t})=>t&&`\n &::before {\n ${(0,h._o)(e,"background-color","colors.discovery.body.black.accent")};\n }\n \n &:visited:before {\n ${(0,h._o)(e,"background-color","colors.discovery.body.black.accent")};\n }\n &:hover::before {\n ${(0,h._o)(e,"background-color","colors.discovery.body.black.accent")};\n } \n &:focus-visible::before {\n ${(0,h._o)(e,"background-color","colors.discovery.body.black.accent")};\n }\n\n \n `} 28411 } 28412 ${({hasDivider:e,theme:t})=>e&&`&:last-child {\n margin-left: 0;\n }\n &:not(:last-child){\n border-right: 1px solid;\n margin-left: 0;\n padding-right: ${(0,h.Kq)(2)};\n border-color:${(0,h.HK)(t,"colors.discovery.body.white.divider")}\n }`} 28413 28414 ${w.k2} { 28415 ${({theme:e,hasDivider:t})=>(0,h.pe)(e,(0,b.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default",((e,t)=>
28415{let n=null;return n=e?(0,b.iq)(t)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default":(0,b.iq)(t)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover",n})(t,e),"navigation")} 28416 } 28417 28418 ${w.k2} { 28419 ${({hasUnderline:e})=>e&&"&:link {\n text-decoration: underline;\n }\n "} 28420 ${({hasDivider:e})=>e&&"&:link {\n text-decoration: none;\n }\n "} 28421 28422 ${({hasCarouselControls:e})=>e&&"&:link {\n text-decoration: none;\n color: inherit;\n }"} 28423 } 28424 28425 ${w.k2} { 28426 ${({hasSmallTypeface:e,theme:t})=>e&&`${(0,h.Gg)(t,"typography.definitions.globalEditorial.numerical-small")}\n font-weight: 500;\n `} 28427 } 28428 28429 ${w.k} { 28430 margin-right: 0; 28431 margin-left: ${(0,h.Kq)(2)}; 28432 ${({hasDivider:e})=>e&&`line-height: ${(0,h.Kq)(1.375,"px")};`} 28433 width: fit-content; 28434 } 28435 28436 ${w.k2} { 28437 ${({hasMediumTypeface:e})=>e&&"font-size: 18px;"} 28438 } 28439 28440 ${w.Fs} { 28441 ${({shouldHaveBottomMargin:e})=>e&&`margin-bottom: ${(0,h.Kq)(4)}`} 28442 } 28443 28444 ${({hasCarouselControls:e})=>e&&"&& {\n height: 100%\n }"} 28445 ${w.XG} { 28446 ${({hasExtraSpace:e})=>e&&`margin-right: ${(0,h.Kq)(5)};`} 28447 28448 ${w.k2} { 28449 ${({theme:e})=>(0,h.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 28450 ${({theme:e})=>(0,h._o)(e,"color",(0,b.iq)(e)?"colors.consumption.lead.inverted.heading":"colors.discovery.body.white.context-signature")}; 28451 } 28452 } 28453 ${({isFeatured:e})=>e&&g.AH` 28454 ${w.Io} { 28455 font-size: 11px; 28456 font-weight: 600; 28457 line-height: 12px; 28458 letter-spacing: 1.2px; 28459 text-align: left; 28460 } 28461 28462 ${w.k2} { 28463 font-size: 13px; 28464 font-weight: 600; 28465 line-height: 17px; 28466 letter-spacing: 0.1px; 28467 text-align: left; 28468 text-transform: unset; 28469 } 28470 ${w.BY} { 28471 :not(:last-child)::after { 28472 background: #e2e2e2; 28473 } 28474 } 28475 `} 28476 28477 ${w.k2} { 28478 display: block; 28479 } 28480`;var v=n(73275);const C=({hasCarouselControls:e=!1,hasDefaultChevron:t,hasDivider:n,hasExtraSpace:o=!1,hasGradient:i=!1,hasUnderline:a=!1,hasMediumTypeface:r=!1,hasNativeImgLazyLoading:l,hasSmallTypeface:d=!1,hasSmallViewportTitle:c,hed:m,hideLinkListImage:u=!1,hideHed:p=!1,image:g,isCentered:h=!0,isFeatured:y,links:b,shouldCenterAlignContent:f,shouldHaveBottomMargin:w,trackingNamespace:v})=>{const C={image:u||!g?.segmentedSources&&!g?.sources?null:g,text:p?null:m};return s.createElement($,{disableSubHeaderTracking:!0,hasCarouselControls:e,hasExtraSpace:o,hed:m,hasGradient:i,hasUnderline:a,hasMediumTypeface:r,hasNativeImgLazyLoading:l,hasSmallTypeface:d,hasSmallViewportTitle:c,isCentered:h,isFeatured:y,links:b,primaryLink:(C.image||C.text)&&C,shouldCenterAlignContent:f,shouldHaveBottomMargin:w,trackingNamespace:v,hasDivider:n,hasDefaultChevron:t})};C.propTypes={hasCarouselControls:r().bool,hasDefaultChevron:r().bool,hasDivider:r().bool,hasExtraSpace:r().bool,hasGradient:r().bool,hasMediumTypeface:r().bool,hasNativeImgLazyLoading:r().bool,hasSmallTypeface:r().bool,hasSmallViewportTitle:r().bool,hasUnderline:r().bool,hed:r().string,hideHed:r().bool,hideLinkListImage:r().bool,image:r().shape(v.A.propTypes),isCentered:r().bool,isFeatured:r().bool,links:r().arrayOf(r().shape({url:r().string,text:r().string,isExternal:r().bool,onClick:r().func})),shouldCenterAlignContent:r().bool,shouldHaveBottomMargin:r().bool,trackingNamespace:r().str
28480ing};const k=C;var A=n(30050),x=n(67198),E=n(54370),S=n(89635),L=n(90090),T=n(26890),N=n(95788);const H=(e,t,n,o={})=>{(0,p.N)(e,n,`link_banner_${t}`,"click","link-banner");const{trackingIdentifier:i,attributes:a={}}=o;i&&(0,L.W8)(`recirc-linkbanner-${i}-click`,{"gtm.elementUrl":e,...a,type:t}),window.dataLayer&&"visual-link-banner"===t&&window.dataLayer.push({event:"link-title",navigationType:"visual-link-list",clickText:n})},I=(e,t,n)=>{const{trackingIdentifier:o="",attributes:i={}}=e;o&&(0,L.zJ)(`recirc-linkbanner-${o}-impression`,{componentPosition:t,...i,type:n})},B=({clsConfig:e,configuredComponentRef:t,hasAllExternalLinks:n=!1,hasBorder:o=!0,hasCustomBackground:a=!1,hasDefaultChevron:r=!1,hasExtraSpace:l=!1,hasHedLinkColor:p,hasLinkListGradient:g=!1,hasMediumTypeface:h=!1,hasSmallTypeface:y=!1,hasSmallViewportTitle:b=!1,hasUnderline:f=!1,isResponsive:w=!1,hideHed:$=!1,hideLinkListImage:v=!1,hideMarqueeHed:C=!1,hideMobileMarqueeImage:L=!0,shouldReplaceWithDropdown:B=!1,isCentered:O=!0,scrollToSection:K,linkBannerData:D={hed:"",dek:"",image:{},links:[]},palette:_="standard",shouldCenterAlignContent:P=!1,showMobileCompactView:R=!1,showBannerUnderNav:q,theme:M,trackingNamespace:F,typesWithBottomMargin:U=[],hasShadow:V=!0,hasDivider:G})=>{const[W,j]=s.useState(!1),{hed:z,image:Y,links:X,tracking:Z={},bannerType:J,hasNativeImgLazyLoading:Q}=D;s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"LinkBanner",variation:J})},[J]);const ee=s.useRef(),[te,ne]=s.useState(!1),oe=s.useRef(0),[ie,ae]=s.useState(!1),re=s.useRef(null),se=s.useRef(null);if(s.useEffect(()=>(re.current=window.Kendra.WINDOW_EVENT.on(u.m.SCROLL_THROTTLE,()=>{const e=window.pageYOffset;(0,T.q)(te,e,oe.current,"delta")&&(ne(e-oe.current>0),oe.current=e)}),()=>{re.current&&re.current.off()}),[te,J]),s.useEffect(()=>{const e=(0,N.X)(ee),t=()=>{(0,N.q)(ee)&&(I(Z,e,J),se.current&&se.current.off())};if(!(0,N.q)(ee))return se.current=window.Kendra.WINDOW_EVENT.on(u.m.SCROLL_THROTTLE,t),function(){se.current&&se.current.off()};I(Z,e,J)},[Z,J]),s.useEffect(()=>{function e(){Math.round(100*window.devicePixelRatio/2)>=400?j(!0):j(!1)}return X&&X.forEach(e=>{e?.text?.length>50&&ae(!0)}),B&&(e(),window.addEventListener("resize",e)),function(){window.removeEventListener("resize",e)}},[B,X]),0===X.length)return null;const le="visual-link-banner"===J||"visual-carousel"===J,de={hasCarouselControls:le,hasNoStickyPosition:"visual-carousel"===J,hasMediumTypeface:"visual-carousel"===J&&h,hasSmallTypeface:y,hasSmallViewportTitle:b,hasExtraSpace:l,hasGradient:"visual-link-banner"!==J&&g,hasUnderline:f,hed:z,hasNativeImgLazyLoading:Q,hideLinkListImage:!!le||v,hideHed:$,image:Y,isCentered:O,isFeatured:"featured"===M,links:X.map(e=>({...e,isExternal:n||e.isExternal,onClick:()=>H(e.url,J,e.text,Z)})),shouldHaveBottomMargin:U.includes(J),shouldCenterAlignContent:P,trackingNamespace:F,hasDivider:G,hasDefaultChevron:r},ce={hasUnderline:f,hasCustomBackground:a,hasHedLinkColor:p,hideMarqueeHed:C,hideMobileMarqueeImage:L,isCentered:O,isResponsive:w,linkBannerData:{...D,hed:C?null:z,links:K?D.links.map(e=>({...e,url:"#"})):D.links},showMobileCompactView:R,onLinkClick:(e,t,n,o)=>{("#"===t||K)&&e.preventDefault();H(K||t,n,o,Z),K&&(0,x.A)(`.${K}`)}},me=X.map(e=>({name:e.text,url:e.url}));if(W&&B)return s.createElement(d.A,{palette:_},s.createElement(S.zt,{options:me,showLabel:!0,shouldTrim:ie,label:D.hed,hasDropdown:W,as:c.A}));let ue={};return e?.improveCls&&(ue={style:{minHeight:`${e.minHeight}px`}}),s.createElement(d.A,{palette:_},s.createElement(S.uN,{...ue,id:"link-banner",ref:(0,E.P)(ee,t),"data-testid":"LinkBanner",hasBorder:o,hasCustomBackground:a,hasHedLinkColor:p,hasShadow:V,showBannerUnderNav:q,hasCarouselControls:de.hasCarouselControls,hasLightBackgroun
28480d:de.hasLightBackground,hasNoStickyPosition:de.hasNoStickyPosition,isScrolled:te,className:i()({"visual-link-banner--is-scrolled":te})},"link-list"===J||"visual-link-banner"===J||"visual-carousel"===J?s.createElement(k,{...de}):s.createElement(A.A,{...ce})))};B.displayName="LinkBanner";const O=["marquee","link-list","visual-link-banner","visual-carousel"];B.propTypes={configuredComponentRef:r().func,clsConfig:r().object,hasAllExternalLinks:r().bool,hasBorder:r().bool,hasCustomBackground:r().bool,hasDefaultChevron:r().bool,hasDivider:r().bool,hasExtraSpace:r().bool,hasHedLinkColor:r().bool,hasLinkListGradient:r().bool,hasMediumTypeface:r().bool,hasShadow:r().bool,hasSmallTypeface:r().bool,hasSmallViewportTitle:r().bool,hasUnderline:r().bool,hideHed:r().bool,hideLinkListImage:r().bool,hideMarqueeHed:r().bool,hideMobileMarqueeImage:r().bool,isCentered:r().bool,isResponsive:r().bool,isScrolled:r().bool,linkBannerData:A.A.propTypes.linkBannerData,palette:r().oneOf(["standard","inverted"]),scrollToSection:r().string,shouldCenterAlignContent:r().bool,shouldReplaceWithDropdown:r().bool,showBannerUnderNav:r().bool,showMobileCompactView:r().bool,theme:r().string,trackingNamespace:r().str
28480ing,type:r().oneOf(O),typesWithBottomMargin:r().arrayOf(r().oneOf(O))};const K=(0,l.M3)(B,{keysToPluck:["linkBannerData"]})},82873(e,t,n){n.d(t,{A:()=>r});var o=n(13465),i=n(84252);const a=(0,o.y)(i.A,"LinkBanner");a.propTypes=i.A.propTypes;const r=a},89635(e,t,n){n.d(t,{HS:()=>l,uN:()=>c,zs:()=>d,zt:()=>m});var o=n(38267),i=n(26865),a=n(96472),r=n(70698),s=n(77906);const l=60,d=60,c=o.Ay.section.withConfig({displayName:"LinkBannerWrapper"})` 28481 ${({hasCarouselControls:e,hasNoStickyPosition:t})=>e&&!t&&`\n position: fixed;\n box-shadow: rgb(0 0 0 / 10%) 0px 1px 6px;\n transform: translateY(0px);\n transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n z-index: 350;\n padding-top: var(--header-height, ${(0,i.Kq)(7,"px")});\n\n &.visual-link-banner--is-scrolled {\n position: fixed;\n opacity: 0;\n transform: translateY(-200px);\n transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n }\n `} 28482 ${({hasNoStickyPosition:e,hasShadow:t})=>e&&t&&"box-shadow: rgb(0 0 0 / 10%) 0px 1px 6px;;"} 28483 ${({hasBorder:e,theme:t,hasShadow:n})=>e&&n&&`\n border-bottom: 1px solid;\n ${(0,i._o)(t,"border-color",(0,r.iq)(t)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")};\n `} 28484
28485 ${({theme:e,hasCustomBackground:t,hasLightBackground:n})=>{let o;return o=t?"colors.consumption.lead.special.syndication":(0,r.iq)(e)?"colors.consumption.lead.inverted.background":n?"colors.discovery.body.light.background":"colors.foundation.menu-bg.collapsed",(0,i._o)(e,"background",o)}}; 28486 28487 height: ${({hasCarouselControls:e})=>!e&&`${l}px`}; 28488 28489 @media (min-width: ${a.LO.md}) { 28490 height: ${({hasCarouselControls:e})=>!e&&`${d}px`}; 28491 } 28492 28493 .body__drawer--open & { 28494 display: ${({showBannerUnderNav:e})=>!e&&"none"}; 28495 } 28496`,m=o.Ay.div.withConfig({displayName:"StyledNavigationDropdown"})` 28497 ${s.By} { 28498 margin-top: 0; 28499 max-height: ${(0,i.Kq)(15)}; 28500 ${({shouldTrim:e})=>e&&`\n min-width: ${(0,i.Kq)(32)};\n white-space: normal;\n `}; 28501 } 28502 ${s.TN} { 28503 height: ${(0,i.Kq)(3)}; 28504 ${({shouldTrim:e})=>e&&`margin-bottom: ${(0,i.Kq)(1)}`}; 28505 } 28506 ${s.EG} { 28507 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.lead.standard.context-signature")}; 28508 ${(0,i.Gg)("typography.definitions.globalEditorial.context-primary")}; 28509 } 28510`},30050(e,t,n){n.d(t,{A:()=>x});var o=n(96540),i=n(5556),a=n.n(i),r=n(73275),s=n(38267),l=n(26865),d=n(96472),c=n(70698),m=n(18608),u=n(1123),p=n(39832),g=n(51886);const h=e=>`\n color: ${(0,l.HK)(e,"colors.consumption.body.special.link")};\n`,y=s.Ay.div.withConfig({displayName:"LinkBannerMarquee"})` 28511 ${(0,u.VO)()} 28512 display: flex; 28513 align-items: center; 28514 ${(0,u.aU)("padding")}; 28515 height: 100%; 28516 28517 ${({isCentered:e})=>e&&`\n @media (min-width: ${d.LO.md}) {\n justify-content: center;\n }`} 28518 28519 ${({isCentered:e,showMobileCompactView:t})=>e&&t&&`\n @media (max-width: ${d.LO.md}) {\n justify-content: center;\n }`} 28520`,b=(0,s.Ay)(g.pX).withConfig({displayName:"LinkBannerMarqueeImage"})` 28521 flex-shrink: 0; 28522 28523 img { 28524 height: inherit; 28525 max-height: ${(0,l.Kq)(6)}; 28526 @media (min-width: ${d.LO.md}) { 28527 max-height: ${(0,l.Kq)(7)}; 28528 } 28529 } 28530 28531 ${({hideMobile:e})=>e&&`&& {\n @media (max-width: ${d.LO.md}) {\n display: none;\n }\n }\n `} 28532`,f=s.Ay.div.withConfig({displayName:"LinkBannerMarqueeMobileCompactView"})` 28533 display: flex; 28534 align-items: center; 28535 28536 @media (max-width: ${d.LO.md}) { 28537 display: flex; 28538 flex-direction: column; 28539 align-items: center; 28540 margin-left: ${(0,l.Kq)(1)}; 28541 28542 > span { 28543 text-align: center; 28544 white-space: normal; 28545 } 28546 28547 > a { 28548 margin: 0; 28549 margin-top: ${(0,l.Kq)(1)}; 28550 } 28551 } 28552`,w=(0,s.Ay)(m.vm).withConfig({displayName:"LinkBannerMarqueeHed"}).attrs(({theme:e,...t})=>({colorToken:(0,c.iq)(e)?"colors.consumption.lead.inverted.heading":"colors.discovery.body.white.context-signature",as:"span",typeIdentity:"typography.definitions.globalEditorial.context-primary",...t}))` 28553 white-space: nowrap; 28554 28555 > a { 28556 ${({theme:e})=>(0,l.Gg)(e,"typography.definitions.discovery.description-feature")}; 28557 text-decoration: none; 28558 ${({theme:e})=>(0,l._o)(e,"color",(0,c.iq)(e)?"colors.consumption.lead.inverted.heading":"colors.discovery.body.white.heading")}; 28559 28560 &:hover, 28561 &:focus { 28562 text-decoration: underline; 28563 } 28564 } 28565 28566 ${({hasHedLinkColor:e,theme:t})=>e&&h(t)} 28567 28568 @media (min-width: ${d.LO.md}) { 28569 margin-left: ${(0,l.Kq)(1)}; 28570 } 28571 28572 `,$=(0,s.Ay)(m.vm).withConfig({displayName:"LinkBannerMarqueeDek"}).attrs(({theme:e,...t})=>({colorToken:(0,c.iq)(e)?"colors.consumption.lead.inverted.heading":"colors.discovery.body.white.context-tertiary",as:"span",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...t}))` 28573 margin-left: ${(0,l.Kq)(1)}; 28574 white-space: nowrap; 28575 @media (max-width: ${d.LO.md}) { 28576 display: none; 28577 } 28578`,v=s.AH` 28579 white-space: nowrap; 28580`,C=(0,s.Ay)(m.sH).withConfig({displayName:"LinkBannerMarqueeLink"}).attrs(({theme:e,hasCustomBackground:t,...n})=>{let o,i;return t?(o="colors.consumption.body.special.link",i="colors.consumption.body.special.link"):(0,c.iq)(e)?(i="colors.consumption.lead.inverted.link",o="colors.consumption.lead.inverted.link"):(o="colors.foundation.collapsed-menu.nav-link.hover",i="colors.foundation.collapsed-menu.nav-link.default"),{colorSecondaryLinkToken:o,colorStaticLinkToken:i,as:p.A,linkStyle:"navigation",typeToken:"typography.definitions.foundation.link-primary",...n}})` 28581 flex-grow: 1; 28582 margin-left: ${(0,l.Kq)(1)}; 28583 text-align: ${({isResponsive:e})=>e?"center":"right"}; 28584 ${({isResponsive:e})=>!e&&v}
28585 ${({hasCustomBackground:e,theme:t})=>e&&h(t)} 28586 28587 &::after { 28588 content: '\\A0\\BB'; 28589 } 28590 28591 &:hover, 28592 &:focus { 28593 text-decoration: none; 28594 } 28595 28596 @media (min-width: ${d.LO.md}) { 28597 flex-grow: 0; 28598 ${v} 28599 } 28600 28601 ${({hasUnderline:e})=>e&&"&::after {\n content: '';\n }\n &:link {\n text-decoration: underline;\n }"} 28602 28603`,k=(0,s.Ay)(m.sH).withConfig({displayName:"LinkBannerMarqueeImageLink"}).attrs(e=>({as:p.A,linkStyle:"navigation",...e}))``,A=({hasCustomBackground:e=!1,hasHedLinkColor:t=!1,hasUnderline:n=!1,hideMobileMarqueeImage:i=!0,isCentered:a=!0,isResponsive:r=!1,linkBannerData:s={hed:"",dek:"",image:{},links:[]},showMobileCompactView:l=!1,onLinkClick:d})=>{const{hed:c,dek:m,image:u,links:p,hasNativeImgLazyLoading:g}=s,h=p?.[0];return o.createElement(y,{"data-testid":"LinkBannerMarquee",isCentered:a,showMobileCompactView:l},(u?.segmentedSources||u?.sources)&&o.createElement(k,{href:h.url,onClick:e=>{d(e,h.url,"marquee_logo",h.text)}},o.createElement(b,{hideMobile:i,...u,hasNativeImgLazyLoading:g})),o.createElement(({condition:e,wrapper:t,children:n})=>e?t(n):n,{condition:l,wrapper:e=>o.createElement(f,{"data-testid":"LinkBannerMarqueeMobileCompactView"},e)},c&&o.createElement(w,{"data-testid":"LinkBannerMarqueeHed",dangerouslySetInnerHTML:{__html:c},hasHedLinkColor:t}),m&&o.createElement($,{"data-testid":"LinkBannerMarqueeDek",dangerouslySetInnerHTML:{__html:m}}),h&&o.createElement(C,{href:h.url,onClick:e=>{d(e,h.url,"marquee",h.text)},hasUnderline:n,hasCustomBackground:e,isResponsive:r,hasHedLinkColor:t,dangerouslySetInnerHTML:{__html:h.text}})))};A.propTypes={hasCustomBackground:a().bool,hasHedLinkColor:a().bool,hasUnderline:a().bool,hideMobileMarqueeImage:a().bool,isCentered:a().bool,isResponsive:a().bool,linkBannerData:a().shape({hed:a().string,dek:a().string,image:a().shape(r.A.propTypes),links:a().arrayOf(a().shape({url:a().string,text:a().string,isExternal:a().bool})),bannerType:a().oneOf(["marquee","link-list","visual-link-banner"]),tracking:a().shape({trackingIdentifier:a().string,attributes:a().shape({id:a().string,url:a().string,type:a().string,source:a().string})})}),showMobileCompactView:a().bool,onLinkClick:a().func};const x=A},69458(e,t,n){n.d(t,{A:()=>v});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(1165),d=n(53499),c=n(14307),m=n(15539),u=n(94327),p=n(89957),g=n(86157),h=n(74804),y=n(23618),b=n(13465),f=n(25203);const w=new l.default({a:h.ke,"inline-embed":y.A,"internal-link":h.xN}),$=({body:e,className:t,configuredComponentRef:n,dangerousDek:o,dangerousHed:a,enableAffiliateDisclaimerLabel:r=!1,hasDividerAbove:l=!0,hasDividerBelow:g=!0,hasBulletBottomSpacing:h=!0,hasExtraDividerBelowSpacing:y=!1,hasMarginSpacing:b=!1,image:$,imageAlign:v="left",isSecondaryHed:C=!1,items:k,textItems:A,publishInfo:x,dividerColor:E,shouldOverrideLSFMarginBottom:S=!1,shouldOverrideMarginBottom:L=!1,uri:T})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"LinkStack"})},[]);const N=(e,t,n)=>{if("click"===e)return[{content_title:n,content_url:t}];const o=[];return A.forEach(e=>{const t=e.content.match(/\[(.*?)\]\((.*?)\)/),n=t?t[2]:null;o.push({content_title:e.content.replace(/<[^>]*>/g,""),content_url:n})}),o},H=(e,t,n)=>{const o={type:e,label:a.replace(/<[^>]*>/g,""),subject:"link_stack",subject_id:T,subject_version:x.version.toString(),items:N(e,t,n)||[null],placement:"content_footer",total_index:A?.length};(0,c.kg)(o)};(0,p.ol)(".linkstack",void 0,e=>{e&&((0,u.zJ)("link-stack-impression",{linkStackId:T,linkStackVersion:x?.version}),H("impression"))});return k?.length?s.createElement(m.S3,{ref:n,className:i()("linkstack",t),onClick:e=>{const{target:t}=e,n=t.closest(".link-stack--link-item")??t.closest(".link-stack--footer");"A"===t.tagName&&n&&((0,u.W8)("link-stack-click",{linkStackId:T,linkStackVersion:x?.version,clickURL:e.target.getAttribute("href")}),H("click",e.target.getAttribute("href"),e.target.innerText))},"data-testid":"LinkStack"},r&&s.createElement(m.rH,{"data-testid":"AffiliateLinksLabel"},f.Xs),s.createElement(m.E8,{className:"link-stack--heading",dangerousHed:a,image:$,imageAlign:v,isSecondaryHed:C,hasDividerAbove:l,hasDividerBelow:g,hasExtraDividerBelowSpacing:y,dividerColor:E,"data-testid":"LinkStackHed"}),s.createElement(m.OE,{hasMarginSpacing:b},o&&s.createElement(m.$D,{className:"link-stack--description",dangerouslySetInnerHTML:{__html:o}}),s.createElement(m.XO,{shouldOverrideMarginBottom:L}
28603,k?.map((e,t)=>s.createElement(m.LM,{className:"link-stack--link-item",key:t,"data-testid":"LinkStackBullet",hasBulletBottomSpacing:h},w.convert(e)))),e&&s.createElement(m.O4,{shouldOverrideLSFMarginBottom:S,className:"link-stack--footer"},w.convert(e)))):null};$.propTypes={configuredComponentRef:r().func,body:r().array,className:r().string,dangerousDek:r().string,dangerousHed:r().string.isRequired,dividerColor:r().string,enableAffiliateDisclaimerLabel:r().bool,hasBulletBottomSpacing:r().bool,hasDividerAbove:r().bool,hasDividerBelow:r().bool,hasExtraDividerBelowSpacing:r().bool,hasMarginSpacing:r().bool,image:r().shape(g.A.propTypes),imageAlign:r().oneOf(["left","right"]),isSecondaryHed:r().bool,items:r().arrayOf(r().array).isRequired,publishInfo:r().shape({version:r().number}).isRequired,shouldOverrideLSFMarginBottom:r().bool,shouldOverrideMarginBottom:r().bool,textItems:r().arrayOf(r().object),uri:r().string},$.displayName="LinkStack";const v=(0,b.y)($,"LinkStack")},15539(e,t,n){n.d(t,{$D:()=>y,E8:()=>p,LM:()=>f,O4:()=>b,OE:()=>g,S3:()=>m,XO:()=>h,rH:()=>u});var o=n(38267),i=n(26865),a=n(96472),r=n(75163),s=n(73347),l=n(18117),d=n(33500),c=n(1123);const m=o.Ay.div.withConfig({displayName:"LinkStackWrapper"})` 28604 padding-bottom: ${(0,i.Kq)(4)}; 28605 28606 .small { 28607 font-variant: small-caps; 28608 text-transform: lowercase; 28609 font-style: normal; 28610 } 28611`,u=o.Ay.div.withConfig({displayName:"AffiliateLinksLabel"})` 28612 color: var(${r.pT.Color.Text}); 28613 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.label")}; 28614`,p=(0,o.Ay)(s.Ay).withConfig({displayName:"LinkStackHeader"})` 28615 display: flex; 28616 flex-direction: row-reverse; 28617 justify-content: flex-end; 28618 border-top-color: var(${r.pT.Color.Border}); 28619 border-bottom-color: var(${r.pT.Color.Border}); 28620 28621 ${d.bU} { 28622 color: var(${r.pT.Color.TextHeading}); 28623 28624 ${({hasExtraDividerBelowSpacing:e})=>e?`\n padding: ${(0,i.Kq)(0)};\n `:`\n padding: ${(0,i.Kq)(1)} 0;`}; 28625 28626 ${({theme:e,isSecondaryHed:t})=>t?(0,i.Gg)(e,"typography.definitions.consumptionEditorial.subhed-break-secondary"):(0,i.Gg)(e,"typography.definitions.consumptionEditorial.subhed-break-primary")} 28627 } 28628 ${({dividerColor:e})=>e&&o.AH` 28629 ${(0,c.mO)(e)}; 28630 `} 28631 ${d.MQ} { 28632 padding-right: ${(0,i.Kq)(1)}; 28633 } 28634 28635 ${l.B} img { 28636 width: auto; 28637 height: ${(0,i.Kq)(6)}; 28638 overflow: hidden; 28639 } 28640 28641 ${({hasExtraDividerBelowSpacing:e})=>e?`\n padding-top: ${(0,i.Kq)(5)};\n margin: 0;\n `:`padding: ${(0,i.Kq)(0)};\n margin-top: ${(0,i.Kq)(2)};\n margin-bottom: ${(0,i.Kq)(2)};\n `}; 28642 28643 ${({imageAlign:e})=>"right"===e?`\n flex-direction: row;\n justify-content: space-between;\n ${d.MQ} {\n padding-right: 0;\n }\n `:""}; 28644`,g=o.Ay.div.withConfig({displayName:"LinkStackContent"})` 28645 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.consumptionEditorial.body-core")}; 28646 color: var(${r.pT.Color.Text}); 28647 28648 ul { 28649 padding-left: ${(0,i.Kq)(2)}; 28650 } 28651 28652 a { 28653 transition: color ${a.L6.timingLinkDefault} ease; 28654 } 28655 28656 ${({hasMarginSpacing:e})=>e&&`\n margin: ${(0,i.Kq)(2)} 0 0 ${(0,i.Kq)(4)};\n `} 28657`,h=o.Ay.ul.withConfig({displayName:"LinkStackList"})` 28658 ${({shouldOverrideMarginBottom:e})=>e&&`margin-bottom: ${(0,i.Kq)(1)};`} 28659`,y=o.Ay.div.withConfig({displayName:"LinkStackDek"})``,b=o.Ay.div.withConfig({displayName:"LinkStackFooter"})` 28660 margin-bottom: ${(0,i.Kq)(2)}; 28661 28662 ${({shouldOverrideLSFMarginBottom:e})=>e&&`margin-bottom: ${(0,i.Kq)(1)};`} 28663`,f=o.Ay.li.withConfig({displayName:"LinkStackBullet"})` 28664 ${({hasBulletBottomSpacing:e})=>e&&` margin-bottom: ${(0,i.Kq)(2)};`} 28665 28666 p { 28667 margin: 0; 28668 } 28669`},53448(e,t,n){n.d(t,{V:()=>c});var o=n(5556),i=n.n(o),a=n(96540),r=n(38267),s=n(26865),l=n(75163);const d=r.Ay.div.withConfig({displayName:"LookNumberBadge"})` 28670 position: absolute; 28671 right: 0; 28672 bottom: 0; 28673 left: 0; 28674 background: var(${l.pT.Color.OverlaySubtle180deg}); 28675 padding: ${(0,s.Kq)(1)} ${(0,s.Kq)(1)} 28676 ${(0,s.Kq)(.5)} ${(0,s.Kq)(1)}; 28677 color: ${({theme:e})=>(0,s.HK)(e,"colors.discovery.body.black.context-signature")}; 28678 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 28679`,c=({lookNumber:e})=>e?a.createElement(d,null,e):null;c.propTypes={lookNumber:i().string}}
28679,10246(e,t,n){n.d(t,{$0:()=>P,B7:()=>O,BP:()=>K,CT:()=>T,E0:()=>I,EP:()=>B,Gy:()=>N,No:()=>E,RC:()=>k,TZ:()=>x,XU:()=>C,YA:()=>R,__:()=>A,be:()=>S,bi:()=>b,dt:()=>f,ef:()=>D,pM:()=>L,uf:()=>H,x8:()=>_});var o=n(38267),i=n(26865),a=n(40653),r=n(86659),s=n(48188),l=n(12972),d=n(18608),c=n(96472),m=n(73730),u=n(70698),p=n(34751),g=n(44802),h=n(99906);const y=(0,i.Kq)(6),b={LARGE:"large"},f=o.Ay.div.withConfig({displayName:"MegaMenuWrapper"})` 28680 height: 100%; 28681`,w=(0,i.Kq)(3),$=(0,i.Kq)(4),v=(0,i.Kq)(2),C=(0,o.Ay)(r.A).withConfig({displayName:"MegaMenuGridWrapper"})` 28682 ${({theme:e})=>(0,i._o)(e,"background-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed")}; 28683 28684 && { 28685 width: auto; 28686 max-width: inherit; 28687 28688 ${(0,i.H4)(c.LO.lg)} { 28689 padding: 0 ${(0,i.Kq)(6)}; 28690 } 28691 28692 ${(0,i.H4)(c.LO.xl)} { 28693 padding: 0 ${(0,i.Kq)(8)}; 28694 } 28695 28696 ${(0,i.H4)(c.LO.xxl)} { 28697 margin-left: 0; 28698 } 28699 } 28700 height: 100%; 28701 overflow-y: scroll; 28702 box-sizing: content-box; 28703 28704 scrollbar-width: none; 28705 28706 &::-webkit-scrollbar {
28707 width: 0; 28708 height: 0; 28709 } 28710 28711 ${(0,i.L7)(c.LO.lg)} { 28712 ${({hasSecondaryFooterAllLink:e})=>e&&`\n height: calc(100% - ${y});\n `} 28713 } 28714 28715 ${a.E} { 28716 ${({hasLinkBanner:e,isSlim:t,hasExtraTopMargin:n})=>{const o=t=>e?(0,i.Kq)(t+7.5):(0,i.Kq)(t);return`\n column-gap: ${(0,i.Kq)(14)};\n grid-column: 1 / -1;\n grid-template-rows: min-content;\n margin-top: ${o(8)};\n \n ${(0,i.H4)(c.LO.md)} {\n margin-top: ${!t&&o(8)}\n }\n\n ${(0,i.H4)(c.LO.lg)} {\n margin-top: ${(()=>{let e;return e=n?(0,i.Kq)(8):o(t?11:13),e})()} \n }\n `}} 28717 } 28718`,k=o.Ay.div.withConfig({displayName:"MegaMenuContent"})` 28719 ${({isCentered:e})=>e&&`\n max-width: ${c.LO.xxl};\n margin: 0 auto;`} 28720 28721 ${(0,i.H4)(c.LO.lg)} { 28722 display: flex; 28723 } 28724`,A=(0,o.Ay)(s.A.Vertical).withConfig({displayName:"MegaMenuNavigationPrimary"})` 28725 ${({showBlankHeading:e,marginTopSize:t})=>{const n=e||t===b.LARGE?4:2;return`margin: ${(0,i.Kq)(n)} 0 ${(0,i.Kq)(4)} 0;`}}; 28726 28727 .navigation__heading { 28728 ${({isHeadingALink:e})=>`\n margin: ${e?`${(0,i.Kq)(5)} ${v} 0 ${v}`:`0 ${v}`};\n `} 28729 28730 ${(0,i.H4)(c.LO.md)} { 28731 margin: 0 ${v}; 28732 } 28733 28734 ${(0,i.H4)(c.LO.lg)} { 28735 margin: 0; 28736 } 28737 28738 &, 28739 a { 28740 text-decoration: none; 28741 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 28742 28743 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.title-primary")}; 28744 ${({theme:e,isHeadingALink:t})=>t&&`\n &:focus,\n &:hover {\n text-decoration: none;\n ${(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")};\n }\n `} 28745 } 28746 28747 .content-divider { 28748 display: block; 28749 margin: ${(0,i.Kq)(2)} 0; 28750 border-bottom-width: 1px; 28751 border-bottom-style: solid; 28752 width: ${(0,i.Kq)(6)}; 28753 ${({theme:e})=>(0,i._o)(e,"border-bottom-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.accent":"colors.foundation.collapsed-menu.nav-link.hover")}; 28754 } 28755 } 28756 28757 .navigation__list { 28758 display: grid; 28759 grid-column-gap: ${(0,i.Kq)(3)}; 28760 grid-auto-columns: 1fr; 28761 grid-auto-flow: column; 28762 grid-template-rows: repeat( 28763 ${({maxItemsPerColumn:e})=>e}, 28764 ${({hasExtraTopMargin:e})=>e?(0,i.Kq)(4.4):(0,i.Kq)(5)} 28765 ); 28766 margin-right: ${v}; 28767 justify-items: start; 28768 ${(0,i.H4)(c.LO.lg)} { 28769 margin: 0; 28770 } 28771 28772 ${(0,i.L7)(c.LO.lg)} { 28773 grid-column-gap: unset; 28774 grid-auto-flow: row; 28775 grid-template-rows: min-content; 28776 grid-row-gap: ${(0,i.Kq)(1)}; 28777 } 28778 28779 .navigation__list-item { 28780 margin: ${(0,i.Kq)(1)} 0 ${(0,i.Kq)(1)} 28781 ${v}; 28782 28783 ${(0,i.H4)(c.LO.md)} { 28784 margin: ${(0,i.Kq)(1)} 0 ${(0,i.Kq)(1)} 28785 ${v}; 28786 } 28787 28788 ${(0,i.H4)(c.LO.lg)} { 28789 margin: ${(0,i.Kq)(1)} ${(0,i.Kq)(3)} 28790 ${(0,i.Kq)(1)} 0; 28791 } 28792 28793 .navigation__link { 28794 width: auto; 28795 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-secondary")}; 28796 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}; 28797 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 28798 28799 &:visited, 28800 &:link { 28801 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 28802 } 28803 28804 &:focus, 28805 &:hover { 28806 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 28807 } 28808 } 28809 28810 .navigation__link_more { 28811 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}; 28812 } 28813 } 28814 } 28815 28816 .navigation__list.list__card { 28817 ${({isCard:e})=>e&&"\n grid-auto-flow: row;\n "} 28818 28819 ${(0,i.H4)(c.LO.lg)} { 28820 grid-template-rows: revert; 28821 width: auto; 28822 } 28823 28824 .summary-item__hed-link { 28825 &::after { 28826 content: none; 28827 } 28828 } 28829 28830 .summary-item__hed { 28831 color: ${(0,i.HK)("colors.foundation.collapsed-menu.nav-link.default")}; 28832 ${(0,i.Gg)("typography.definitions.foundation.link-secondary")}; 28833 } 28834 } 28835 28836 .navigation__list-item:last-of-type { 28837 ${({theme:e,includesClickOut:t})=>t&&`\n border-width: 1px 0;\n border-style: solid;\n ${(0,i._o)(e,"border-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")};\n padding-top: ${(0,i.Kq)(2)};\n padding-bottom: ${(0,i.Kq)(2)};\n &&{\n justify-content: start;\n }\n width: 100%;\n margin: ${(0,i.Kq)(2)} 0;\n\n ${(0,i.H4)(c.LO.lg)} {\n padding: ${(0,i.Kq)(3)} 0;\n }\n `} 28838 a { 28839 ${({theme:e,includesClickOut:t})=>t&&(0,i.Gg)(e,"typography.definitions.foundation.link-primary")} 28840 ${({theme:e,includesClickOut:t})=>t&&`\n padding-left: ${(0,i.Kq)(3)};\n ${(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}\n &:focus,\n &:hover {\n ${(0,i._o)(e,"color","colors.foundation.expanded-utility.nav-link.hover")};\n }\n\n ${(0,i.H4)(c.LO.md)} {\n padding-left: ${(0,i.Kq)(6)};\n }\n\n ${(0,i.H4)(c.LO.lg)} {\n padding: 0;\n }\n `} 28841 } 28842 } 28843 28844 &:last-of-type {
28845 .navigation__list.list__card { 28846 .navigation__list-item:last-of-type { 28847 ${({hasClickOutWithCard:e})=>e&&"justify-content: flex-start;"} 28848 } 28849 } 28850 } 28851 28852 ${(0,i.H4)(c.LO.lg)} { 28853 &:last-of-type { 28854 .navigation__list { 28855 .navigation__list-item:last-of-type { 28856 ${({theme:e,includesClickOut:t})=>t&&`\n border-width: 1px 0 0 0;\n border-style: solid;\n margin: ${(0,i.Kq)(1)} 0 -${(0,i.Kq)(1)} 0;\n padding: ${(0,i.Kq)(2)} 0 0 0;\n ${(0,i._o)(e,"border-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")};\n\n a {\n ${(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}\n }\n `} 28857 } 28858 } 28859 } 28860 } 28861 28862 ${(0,i.L7)(`${h.VS.lg}px`)} { 28863 margin: ${(0,i.Kq)(2)} 0; 28864 28865 ${({noHeadingGroupName:e,showDividerOnTop:t,isHeadingEmpty:n})=>e?`margin-top: -${(0,i.Kq)(1)}}`:t&&n?`margin: ${(0,i.Kq)(4)} 0`:""} 28866 } 28867 28868 ${"\n p {\n margin: 0;\n }\n\n .navigation__list-item {\n display: flex;\n position: relative;\n align-items: center;\n\n .navigation__link {\n display: block;\n }\n\n .drawer--align-center & {\n justify-content: center;\n }\n }\n\n .consumer-marketing-unit--nav-drawer {\n position: absolute;\n }\n"} 28869`,x=(0,o.Ay)("div").withConfig({displayName:"MegaMenuVerboseWrapper"})` 28870 ${(0,i.H4)(c.LO.lg)} { 28871 display: grid; 28872 grid-column-gap: ${(0,i.Kq)(4)}; 28873 grid-auto-rows: min-content; 28874 grid-template-columns: repeat(12, auto); 28875 } 28876 28877 ${(0,i.H4)(c.LO.xl)} { 28878 grid-column-gap: ${(0,i.Kq)(8)}; 28879 } 28880 28881 ${A} { 28882 ${(0,i.H4)(c.LO.lg)} { 28883 &:nth-of-type(1) { 28884 grid-column: 4 / 6; 28885 } 28886 28887 &:nth-of-type(2) { 28888 grid-column: 6 / 8; 28889 } 28890 28891 &:nth-of-type(3) { 28892 grid-column: 8 / 10; 28893 } 28894 28895 &:nth-of-type(4) { 28896 grid-column: 10 / 12; 28897 } 28898 28899 > ul { 28900 min-width: ${(0,i.Kq)(15)}; 28901 } 28902 } 28903 } 28904 28905 .nav__card { 28906 ${(0,i.H4)(c.LO.lg)} { 28907 width: 140px; 28908 } 28909 ${(0,i.H4)(c.LO.xl)} { 28910 width: 180px; 28911 } 28912 ${(0,i.H4)(c.LO.xxl)} { 28913 width: 240px; 28914 } 28915 } 28916 28917 .navigation__divider { 28918 display: block; 28919 margin: 0 0 0 ${(0,i.Kq)(3)}; 28920 border-bottom: 1px solid; 28921 ${({theme:e})=>(0,i._o)(e,"border-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")}; 28922 width: calc(100% - ${(0,i.Kq)(6)}); 28923 28924 ${(0,i.H4)(c.LO.md)} { 28925 margin: 0 0 0 ${(0,i.Kq)(6)}; 28926 width: calc(100% - ${(0,i.Kq)(12)}); 28927 } 28928 28929 ${(0,i.H4)(c.LO.lg)} { 28930 display: none; 28931 } 28932 } 28933 28934 .navigation__divider:last-of-type { 28935 display: none; 28936 } 28937 28938 .nav__card { 28939 ${(0,i.H4)(c.LO.xl)} { 28940 margin-right: -${(0,i.Kq)(4)}; 28941 } 28942 } 28943`,E=(0,o.Ay)(m.A.Utility).withConfig({displayName:"MegaMenuCloseIconWrapper"})` 28944 position: relative; 28945 margin-left: auto; 28946 padding: 0; 28947 height: ${(0,i.Kq)(4)}; 28948 28949 &, 28950 &:active, 28951 &:hover, 28952 &:focus { 28953 border: 0; 28954 background-color: transparent; 28955 } 28956 28957 .icon-close { 28958 padding: 8px; 28959 28960 g { 28961 ${({theme:e})=>(0,i._o)(e,"stroke",(0,u.iq)(e)?"colors.background.white":"colors.foundation.collapsed-menu.nav-link.default")}; 28962 } 28963 } 28964 28965 ${({hasExtraTopMargin:e,hasLinkBanner:t})=>e&&!t&&`margin-top: ${(0,i.Kq)(2)};`} 28966`,S=(0,o.Ay)("div").withConfig({displayName:"MegaMenuColumnFooterAllLinkWrapper"})` 28967 grid-column: 1; 28968 grid-row: -1; 28969 border-top: 1px solid; 28970 padding: ${(0,i.Kq)(1.5)} 0; 28971 ${({theme:e})=>(0,i._o)(e,"border-color","colors.foundation.menu.dividers")}; 28972 28973 ${(0,i.L7)(`${h.VS.lg}px`)} { 28974 display: flex; 28975 position: fixed; 28976 align-items: center; 28977 justify-content: center; 28978 padding: 0; 28979 width: fill-available; 28980 height: ${y}; 28981 28982 ${({theme:e})=>`\n border-top: 1px solid\n ${(0,i._o)("border-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")};\n ${(0,i._o)("background-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed")};\n ${(0,i._o)("color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")};\n `} 28983 } 28984`,L=(0,o.Ay)("div").withConfig({displayName:"MegaMenuColumnWrapper"})` 28985 display: grid; 28986 grid-gap: 0 ${(0,i.Kq)(4)}; 28987 --grid-columns-desktop: 5; 28988 grid-template-columns: repeat(var(--grid-columns-desktop), minmax(0, 1fr)); 28989 grid-template-rows: min-content; 28990 flex-grow: 1; 28991 padding-bottom: ${(0,i.Kq)(2)}; 28992`,T=(0,o.Ay)("li").withConfig({displayName:"MegaMenuDrawerNavLink"})` 28993 list-style: none; 28994 28995 a { 28996 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}; 28997 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}; 28998 28999 &:link, 29000 &:visited { 29001 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.body.inverted.body":"colors.foundation.collapsed-menu.nav-link.default")}; 29002 } 29003 29004 &:focus, 29005 &:hover { 29006 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.body.inverted.body":"colors.foundation.collapsed-menu.nav-link.hover")}; 29007 } 29008 } 29009`,N=(0,o.Ay)("div").withConfig({displayName:"MegaMenuDefaultWrapper"})` 29010 ul { 29011 ${(0,i.H4)(c.LO.lg)} { 29012 width: 500px; 29013 } 29014 } 29015 29016 && { 29017 ${l.J$} { 29018 justify-content: start; 29019 } 29020 } 29021 29022 ${l.J$} { 29023 width: 100%; 29024 29025 ${(0,i.H4)(c.LO.lg)} { 29026 padding-left: 0; 29027 } 29028 } 29029`,H=(0,o.Ay)("ul").withConfig({displayName:"MegaMenuVerboseCategoryList"})` 29030 padding: 0; 29031 ${(0,i.H4)(c.LO.lg)} { 29032 grid-column: 1 / 4; 29033 min-width: ${(0,i.Kq)(30)}; 29034 } 29035 29036 ${(0,i.H4)(c.LO.xl)} { 29037 min-width: ${(0,i.Kq)(35)}; 29038 } 29039 29040 li:first-of-type { 29041 border-top: 1px solid ${(0,i.HK)("colors.foundation.menu.dividers")}; 29042 } 29043 29044 li { 29045 display: grid; 29046 position: relative; 29047 grid-template-columns: 1fr 10px; 29048 align-items: center; 29049 border-bottom: 1px solid; 29050 padding-left: ${v}; 29051 width: auto; 29052 min-height: ${(0,i.Kq)(6)}; 29053 list-style: none; 29054 29055 && { 29056 text-decoration: none; 29057 } 29058 29059 &:focus, 29060 &:hover { 29061 ${({theme:e,showBorderHighlight:t})=>t&&`\n &::before {\n ${(0,i._o)(e,"background-color",(0,u.l1)(e,"colors.foundation.collapsed-menu.nav-link.default"))};\n bottom: 0;\n content: '';\n height: 4px;\n position: absolute;\n width: 100%;\n }\n `} 29062 ${({theme:e})=>`\n span {\n ${(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}\n }\n\n svg { \n ${(0,i._o)(e,"fill",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}} \n `}; 29063 } 29064 29065 ${({theme:e})=>(0,i._o)(e,"border-color","colors.foundation.menu.dividers")}; 29066 29067 ${(0,i.H4)(c.LO.lg)} { 29068 grid-template-columns: unset; 29069 padding: ${(0,i.Kq)(2)} ${(0,i.Kq)(2)} 29070 ${(0,i.Kq)(2)} 0; 29071 } 29072 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}; 29073 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}; 29074 29075 span { 29076 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 29077 29078 &:focus, 29079 &:hover { 29080 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 29081 } 29082 } 29083 29084 svg { 29085 ${({theme:e})=>(0,i._o)(e,"fill",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 29086 29087 justify-self: flex-end; 29088 margin-right: ${(0,i.Kq)(1)}; 29089 29090 ${(0,i.H4)(c.LO.lg)} { 29091 margin-right: 0; 29092 width: ${(0,i.Kq)(2)}; 29093 height: ${(0,i.Kq)(2)}; 29094 } 29095 } 29096 29097 &.active { 29098 grid-template-columns: ${(0,i.Kq)(4)} auto ${(0,i.Kq)(5)}; 29099 margin-left: ${(0,i.Kq)(-1)}; 29100 29101 ${(0,i.H4)(c.LO.lg)} { 29102 grid-template-columns: unset; 29103 margin-left: 0; 29104 } 29105 29106 ${({theme:e,showBorderHighlight:t})=>t&&`\n &::before {\n ${(0,i._o)(e,"background-color",(0,u.l1)(e,"colors.foundation.collapsed-menu.nav-link.hover"))};\n bottom: 0;\n content: '';\n height: 4px;\n position: absolute;\n width: 100%;\n }\n `}; 29107 29108 span { 29109 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 29110 grid-area: 1 / 2; 29111 text-align: center; 29112 29113 ${(0,i.H4)(c.LO.lg)} { 29114 grid-area: unset; 29115 text-align: left; 29116 } 29117 } 29118 29119 svg { 29120 justify-self: flex-start; 29121 ${({theme:e})=>(0,i._o)(e,"fill",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover")}; 29122 transform: rotate(180deg); 29123 ${(0,i.H4)(c.LO.lg)} { 29124 justify-self: flex-end; 29125 transform: unset; 29126 } 29127 } 29128 } 29129 29130 &:hover { 29131 text-decoration: none; 29132 29133 ${({showUnderlineOnHover:e})=>e&&"text-decoration: underline"} 29134 } 29135 } 29136 29137 .li-with-chevron { 29138 grid-template-columns: none; 29139 } 29140 29141 ${(0,i.L7)(`calc(${c.LO.lg} - 1px)`)} { 29142 margin: 0; 29143 } 29144`,I=(0,o.Ay)("a").withConfig({displayName:"MegaMenuVerboseCategoryLink"})` 29145 display: grid; 29146 grid-template-columns: 1fr 10px; 29147 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}; 29148 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}; 29149 29150 &:hover { 29151 text-decoration: none; 29152 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.expanded-utility.nav-link.default")}; 29153 } 29154 29155 &.active { 29156 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.expanded-utility.nav-link.hover")}; 29157 } 29158 transition: unset; 29159 29160 span { 29161 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.default")}; 29162 } 29163`,B=(0,o.Ay)("a").withConfig({displayName:"MegaMenuNavLinkWithChevron"})` 29164 display: grid; 29165 position: relative; 29166 grid-template-columns: 1fr 10px; 29167 align-items: center; 29168 width: auto; 29169 29170 && { 29171 text-decoration: none; 29172 } 29173 29174 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")}; 29175 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}; 29176 29177 &:focus, 29178 &:hover { 29179 ${({theme:e})=>`\n span {\n ${(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}\n }\n\n svg { \n ${(0,i._o)(e,"fill",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}} \n `}; 29180 } 29181 29182 &.active { 29183 grid-template-columns: ${(0,i.Kq)(4)} auto ${(0,i.Kq)(5)}; 29184 margin-left: ${(0,i.Kq)(-1)}; 29185 29186 span { 29187 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 29188 grid-area: 1 / 2; 29189 text-align: center; 29190 white-space: nowrap; 29191 } 29192 29193 svg { 29194 justify-self: flex-start; 29195 ${({theme:e})=>(0,i._o)(e,"fill",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover")}; 29196 transform: rotate(180deg); 29197 } 29198 } 29199`,O=o.Ay.div.withConfig({displayName:"MegaMenuBottom"})` 29200 padding: ${$} ${v}; 29201 29202 &:empty { 29203 border: 0; 29204 padding: 0; 29205 } 29206`,K=o.Ay.div.withConfig({displayName:"MegaMenuAccount"})` 29207 line-height: 0.8em; 29208 29209 .navigation__link { 29210 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-secondary")}; 29211 29212 ${({theme:e})=>(0,i.pe)(e,(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default",null,"navigation")}; 29213 29214 &:hover { 29215 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 29216 } 29217 } 29218 29219 .navigation__list-item { 29220 display: flex; 29221 align-items: center; 29222 margin-bottom: ${w}; 29223 29224 .navigation__link { 29225 display: block; 29226 } 29227 } 29228 29229 .account-links__sign-out { 29230 margin-bottom: ${w}; 29231 padding: 0; 29232 } 29233 29234 ${({contentAlign:e})=>"center"===e?"\n text-align: center;\n\n .navigation__list-item {\n justify-content: center;\n }\n ":""}
29235`,D=(0,o.Ay)(d.sH).withConfig({displayName:"MegaMenuSignInLink"}).attrs(e=>({colorStaticLinkToken:"colors.foundation.collapsed-menu.nav-link.default",typeToken:"typography.definitions.foundation.link-secondary",...e}))` 29236 ${({theme:e})=>(0,i.pe)(e,(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default",null,"navigation")}; 29237 29238 &:hover { 29239 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 29240 } 29241 29242 display: inline-block; 29243 margin-bottom: ${w}; 29244`,_=(0,o.Ay)(s.A.Vertical).withConfig({displayName:"MegaMenuUtilityLinks"})` 29245 .navigation__link { 29246 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-secondary")}; 29247 ${({theme:e})=>(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}; 29248 29249 &:link, 29250 &:visited { 29251 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 29252 } 29253 29254 &:focus, 29255 &:hover { 29256 ${({theme:e})=>(0,i._o)(e,"color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover")}; 29257 } 29258 } 29259 29260 .navigation__list-item { 29261 margin-bottom: ${w}; 29262 } 29263 29264 margin-bottom: ${w}; 29265 29266 ${({utilityLinksOneItem:e})=>e&&"margin-bottom: 0;"} 29267`,P=(0,o.Ay)(x).withConfig({displayName:"MegaMenuMobileVerboseWrapper"})` 29268 ${(0,i.L7)(c.LO.md)} { 29269 display: block; 29270 } 29271 29272 .navigation__divider:last-of-type { 29273 display: block; 29274 } 29275 29276 .navigation__divider:first-of-type { 29277 display: none; 29278 } 29279 29280 ${A} { 29281 width: auto; 29282 } 29283 29284 ${p.F5} { 29285 ${({theme:e})=>(0,i._o)(e,"background-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.menu-bg.collapsed")}; 29286 ${g.wq} { 29287 margin-top: ${(0,i.Kq)(1)}; 29288 padding: 0 ${v}; 29289 ${g.oX} { 29290 width: 50%; 29291 ${(0,i.H4)(c.LO.md)} { 29292 width: 25%; 29293 } 29294 } 29295 29296 .summary-item__icon-button { 29297 background-color: rgba( 29298 ${(0,i.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 29299 0.9 29300 ); 29301 29302 svg path { 29303 fill: ${(0,i.HK)("colors.interactive.base.black")}; 29304 } 29305 29306 &:hover, 29307 &:active, 29308 &:focus { 29309 background-color: rgba( 29310 ${(0,i.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 29311 0.9 29312 ); 29313 29314 svg path { 29315 fill: ${(0,i.HK)("colors.interactive.base.black")}; 29316 } 29317 } 29318 } 29319 29320 .summary-item__hed { 29321 color: ${(0,i.HK)("colors.foundation.collapsed-menu.nav-link.default")}; 29322 ${(0,i.Gg)("typography.definitions.foundation.link-secondary")}; 29323 } 29324 } 29325 } 29326`,R=(0,o.Ay)("li").withConfig({displayName:"MegaMenuMobileClickOutLink"})` 29327 ${({theme:e})=>`\n border-width: 1px 0;\n border-style: solid;\n ${(0,i._o)(e,"border-color",(0,u.iq)(e)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")};\n padding-top: ${(0,i.Kq)(2)};\n padding-bottom: ${(0,i.Kq)(2)};\n &&{\n justify-content: start;\n }\n width: 95%;\n ${(0,i.L7)(c.LO.sm)} {\n width: 90%;\n }\n\n margin: ${(0,i.Kq)(2)} 0;\n\n ${(0,i.H4)(c.LO.lg)} {\n padding: ${(0,i.Kq)(3)} 0;\n }\n`} 29328 a { 29329 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.link-primary")} 29330 ${({theme:e})=>`\n ${(0,i.pe)(e,"colors.foundation.collapsed-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default","navigation")}\n &:focus,\n &:hover {\n ${(0,i._o)(e,"color","colors.foundation.collapsed-menu.nav-link.hover")};\n }\n\n ${(0,i.H4)(c.LO.md)} {\n padding-left: ${(0,i.Kq)(3)};\n }\n\n ${(0,i.H4)(c.LO.lg)} {\n padding: 0;\n }\n `} 29331 } 29332`},46943(e,t,n){n.d(t,{FV:()=>o,Ho:()=>i,qb:()=>a});const o="fh-sdk",i="4b5af456-732e-46a8-a5f6-f7f5c7374102",a="https://prompt.firsthand.ai"},97560(e,t,n){n.d(t,{C:()=>r});var o=n(46943),i=n(14307);let a=null;const r=async({pageUrl:e,imageId:t,galleryId:n})=>{if("undefined"!=typeof document&&e&&t&&n)try{const r=(0,i.Ef)("local")||(0,i.Ef)("cookie")||void 0,s=document.querySelector(o.FV);if(!s||"function"!=typeof s.load)throw new Error("Firsthand SDK element is not ready.");const{agentSessionId:l}=await s.load({pageUrl:e,externalSessionId:r,externalSiteDocumentId:t,siteDocumentTags:[`gallery_id:${n}`],parentAgentSessionId:a,includeFrame:!0,hideFrameOnError:!1});l&&(a=l)}catch(e){}}},21645(e,t,n){n.d(t,{A:()=>B});var o=n(13465),i=n(96540),a=n(53499),r=n(74741),s=n(46943);const l=({configuredComponentRef:e})=>i.createElement("section",{ref:e},i.createElement(s.FV,{"tenant-id":s.Ho,"base-url":s.qb,"skip-request":""}));var d=n(80471);const c=({altText:e,image_url:t,hasNativeImgLazyLoading:n})=>t?i.createElement(r.Ms,null,i.createElement(r.uh,null,i.createElement(r.b_,{src:t,alt:e,loading:n?"lazy":void 0,decoding:"async"}))):null,m=({image:e,index:t,onImageClick:n,onImageImpression:o})=>{const[a,s]=(0,d.Wx)({threshold:.5,triggerOnce:!0}),l=i.useRef(!1);return i.useEffect(()=>{s&&!l.current&&(l.current=!0,o(e,t))},[e,t,s,o]),i.createElement(r.Gs,{ref:a},i.createElement(r.rx,{href:e.discoverHref,"aria-label":`View ${e.caption}`,onClickCapture:()=>n(e,t)},i.createElement(c,{assetId:e.assetId,altText:e.altText,image_url:e.image_url,hasNativeImgLazyLoading:!0})),i.createElement(r.e$,{href:e.discoverHref,"aria-label":e.caption,$isVisible:!0,onClick:()=>n(e,t)},e.caption))};var u=n(5303),p=n(96472);const g="More to explore",h=[],y=[{height:"280px"},{height:"200px"},{height:"90px"},{height:"160px"},{height:"240px"},{height:"280px"},{height:"360px"},{height:"120px"},{height:"360px"},{height:"320px"},{height:"280px"},{height:"160px"},{height:"320px"}];var b=n(14307);const f=(e,{imageId:t,contentUrl:n,contentTitle:o,index:i,totalIndex:a})=>{(0,b.d6)({type:e,subject:"recirc_unit_discover",label:"More To Explore",placement:"list",index:i,total_index:a,content_title:o,content_id:t,content_type:"photo",content_url:n})},w=({configuredComponentRef:e,images:t,isLoading:n=!1})=>{const o=Array.isArray(t)?t:h,a=i.useMemo(()=>o.filter(e=>(e.image_url?.length??0)>
293320),[o]),s=(0,u.B)({breakpoint:p.LO.md})?4:2,l=i.useMemo(()=>{const e=Array.from({length:s},()=>[]);return a.forEach((t,n)=>{e[n%s].push({image:t,index:n})}),e},[s,a]),d=i.useCallback((e,t)=>({imageId:e.id,contentTitle:e.contentTitle||e.caption||"",contentUrl:e.slideshowUrl||e.contentUrl||"",index:t,totalIndex:a.length}),[a.length]),c=i.useCallback((e,t)=>{var n;n=d(e,t),f("click",n)},[d]),b=i.useCallback((e,t)=>{var n;n=d(e,t),f("impression",n)},[d]);return n?i.createElement(r.v2,{ref:e},i.createElement(r.lG,null,i.createElement(r.uP,null,g),i.createElement(r.k5,null,y.map((e,t)=>i.createElement(r.fk,{key:`skeleton-${t}`,height:e.height,$delay:100*t}))))):0===a.length?null:i.createElement(r.v2,{ref:e},i.createElement(r.NH,null,i.createElement(r.uP,null,g),i.createElement(r._o,null,l.map((e,t)=>i.createElement(r.oe,{key:`column-${t}`},e.map(({image:e,index:t})=>i.createElement(m,{key:`${e.id}-${t}`,image:e,index:t,onImageClick:c,onImageImpression:b})))))))};w.displayName="MoreToExploreInternalModelGrid";const $=w;function v(){if(!Array.isArray(window.dataLayer)||!window.dataLayer[0])return{};const[e]=window.dataLayer;if(!function(e){return"content"in e}(e))return{};const{content:t}=e;return{brand:t.brandSlug,contentId:t.contentId,language:t.contentLang,pageCanonical:"page"in e?e.page.canonical:void 0}}function C(){const e=window.__PRELOADED_STATE__||{},t=e.config?.recommendations||{};return{recommendationsApiDomain:t.recommendationsApiDomain,recommendationsApiUrl:t.recommendationsApiUrl||t.personalisedApiUrl}}function k({applicationID:e,contentType:t,galleryId:n,imageId:o,pageSize:i}={}){const{brand:a,language:r}=v(),s=function(){const e=document.querySelector("link[rel='canonical']")?.getAttribute("href")||"";if(e)return e;const{pageCanonical:t}=v();return t||`${window.location.origin}${window.location.pathname}`}(),{recommendationsApiDomain:l,recommendationsApiUrl:d}=C();return function({applicationID:e,brand:t,contentType:n,galleryId:o,galleryUrl:i,imageId:a,language:r,pageSize:s,recommendationsApiDomain:l,recommendationsApiUrl:d}){const c=new URLSearchParams({applicationID:e||"",brand:t||"",url:i||"",copilotId:o||""});r&&c.set("filter[language]",r);s&&c.set("page[size]",String(s));n&&c.set("filter[contentType]",n.toUpperCase());a&&c.set("imageId",a);return function({applicationID:e,brand:t,galleryId:n,queryString:o,recommendationsApiDomain:i,recommendationsApiUrl:a}){if(i&&""!==i.trim()){const a=i.replace(/\/$/,""),r=`${a.endsWith("/v2")?a:`${a}/v2`}/${t||""}/${e||""}/${n||""}`,s=new URLSearchParams(o);return s.delete("brand"),s.delete("copilotId"),s.delete("applicationID"),`${r}?${s.toString()}`}return`${a}?${o}`}({applicationID:e,brand:t,galleryId:o,queryString:c.toString(),recommendationsApiDomain:l,recommendationsApiUrl:d})}({applicationID:e,brand:a,contentType:t,galleryId:n,galleryUrl:s,imageId:o,language:r,pageSize:i,recommendationsApiDomain:l,recommendationsApiUrl:d})}async function A({applicationID:e,contentType:t,galleryId:n,imageId:o,pageSize:i,signal:a}={}){const{brand:r}=v(),{recommendationsApiDomain:s,recommendationsApiUrl:l}=C();if(!(e&&r&&n&&o&&(l||s)))return[];const d=k({applicationID:e,contentType:t,galleryId:n,imageId:o,pageSize:i}),{recommendationsApiUrl:c,queryParamsString:m}=function(e){const[t,n=""]=e.split("?");return{recommendationsApiUrl:t,queryParamsString:n}}(d);return async function(e,t,n){const o=`${t}?${e}`,i=new AbortController,a=setTimeout(()=>{i.abort()},3e3),r=()=>{i.abort()};n&&(n.aborted?i.abort():n.addEventListener("abort",r,{once:!0}));const s={signal:i.signal};return fetch(o,s).then(e=>e.json()).then(e=>e.data).catch(e=>{}).finally(()=>{clearTimeout(a),n&&n.removeEventListener("abort",r)})}(m,c,a).then(e=>e||[])}const x="/master/pass/",E="/master/w_500,c_limit/",S=/\/photos\/([^/]+)\//;function L(e){if(!e)return"";try{const t=new URL(e);return"https:"===t.protocol?t.toString():""}catch{return""}}function T(e){const{contentType:t,galleryItems:n,hed:o,id:i="",slideshowUrl:a,thumbnailImage:r,title:s="",url:l}=e,d=function(e){return(e.thumbnailImage?.masterPassUrl||e.thumbnailImage?.url||e.ledeImageURL||e.image_url||"").replace(x,E)}
29332(e),c=d.match(S),m=c?.[1]||"",u=i,p="string"==typeof t?t.toLowerCase():"";if(!m||!u||!p)return null;const g=n?.hed||o||"",h=function(e,t){const n=e.galleryId||"";return"photo"===t&&n?{contentId:n,contentType:"gallery"}:{contentId:e.id||"",contentType:t}}(e,p),y=L(n?.slideshowUrl||a);return{id:u,assetId:u,discoverHref:`/discover/${m}/in/${h.contentType}/${h.contentId}`,contentUrl:L(l),altText:r?.altText||"",caption:s,image_url:d,contentType:t||"",...(g||y)&&{contentTitle:g||"",slideshowUrl:y||""}}}const N=({configuredComponentRef:e,componentConfig:t={},currentContentId:n,currentContentType:o,currentImageId:a,initialImageId:r,images:s=[]})=>{const l=s.length>0,{applicationID:d,pageSize:c}=function(e={}){const t=e.MoreToExplore?.settings||{};return{applicationID:t.applicationID,pageSize:t.pageSize,showMoreToExploreScript:t.showMoreToExploreScript}}(t),m=n,u=o,p=a,g=l&&r===p,h=!g,{images:y,isLoading:b}=function({applicationID:e,componentConfig:t,contentType:n,galleryId:o,imageId:a,pageSize:r}){const[s,l]=i.useState([]),[d,c]=i.useState(!1),m=e,u=r,p=Boolean(m&&o&&a);return i.useEffect(()=>{let e=!0;const t=new AbortController;return p?(c(!0),A({applicationID:m,contentType:n,galleryId:o,imageId:a,pageSize:u,signal:t.signal}).then(t=>{if(!e)return;const n=t.map(T).filter(Boolean);l(n),c(!1)}).catch(()=>{e&&(l([]),c(!1))}),()=>{e=!1,t.abort()}):(l([]),c(!1),()=>{e=!1,t.abort()})},[t,n,a,m,o,u,p]),{images:s,isLoading:d}}({applicationID:h?d:void 0,componentConfig:t.MoreToExplore?.settings,contentType:h?u:void 0,galleryId:h?m:void 0,imageId:h?p:void 0,pageSize:h?c:void 0}),f=g?s:y,w=!g&&b;return i.createElement($,{configuredComponentRef:e,images:f,isLoading:w})},H=({configuredComponentRef:e,internalModelProps:t,showMoreToExploreScript:n})=>(i.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(a.G.RENDER,{name:"MoreToExplore"})},[]),n?i.createElement(r.v2,{ref:e},i.createElement(l,null)):i.createElement(N,{...t||{},configuredComponentRef:e}));H.displayName="MoreToExplore";const I=H,B=(0,o.y)(I,"MoreToExplore")},74741(e,t,n){n.d(t,{Gs:()=>h,Ms:()=>y,NH:()=>c,Ne:()=>A,_o:()=>u,b_:()=>w,e$:()=>b,fk:()=>k,k5:()=>C,lG:()=>v,nq:()=>E,oF:()=>x,oe:()=>p,rx:()=>g,uP:()=>m,uh:()=>f,v2:()=>d});var o=n(38267),i=n(26865),a=n(18608),r=n(96472),s=n(1123),l=n(20381);const d=o.Ay.div.withConfig({displayName:"MoreToExploreWrapper"})` 29333 width: 100%; 29334`,c=o.Ay.section.withConfig({displayName:"MoreToExploreSection"})` 29335 ${(0,s.VO)()} 29336 padding: ${(0,i.Kq)(2)}; 29337`,m=(0,o.Ay)(a.vm).withConfig({displayName:"MoreToExploreTitle"}).attrs({as:"div",colorToken:"colors.interactive.base.white",typeIdentity:"typography.definitions.commerce.label"})` 29338 border-top: ${(0,i.Kq)(.125)} solid; 29339 border-color: ${({theme:e})=>(0,i.HK)(e,"colors.consumption.lead.standard.accent")}; 29340 padding: ${(0,i.Kq)(1)} 0; 29341`,u=o.Ay.div.withConfig({displayName:"MoreToExploreGrid"})` 29342 display: grid; 29343 grid-template-columns: repeat(2, minmax(0, 1fr)); 29344 column-gap: ${(0,i.Kq)(1)}; 29345 29346 @media (min-width: ${r.LO.md}) { 29347 grid-template-columns: repeat(4, minmax(0, 1fr)); 29348 margin: 0 ${(0,i.Kq)(2)}; 29349 } 29350`,p=o.Ay.div.withConfig({displayName:"MoreToExploreColumn"})` 29351 display: flex; 29352 flex-direction: column; 29353`,g=o.Ay.a.withConfig({displayName:"MoreToExploreImageLink"})` 29354 display: block; 29355 cursor: pointer; 29356 text-decoration: none; 29357`,h=o.Ay.div.withConfig({displayName:"MoreToExploreImageWrapper"})` 29358 display: flex; 29359 flex-direction: column; 29360 margin-bottom: ${(0,i.Kq)(2)}; 29361`,y=o.Ay.div.withConfig({displayName:"MoreToExploreImageFrame"})` 29362 position: relative; 29363 background-color: ${({theme:e})=>(0,i.HK)(e,"colors.background.dark")}; 29364 min-height: ${(0,i.Kq)(16)}; 29365 overflow: hidden; 29366 29367 ${(0,i.H4)(r.LO.md)} { 29368 min-height: ${(0,i.Kq)(20)}; 29369 } 29370`,b=o.Ay.a.withConfig({displayName:"MoreToExploreCaption",shouldForwardProp:e=>"$isVisible"!==e})` 29371 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.foundation.meta-secondary")} 29372 display: -webkit-box; /* stylelint-disable-line */ 29373 transition: opacity 180ms ease-in-out; 29374 opacity: ${({$isVisible:e})=>e?1:0}; 29375 margin-top: ${({$isVisible:e})=>e?(0,i.Kq)(1):0}; 29376 cursor: pointer; 29377 width: 100%; 29378 height: ${({$isVisible:e})=>e?(0,i.Kq)(4):0}; 29379 overflow: hidden; 29380 text-decoration: none; 29381 text-overflow: ellipsis; 29382 color: ${({theme:e})=>(0,i.HK)(e,"colors.interactive.base.white")}; 29383 /* Multi-line text truncation with ellipsis after 2 lines */ 29384 -webkit-box-orient: vertical; 29385 -webkit-line-clamp: 2; 29386`,f=o.Ay.picture.withConfig({displayName:"MoreToExplorePicture"})` 29387 display: block; 29388 width: 100%; 29389`,w=o.Ay.img.withConfig({displayName:"MoreToExploreImg"})` 29390 display: block; 29391 width: 100%; 29392 height: auto; 29393 object-fit: contain; 29394`,$=o.i7` 29395 0%, 100% { 29396 opacity: 0.4; 29397 } 29398 29399 50% { 29400 opacity: 1; 29401 }
29402`,v=(o.Ay.div.withConfig({displayName:"CaptionSkeleton",shouldForwardProp:e=>"$isLoaded"!==e})` 29403 transition: opacity 180ms ease-in-out; 29404 animation: ${$} 1.5s ease-in-out infinite; 29405 opacity: ${({$isLoaded:e})=>e?0:1}; 29406 margin-top: ${({$isLoaded:e})=>e?0:(0,i.Kq)(1)}; 29407 border-radius: ${(0,i.Kq)(.25)}; 29408 background-color: ${({theme:e})=>(0,i.HK)(e,"colors.background.dark")}; 29409 width: 100%; 29410 height: ${({$isLoaded:e})=>e?0:(0,i.Kq)(4)}; 29411 pointer-events: none; 29412`,o.Ay.div.withConfig({displayName:"SkeletonWrapper"})` 29413 padding: ${(0,i.Kq)(4)} ${(0,i.Kq)(2)}; 29414 29415 ${(0,i.H4)(r.LO.md)} { 29416 padding: ${(0,i.Kq)(6)} ${(0,i.Kq)(4)}; 29417 } 29418`),C=o.Ay.div.withConfig({displayName:"MasonryGrid"})` 29419 column-gap: ${(0,i.Kq)(.5)}; 29420 column-count: 2; 29421 29422 ${(0,i.H4)(r.LO.lg)} { 29423 column-count: 4; 29424 } 29425`,k=o.Ay.div.withConfig({displayName:"SkeletonBox"})` 29426 animation: ${$} 1.5s ease-in-out infinite; 29427 animation-delay: ${({$delay:e})=>e}ms; 29428 margin-bottom: ${(0,i.Kq)(1)}; 29429 border-radius: ${(0,i.Kq)(.5)}; 29430 background-color: ${({theme:e})=>(0,i.HK)(e,"colors.background.dark")}; 29431 width: 100%; 29432 height: ${({height:e})=>e}; 29433 break-inside: avoid; 29434`,A=o.Ay.div.withConfig({displayName:"MoreToExploreEntryPointWrapper"})` 29435 display: inline-flex; 29436 position: absolute; 29437 bottom: ${(0,i.Kq)(2)}; 29438 left: ${(0,i.Kq)(2)}; 29439 align-items: center; 29440 gap: ${(0,i.Kq)(.75)}; 29441 z-index: 1; 29442 padding: ${(0,i.Kq)(.75)}; 29443 pointer-events: none; 29444 ${(0,i._o)("background-color","colors.navigation.standard.overlay")}; 29445`,x=o.Ay.span.withConfig({displayName:"MoreToExploreEntryPointLabel"})` 29446 ${(0,i.Gg)("typography.definitions.navigation.text-primary")}; 29447 display: block; 29448 position: relative; 29449 top: ${(0,i.Kq)(.25)}; 29450 text-transform: uppercase; 29451 ${(0,i._o)("color","colors.discovery.body.black.accent")}; 29452 white-space: nowrap; 29453`,E=(0,o.Ay)(l.A).withConfig({displayName:"MoreToExploreEntryPointIcon"})` 29454 display: block; 29455 flex-shrink: 0; 29456 ${(0,i._o)("color","colors.discovery.body.black.accent")}; 29457 29458 path { 29459 fill: currentColor; 29460 } 29461`},16809(e,t,n){n.d(t,{r:()=>H});var o=n(59867),i=n(5556),a=n.n(i),r=n(96540),s=n(57744),l=n(49235),d=n(53499),c=n(38267),m=n(26865),u=n(96472),p=n(70698),g=n(69328),h=n(50531),y=n(51886),b=n(7228),f=n(18117),w=n(44802),$=n(95015);const v=(0,c.Ay)(g.A).withConfig({displayName:"NavigationListLinkList"})` 29462 ${w.qz} { 29463 padding-bottom: 0; 29464 } 29465 29466 ${w.zO} { 29467 ${({hasAnchorLinkListDivider:e})=>e?(0,m.Gg)("typography.definitions.discovery.subhed-section-primary"):(0,m.Gg)("typography.definitions.discovery.hed-core-primary")}; 29468 ${({theme:e})=>(0,m._o)(e,"color",(0,p.iq)(e)?"colors.discovery.body.dark.description":"colors.discovery.body.light.description")}; 29469 29470 ${({theme:e,hasAnchorLinkListDivider:t})=>t&&(0,m._o)(e,"color","colors.discovery.body.light.heading")}; 29471 } 29472 29473 ${$.C} { 29474 ${(0,m.Gg)("typography.definitions.discovery.description-page")}; 29475 margin-top: ${(0,m.Kq)(2)}; 29476 margin-bottom: ${(0,m.Kq)(2)}; 29477 padding-bottom: ${(0,m.Kq)(3)}; 29478 } 29479 29480 ${y.BY} { 29481 height: ${59}px; 29482 29483 @media (min-width: ${u.LO.md}) { 29484 height: ${59}px; 29485 } 29486 } 29487 29488 ${y.k2} { 29489 ${({hasUnderline:e})=>e&&"&:link {\n text-decoration: underline;\n }\n "} 29490 29491 &:link, 29492 &:visited { 29493 ${({theme:e})=>(0,m._o)(e,"color",(0,p.iq)(e)?"colors.discovery.body.dark.description":"colors.discovery.body.light.description")}; 29494 } 29495 } 29496 29497 ${y.k} { 29498 ${(0,m.Gg)("typography.definitions.discovery.hed-bulletin-secondary")}; 29499 } 29500 29501 ${({hasCarouselControls:e})=>e&&"&& {\n height: 100%\n }"} 29502 ${y.XG} { 29503 ${y.k2} { 29504 ${({theme:e})=>(0,m.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 29505 } 29506 } 29507 29508 ${y.k2} { 29509 display: block; 29510 } 29511 29512 ${h.eM} { 29513 ${({hasSquareChevronSlider:e})=>e&&" border-radius: unset;\n "} 29514 } 29515 29516 ${y.BY} { 29517 ${({hasRoundedCornerCards:e})=>e?`\n ${b.BF}, ${b.Em}, ${f.B}::after {\n border-radius: 10px;\n }\n `:`${b.BF}, ${b.Em}, ${f.B}::after {\n border-radius: 0px;\n }\n `} 29518 29519 ${b.Em} { 29520 ${({shouldIncreaseCardSizeOnDesktop:e})=>e?`\n @media (min-width: ${u.LO.lg}
29520) {\n width: fit-content;\n height: auto;\n } \n img {\n @media (min-width: ${u.LO.lg}) {\n width: 150px;\n height: 200px;\n }\n }`:""} 29521 object-fit: cover; 29522 } 29523 } 29524 29525 ${({layout:e,theme:t})=>"NavigationListSubnavigation"===e?c.AH` 29526 ${y.Fs} { 29527 display: flex; 29528 flex-direction: column; 29529 align-items: center; 29530 border-top: 1px solid; 29531 border-bottom: 1px solid; 29532 border-color: ${(0,m.HK)(t,"colors.interactive.base.black")}; 29533 padding: 20px 0 calc(20px - 0.75rem) 0; 29534 gap: calc(20px - 0.75rem); 29535 width: 100%; 29536 overflow-x: inherit; 29537 29538 @media (min-width: ${u.LO.md}) { 29539 padding: 20px 0 calc(20px - 1rem) 0; 29540 gap: calc(20px - 1rem); 29541 } 29542 } 29543 29544 ${y.XG} { 29545 margin: 0; 29546 29547 ${y.k2} { 29548 ${(0,m._o)(t,"color","colors.discovery.body.white.context-signature")}; 29549 ${(0,m.Gg)(t,"typography.definitions.globalEditorial.context-title")}; 29550 } 29551 } 29552 29553 ${y.c0} { 29554 flex-wrap: wrap; 29555 justify-content: center; 29556 white-space: normal; 29557 --grid-margin: 0; 29558 } 29559 29560 ${y.BY} { 29561 flex-shrink: inherit; 29562 height: auto; 29563 text-transform: uppercase; 29564 } 29565 `:"NavigationListTextOverlayOnImage"===e?c.AH` 29566 ${y.k} { 29567 position: absolute; 29568 bottom: ${(0,m.Kq)(.5)}; 29569 padding-right: ${(0,m.Kq)(1)}; 29570 padding-left: ${(0,m.Kq)(1)}; 29571 ${y.k2} { 29572 ${(0,m._o)(t,"color","colors.interactive.base.white")}; 29573 } 29574 } 29575 29576 ${f.B}::after { 29577 position: absolute; 29578 top: 0; 29579 left: 0; 29580 background: linear-gradient(0deg, black, transparent 70%); 29581 width: 100%; 29582 height: 100%; 29583 content: ''; 29584 } 29585 29586 ${y.BY} { 29587 &:hover::before, 29588 &:focus-visible::before { 29589 ${(0,m._o)(t,"background-color","colors.discovery.body.white.background")}; 29590 right: ${(0,m.Kq)(1)}; 29591 left: ${(0,m.Kq)(1)}; 29592 z-index: 1; 29593 margin-top: ${(0,m.Kq)(1)}; 29594 margin-bottom: ${(0,m.Kq)(1)}; 29595 width: auto; 29596 29597 @media (max-width: ${u.LO.md}) { 29598 margin-bottom: 6px; 29599 } 29600 } 29601 } 29602 ${w.hF} { 29603 padding: 0 ${(0,m.Kq)(8)} 0 ${(0,m.Kq)(8)}; 29604 @media (max-width: ${u.LO.md}) { 29605 padding: 0 ${(0,m.Kq)(3)} 0 ${(0,m.Kq)(3)}; 29606 } 29607 } 29608 ${w.wq} { 29609 padding-top: ${(0,m.Kq)(2.5)}; 29610 padding-bottom: ${(0,m.Kq)(2.5)}; 29611 } 29612 `:""} 29613`,C=({hasGradient:e=!1,hasSquareChevronSlider:t=!1,hasUnderline:n=!1,hasAnchorLinkList:o,hasAnchorLinkListDivider:i=!1,hasHeaderBorder:a,hed:s,dek:l,isCentered:d=!1,hasRoundedCornerCards:c=!1,layout:m,links:u,shouldCenterAlignContent:p,shouldDisplayDangerousDek:g=!1,shouldEnableBundleComponentAnalytics:h,shouldIncreaseCardSizeOnDesktop:y=!1})=>{const b={text:"NavigationListSubnavigation"===m?s:null};return r.createElement(v,{hed:s,dek:l,hasGradient:e,hasSquareChevronSlider:t,hasUnderline:n,hasAnchorLinkList:o,hasAnchorLinkListDivider:i,hasHeaderBorder:a,isCentered:d,hasRoundedCornerCards:c,layout:m,links:u,hasNativeImgLazyLoading:!0,primaryLink:b.text&&b,shouldCenterAlignContent:p,shouldDisplayDangerousDek:g,shouldEnableBundleComponentAnalytics:h,shouldIncreaseCardSizeOnDesktop:y})};C.propTypes={dek:a().string,hasAnchorLinkList:a().bool,hasAnchorLinkListDivider:a().bool,hasGradient:a().bool,hasHeaderBorder:a().bool,hasRoundedCornerCards:a().bool,hasSquareChevronSlider:a().bool,hasUnderline:a().bool,hed:a().string,isCentered:a().bool,layout:a().string,links:a().arrayOf(a().shape({url:a().string,text:a().string,isExternal:a().bool,onClick:a().func})),shouldCenterAlignContent:a().bool,shouldDisplayDangerousDek:a().bool,shouldEnableBundleComponentAnalytics:a().bool,shouldIncreaseCardSizeOnDesktop:a().bool};const k=C;var A=n(30050);const x=c.Ay.section.withConfig({displayName:"NavigationListWrapper"})` 29614 position: relative; 29615 ${({isBannerPositionTop:e})=>e&&"box-shadow: rgb(0 0 0 / 10%) 0px 1px 6px;"} 29616 ${({hasBorder:e,theme:t})=>e&&`\n border-top: 1px solid;\n border-bottom: 1px solid;\n ${(0,m._o)(t,"border-color",(0,p.iq)(t)?"colors.discovery.body.dark.divider":"colors.discovery.body.light.divider")};\n `}
29617 ${({hideBackgroundColor:e})=>e&&"\n &&&{\n background-color: transparent;\n box-shadow: transparent 0px 1px 6px;\n }"} 29618 29619 ${({theme:e,layout:t,hasBackgroundColorWhite:n})=>{let o;return o=(0,p.iq)(e)?"colors.discovery.body.dark.background":"NavigationListSubnavigation"===t||n?"colors.background.white":"colors.discovery.body.light.background",(0,m._o)(e,"background",o)}}; 29620 29621 ${({layout:e})=>"NavigationListSubnavigation"===e&&`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 20px 24px;\n \n @media (min-width: ${u.LO.md}) {\n padding: 0px 64px 20px;\n }\n `} 29622`;var E=n(90090),S=n(14307),L=n(95788),T=n(54370);const N=(e,t,n)=>{(0,E.zJ)("navigation-list-impression",{componentPosition:e,layout:t,hed:n})},H=({className:e,configuredComponentRef:t,hasAnchorLinkListDivider:n=!1,hasBackgroundColorWhite:i=!1,hasBorder:a=!1,hasSquareChevronSlider:s=!1,hasHeaderBorder:c,hasUnderline:m=!1,hideBackgroundColor:u=!1,isInvertedTheme:p=!1,shouldTrackSnowplowEvent:g,hasRoundedCornerCards:h=!1,navigationListData:y,palette:b="standard",shouldCenterAlignContent:f=!1,shouldDisplayDangerousDek:w=!1,shouldEnableBundleComponentAnalytics:$,shouldIncreaseCardSizeOnDesktop:v=!1,layout:C="NavigationListAnchored",theme:A,trackingNamespace:H})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"NavigationList",variation:C})},[C]);const{hed:I="",dek:B="",links:O=[]}=y,K=r.useRef(),[D,_]=r.useState(!1),P=r.useRef(null),R=r.useRef(null);if(r.useEffect(()=>(P.current=window.Kendra.WINDOW_EVENT.on(o.m.SCROLL_THROTTLE,()=>{const e=K.current?.getBoundingClientRect().top;_(e<=0)}),()=>{P.current&&P.current.off()}),[C]),r.useEffect(()=>{const e=(0,L.X)(K),t=()=>{(0,L.q)(K)&&(N(e,C,I),R.current&&R.current.off())};if(!(0,L.q)(K))return R.current=window.Kendra.WINDOW_EVENT.on(o.m.SCROLL_THROTTLE,t),function(){R.current&&R.current.off()};N(e,C,I)},[C,I]),!O.length)return null;const q={dek:B,hasAnchorLinkList:"NavigationListAnchored"===C||"NavigationListTextOverlayOnImage"===C,hasAnchorLinkListDivider:n,hasSquareChevronSlider:s,hasUnderline:m,hed:I,isBannerPositionTop:D,isFeatured:"featured"===A,hasRoundedCornerCards:h,hasHeaderBorder:c,layout:C,links:O.map((e,t)=>({...e,isExternal:!1,onClick:()=>((e,t,n,o,i,a,r)=>{(0,E.W8)("navigation-list-click",{"gtm.elementUrl":e,layout:t,text:n}),a&&(0,S.kg)({type:"click",label:o,subject:"carousel_navigation_list",items:[{content_title:n,content_url:e}],placement:"mid-content",index:i,total_index:r})})(e.url,C,e.text,I,t,g,O.length)})),shouldCenterAlignContent:f||O.length>=1&&O.length<=10,shouldDisplayDangerousDek:w,shouldEnableBundleComponentAnalytics:$,shouldIncreaseCardSizeOnDesktop:v,trackingNamespace:H};return r.createElement(l.A,{palette:p?"inverted":b},r.createElement(x,{ref:(0,T.P)(K,t),"data-testid":"NavigationList",hasBackgroundColorWhite:i,hasBorder:a,hideBackgroundColor:u,hasHeaderBorder:c,isBannerPositionTop:D,isSubNavigation:q.isSubNavigation,className:e,layout:q.layout},r.createElement(k,{...q})))};H.displayName="NavigationList";H.propTypes={configuredComponentRef:a().func,className:a().string,hasAnchorLinkListDivider:a().bool,hasBackgroundColorWhite:a().bool,hasBorder:a().bool,hasHeaderBorder:a().bool,hasRoundedCornerCards:a().bool,hasSquareChevronSlider:a().bool,hasUnderline:a().bool,hideBackgroundColor:a().bool,isBannerPositionTop:a().bool,isCentered:a().bool,isInvertedTheme:a().bool,layout:a().oneOf(["NavigationListSubnavigation","NavigationListAnchored","NavigationListTextOverlayOnImage"]),navigationListData:A.A.propTypes.linkBannerData,palette:a().oneOf(["standard","inverted"]),shouldCenterAlignContent:a().bool,shouldDisplayDangerousDek:a().bool,shouldEnableBundleComponentAnalytics:a().bool,shouldIncreaseCardSizeOnDesktop:a().bool,shouldTrackSnowplowEvent:a().bool,theme:a().string,trackingNamespace:a().string};(0,s.M3)(H,{keysToPluck:["navigationListData"]})},48990(e,t,n){n.d(t,{Qo:()=>g,a2:()=>p,ri:()=>h});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(60700),l=n(73730),d=n(8877),c=n(65525),m=n(12972),u=n(97195);const p=({isEthycaEnabled:e})=>a.createElement(m.jL,{className:e?"consent-privacy-icon":"oneTrust_button__icon-container",iconPosition:"before",size:"default"},a.createElement(m.G9,{className:"oneTrust_button-icon",as:u.A,size:"default",isinline:!0})),g=()=>{const[e,t]=a.useState();return a.useEffect(()=>{if(window.Fides?.initialized)return t(window.Fides?.getModalLinkLabel()),()=>{};const e=()=>{t(window.Fides?.getModalLinkLabel())};return window.addEventListener("FidesInitialized",e),()=>{window.removeEventListener("FidesInitialized",e)}},[]),a.useEffect(()=>{setTimeout(()=>{window.Fides?.initialized&&t(window.Fides?.getModalLinkLabel())},1e3)},[]),e};p.propTypes={isEthycaEnabled:i().bool};const h=e=>{const{className:t,element:n,hasUnderlineActiveLink:o,links:i,listAttributes:u={},alignment:h,linkClassName:y,shouldAllowNavItemHide:b,showOneTrustButton:f,shouldStyleListItems:w,isCollapsible:$=!1,isEthycaEnabled:v=!1,isNavigationClosed:C=!1,isNavigationActiveState:k,navigationJustification:A,hasNavigationSection:x=!1,trackingText:E,trackingTextIndex:S,trackingSubject:L,isMegamenu:T,navHighlightColour:N}=e,{formatMessage:H}=(0,r.A)(),I=(0,d.B)(),B=g(),O=a.createElement("li",{className:v?"consent_btn":"oneTrust_bt
29622n"},a.createElement(p,{isEthycaEnabled:v}),I&&a.createElement(l.A.Utility,{id:v?"fides-modal-link":"ot-sdk-btn",className:v?"consent-sdk-show-settings":"ot-sdk-show-settings ot-sdk-btn--visible",label:B??H(s.A.oneTrustButtonLabel),isInline:!0}));return a.createElement(m.W9,{alignment:h,as:"ul",ref:n,isCollapsible:$,isNavigationClosed:C,navigationJustification:A,hasNavigationSection:x,className:t,"data-testid":"navigation__list",...u},i&&i.map((e,t)=>a.createElement(c.U,{alignment:h,className:y,link:e,key:t,shouldAllowNavItemHide:b,shouldStyleListItems:w,paymentGroup:e.paymentGroup,isNavigationClosed:C,navigationJustification:A,hasNavigationSection:x,trackingText:E,trackingTextIndex:S,trackingSubject:L,isNavigationActiveState:k,hasUnderlineActiveLink:o,isMegamenu:T,navHighlightColour:N})),(v||f)&&O)};h.propTypes={alignment:i().string,className:i().string,element:i().oneOfType([i().func,i().object]),hasNavigationSection:i().bool,hasUnderlineActiveLink:i().bool,isCollapsible:i().bool,isEthycaEnabled:i().bool,isMegamenu:i().bool,isNavigationActiveState:i().bool,isNavigationClosed:i().bool,linkClassName:i().string,links:i().arrayOf(c.c.propTypes.link).isRequired,listAttributes:i().object,navHighlightColour:i().string,navigationJustification:i().string,shouldAllowNavItemHide:i().bool,shouldStyleListItems:i().bool,showOneTrustButton:i().bool,trackingText:i().string,trackingTextIndex:i().number,trackingSubject:i().string}},4808(e,t,n){n.d(t,{A:()=>R});var o=n(96540),i=n(40961),a=n(59867),r=n(38267),s=n(57744),l=n(13465),d=n(31581),c=n(26865);const m=r.Ay.div.withConfig({displayName:"NotificationBannerBasePageTop"})` 29623 width: 100%; 29624 display: flex; 29625 justify-content: center; 29626 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.background-tertiary`)}; 29627 margin-top: 1rem; 29628`,u=r.Ay.div.withConfig({displayName:"NotificationBannerInsideOneNavWrapper"})` 29629 width: 100%; 29630 display: flex; 29631 justify-content: center; 29632 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.background-tertiary`)}; 29633`,p=r.Ay.div.withConfig({displayName:"NotificationBannerBasePageTop"})` 29634 width: 100%; 29635 margin: 2em 0 0 0; 29636 display: flex; 29637 justify-content: center; 29638 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.background-tertiary`)}; 29639`,g=r.Ay.div.withConfig({displayName:"NotificationBannerConnectedNavigationWrapper"})` 29640 width: 100%; 29641 display: flex; 29642 justify-content: center; 29643 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.background-tertiary`)}; 29644`,h=r.Ay.div.withConfig({displayName:"NotificationBannerStandardNavigationWrapper"})` 29645 width: 100%; 29646 display: flex; 29647 justify-content: center; 29648 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.background-tertiary`)}; 29649 transition: opacity 0.2s ease; 29650 opacity: 1; 29651 29652 &.hidden { 29653 opacity: 0; 29654 display: none; 29655 } 29656`,y=r.Ay.div.withConfig({displayName:"NotificationBannerWrapper"})` 29657 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.background-tertiary`)}; 29658 ${(0,c.Gg)("typography.definitions.utility.legal-text")} 29659 padding: 1rem 1.5rem; 29660 position: relative; 29661 text-align: center; 29662 display: flex; 29663 gap: 1rem; 29664`,b=r.Ay.div.withConfig({displayName:"NotificationBannerTextWrapper"})` 29665 text-align: left; 29666 margin-right: 0.25rem; 29667 vertical-align: center; 29668 color: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.item-primary`)}; 29669 29670 a:link, 29671 a:visited, 29672 a:active { 29673 text-decoration: underline; 29674 color: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.item-primary`)}; 29675 } 29676 29677 @media (min-width: 1024px) { 29678 text-align: center; 29679 margin-right: 1.25rem; 29680 } 29681`,f=r.Ay.a.withConfig({displayName:"NotificationBannerLink"})` 29682 text-decoration: underline; 29683 font-weight: bold; 29684 color: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.item-primary`)}; 29685`,w=r.Ay.div.withConfig({displayName:"NotificationBannerCloseIcon"})` 29686 flex: 0 0 auto; 29687 cursor: pointer; 29688 29689 display: flex; 29690 align-items: center; 29691 29692 svg { 29693 width: 16px; 29694 height: 16px; 29695 path { 29696 fill: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.item-primary`)}; 29697 } 29698 circle { 29699 stroke: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.notificationBannerTheme}.item-primary`)}; 29700 } 29701 } 29702`,$=(0,r.Ay)(y).withConfig({displayName:"NotificationOneNavBannerWrapper"})` 29703 background: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.background-tertiary`)}; 29704`,v=(0,r.Ay)(b).withConfig({displayName:"NotificationOneNavBannerWrapper"})` 29705 color: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.item-primary`)}; 29706 29707 a:link, 29708 a:visited, 29709 a:active { 29710 text-decoration: underline; 29711 color: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.item-primary`)}; 29712 } 29713`,C=(0,r.Ay)(f).withConfig({displayName:"NotificationOneNavBannerWrapper"})` 29714 color: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.item-primary`)}; 29715`,k=(0,r.Ay)(w).withConfig({displayName:"NotificationOneNavBannerWrapper"})` 29716 svg { 29717 path { 29718 fill: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.item-primary`)}; 29719 } 29720 circle { 29721 stroke: ${({theme:e})=>(0,c.HK)(`colors.navigation.${e.oneNavTheme}.item-primary`)}; 29722 } 29723 } 29724`;var A=n(43481),x=n(80046),E=n(96756);const S=(0,n(60663).Y)(()=>window.localStorage),L="notification-banner";function T(e){return e?L+e:L}function N(e){const[t,n]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{n(function(e){const t=T(e),n=S.getItem(t);if(null==n)return!0;const o=JSON.parse(n);if(Date.now()<o.expiration)return!1;return S.removeItem(t),!0}(e))},[e]),{isBannerVisible:t,setIsBannerVisible:n}}function H({id:e,setIsBannerVisible:t,brandName:n,Wrapper:i,TextWrapper:a,LinkComponent:r,CloseIconWrapper:s}){return o.createElement(i,null,o.createElement(a,null,n," uses first- and third-party technologies that provide information about your interactions with this site to others. See our"," ",o.
29724createElement(r,{target:"_blank",href:"https://www.condenast.com/privacy-policy#privacypolicy"},"Privacy Policy")," ","for more information."),o.createElement(s,{onClick:()=>function(e,t){const n=new Date;n.setFullYear(n.getFullYear(),11,31),n.setHours(23,59,59,999);const o={expiration:n.getTime()},i=T(t);S.setItem(i,JSON.stringify(o)),e(!1)}(t,e),"aria-label":"close notification banner"},o.createElement(x.A,null)))}function I(e){return o.createElement(H,{...e,Wrapper:y,TextWrapper:b,LinkComponent:f,CloseIconWrapper:w})}function B(e){return o.createElement(H,{...e,Wrapper:$,TextWrapper:v,LinkComponent:C,CloseIconWrapper:k})}function O({id:e,setIsBannerVisible:t,brandName:n}){return o.createElement(m,null,o.createElement(I,{id:e,setIsBannerVisible:t,brandName:n}))}function K({id:e,setIsBannerVisible:t,brandName:n}){return o.createElement(u,null,o.createElement(B,{id:e,setIsBannerVisible:t,brandName:n}))}function D({insertPosition:e,setIsBannerVisible:t,brandName:n,id:r}){const[s,l]=(0,o.useState)(null),d=(0,o.useRef)(null),c=(0,o.useRef)(0),m=(0,o.useRef)(null);return(0,o.useEffect)(()=>{const t=document.querySelector('[class^="StandardNavigationWrapper"]');if(null==t)return;const n=document.createElement("div");return n.classList.add("notificationBanner-portal"),t.insertAdjacentElement(e,n),l(n),()=>{n.remove()}},[e]),(0,o.useEffect)(()=>(m.current=window.Kendra.WINDOW_EVENT.on(a.m.SCROLL_DEBOUNCE,()=>{const e=d.current;if(!e)return;const t=window.pageYOffset||document.documentElement.scrollTop;t>c.current?e.classList.add("hidden"):e.classList.remove("hidden"),c.current=t<=0?0:t}),()=>{m.current&&m.current.off()}),[]),s?(0,i.createPortal)(o.createElement(h,{ref:d},o.createElement(I,{setIsBannerVisible:t,id:r,brandName:n})),s):null}function _({insertPosition:e,setIsBannerVisible:t,brandName:n,id:a}){const[r,s]=(0,o.useState)(null);return(0,o.useEffect)(()=>{const t=document.querySelector('[data-in-view=\'{"pattern":"ConnectedNavigation"}\']');if(null==t)return;const n=document.createElement("div");return n.classList.add("notificationBanner-portal"),t.insertAdjacentElement(e,n),s(n),()=>{n.remove()}},[e]),r?(0,i.createPortal)(o.createElement(g,null,o.createElement(I,{setIsBannerVisible:t,id:a,brandName:n})),r):null}function P({insertPosition:e,setIsBannerVisible:t,id:n,brandName:a,hostClassPrefix:r}){const[s,l]=(0,o.useState)(null);return(0,o.useEffect)(()=>{const t=`[class^="${r}"]`,n=document.querySelector(t);if(null==n)return;const o=document.createElement("div");return o.classList.add("notificationBanner-portal"),n.insertAdjacentElement(e,o),l(o),()=>{o.remove()}},[e,r]),s?(0,i.createPortal)(o.createElement(p,null,o.createElement(I,{setIsBannerVisible:t,id:n,brandName:a})),s):null}const R=(0,s.M3)((0,d.N)((0,l.y)(function({_configuredComponentRef:e,id:t,position:n,brandName:i,isOneNav:a,experimentFlags:s={},theme:l,fullPageTheme:d}){const{isBannerVisible:c,setIsBannerVisible:m}=N(t),u=[l,d].includes("inverted")?"inverted":"standard",p=s[`${i.toLowerCase()}-notice-banner`],g=p?.props?.experimentBannerPosition;let h=n;if("WIRED"===i&&g===A.R.ABOVE_NAV?h=A.R.ABOVE_STANDARD_NAV:"WIRED"===i&&g===A.R.BELOW_HERO_AD&&(h=A.R.BELOW_HERO_AD),h===A.R.INSIDE_ONE_NAV&&!a)return null;if(!c)return null;const y=function(e,t,n,i){switch(e){case A.R.BASE_PAGE_TOP:return()=>o.createElement(O,{id:i,setIsBannerVisible:t,brandName:n});case A.R.ABOVE_HERO_AD:return()=>o.createElement(P,{insertPosition:"beforebegin",setIsBannerVisible:t,id:i,brandName:n,hostClassPrefix:"StickyHeroAdWrapper"});case A.R.BELOW_HERO_AD:return()=>o.createElement(P,{insertPosition:"beforebegin",setIsBannerVisible:t,id:i,brandName:n,hostClassPrefix:"BasePageMainContent"});case A.R.BELOW_CONNECTED_NAV:return()=>o.createElement(_,{setIsBannerVisible:t,brandName:n,insertPosition:"beforeend",id:i});case A.R.ABOVE_CONNECTED_NAV:return()=>o.createElement(_,{setIsBannerVisible:t,brandName:n,insertPosition:"beforebegin",id:i});case A.R.INSIDE_ONE_NAV:return()=>o.createElement(K,{id:i,setIsBannerVisible:t,brandName:n});case A.R.ABOVE_STANDARD_NAV:return()=>o.createElement(D,{setIsBannerVisible:t,brandName:n,insertPosition:"beforebegin",id:i}
29724);case A.R.BELOW_STANDARD_NAV:return()=>o.createElement(D,{setIsBannerVisible:t,brandName:n,insertPosition:"afterend",id:i});case A.R.BELOW_ONE_NAV_HERO_AD:return()=>o.createElement(P,{insertPosition:"beforebegin",setIsBannerVisible:t,id:i,brandName:n,hostClassPrefix:"BasePageMainContent"});default:return()=>null}}(h,m,i,t);return o.createElement(E.t,null,o.createElement(r.NP,{theme:e=>({...e,notificationBannerTheme:u})},o.createElement(y,null)))},"NotificationBannerComponent")),{keysToPluck:["brandName"]})},43481(e,t,n){var o;n.d(t,{R:()=>o}),function(e){e.BASE_PAGE_TOP="base-page-top",e.INSIDE_ONE_NAV="inside-one-nav",e.ABOVE_CONNECTED_NAV="connected-nav-top",e.BELOW_CONNECTED_NAV="connected-nav-bottom",e.ABOVE_HERO_AD="above-hero-ad",e.BELOW_HERO_AD="below-hero-ad",e.ABOVE_STANDARD_NAV="above-standard-nav",e.BELOW_STANDARD_NAV="below-standard-nav",e.BELOW_ONE_NAV="below-one-nav",e.BELOW_ONE_NAV_HERO_AD="below-one-nav-hero-ad",e.ABOVE_NAV="above-nav"}(o||(o={}))},18224(e,t,n){n.d(t,{A:()=>$});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(90090),d=n(38267),c=n(26865),m=n(96472),u=n(13099),p=n(50700);const g=d.Ay.div.withConfig({displayName:"ProductOfferListWrapper"})` 29725 margin-bottom: ${(0,c.Kq)(2)}; 29726`,h=(0,d.Ay)(p.A).withConfig({displayName:"ProductOfferList"})` 29727 display: flex; 29728 grid-column: 1/-1; 29729 flex-direction: column; 29730 align-items: left; 29731 width: 100%; 29732 @media (min-width: ${m.LO.lg}) { 29733 grid-column: 1 / span 4; 29734 margin-bottom: ${(0,c.Kq)(2)}; 29735 } 29736`,y=(0,d.Ay)(u.i).withConfig({displayName:"ProductOfferListConfiguredDisclaimer"})` 29737 grid-column: 1/-1; 29738 @media (min-width: ${m.LO.lg}) { 29739 grid-column: 1/9; 29740 } 29741`,b=d.Ay.div.withConfig({displayName:"OffersDataDisclaimerContainer"})``;var f=n(53499);const w=({buttonPosition:e,className:t,ctaText:n,ctaAtRetailerName:o,hideTopDisclaimerOnMobile:a,offers:r,showHeaderButton:d})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(f.G.RENDER,{name:"OffersData"})},[]);return r?.length?s.createElement(s.Fragment,null,d&&s.createElement(g,{className:i()("offer-data",t),"data-testid":"ProductOfferListWrapper"},s.createElement(h,{dataAttrs:{"data-component-position":e},defaultCTAText:n,ctaAtRetailerName:o,offers:r,onClickHandler:()=>{(0,l.W8)("buy-button-click",{componentPosition:e})},showCount:4,showPriceOnButton:!0})),s.createElement(b,{className:i()("disclaimer-container",t)},!a&&s.createElement(y,null))):null};w.propTypes={buttonPosition:r().string.isRequired,className:r().string,ctaAtRetailerName:r().string,ctaText:r().string,hideTopDisclaimerOnMobile:r().bool,offers:r().array,showHeaderButton:r().bool};const $=w},95768(e,t,n){n.d(t,{A:()=>xt});var o=n(5556),i=n.n(o),a=n(96540),r=n(57744),s=n(50624),l=n(6442),d=n(1804);const c="closeAll",m="openCollectionsDrawer",u="openCreateCollectionDrawer",p="openSaveAlertCreateCollection",g="openSaveAlertWithBoardName",h="openSaveAlertWithBoardNameAfterMove",y="openSaveAlertError",b="openSaveAlertWithMoveCTA",f="setLastCollectionSaved";var w=n(77463);const $="/account/saved/images",v="CollectionsDrawer",C="CreateCollectionDrawer",k="none",A="PhotoBookmarkSaveAlert",x="success-with-link",E="success-with-button",S="error",L=()=>{const{formatMessage:e}=(0,l.A)(),t={showComponent:k,saveAlertMessage:{linkMessage:e(w.A.SaveBookmarkAlertLink),textMessage:e(w.A.SaveBookmarkAlertText),type:E},lastCollectionSavedTo:{name:"",id:"",count:0}},[n,o]=(0,a.useReducer)((t,n)=>((e,t,n)=>{switch(t.type){case c:return{...e,showComponent:k};case m:return{...e,showComponent:v};case u:return{...e,showComponent:C};case p:{const o="product"===t.contentType?n(w.A.SaveProductBookmarkAlertText):n(w.A.SaveBookmarkAlertText);return{...e,saveAlertMessage:{linkMessage:n(w.A.SaveBookmarkAlertLink),textMessage:o,type:E},showComponent:A}}case g:return{...e,saveAlertMessage:{href:t.href||$,linkMessage:n(w.A.SaveAlertSavedToBoardMessage),textMessage:n(w.A.SaveAlertWithBoardName,{collectionName:t.name}),type:x},showComponent:A};case h:return{...e,saveAlertMessage:{href:t.href||$,linkMessage:n(w.A.SaveAlertSavedToBoardMessage),textMessage:n(w.A.SaveAlertMovedWithBoardName,{collectionName:t.name}),type:x},showComponent:A};case b:return{...e,saveAlertMessage:{linkMessage:n(w.A.SaveBookmarkAlertMoveLink),textMessage:n(w.A.SaveAlertWithBoardName,{collectionName:e.lastCollectionSavedTo.name}),type:E},showComponent:A};case y:return{...e,saveAlertMessage:{textMessage:n(w.A.SaveBookmarkErrorText,{collectionName:t.collectionName}),type:S},showComponent:A};case f:{const n=e.lastCollectionSavedTo.id===t.id?e.lastCollectionSavedTo.count+1:1;
29741return{...e,lastCollectionSavedTo:{name:t.name,id:t.id,count:n}}}default:return e}})(t,n,e),t),i=function(e){const t=(0,a.useCallback)(()=>{e({type:c})},[e]),n=(0,a.useCallback)(()=>e({type:m}),[e]),o=(0,a.useCallback)(()=>e({type:u}),[e]),i=(0,a.useCallback)(({contentType:t}={})=>e({type:p,contentType:t}),[e]),r=(0,a.useCallback)(({collectionName:t}={})=>{e({type:y,collectionName:t})},[e]),s=(0,a.useCallback)(({collectionName:t,href:n})=>{e({type:g,name:t,href:n})},[e]),l=(0,a.useCallback)(({collectionName:t,href:n})=>{e({type:h,name:t,href:n})},[e]),d=(0,a.useCallback)(()=>{e({type:b})},[e]),w=(0,a.useCallback)(({collectionName:t,collectionId:n})=>{e({type:f,name:t,id:n})},[e]);return(0,a.useMemo)(()=>({closeAll:t,openCollectionsDrawer:n,openCreateCollectionDrawer:o,openSaveAlertCreateCollection:i,openSaveAlertWithBoardName:s,openSaveAlertWithBoardNameAfterMove:l,openSaveAlertWithMoveCTA:d,openSaveAlertError:r,setLastCollectionSaved:w}),[t,n,o,i,s,l,d,r,w])}(o);return(0,a.useMemo)(()=>({actions:i,state:n}),[i,n])};var T=n(89957),N=n(49235),H=n(96472),I=n(14792),B=n.n(I),O=n(58156),K=n.n(O),D=n(53499),_=n(22514),P=n(38267),R=n(18608),q=n(26865),M=n(88456),F=n(50531),U=n(82752),V=n(94828),G=n(36211),W=n(68116),j=n(14207),z=n(86286),Y=n(63500),X=n(18117),Z=n(97504),J=n(62389);const Q=P.DU` 29742 html.html__drawer--open { 29743 overflow: unset; 29744 29745 ${Y.nj} { 29746 position: fixed; 29747 top: 0; 29748 right: 0; 29749 left: 0; 29750 } 29751 29752 ${Y.C1} { 29753 display: none; 29754 } 29755 } 29756`,ee=(0,P.Ay)(V.A.SideBySideThirds).withConfig({displayName:"CollectionsDrawerSummaryItem"})` 29757 && { 29758 grid-template-columns: ${(0,q.Kq)(7)} 1fr; 29759 --grid-gap: ${(0,q.Kq)(2)}; 29760 29761 ${W.Tr}, ${W.Tr} * { 29762 margin: 0; 29763 padding: 0; 29764 } 29765 } 29766 29767 ${W.tP} { 29768 aspect-ratio: 2 / 3; 29769 29770 ${j.fh}, 29771 ${X.B}, 29772 picture, 29773 img { 29774 width: 100%; 29775 height: 100%; 29776 } 29777 29778 img { 29779 object-fit: cover; 29780 } 29781 } 29782`,te=P.Ay.div.withConfig({displayName:"CollectionsDrawerBookmarkItemWrapper"})` 29783 display: grid; 29784 border-bottom: 1px solid; 29785 29786 ${W.Rp} { 29787 grid-column: 1; 29788 } 29789 29790 ${J.w6} { 29791 position: fixed; 29792 right: ${(0,q.Kq)(1.5)}; 29793 align-self: center; 29794 29795 ${(0,q.H4)(H.LO.lg)} { 29796 align-self: center; 29797 justify-items: center; 29798 } 29799 29800 svg path { 29801 stroke: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 29802 } 29803 ${F.ny} { 29804 svg path { 29805 fill: ${({theme:e})=>(0,q.HK)(e,"colors.interactive.base.brand-primary")}; 29806 } 29807 } 29808 } 29809 29810 ${({isBookmarkDrawersEnabled:e})=>e&&"\n grid-template-columns: 90% auto;\n "} 29811`,ne=(0,P.Ay)(ee).withConfig({displayName:"CollectionsDrawerBookmarkItem"})` 29812 padding: ${(0,q.Kq)(3)} ${(0,q.Kq)(3)} ${(0,q.Kq)(2)}; 29813 pointer-events: none; 29814 29815 ${G.Y} { 29816 ${({theme:e,isBookmarkDrawersEnabled:t})=>t?(0,q.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary"):(0,q.Gg)(e,"typography.definitions.utility.assistive-text")}; 29817 } 29818 29819 ${W.IB} { 29820 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q.Gg)(e,"typography.definitions.utility.button-utility")}; 29821 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q._o)(e,"color","colors.interactive.base.brand-primary")}; 29822 } 29823`,oe=P.Ay.div.withConfig({displayName:"CollectionsDrawerScrollableArea"})` 29824 overflow-y: auto; 29825`,ie=P.Ay.div.withConfig({displayName:"CollectionsDrawerHeadingWrapper"})` 29826 display: flex; 29827 padding: ${(0,q.Kq)(2)} ${(0,q.Kq)(3)}; 29828`,ae=(0,P.Ay)(R.vm).withConfig({displayName:"CollectionsDrawerListHeading"})` 29829 flex: 1; 29830 text-align: start; 29831 ${(0,q.Gg)("typography.definitions.foundation.title-secondary")}; 29832`,re=(0,P.Ay)(R.vm).withConfig({displayName:"CollectionsDrawerCreateListDek"})` 29833 flex: 1; 29834 margin-top: ${(0,q.Kq)(5)}; 29835 margin-right: ${(0,q.Kq)(3)}; 29836 margin-bottom: ${(0,q.Kq)(3)}; 29837 margin-left: ${(0,q.Kq)(3)}; 29838 text-align: center; 29839 ${(0,q.Gg)("typography.definitions.utility.body")}; 29840`,se=(0,P.Ay)(M.A.Utility).withConfig({displayName:"CollectionsDrawerCreateListButton"})` 29841 border: none; 29842 justify-self: center; 29843 width: 88%; 29844`,le=(0,P.Ay)(M.A.Utility).withConfig({displayName:"CollectionsDrawerNewCollectionButton"})` 29845 padding: 0; 29846 min-width: unset; 29847 height: unset; 29848 29849 ${(0,q.Gg)("typography.definitions.foundation.link-secondary")}; 29850 29851 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q.Gg)(e,"typography.definitions.utility.label")}; 29852 29853 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q._o)(e,"color","colors.interactive.base.brand-primary")}; 29854 29855 ${F.Lj} { 29856 padding: 0; 29857 } 29858`,de=P.Ay.ul.withConfig({displayName:"CollectionsDrawerList"})` 29859 margin: 0; 29860 padding: 0; 29861 list-style: none; 29862`,ce=P.Ay.li.withConfig({displayName:"CollectionsDrawerListItem"})` 29863 padding: ${(0,q.Kq)(1)} ${(0,q.Kq)(4)}; 29864 29865 ${(0,q.H4)(H.LO.lg)} { 29866 padding: ${(0,q.Kq)(1)} ${(0,q.Kq)(3)}; 29867 } 29868`,me=(0,P.Ay)(ee).withConfig({displayName:"CollectionsDrawerCollectionItem"})` 29869 pointer-events: none; 29870`,ue=(0,P.Ay)(_.A).withConfig({displayName:"CollectionsDrawerWrapper"})` 29871 display: flex; 29872 flex-direction: column; 29873 29874 ${({theme:e,isBookmarkDrawersEnabled:t})=>t?(0,q._o)(e,"background-color",(0,q.iq)(e)?"colors.discovery.body.dark.background":"colors.discovery.body.brand.background"):(0,q._o)(e,"background-color",(0,q.iq)(e)?"colors.discovery.lead.primary.background":"colors.foundation.menu-bg.expanded")}; 29875 29876 &&& { 29877 padding-top: ${(0,q.Kq)(3)}; 29878 width: ${({isLargeDevice:e})=>e?(0,q.Kq)(49):"100vw"}; 29879 height: ${({isLargeDevice:e})=>e?"100vh":(0,q.Kq)(65)}; 29880 29881 ${({theme:e})=>(0,q.iq)(e)&&(0,q._o)("background-color","colors.background.black")}; 29882 29883 * { 29884 ${({isBookmarkDrawersEnabled:e,theme:t})=>!e&&(0,q._o)(t,"color",(0,q.iq)(t)?"colors.discovery.body.black.heading":"colors.discovery.body.light.heading")}; 29885 } 29886 29887 ${se} { 29888 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("background-color","colors.interactive.base.white"):(0,q._o)("background-color","colors.interactive.base.black")}; 29889 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("color","colors.interactive.base.black"):(0,q._o)("color","colors.interactive.base.white")}; 29890 } 29891 29892 ${me} { 29893 ${G.Y} { 29894 ${({isBookmarkDrawersEnabled:e})=>e?(0,q.Gg)("typography.definitions.foundation.title-primary"):(0,q.Gg)("typography.definitions.discovery.hed-bulletin-
29894primary")}; 29895 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q._o)(e,"color",(0,q.iq)(e)?"colors.interactive.base.white":"colors.interactive.base.black")}; 29896 } 29897 } 29898 29899 ${ae} { 29900 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q._o)(e,"color",(0,q.iq)(e)?"colors.interactive.base.white":"colors.interactive.base.black")}; 29901 } 29902 29903 ${U.ov} { 29904 g, 29905 g:hover, 29906 g:focus { 29907 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("stroke","colors.interactive.base.white"):(0,q._o)("stroke","colors.interactive.base.black")}; 29908 } 29909 ${({isBookmarkDrawersEnabled:e})=>e&&`\n right: 1.5rem;\n ${(0,q.H4)(H.LO.lg)} {\n right: 1rem;\n }\n `} 29910 } 29911 29912 ${z.g3} { 29913 ${({theme:e})=>(0,q.iq)(e)&&"path {\n fill: #FFF;\n }"} 29914 } 29915 29916 ${ee} { 29917 ${W.lw} { 29918 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q.Gg)(e,"typography.definitions.foundation.meta-secondary")}; 29919 29920 ${({theme:e,isBookmarkDrawersEnabled:t})=>t?(0,q._o)(e,"color",(0,q.iq)(e)?"colors.discovery.body.dark.syndication":"colors.discovery.body.light.syndication"):(0,q._o)(e,"color",(0,q.iq)(e)?"colors.discovery.body.black.context-tertiary":"colors.discovery.body.light.context-tertiary")}; 29921 } 29922 29923 ${W.tP} { 29924 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("background-color","colors.interactive.base.deemphasized"):(0,q._o)("background-color","colors.interactive.base.light")}; 29925 } 29926 } 29927 29928 ${ne} { 29929 ${({isBookmarkDrawersEnabled:e})=>e&&`\n grid-template-columns: 5.2rem 1fr;\n ${W.tP} {\n aspect-ratio: 1 / 1;\n };\n ${G.Y} {\n margin-bottom: ${(0,q.Kq)(1)};\n }\n `}; 29930 ${G.Y} { 29931 ${({theme:e,isBookmarkDrawersEnabled:t})=>t&&(0,q._o)(e,"color",(0,q.iq)(e)?"colors.interactive.base.white":"colors.interactive.base.black")}; 29932 } 29933 } 29934 29935 ${te} { 29936 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("border-bottom-color","colors.discovery.body.dark.divider"):(0,q._o)("border-bottom-color","colors.discovery.body.white.divider")}; 29937 } 29938 29939 ${(0,q.H4)(H.LO.md)} { 29940 ${ce}:hover { 29941 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("background-color","colors.interactive.base.brand-secondary"):(0,q._o)("background-color","colors.interactive.base.hover")}; 29942 } 29943 } 29944 } 29945`,pe=(0,P.Ay)(Z.Ay.Expand).withConfig({displayName:"CollectionsItemDefaultIcon"})` 29946 border-width: 2px; 29947 border-style: solid; 29948 border-radius: 50%; 29949 padding: ${(0,q.Kq)(.4)}; 29950 width: ${(0,q.Kq)(3)}; 29951 height: ${(0,q.Kq)(3)}; 29952 29953 ${({theme:e})=>`\n ${(0,q._o)(e,"background-color","colors.interactive.base.white")};\n\n ${(0,q._o)(e,"border-color","colors.interactive.base.brand-secondary")};\n\n path {\n ${(0,q._o)(e,"stroke","colors.interactive.base.brand-secondary")};\n\n ${(0,q._o)(e,"fill","colors.interactive.base.brand-secondary")};\n } \n `} 29954`,ge=(0,P.Ay)(Z.Ay.Check).withConfig({displayName:"CollectionsItemAddedIcon"})` 29955 border-width: 2px; 29956 border-style: solid; 29957 border-radius: 50%; 29958 width: ${(0,q.Kq)(3)}; 29959 height: ${(0,q.Kq)(3)}; 29960 29961 ${({theme:e})=>`\n ${(0,q._o)(e,"background-color","colors.interactive.base.white")};\n\n ${(0,q._o)(e,"border-color","colors.interactive.base.brand-secondary")};\n\n path {\n ${(0,q._o)(e,"stroke","colors.interactive.base.brand-secondary")};\n\n ${(0,q._o)(e,"fill","colors.interactive.base.brand-secondary")};\n } \n `} 29962`,he=P.Ay.div.withConfig({displayName:"CollectionItemWrapper"})` 29963 display: flex; 29964 align-items: center; 29965 justify-content: space-between; 29966`,ye=(0,P.Ay)(R.vm).withConfig({displayName:"CollectionsDrawerErrorMessage"})` 29967 &&& { 29968 margin: ${(0,q.Kq)(4)} 0; 29969 width: 100%; 29970 text-align: center; 29971 ${({theme:e})=>(0,q.iq)(e)&&(0,q._o)("color","colors.interactive.base.white")}; 29972 29973 ${(0,q.Gg)("typography.definitions.utility.assistive-text")}; 29974 } 29975`;var be=n(929);const fe=e=>e?.altText||e?.tout?.altText,we=e=>e?.aspectRatios?.some(e=>/jpe?g/i.test(e?.format)),$e=e=>{if(!e)return"";if("clip"===e.metadata?.contentType){const t=(e=>{if(!e)return"";const t=e.thumbnails?.edges;if(!Array.isArray(t))return"";for(const e of t){const t=e?.node;
29975if(t&&Array.isArray(t.aspectRatios)&&t.url&&we(t))return t.url}return""})(e);if(t)return t}return e.url?e.url:e.imageUrl?e.imageUrl:""},ve=e=>{if("product"===e?.metadata?.contentType){const t=(e=>{const t=e?.toutMedia?.node;if(t){const e=$e(t);if(e)return e}const n=e?.media?.edges;if(Array.isArray(n)&&n.length){const e=n[0]?.node,t=$e(e);if(t)return t}return""})(e);if(t)return t}return e?.bookMarkedUrl||e?.tout?.url||e?.tout?.edges?.[0]?.node?.url||e?.tout?.bookMarkedUrl||(e=>{if("MusicReview"!==e?.__typename)return"";const t=(0,be.s)(e.reviewed)||(0,be.M)(e.reviewed);return t?.bookMarkedUrl||t?.url||""})(e)||""},Ce=(e,t)=>{const{content:n}=e;return{altText:fe(n)||`an image from collection ${t}`,sources:{lg:{url:ve(n)}}}},ke=e=>{const{id:t,collectionName:n,lastBookmark:o,totalBookmarkCount:i}=e;return{collectionId:t,collectionName:n,totalBookmarkCount:i,coverImage:Boolean(o)?Ce(o,n):void 0}};var Ae=n(14307),xe=n(73806);const Ee="board",Se="board_drawer",Le="photo_runway",Te="close",Ne="create",He="error",Ie="go_to",Be="move",Oe="select",Ke=e=>{switch(e){case xe.I.IMAGE_SEARCH:case xe.I.STREET_STYLE:case xe.I.RUNWAY:return"account_saved_images";default:return""}},De=({contentId:e,contentType:t,isDefault:n,isFromBookmark:o,isAutoSelected:i,label:a,saveContextSubject:r,saveEventSubject:s,sourceId:l,sourceName:d,subjectId:c,subjectName:m,type:u,errorMessage:p,errorType:g,code:h})=>{const y={type:u,label:a,subject:s,...e&&{items:[{content_id:e,content_type:t}]}},b={isDefault:n,isFromBookmark:o,isAutoSelected:i,sourceId:l?.toString(),sourceName:d,subject:r,subjectId:c?.toString(),subjectName:m},f=(h||g&&p)&&s,w={...h&&{code:h},...g&&{type:g},...p&&{message:p},...f&&{subject:f}};(0,Ae.Sp)({eventData:y,saveContext:b,errorContext:w})},_e=({errorMessage:e,errorType:t})=>De({saveEventSubject:Se,type:He,errorMessage:e,errorType:t});const Pe=(0,n(72267).YK)({bookmarkCountType:{id:"CollectionsDrawer.bookmarkCountType",defaultMessage:"{count, plural, one {# image} other {# images}}",description:"The bookmark count for a collection"},bookmarkSavedText:{id:"CollectionsDrawer.bookmarkSavedText",defaultMessage:"Image saved",description:"Bookmark saved alert text"},bookmarkCountDefaultText:{id:"CollectionsDrawer.bookmarkCountDefaultText",defaultMessage:"{count} saved",description:"The bookmark count and the text for a collection"},bookmarkSavedDefaultText:{id:"CollectionsDrawer.bookmarkSavedDefaultText",defaultMessage:"Saved",description:"Bookmark saved alert - default text"},createCollectionDuplicateNameError:{id:"CollectionsDrawer.createCollectionDuplicateNameError",defaultMessage:"You have already used this name",description:"Error message when a duplicate collection name is entered"},createCollectionNotMadeError:{id:"CollectionsDrawer.createCollectionNotMadeError",defaultMessage:"Collection not made, please try again",description:"Generic error message when a collection can not be made"},createCollectionValueMissingError:{id:"CreateCollectionDrawer.createCollectionValueMissingError",defaultMessage:"Please enter a collection name",description:"Error message when a collection name is not entered"},createCollectionNoTextError:{id:"CreateCollectionDrawer.createCollectionNoTextError",defaultMessage:"Please enter some text",description:"Error message when a collection name only has spaces"},collectionsFolderHeading:{id:"CollectionsDrawer.collectionsFolderHeading",defaultMessage:"Folders",description:"Collections drawer folders heading"},collectionsNewCollectionButtonLabel:{id:"CollectionsDrawer.collectionsNewCollectionButtonLabel",defaultMessage:"Create Folder",description:"Label to create a new collection"},createCollectionHeading:{id:"CreateCollectionDrawer.createCollectionHeading",defaultMessage:"Create A New Fodler",description:"Create collection form heading"},createCollectionInputLabel:{id:"CreateCollectionDrawer.createCollectionInputLabel",defaultMessage:"Folder Name",description:"Create collection text input label"},createCollectionPlaceholderText:{id:"CreateCollectionDrawer.createCollectionPlaceholderText",defaultMessage:"âReading listâ or âInspoâ",description:"Create collection placeholder text"},createCollectionResetButtonLabel:{id:"CreateCollectionDrawer.createCollectionResetButtonLabel",defaultMessage:"Reset Folder Name",description:"Reset button label"},createCollectionSubmitButtonLabel:{id:"CreateCollectionDrawer.createCollectionSubmitButtonLabel",defaultMessage:"Create and save to folder",description:"Create collection button label"},collectionsCreateNewFolderDek:{id:"CollectionsDrawer.collectionsCreateNewFolderDek",defaultMessage:"Organize reading lists, group your favourite topics and collect inspirations in folders.",description:"Collections drawer create new folder heading"}
29975,collectionsErrorMessage:{id:"CollectionsDrawer.collectionsErrorMessage",defaultMessage:"Something went wrong. Please try again.",description:"Error message when collections fail to load"}}),Re=({makeCall:e,federatedGraphqlUrl:t,organizationId:n})=>{const[o,i]=(0,a.useState)([]),[r,s]=(0,a.useState)(null),[c,m]=(0,a.useState)(!1),{formatMessage:u}=(0,l.A)();(0,a.useEffect)(()=>{const o=async()=>{try{s(null),m(!0);const e=await(async({federatedGraphqlUrl:e,organizationId:t})=>{const n=await(0,d.$9)({federatedGraphqlUrl:e,organizationId:t});return n?n.map(ke):[]})({federatedGraphqlUrl:t,organizationId:n});i(e)}catch(e){s(e),_e({errorType:"select",errorMessage:u(Pe.collectionsErrorMessage)})}finally{m(!1)}};e&&o()},[e,t,n,u]);return{collections:o,error:r,isLoading:c,hasError:!!r,updateCollectionCoverImage:({collectionId:e,newCoverImage:t})=>{i(n=>n.map(n=>n.collectionId===e?{...n,coverImage:t}:n))}}};var qe=n(86157),Me=n(76126);const Fe=({enableBookmarkDrawers:e,contentTitle:t,formatMessage:n,image:o,copilotID:i,contentType:r,closeAll:s})=>{const l="Product Saved"===t;return a.createElement(te,{isBookmarkDrawersEnabled:e},a.createElement(ne,{dangerousHed:e||l?t:n(Pe.bookmarkSavedText),dangerousDek:e?n(Pe.bookmarkSavedDefaultText):"",hasBorder:!1,hasRule:!1,image:o,shouldVerticallyAlignHed:!0,hasWrapperButtonRole:!1,url:"",isBookmarkDrawersEnabled:e}),e&&a.createElement(Me.A,{copilotID:i,contentType:r,onBookmarkToggle:()=>{s()}}))};Fe.propTypes={enableBookmarkDrawers:i().bool,contentTitle:i().string,formatMessage:i().func,image:i().object,copilotID:i().oneOfType([i().string,i().number]),contentType:i().string,closeAll:i().func};const Ue=Fe;var Ve=n(62930),Ge=n(31558);const We=({collectionId:e,collectionName:t,image:n,totalBookmarkCount:o,onSave:i,isBookmarkDrawersEnabled:r,config:s})=>{const{formatMessage:d}=(0,l.A)(),[c,m]=(0,a.useState)(!1),u=(0,Ge.KN)(s,"Product")?`${o} items`:d(r?Pe.bookmarkCountDefaultText:Pe.bookmarkCountType,{count:o});return a.createElement(he,{onClick:()=>{i({collectionName:t,collectionId:e}),m(!0)},onKeyDown:n=>{"Enter"!==n.key&&" "!==n.key||i({collectionName:t,collectionId:e})},style:{cursor:"pointer"},tabIndex:0,role:"button"},a.createElement(me,{hasWrapperButtonRole:!1,dangerousHed:t,hasBorder:!1,hasRule:!1,image:n,metadataPrimary:u,shouldVerticallyAlignHed:!0,url:"",emptyBoard:0===o,isBookmarkDrawersEnabled:r}),r&&!c&&a.createElement(pe,null),r&&c&&a.createElement(ge,null))};We.propTypes={collectionId:i().number.isRequired,collectionName:i().string.isRequired,image:i().shape(qe.A.propTypes),isBookmarkDrawersEnabled:i().bool,onSave:i().func.isRequired,totalBookmarkCount:i().number.isRequired,config:i().object};const je=({enableBookmarkDrawers:e,collections:t,isLoading:n,hasError:o,formatMessage:i,configSettings:r,onNewBoardButtonClickHandler:s,onSaveToCollection:l,config:d})=>a.createElement(oe,null,t.length>0&&a.createElement(ie,null,a.createElement(ae,null,r.collectionsFolderHeading||i(Pe.collectionsFolderHeading)),a.createElement(le,{label:r.collectionsNewCollectionButtonLabel||i(Pe.collectionsNewCollectionButtonLabel),btnStyle:"text",onClickHandler:s,isBookmarkDrawersEnabled:e})),!e&&0===t.length&&n&&a.createElement(Ve.jl,{"aria-label":"Loading",margin:"0",width:"100%"}),!e&&o&&a.createElement(ye,null,i(Pe.collectionsErrorMessage)),e&&0===t.length&&!n&&a.createElement(a.Fragment,null,a.createElement(re,{isBookmarkDrawersEnabled:e},r.createFolderPaneDek||i(Pe.collectionsCreateNewFolderDek)),a.createElement(se,{label:r.collectionsNewCollectionButtonLabel||i(Pe.collectionsNewCollectionButtonLabel),onClickHandler:s})),!n&&a.createElement(de,null,t.map(({collectionId:t,collectionName:n,totalBookmarkCount:o,coverImage:i})=>a.createElement(ce,{key:t},a.createElement(We,{collectionId:t,collectionName:n,image:i,onSave:l,totalBookmarkCount:o,isBookmarkDrawersEnabled:e,config:d})))));je.propTypes={enableBookmarkDrawers:i().bool,collections:i().arrayOf(i().shape({collectionId:i().oneOfType([i().string,i().number]),collectionName:i().string,totalBookmarkCount:i().number,coverImage:i().object})),isLoading:i().bool,hasError:i().bool,formatMessage:i().func,configSettings:i().shape({collectionsFolderHeading:i().string,collectionsNewCollectionButtonLabel:i().string,createFolderPaneDek:i().string}),onNewBoardButtonClickHandler:i().func,onSaveToCollection:i().func,config:i().object};const ze=je;var Ye=n(11501);const Xe=(e,t)=>e&&t?.id,Ze=({contentTitle:e,copilotID:t,contentType:n,config:o,componentConfig:i,coreDataLayer:r,image:c,isLargeDevice:m,isOpen:u=!1})=>{const{account:p}=o;(0,a.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(D.G.RENDER,{name:"CollectionsDrawer"})},[]);const[g,h]=(0,a.useState)(!1),{formatMessage:y}=(0,l.A)(),b=p?.bookmark?.enableBookmarkDrawers||!1,f=b?500:0,{content:{contentType:$="article"}}=r,{channel:v,closeAll:C,federatedGraphqlUrl:k,lastCollectionSavedTo:A,openCreateCollectionDrawer:x,openSaveAlertWithBoardName:E,openSaveAlertWithBoardNameAfterMove:S,openSaveAlertError:L,organizationId:T,setLastCollectionSaved:N,shouldAutoSaveToCollection:H}=(0,s.NJ)(),{collections:I,hasError:O,isLoading:P,updateCollectionCoverImage:R}=Re({makeCall:u,federatedGraphqlUrl:k,organizationId:T}),q=Xe(H,A),M=(e,t)=>{const n=(a=t,Xe(H,i=A)&&i?.id!==a);var i,a;const r=(0,Ge.oR)(o);return n?S({collectionName:e,href:r}):E({collectionName:e,href:r})},F=({collectionId:e,collectionName:o})=>{q?(({channel:e,collectionId:t,collectionName:n,contentId:o,contentType:i,shouldAutoSaveToCollection:a,sourceId:r,sourceName:s})=>{De({contentId:o,contentType:i,isFromBookmark:!0,isAutoSelected:a,label:n,saveContextSubject:Ke(e),saveEventSubject:"photo"===i&&Le,sourceId:r,sourceName:s,subjectId:t,subjectName:n,type:Be})})({collectionId:e,collectionName:o,sourceId:A.id,sourceName:A.name,channel:v,contentId:t,contentType:n}):(({channel:e,collectionId:t,collectionName:n,contentId:o,contentType:i,shouldAutoSaveToCollection:a})=>{De({contentId:o,contentType:i,isFromBookmark:!0,isAutoSelected:a,label:n,saveContextSubject:Ke(e),saveEventSubject:Ee,subjectId:t,subjectName:n,type:Oe})})({collectionId:e,collectionName:o,channel:v,contentId:t,contentType:n,shouldAutoSaveToCollection:H})},U=K()(i,"CollectionDrawer.settings",{});return a.createElement(a.Fragment,null,a.createElement(ue,{as:m?_.A.Right:_.A.Bottom,hideChannelNavigation:!0,hideDrawerScroll:!0,isLargeDevice:m,isOpen:u,onClose:()=>{h(!1),De({saveEventSubject:Se,type:Te}),C(),setTimeout(()=>{h(!0)},1e3)},showCloseButton:!0,isBookmarkDrawersEnabled:b},a.createElement(Ue,{enableBookmarkDrawers:b,contentTitle:e,formatMessage:y,image:c,copilotID:t,contentType:$,closeAll:C}),a.createElement(ze,{enableBookmarkDrawers:b,collections:I,isLoading:P,hasError:O,formatMessage:y,configSettings:U,onNewBoardButtonClickHandler:()=>{x()},onSaveToCollection:async({collectionName:e,collectionId:o})=>{const i=await(async e=>{if(q)return(0,d.NY)({toCollectionId:e,federatedGraphqlUrl:k,fromCollectionId:A.id,copilotId:t});const o=n?B()(n):void 0;return(0,d._J)({organizationId:T,federatedGraphqlUrl:k,updateCollectionId:e,copilotIds:[t],documentType:o})})(o);i.success?(F({collectionId:o,collectionName:e}),N({collectionName:e,collectionId:o}),c&&R({collectionId:o,newCoverImage:c}),setTimeout(()=>{M(e,o)},f)):(_e({errorType:q?"move":"select",errorMessage:y(w.A.SaveBookmarkErrorText,{collectionName:e})}),L({collectionName:e}))},config:o})),b&&g&&a.createElement(Ye.A,{bannerType:"savedWithoutAddingToList"}))};Ze.propTypes={componentConfig:i().object,config:i().object,contentTitle:i().string,contentType:i().string,copilotID:i().string,coreDataLayer:i().shape({content:i().object}),image:i().shape(qe.A.propTypes),isLargeDevice:i().bool.isRequired,isOpen:i().bool};const Je=(0,r.M3)(Ze,{keysToPluck:["config","coreDataLayer","componentConfig"],keysToSpread:["lastBookmarkedPhoto","featureFlags"]});var Qe=n(34520),et=n(72081),tt=n(76399),nt=n(60434);const ot=(0,P.Ay)(R.vm).withConfig({displayName:"DrawerWithFormHed"})` 29976 display: flex; 29977 justify-content: center; 29978 padding-bottom: ${(0,q.Kq)(3)}; 29979 29980 ${(0,q.Gg)("typography.definitions.foundation.title-secondary")}; 29981`,it=(0,P.Ay)(M.A.Utility).withConfig({displayName:"DrawerWithFormSubmitButton"})` 29982 && { 29983 border: none; 29984 width: 100%; 29985 } 29986`,at=(0,P.Ay)(_.A).withConfig({displayName:"DrawerWithFormWrapper"})` 29987 ${({theme:e,isBookmarkDrawersEnabled:t})=>t?(0,q._o)(e,"background-color",(0,q.iq)(e)?"colors.discovery.body.dark.background":"colors.discovery.body.brand.background"):(0,q._o)(e,"background-color",(0,q.iq)(e)?"colors.discovery.lead.primary.background":"colors.foundation.menu-bg.expanded")}; 29988 29989 &&& { 29990 padding: ${(0,q.Kq)(3)}; 29991 width: ${({position:e})=>"Right"===e&&(0,q.Kq)(49)}; 29992 height: ${({position:e})=>"Bottom"!==e&&"100vh"}; 29993 29994 ${({theme:e})=>(0,q.iq)(e)&&(0,q._o)("background-color","colors.background.black")}; 29995 29996 ${U.ov}, ${nt.tJ} { 29997 border: none; 29998 background-color: transparent; 29999 30000 g, 30001 g:hover, 30002 g:focus { 30003 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("stroke","colors.interactive.base.white"):(0,q._o)("stroke","colors.interactive.base.black")}; 30004 } 30005 30006 .icon-close { 30007 padding: ${(0,q.Kq)(.75)}; 30008 } 30009 } 30010 } 30011 30012 ${ot} { 30013 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("color","colors.interactive.base.white"):(0,q._o)("color","colors.interactive.base.black")}; 30014 } 30015 30016 ${nt.vB} { 30017 margin: 0; 30018 padding-bottom: ${(0,q.Kq)(3)}; 30019 } 30020 30021 ${nt.Nf} { 30022 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("color","colors.interactive.base.light"):(0,q._o)("color","colors.interactive.base.dark")}; 30023 } 30024 30025 ${nt.LZ} input { 30026 border: 1px solid; 30027 background-color: transparent; 30028 30029 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("border-color","colors.interactive.base.light"):(0,q._o)("border-color","colors.interactive.base.dark")}; 30030 30031 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("color","colors.interactive.base.white"):(0,q._o)("color","colors.interactive.base.black")}; 30032 } 30033 30034 ${it} { 30035 &[aria-disabled='false'] { 30036 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("background-color","colors.interactive.base.white"):(0,q._o)("background-color","colors.interactive.base.black")}; 30037 ${({theme:e})=>(0,q.iq)(e)?(0,q._o)("color","colors.interactive.base.black"):(0,q._o)("color","colors.interactive.base.white")}; 30038 } 30039 } 30040`;var rt=n(8316);const st=e=>{const t=({className:t})=>a.createElement(M.A,{label:e,btnStyle:"text",ButtonIcon:tt.A,className:t,inputKind:"reset",isIconButton:!0,size:"small"});return t.propTypes={className:i().string},t},lt=({customInvalidityMessages:e,errorText:t,hedText:n,formName:o,hideChannelNavigation:i=!0,inputLabel:r,inputName:s,inputPlaceholder:l,isOpen:d,isRequired:c,onClose:m,onInput:u,onReset:p,onSubmit:g,position:h="Bottom",resetButtonLabel:y,shouldDisableSubmitButtonOnEmptyInput:b,shouldHideValidationErrorText:f,submitButtonLabel:w,isBookmarkDrawersEnabled:$=!1})=>{const[v,C]=(0,a.useState)(""),k=Qe.A[h];return a.createElement(at,{as:k,position:h,hideChannelNavigation:i,isOpen:d,onClose:m,showCloseButton:!0,isBookmarkDrawersEnabled:$},a.createElement(ot,null,n),a.createElement(rt.A,{customInvalidityMessages:e,name:o,onSubmitHandler:()=>g(v),onResetHandler:()=>{p?.(),C("")},shouldHideValidationErrorText:f},a.createElement(et.A.SingleLine,{formName:o,errorText:t,label:r,name:s,onInputChange:(e,t)=>
30040{C(t),u?.()},placeholder:l,isRequired:c,TrailingIcon:v?st(y):null}),a.createElement(it,{label:w,inputKind:"submit",isDisabled:b&&!v.length})))};lt.propTypes={customInvalidityMessages:i().object,errorText:i().string,formName:i().string,hedText:i().string,hideChannelNavigation:i().bool,inputLabel:i().string,inputName:i().string,inputPlaceholder:i().string,isBookmarkDrawersEnabled:i().bool,isOpen:i().bool,isRequired:i().bool,onClose:i().func,onInput:i().func,onReset:i().func,onSubmit:i().func,position:i().oneOf(Object.keys(Qe.A)),resetButtonLabel:i().string,shouldDisableSubmitButtonOnEmptyInput:i().bool,shouldHideValidationErrorText:i().bool,submitButtonLabel:i().string};const dt="collectionName",ct="Right",mt="Bottom";var ut=n(86902);const pt=({copilotID:e,componentConfig:t,contentType:n,config:o,isLargeDevice:i,shouldDisableSubmitButtonOnEmptyInput:r=!0})=>{const{account:c}=o,{formatMessage:m}=(0,l.A)(),[u,p]=(0,a.useState)(""),g=c?.bookmark?.enableBookmarkDrawers||!1,{channel:h,closeAll:y,federatedGraphqlUrl:b,openCollectionsDrawer:f,openSaveAlertWithBoardName:w,organizationId:$,showComponent:v,setHasCollections:k,hasCollections:A}=(0,s.NJ)(),x=v===C,E={[dt]:{valueMissing:m(Pe.createCollectionValueMissingError)}},S=K()(t,"CollectionDrawer.settings",{});return a.createElement(lt,{customInvalidityMessages:E,errorText:u,formName:"createCollection",hedText:S.createCollectionHeading||m(Pe.createCollectionHeading),inputLabel:S.createCollectionInputLabel||m(Pe.createCollectionInputLabel),inputName:dt,inputPlaceholder:S.placeHolderText||m(Pe.createCollectionPlaceholderText),isOpen:x,isRequired:!0,onClose:async()=>{p(""),await y(),A&&f()},onInput:()=>{p("")},onReset:()=>p(""),onSubmit:async t=>{if((e=>e.trim().length<1)(t))return void p(m(Pe.createCollectionNoTextError));const{errorType:i,id:a}=await(0,d.No)({copilotIds:e?[e]:[],collectionName:t,federatedGraphqlUrl:b,organizationId:$});if(k(!0),i)p(m(i===d.D1.DUPLICATE_NAME?Pe.createCollectionDuplicateNameError:Pe.createCollectionNotMadeError));else if((({channel:e,contentType:t,collectionName:n,copilotID:o,collectionId:i})=>{De({contentId:o,contentType:t,saveContextSubject:Ke(e),saveEventSubject:Ee,subjectId:i,subjectName:n,type:Ne})})({channel:h,collectionName:t,collectionId:a,copilotID:e,contentType:n}),e){const e=(0,Ge.oR)(o);w({collectionName:t,href:e})}else y()},position:i?ct:mt,resetButtonLabel:S.createCollectionResetButtonLabel||m(Pe.createCollectionResetButtonLabel),shouldDisableSubmitButtonOnEmptyInput:r,shouldHideValidationErrorText:!0,submitButtonLabel:S.createCollectionSubmitButtonLabel||m(Pe.createCollectionSubmitButtonLabel),isBookmarkDrawersEnabled:g})};pt.propTypes={componentConfig:i().object,config:i().object,contentType:i().string,copilotID:i().string,isLargeDevice:i().bool.isRequired,shouldDisableSubmitButtonOnEmptyInput:i().bool};const gt=(0,r.M3)(pt,{keysToPluck:["config","componentConfig"],keysToSpread:[ut.J.LAST_BOOKMARKED_PHOTO]});var ht=n(45135);const yt=({channel:e,message:t,showPhotoBookmarkMessageBanner:n=!0,title:o})=>{const[i,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{const t=`photoBookmarkBannerShownOn${e}`;window.localStorage.getItem(t)||!n?r(!1):(r(!0),window.localStorage.setItem(t,!0))},[e,n]),i&&a.createElement(J.TW,{shouldShowCloseButton:!0},a.createElement(J.vV,null,a.createElement(J.BK,{as:Z.p,title:o}),a.createElement(J.jK,null,t)))};yt.propTypes={channel:i().string,message:i().string,showPhotoBookmarkMessageBanner:i().bool,title:i().string},yt.displayName="PhotoBookmarkMessageBanner";const bt=(0,ht.Ng)(e=>{const{showPhotoBookmarkMessageBanner:t}=e;return{showPhotoBookmarkMessageBanner:t}})(yt,"PhotoBookmarkMessageBanner");var ft=n(40961);const wt=({setLastBookmarkedPhoto:e,image:t,copilotID:n,contentType:o,shouldEnableBookmarkDrawers:i})=>{const{formatMessage:r}=(0,l.A)(),{channel:d,openCreateCollectionDrawer:c,openCollectionsDrawer:m,lastCollectionSavedTo:u,saveAlertMessage:{linkMessage:p,textMessage:g,href:h,type:y},shouldAutoSaveToCollection:b,closeAll:f}=(0,s.NJ)(),$=y===S,v=y===E,C=y===x,k=(0,a.useCallback)(e,[e]),A=t||"photo"!==o&&n||$;if((0,a.useEffect)(()=>{let e;return A&&(e=setTimeout(()=>{k(),f()},5e3)),()=>{e&&clearTimeout(e)}},[k,A,f]),!A)return null;const L=p||r(w.A.SaveBookmarkAlertLink),T=t&&"product"!==o&&!$,N=a.createElement(a.Fragment,null,!i&&a.createElement(J.TW,null,a.createElement(J.dZ,null,T&&a.createElement(qe.A,{...t}),a.createElement(J.IJ,null,g||r(w.A.SaveBookmarkAlertText)),C&&a.createElement(J.aN,{href:h,onClick:()=>{(({channel:e,contentId:t,label:n,subjectId:o,subjectName:i,contentType:a})=>{De({contentId:t,contentType:a,label:n,saveContextSubject:Ke(e),saveEventSubject:Ee,subjectId:o,subjectName:i,type:Ie})}
30040)({channel:d,contentId:n,contentType:o,label:L,subjectId:u.id,subjectName:u.name})}},L),v&&a.createElement(J.gs,{label:L,onClickHandler:()=>{b?m():c()},btnStyle:"text"}))),i&&a.createElement(Ye.A,{bannerType:"savedWithAddingToList"}));return ft.createPortal(N,document.body)};wt.propTypes={contentType:i().string,copilotID:i().string,image:i().shape(qe.A.propTypes),setLastBookmarkedPhoto:i().func,shouldEnableBookmarkDrawers:i().bool},wt.displayName="PhotoBookmarkSaveAlert";const $t=(0,ht.Ng)(e=>{const{config:{account:t},lastBookmarkedPhoto:{copilotID:n,image:o,contentType:i}={}}=e;return{copilotID:n,image:o,contentType:i,shouldEnableBookmarkDrawers:t?.bookmark?.enableBookmarkDrawers||!1}},e=>{const{setLastBookmarkedPhoto:t}=(0,ut.K)(e);return{setLastBookmarkedPhoto:t}})(wt),vt={Runway:{mobileMessage:w.A.RunwayMobileMessageBannerText,desktopMessage:w.A.RunwayDesktopMessageBannerText},StreetStyle:{mobileMessage:w.A.GalleryMobileMessageBannerText,desktopMessage:w.A.GalleryDesktopMessageBannerText},ImageSearch:{mobileMessage:w.A.ImageSearchMobileMessageBannerText,desktopMessage:w.A.ImageSearchDesktopMessageBannerText},Default:{mobileMessage:w.A.DefaultMobileMessageBannerText,desktopMessage:w.A.DefaultDesktopMessageBannerText}},Ct=()=>!!H.qx&&window.matchMedia(`(min-width: ${H.LO.md})`).matches,kt=({theme:e="standard"})=>{const{formatMessage:t}=(0,l.A)(),[n,o]=(0,a.useState)(Ct()),{showComponent:i,channel:r}=(0,s.NJ)(),d=i===A,c=i===v;(0,T.wY)(()=>o(Ct()));const m=(({isLargeDevice:e,channel:t})=>{const{mobileMessage:n,desktopMessage:o}=vt[t]||{};return e?o:n})({isLargeDevice:n,channel:r});return a.createElement(N.A,{palette:e},d&&a.createElement($t,null),a.createElement(Je,{isLargeDevice:n,isOpen:c}),a.createElement(gt,{isLargeDevice:n}),c&&a.createElement(Q,null),m&&a.createElement(bt,{channel:r,message:t(m),title:t(w.A.photoBookmarkSaveIconTitle)}))};kt.propTypes={theme:i().oneOf(["inverted","standard"])};const At=({children:e,channel:t,collectionAutoSaveThreshold:n,federatedGraphqlUrl:o,isPhotoBookmarkingEnabled:i=!1,site:r,theme:l})=>{const{actions:c,state:m}=L(),u=r?.orgId||"",[p,g]=(({federatedGraphqlUrl:e,organizationId:t})=>{const[n,o]=(0,a.useState)(void 0);return(0,a.useEffect)(()=>{const n=new AbortController;let i;return(async()=>{try{i=setTimeout(()=>{n.abort()},3e3);const a=await(0,d.W$)({federatedGraphqlUrl:e,organizationId:t,signal:n.signal});o(a>0)}catch(e){e.name,o(!1)}finally{i&&clearTimeout(i)}})(),()=>{n.abort(),i&&clearTimeout(i)}},[e,t]),[n,o]})({federatedGraphqlUrl:o,organizationId:u}),h=(0,a.useCallback)(e=>g(e),[g]),y=!!n&&m.lastCollectionSavedTo.count>=n,b=(0,a.useMemo)(()=>({...c,setHasCollections:h,openSaveAlertCreateCollection:c.openSaveAlertCreateCollection,openCollectionsDrawer:c.openCollectionsDrawer,openSaveAlertError:c.openSaveAlertError,openSaveAlertWithMoveCTA:c.openSaveAlertWithMoveCTA}),[c,h]),f=(0,a.useMemo)(()=>({...m,shouldAutoSaveToCollection:y,hasCollections:p,federatedGraphqlUrl:o,organizationId:u,channel:t,lastCollectionSavedTo:m.lastCollectionSavedTo}),[m,y,p,o,u,t]),w=(0,a.useMemo)(()=>({...b,...f}),[b,f]);return i?a.createElement(s.by.Provider,{value:b},a.createElement(s.xC.Provider,{value:f},a.createElement(s.w$.Provider,{value:w},a.createElement(kt,{theme:l}),e))):e};At.propTypes={channel:i().string,children:i().node,collectionAutoSaveThreshold:i().number,federatedGraphqlUrl:i().string,isPhotoBookmarkingEnabled:i().bool,site:i().object,theme:i().oneOf(["inverted","standard"])};const xt=(0,r.M3)(At,{keysToSpread:["userPlatform","coreDataLayer"]})},73806(e,t,n){n.d(t,{I:()=>o});const o={RUNWAY:"Runway",STREET_STYLE:"StreetStyle",IMAGE_SEARCH:"ImageSearch",DISCOVER:"Discover"};Object.freeze(o)},50624(e,t,n){n.d(t,{$Q:()=>s,NJ:()=>d,bv:()=>l,by:()=>i,w$:()=>r,xC:()=>a});var o=n(96540);const i=(0,o.createContext)({}),a=(0,o.createContext)({}),r=(0,o.createContext)({}),s=()=>(0,o.useContext)(i),l=()=>(0,o.useContext)(a),d=()=>(0,o.useContext)(r)},86902(e,t,n){n.d(t,{J:()=>o,K:()=>i});
30040const o={LAST_BOOKMARKED_PHOTO:"lastBookmarkedPhoto",SHOW_MESSAGE_BANNER:"showPhotoBookmarkMessageBanner",UNSAVED_BOOKMARK:"unsavedBookmarks"},i=e=>({setLastBookmarkedPhoto:({copilotID:t,image:n,contentType:i,contentTitle:a}={})=>{e({type:"SET_KEY",key:o.LAST_BOOKMARKED_PHOTO,value:{copilotID:t,image:n,contentType:i,contentTitle:a}})},setShowPhotoBookmarkMessageBanner:({showBanner:t})=>{e({type:"SET_KEY",key:o.SHOW_MESSAGE_BANNER,value:t})},doUpdateUnsavedBookmarks:({copilotID:t,isDeleted:n})=>{e({type:"MERGE_KEY",key:o.UNSAVED_BOOKMARK,value:{[t]:{isDeleted:n}}})}})},44210(e,t,n){n.d(t,{A:()=>z});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(80471),l=n(45135),d=n(32485),c=n.n(d),m=n(26695),u=n(73275);const p=(0,n(72267).YK)({atRetailerNameComponentText:{id:"PLPProductCard.AtRetailerNameComponentText",defaultMessage:"Shop at {sellerNameText}",description:"PLPProductCard component At RetailerName text"},shopNowComponentText:{id:"PLPProductCard.ShopNowComponentText",defaultMessage:"Shop Now",description:"PLPProductCard component At RetailerName text without RetailerName"},atRetailerNameLabel:{id:"PLPProductCard.AtRetailerNameLabel",defaultMessage:"$ {finalPriceLabel} At {sellerNameText}",description:"PLPProductCard component At RetailerName text with price"},buyAt:{id:"PLPProductCard.BuyAt",defaultMessage:"Buy At {sellerNameText}",description:"PLPProductCard component Buy At RetailerName text"}});var g=n(38267),h=n(96472),y=n(43222),b=n(10934),f=n(18608),w=n(26865);const $=(0,g.Ay)(f.vm).withConfig({displayName:"PLPProductCardSalePrice"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 30041 text-decoration: line-through; 30042 ${({theme:e})=>` ${(0,w._o)(e,"color",(0,w.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.subhed")};\n `}; 30043 ${({hasProductPriceColor:e,theme:t})=>e&&`\n${(0,w.Gg)(t,"typography.definitions.globalEditorial.numerical-small")};\n`} 30044 30045 ${({shouldUseProductPriceSecondary:e,theme:t})=>e&&`\n ${(0,w.Gg)(t,"typography.definitions.globalEditorial.context-secondary")};\n `} 30046`,v=(0,g.Ay)(f.vm).withConfig({displayName:"PLPProductCardRetailerName"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.globalEditorial.numerical-small",...e}))` 30047 a { 30048 text-decoration: none; 30049 30050 .plpicons { 30051 position: relative; 30052 margin-left: 2px; 30053 } 30054 } 30055 ${({isDropshipProduct:e,isAffiliateProduct:t})=>(e||t)&&"display: flex; \nline-height: 1.5em;"} 30056 30057 ${({hasProductPriceColor:e,theme:t})=>e&&`\n ${(0,w._o)(t,"color",(0,w.iq)(t)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.body-deemphasized")};\n `} 30058 30059 ${({isProductCardRetailerName:e,theme:t})=>e&&`${(0,w.Gg)(t,"typography.definitions.globalEditorial.context-secondary")};\n ${(0,w._o)(t,"color",(0,w.iq)(t)?"colors.consumption.body.inverted.body":"colors.interactive.base.black")};\n `}; 30060`,C=(0,g.Ay)(y.A).withConfig({displayName:"plpArrowIcon"})` 30061 ${({theme:e})=>`\n transform: rotate(-45deg) scale(0.75);\n position: relative;\n top: 3px;\n fill: ${(0,w.HK)(e,(0,w.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.body-deemphasized")};\n stroke: ${(0,w.HK)(e,(0,w.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.body-deemphasized")};\n stroke-width: 1.2px;\n`} 30062`,k=((0,g.Ay)(b.A).withConfig({displayName:"plpShoppingIcon"})` 30063 ${({theme:e})=>`\n width: 18px;\n height: 18px;\n fill: ${(0,w.HK)(e,(0,w.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.body-deemphasized")};\n`} 30064`,(0,g.Ay)(f.vm).withConfig({displayName:"PLPProductCardPrice"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 30065 ${({theme:e})=>` ${(0,w._o)(e,"color",(0,w.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.subhed")};\n `}; 30066 ${({hasProductPriceColor:e,theme:t})=>e&&`\n ${(0,w.Gg)(t,"typography.definitions.globalEditorial.numerical-small")};\n `} 30067 ${({shouldUseProductPriceSecondary:e,theme:t})=>e&&`\n ${(0,w.Gg)(t,"typography.definitions.globalEditorial.context-secondary")};\n `} 30068 ${({hasProductNewPriceColor:e,theme:t})=>!e&&(0,w.iq)(t)?`${(0,w._o)(t,"color","colors.consumption.body.inverted.body")}`:e?`${(0,w._o)(t,"color","colors.consumption.body.standard.accent")}`:""} 30069`),A=(0,g.Ay)(f.vm).withConfig({displayName:"PLPProductCardOffer"}).attrs(e=>({colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 30070 /* stylelint-disable value-no-vendor-prefix */ 30071 display: box; 30072 margin-top: ${({hasMarginTopAuto:e})=>e?"auto":`${(0,w.Kq)(.5)}`}; 30073 overflow: hidden; 30074 -webkit-box-orient: vertical; 30075 -webkit-line-clamp: 2; 30076`,x=(0,g.Ay)(f.sH).withConfig({displayName:"PLPProductCardLink"}).attrs(e=>({colorToken:"colors.consumption.body.standard.link",hasUnderline:!0,typeIdentity:"typography.definitions.utility.button-utility",...e}))` 30077 min-height: 4em; 30078 max-height: 5em; 30079 ${(0,w.H4)(h.LO.md)} { 30080 min-height: 3.5em; 30081 } 30082`,E=(0,g.Ay)(f.vm).withConfig({displayName:"PLPProductCardBrandName"}).attrs(e=>({colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-secondary",...e}))` 30083 ${({isProductCardName:e,theme:t})=>e&&`${(0,w.Gg)(t,"typography.definitions.globalEditorial.context-primary")};\n ${(0,w._o)(t,"color",(0,w.iq)(t)?"colors.consumption.body.inverted.body":"colors.interactive.base.black")};\n `} 30084 30085 ${({hasPLPBrandNameContextTitle:e,theme:t})=>e&&`${(0,w.Gg)(t,"typography.definitions.globalEditorial.context-title")};\n text-transform: uppercase;\n `} 30086 display: -webkit-box; 30087 margin-top: ${(0,w.Kq)(.5)}; 30088 overflow: hidden; 30089 -webkit-box-orient: vertical; 30090 -webkit-line-clamp: 2; 30091`,S=(0,g.Ay)(f.vm).withConfig({displayName:"PLPProductCardName"}).attrs(e=>({colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-secondary",...e}))` 30092 ${({isProductCardName:e,theme:t})=>e&&`${(0,w.Gg)(t,"typography.definitions.globalEditorial.context-secondary")};\n ${(0,w._o)(t,"color",(0,w.iq)(t)?"colors.consumption.body.inverted.body":"colors.interactive.base.black")};\n `}; 30093 30094 ${({hasPLPCardNameDescriptionCore:e,theme:t})=>e&&`${(0,w.Gg)(t,"typography.definitions.discovery.description-core")};\n`}; 30095 display: -webkit-box; 30096 margin-top: ${(0,w.Kq)(.5)}; 30097 overflow: hidden; 30098 -webkit-box-orient: vertical; 30099 -webkit-line-clamp: 2; 30100`,L=g.Ay.div.withConfig({displayName:"PLPProductCardBody"})` 30101 display: flex; 30102 flex: 1 0 auto; 30103 flex-direction: column; 30104 ${({hasImageGrid:e})=>`${!e&&`padding: 0 ${(0,w.Kq)(1)} ${(0,w.Kq)(1.5)};`};\n ${e&&`padding-top:${(0,w.Kq)(1.5)};\n min-height:100px;\n `}`} 30105 text-align: left; 30106`,T=g.Ay.div.withConfig({displayName:"PLPProductCardImage"})` 30107 &::before { 30108 display: block; 30109 ${({theme:e})=>(0,w._o)(e,"background-color","colors.consumption.body.standard.bg-card")}; 30110 padding-top: ${({paddingTop:e})=>e&&e.sm?`${e.sm}%`:"100%"}; 30111 ${(0,w.H4)(h.LO.md)} { 30112 padding-top: ${({paddingTop:e})=>e&&e.lg?`${e.lg}%`:"100%"}; 30113 } 30114 content: ''; 30115 } 30116 position: relative; 30117 width: 100%; 30118 overflow: hidden; 30119 30120 picture, 30121 img { 30122 position: absolute; 30123 top: 0; 30124 right: 0; 30125 bottom: 0; 30126 left: 0; 30127 margin: auto;
30128 background-color: ${({hasProductWhiteBackground:e,theme:t})=>e?`${(0,w.HK)(t,"colors.background.white")}`:`${(0,w.HK)(t,"colors.consumption.body.standard.bg-card")}`}; 30129 max-width: 100%; 30130 ${({hasImageGrid:e})=>!e&&"object-fit: cover;"} 30131 } 30132`,N=g.Ay.div.withConfig({displayName:"PLPProductCardHeader"})` 30133 position: relative; 30134 container-type: inline-size; 30135 30136 div[class*='UnifiedProductCardTextBadge-']:not( 30137 div[class*='UnifiedProductCardSeal-'] 30138 + div[class*='UnifiedProductCardTextBadge-'] 30139 ) { 30140 max-width: calc(100% - 24px); 30141 } 30142`,H=g.Ay.div.withConfig({displayName:"PLPProductCardObject"})` 30143 display: flex; 30144 flex-direction: column; 30145 border: 1px solid; 30146 border-color: transparent; 30147 height: 100%; 30148`,I=g.Ay.div.withConfig({displayName:"PLPProductCardWrapper"})` 30149 margin: 0; 30150 height: 100%; 30151 30152 ${({shouldCheckProductInView:e,inView:t})=>e&&t&&"opacity: 0.4;"} 30153 30154 &:hover { 30155 cursor: pointer; 30156 ${E},${S} { 30157 ${({isProductCardName:e,theme:t})=>e&&!(0,w.iq)(t)&&`${(0,w._o)(t,"color","colors.consumption.body.standard.link-hover")};`} 30158 } 30159 ${S} { 30160 ${({isProductCardName:e})=>e&&"text-decoration-line:underline;"} 30161 } 30162 } 30163`,B=(0,g.Ay)(f.sH).withConfig({displayName:"PLPVariantInfoWrapper"})` 30164 position: absolute; 30165 bottom: 6px; 30166 left: 6px; 30167 border: 1px solid; 30168 padding: ${(0,w.Kq)(.5)} ${(0,w.Kq)(1)}; 30169 30170 &:hover { 30171 text-decoration: none; 30172 } 30173 ${({theme:e})=>(0,w._o)(e,"background-color","colors.background.white")}; 30174 ${({theme:e})=>(0,w._o)(e,"border-color","colors.background.light")}; 30175`,O=(0,g.Ay)(f.vm).withConfig({displayName:"PLPVariantInfo"})` 30176 text-decoration: none; 30177 ${(0,w.Gg)("typography.definitions.globalEditorial.context-secondary")} 30178 ${({theme:e})=>` ${(0,w._o)(e,"color","colors.consumption.body.standard.subhed")};\n `}; 30179`,K=e=>!/^\d/.test(e),D=(e,t,n)=>{if(!e||K(e)||(e=>Number.isInteger(e))(e))return e;const o=n?.fractionDigits||0;let i=e,a="en";return n?.shouldFormatDecimalSeparator&&t&&(a=(e=>"â¬"===e?"de":"en")(t)),i=new Intl.NumberFormat(a,{useGrouping:!1,minimumFractionDigits:o}).format(i),i},_=e=>e.replace(/&#{0,1}[a-z0-9]+;/gi,"").replace(/(<([^>]+)>)/gi,"");const P=(e,t,n,o,i,r,s,l,d,c,m,u)=>{const g=t?p.atRetailerNameComponentText:p.shopNowComponentText,h=d?(e=>{if(e){const t=e.split(" ");return`${t[0].toLowerCase()} ${t.splice(1).join(" ").toUpperCase()}`}return e})(o(g,{sellerNameText:t})):o(g,{sellerNameText:t}),y=o(p.atRetailerNameLabel,{finalPriceLabel:e.label,sellerNameText:t}),b=o(p.buyAt,{sellerNameText:t}),f=function(e,t,n,o,i,r,s,l,d){return e?a.createElement(v,{hasProductPriceColor:i,isDropshipProduct:e,isAffiliateProduct:t,isProductCardRetailerName:r,"data-testid":"plp-product-card-retailer-name"},t?a.createElement(a.Fragment,null,a.createElement("a",{href:s,"aria-label":"Opens in a new window",target:"_blank",rel:"noreferrer noopener sponsored",onClick:l,id:d},a.createElement("span",null,_(o)),a.createElement("span",{className:"plpicons"},a.createElement(C,{"aria-hidden":!0})))):a.createElement(a.Fragment,null,a.createElement("a",{href:s,target:"_self",rel:"noreferrer",onClick:l,id:d},a.createElement("span",null,"Shop on ",n?n?.[0]:"")))):a.createElement(v,{hasProductPriceColor:i,isProductCardRetailerName:r,"data-testid":"plp-product-card-retailer-name"}," ",_(o))}(s,i,r,h,n,l,c,m,u);return{label:e.label?y:b,component:e?.component?a.createElement(a.Fragment,null,e.component,f):a.createElement(v,{hasProductPriceColor:n,isProductCardRetailerName:l},b)}};var R=n(52009),q=n(53499),M=n(54370),F=n(25203),U=n(82063),V=n(43428),G=n(22039);const W={},j=({configuredComponentRef:e,contentType:t,dangerousHed:n,url:o,hasAtRetailerNameLowerCase:i=!1,hasImageGrid:l,hasProductPriceColor:d,shouldUseProductPriceSecondary:p=!1,hasProductNewPriceColor:g,hasUnderlineHed:h,hasProductWhiteBackground:y=!1,isProductCardName:b,isProductCardRetailerName:f=!1,shouldCheckProductInView:w,hasMarginTopAuto:v=!1,hasPLPBrandNameContextTitle:C=!1,hasPLPCardNameDescriptionCore:_=!1,image:j,isLazy:z,hasImpressionTracking:Y=!1,data_item:X={},brand:Z,offers:J,showOfferUrl:Q,onClick:ee=()=>{},contentId:te,layoutName:ne,layout:oe,dropShipSellers:ie,isDropshipProduct:ae,className:re,isProductWithVariants:se=!1,expVariationName:le,priceFormatting:de,actionIdFlags:ce={},amazonAffiliateTag:me,textBadge:ue=W,seal:pe=W})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(q.G.RENDER,{name:"PLPProductCard"})},[]);const ge=J?J[0]:{},{price:he,comparisonPrice:ye,sellerName:be,shortUrl:fe,purchaseUri:we}=ge,$e="commerce-product"!==t||fe?fe:we,{formatMessage:ve}=(0,r.A)();let Ce=!0;if(ae&&ie?.length){const e=new URL(we);Ce=ie?.some(t=>!e.hostname?.toLowerCase().includes(t))}const ke=Ce?te:X.id||X.variantKey,Ae=`cid=${ke}`;let xe;xe=Q?we:ke?(0,F.cI)($e,{origin:ke,offerUrl:we}):$e,xe=xe.indexOf("?")>0?`${xe}&${Ae}`:Ce?`${xe}?${Ae}`:`${xe}#${Ae}`;let Ee,Se="_self";Ce&&(Se="_blank",Ee="noreferrer noopener sponsored");const Le=(0,U.t)(we,me),Te={"data-buy-button":!0,"data-offer-retailer":be||"","data-offer-url":o||"","aria-label":n||"",href:xe||o||"",title:n||"",rel:Ee,target:Se,hasUnderline:h,...Le,id:ge.offerId||ge.id},{isCnastLink:Ne,enableActionIdMapping:He}=(0,F.Vy)(Te?.href,ce?.enableActionIdForPLPProductCard),Ie=e=>{const t=e?.currentTarget?.getAttribute("href"),n=(0,F.hh)();if(He&&t){e.preventDefault();const{href:o}=(0,V.P)({event:e,onClickHandler:ee,linkProps:t,type:"PLPProductCard",component:"plp_product_card",queryParams:n});window.open(o,"_blank","noopener, noreferrer")}else if(Ne&&t){e.preventDefault();const{href:o}=(0,F.ry)(t,"plp_product_card",n);e.currentTarget.setAttribute("href",o),window.open(o,"_blank","noopener, noreferrer"),ee&&ee({event:e})}else ee({event:e})},Be=((e,t,n,o,i,r,s)=>{if(!e)return{label:null,component:null};let l=e,d=o;return s&&(l=D(e,i,s),d=D(o,i,s)),{label:o||e,component:o?a.createElement(a.Fragment,null,a.createElement($,{hasProductPriceColor:t,shouldUseProductPriceSecondary:r},e&&!K(e)?i:"",l)," ",a.createElement(k,{hasProductPriceColor:t,hasProductNewPriceColor:n,shouldUseProductPriceSecondary:r},e&&!K(o)?i:"",d)):a.createElement(k,{hasProductPriceColor:t,shouldUseProductPriceSecondary:r},e&&!K(e)?i:"",l)}
30179})(he,d,g,ye,{USD:"$",EUR:"â¬",GBP:"£",INR:"â¹",JPY:"Â¥",TWD:"NT$",PHP:"â±",PLN:"zÅ",KRW:"â©",UAH:"â´",VND:"â«",MXN:"Mex$"}[ge.currency||"USD"],p,de),Oe=P(Be,be,d,ve,Ce,ie,ae,f,i,xe,Ie,ge.offerId),{label:Ke,component:De}=Oe,_e={...X,expVariationName:le,layout:oe};delete _e.imageLabels,delete _e.source,delete _e.image;const Pe={"data-item":JSON.stringify(_e)};let Re=null;j&&j.sources&&xe?Re=a.createElement("a",{href:xe,target:Se,rel:Ee,tabIndex:"-1",onClick:Ie,...Le},a.createElement(u.A,{...j,isLazy:z})):j&&j.sources&&(Re=a.createElement(u.A,{...j,isLazy:z}));const[qe,,Me]=(0,s.Wx)({threshold:(0,m.N)()}),[Fe,Ue]=a.useState(!1);a.useEffect(()=>{Me&&Me.intersectionRatio&&(Me.intersectionRatio<.95?Ue(!0):Ue(!1))},[Me]);const Ve=[];Y&&(Ve.push("impressionTracking"),ne&&ne.length&&Ve.push(ne));const Ge=e=>{let t=100;if(e?.includes(":")){const n=e.split(":").map(Number),o=n[1]/n[0]*100;isFinite(o)&&(t=o)}return t};return a.createElement(I,{className:c()([re,Ve]),hasImageGrid:l,hasProductPriceColor:d,inView:Fe,shouldCheckProductInView:w,isProductCardName:b,ref:(0,M.P)(qe,e),...Pe},a.createElement(H,null,a.createElement(N,null,pe&&Object.prototype.hasOwnProperty.call(pe,"sealUrl")&&a.createElement(G.rU,{seal:pe}),ue&&Object.prototype.hasOwnProperty.call(ue,"name")?a.createElement(G.sN,{config:{position:"top-left",badgeText:ue.name},className:"standard"}):null,a.createElement(T,{hasProductWhiteBackground:y,hasImageGrid:l,paddingTop:(e=>{const t=(e=>{const t={};if(e){const{segmentedSources:n,sources:o={}}=e,i=n??(0,R.I)(o);t.sm=i.sm[0]?.aspectRatio,t.lg=i.lg[0]?.aspectRatio}return t})(e);return{sm:Ge(t?.sm),lg:Ge(t?.lg)}})(j)},Re),se?a.createElement(B,{...Te,onClick:Ie},a.createElement(O,null,"more options")):null),a.createElement(L,{hasImageGrid:l,isProductCardName:b},Z&&Z.name?a.createElement(E,{isProductCardName:b,hasPLPBrandNameContextTitle:C,"data-testid":"plp-product-card-brand-name"},Z.name):null,n?a.createElement(x,{...Te,onClick:Ie},a.createElement(S,{isProductCardName:b,isDropshipProduct:ae,isAffiliateProduct:Ce,hasPLPCardNameDescriptionCore:_,dangerouslySetInnerHTML:{__html:n}})):null,Ke&&De&&Te.href?a.createElement(A,{hasProductPriceColor:d,hasMarginTopAuto:v,"data-testid":"plp-product-card-offer"},De):null)))};j.propTypes={configuredComponentRef:i().func,actionIdFlags:i().object,amazonAffiliateTag:i().string,brand:i().object,className:i().string,contentId:i().string,contentType:i().string,dangerousHed:i().string,data_item:i().object,dropShipSellers:i().arrayOf(i().string),expVariationName:i().string,hasAtRetailerNameLowerCase:i().bool,hasImageGrid:i().bool,hasImpressionTracking:i().bool,hasMarginTopAuto:i().bool,hasPLPBrandNameContextTitle:i().bool,hasPLPCardNameDescriptionCore:i().bool,hasProductNewPriceColor:i().bool,hasProductPriceColor:i().bool,hasProductWhiteBackground:i().bool,hasToggleGridColor:i().bool,hasUnderlineHed:i().bool,image:i().shape(u.A.propTypes),isDropshipProduct:i().bool,isLazy:i().bool,isProductCardName:i().bool,isProductCardRetailerName:i().bool,isProductWithVariants:i().bool,layout:i().string,layoutName:i().string,offers:i().array,onClick:i().func,priceFormatting:i().shape({fractionDigits:i().number,shouldFormatDecimalSeparator:i().bool}),seal:i().arrayOf(i().shape({id:i().string,startDate:i().string,endDate:i().string,sealUrl:i().string})),shouldCheckProductInView:i().bool,shouldUseProductPriceSecondary:i().bool,showNewProductCardDesign:i().bool,showOfferUrl:i().bool,sourceName:i().string,textBadge:i().arrayOf(i().shape({name:i().string,startDate:i().string,endDate:i().string})),url:i().string},j.displayName="PLPProductCard";j.UnconnectedComponent=j;const z=(0,l.Ng)(e=>({amazonAffiliateTag:e.commercePlatform?.amazonAffiliateTag}))(j)},67611(e,t,n){n.d(t,{A:()=>i});var o=n(44210);const i=(0,n(13465).y)(o.A,"PLPProductCard")},75871(e,t,n){n.d(t,{A:()=>a});var o=n(13465),i=n(83237);const a=(0,o.y)(i.A,"ProductEmbed")},53985(e,t,n){n.d(t,{$N:()=>y,E4:()=>f,EY:()=>b,Nc:()=>I,Nz:()=>k,Pv:()=>B,aZ:()=>w,eN:()=>C,ew:()=>H,t6:()=>O,yh:()=>$,yj:()=>N});var o=n(38267),i=n(26865),a=n(48286),r=n(18608),s=n(96472),l=n(29912),d=n(15622),c=n(50531);const m=e=>"feature-medium"===e,u=e=>"feature-small"===e||"feature-large"===e,p=e=>"feature-small"===e||"feature-medium"===e,g=e=>"feature-medium"===e||"feature-large"===e,h=e=>"feature-large"===e,y=o.Ay.div.withConfig({displayName:"ProductEmbedCTA"})` 30180 grid-column: 1/-1; 30181 grid-row: 2/3; 30182 margin-top: ${(0,i.Kq)(2)}; 30183 30184 .button--text-inside { 30185 padding: ${(0,i.Kq)(2)} 0.5rem; 30186 } 30187 ${({useEmbedSize:e,embedSize:t})=>!e&&h(t)&&o.AH` 30188 ${c.eM} { 30189 width: 100%; 30190 max-width: ${(0,i.Kq)(34)}; 30191 30192 &:hover, 30193 &:focus { 30194 width: 100%; 30195 max-width: ${(0,i.Kq)(34)}; 30196 } 30197 } 30198 ${(0,i.L7)(s.LO.md)} { 30199 ${c.eM} { 30200 max-width: 100%; 30201 30202 &:hover, 30203 &:focus { 30204 max-width: 100%; 30205 } 30206 } 30207 } 30208 `} 30209 30210 ${({hasGalleryProductEmbedPadding:e})=>e&&` ${(0,i.L7)(s.LO.md)}{\n ${d.dU} > a {\n padding: ${(0,i.Kq)(1)} 0;}\n } \n }`} 30211 ${({hasProductEmbedPadding:e,hasGalleryProductEmbedPadding:t})=>(e||t)&&`${d.dU}{\n ${c.Lj}{\n padding:${(0,i.Kq)(1)} ${(0,i.Kq)(2)} 0;\n margin-bottom: ${(0,i.Kq)(1)};\n }\n }`} 30212 ${({buttonAlign:e})=>"right"===e&&"position: relative;"} 30213 30214 ${(0,i.H4)(s.LO.md)} { 30215 position: relative; 30216 grid-column: 2/3; 30217 max-width: ${(0,i.Kq)(46)}; 30218 } 30219 30220 & a { 30221 &:focus, 30222 &:link, 30223 &:visited, 30224 &:hover { 30225 text-decoration: none; 30226 } 30227 30228 transition-timing-function: ease-in; 30229 transition-property: color, background, border; 30230 } 30231`,b=(0,o.Ay)(r.sH).withConfig({displayName:"ProductEmbedImageLink"})` 30232 grid-area: product-image; 30233 grid-column: 1/2; 30234 grid-row: 1/2;
30235 ${({hasGallerySlideBackground:e})=>!e&&`padding-left: ${(0,i.Kq)(2)};`} 30236 30237 &&&& { 30238 text-decoration: none; 30239 } 30240 ${(0,i.H4)(s.LO.md)} { 30241 grid-row: 1/-1; 30242 padding-left: 0; 30243 } 30244 30245 div[class*='UnifiedProductCardTextBadge-']:not( 30246 div[class*='UnifiedProductCardSeal-'] 30247 + div[class*='UnifiedProductCardTextBadge-'] 30248 ) { 30249 max-width: calc(100% - 24px); 30250 } 30251`,f=o.Ay.div.withConfig({displayName:"ProductEmbedAssetContainer"})` 30252 display: flex; 30253 position: relative; 30254 container-type: inline-size; 30255 30256 div[class*='UnifiedProductCardTextBadge-']:not( 30257 div[class*='UnifiedProductCardSeal-'] 30258 + div[class*='UnifiedProductCardTextBadge-'] 30259 ) { 30260 max-width: calc(100% - 24px); 30261 } 30262`,w=o.Ay.div.withConfig({displayName:"ProductEmbedImage"})``,$=o.Ay.div.withConfig({displayName:"ProductEmbedContent"})` 30263 grid-area: product-content; 30264 grid-column: 2/3; 30265 grid-row: 1/2; 30266 padding-right: ${(0,i.Kq)(2)}; 30267 30268 ${({contentAlign:e})=>"space-between"===e&&o.AH` 30269 display: flex; 30270 flex-direction: column; 30271 justify-content: space-between; 30272 height: 100%; 30273 `} 30274 30275 ${({contentAlign:e,contentPosition:t})=>"center"===e&&"start"===t&&o.AH` 30276 display: flex; 30277 flex-direction: column; 30278 justify-content: center; 30279 `} 30280 30281 ${(0,i.H4)(s.LO.md)} { 30282 padding-right: 0; 30283 } 30284`,v=o.AH` 30285 ${(0,i.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")} 30286 margin: 0; 30287 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.standard.subhed")}; 30288`,C=(0,o.Ay)(r.vm).withConfig({displayName:"ProductEmbedHed"}).attrs(e=>({as:"h2",...e}))` 30289 ${v} 30290 ${l.q} & { 30291 ${v} 30292 } 30293`,k=(0,o.Ay)(r.vm).withConfig({displayName:"ProductEmbedDek"}).attrs(e=>({as:"div",...e}))` 30294 ${(0,i.Gg)("typography.definitions.consumptionEditorial.description-embed")} 30295 margin-top: ${(0,i.Kq)(1)}; 30296 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.standard.body")}; 30297 ${(0,i.H4)(s.LO.md)} { 30298 margin-top: ${(0,i.Kq)(2)}; 30299 } 30300 ${({showLess:e,showClampedProductDescription:t,productDescriptionLineLength:n})=>t&&`\n ${e?"overflow: hidden;":`\n display: -webkit-box;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${n};\n `}\n`} 30301`,A=o.AH` 30302 && { 30303 grid-template-columns: repeat(2, 1fr); 30304 padding-right: 0; 30305 padding-left: 0; 30306 30307 ${(0,i.H4)(s.LO.md)} { 30308 grid-template-columns: 30309 minmax(${(0,i.Kq)(20)}, 30%) 30310 1fr; 30311 } 30312 } 30313`,x=o.AH` 30314 && { 30315 margin-bottom: ${(0,i.Kq)(3)}; 30316 30317 .product-offer__buy-button { 30318 max-width: ${(0,i.Kq)(33)}; 30319 } 30320 30321 ${(0,i.H4)(s.LO.md)} { 30322 padding-right: 0; 30323 padding-left: 0; 30324 } 30325 30326 ${(0,i.Xm)(0,s.LO.md)} { 30327 .product-offer__cta-block a { 30328 padding: ${(0,i.Kq)(2)} ${(0,i.Kq)(.5)}; 30329 } 30330 30331 .product-offer__buy-button .button__label { 30332 padding: 0; 30333 } 30334 } 30335 } 30336`,E=o.AH` 30337 && { 30338 display: flex; 30339 flex-direction: column; 30340 margin-bottom: ${(0,i.Kq)(3)}; 30341 padding: 0; 30342 30343 .product-offer__buy-button { 30344 max-width: ${(0,i.Kq)(33)}; 30345 } 30346 } 30347`,S=o.AH` 30348 &.callout--group-item { 30349 && { 30350 grid-column: 1/-1; 30351 30352 ${(0,i.H4)(s.LO.md)} { 30353 grid-column-gap: ${(0,i.Kq)(2)}; 30354 grid-template-columns: 30355 minmax(${(0,i.Kq)(10)}, 40%) 30356 1fr; 30357 grid-row-gap: ${(0,i.Kq)(2)}; 30358 margin-bottom: ${(0,i.Kq)(5)}; 30359 padding: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(8)}; 30360 30361 ${b} { 30362 padding-left: ${(0,i.Kq)(2)}; 30363 } 30364 30365 ${$} { 30366 padding-right: ${(0,i.Kq)(2)}; 30367 } 30368 ${y} { 30369 position: absolute; 30370 grid-column: 1/-1; 30371 max-width: none; 30372 } 30373 } 30374 } 30375 } 30376`,L=o.AH` 30377 && { 30378 display: flex; 30379 flex-direction: column; 30380 margin-bottom: ${(0,i.Kq)(5)}; 30381 padding-bottom: ${(0,i.Kq)(6)}; 30382 ${({hasGalleryProductEmbedPadding:e})=>e&&`\n &&&{\n margin-bottom: ${(0,i.Kq)(8)};\n ${(0,i.L7)(s.LO.md)}{\n margin-bottom: ${(0,i.Kq)(6)};\n }}\n `} 30383 ${b} { 30384 ${({hasProductEmbedPadding:e})=>e?` padding: 0 ${(0,i.Kq)(1)};`:`padding: 0 ${(0,i.Kq)(2)};`} 30385 ${({hasGalleryProductEmbedPadding:e})=>e&&" padding: 0;"} 30386 } 30387 30388 ${$} { 30389 padding-left: ${(0,i.Kq)(2)}; 30390 } 30391 30392 ${C} { 30393 ${({shouldHaveAlternateHedSpacing:e})=>e?`margin: ${(0,i.Kq)(.6)} 0 ${(0,i.Kq)(2)};`:`margin: ${(0,i.Kq)(1)} 0 0;`} 30394 ${({hasProductEmbedPadding:e})=>e&&`margin:${(0,i.Kq)(1)} 0;`} 30395 ${({hasGalleryProductEmbedPadding:e})=>e&&`margin:${(0,i.Kq)(2)} 0;`} 30396 } 30397 ${({marginDek:e,imageAlign:t})=>"bottom"===e&&"top"===t&&"padding-bottom: 0;"} 30398 30399 ${k} { 30400 margin: ${(0,i.Kq)(2)} 0 0; 30401 ${({hasProductEmbedPadding:e,hasGalleryProductEmbedPadding:t})=>(e||t)&&`margin-bottom:${(0,i.Kq)(2)};`} 30402 ${({marginDek:e})=>"bottom"===e&&`\n position: relative;\n margin: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(2)};\n `} 30403 } 30404 30405 ${y} { 30406 ${({hasTopMargin:e})=>e?"margin-top: 1rem;":"margin: 0;"} 30407 ${({marginDek:e})=>e&&"position: relative;"} 30408 ${({noDek:e})=>e&&`margin-top: ${(0,i.Kq)(2)};`} 30409 } 30410 30411 ${(0,i.H4)(s.LO.md)} { 30412 margin-bottom: ${(0,i.Kq)(7)}; 30413 padding-bottom: ${(0,i.Kq)(5)}; 30414 30415 ${b} { 30416 padding: 0; 30417 } 30418 30419 ${$} { 30420 padding: 0; 30421 } 30422 30423 ${C} { 30424 ${({shouldShowBrandName:e})=>e?`margin: ${(0,i.Kq)(1)} 0 0;`:`margin: ${(0,i.Kq)(2)} 0 ${(0,i.Kq)(2)};`} 30425 ${({hasProductEmbedPadding:e})=>e&&`margin:${(0,i.Kq)(1)} 0;`} 30426 ${({hasGalleryProductEmbedPadding:e})=>e&&`margin:${(0,i.Kq)(2)} 0;`} 30427 } 30428 ${k} { 30429 margin: 0 0 ${(0,i.Kq)(2)}; 30430 } 30431 } 30432 } 30433 30434 &.callout--group-item { 30435 ${(0,i.H4)(s.LO.md)} { 30436 height: calc(100% - ${(0,i.Kq)(7)}); 30437 } 30438 } 30439`,T=o.AH` 30440 .grid--item & { 30441 &.callout--group-item { 30442 &.callout--group-item-1 { 30443 max-width: 960px; 30444 } 30445 30446 &.callout--group-item-1, 30447 &.callout--group-item-2 { 30448 ${$} { 30449 ${(0,i.R9)("contentAlign","center",o.AH` 30450 display: flex; 30451 flex-direction: column; 30452 align-items: center; 30453 justify-content: center; 30454 text-align: center; 30455 `)} 30456 } 30457 ${(0,i.Xm)(s.LO.sm,s.LO.md)} { 30458 display: block; 30459 padding: 16px 1rem 4rem; 30460 max-width: 100%; 30461 30462 ${b} { 30463 padding-left: 0; 30464 } 30465 } 30466 } 30467 } 30468 } 30469`,N=(0,o.Ay)(r.vm).withConfig({displayName:"ProductEmbedImageCreditWrapper"}).attrs(e=>({as:"p",colorToken:"colors.consumption.body.standard.body-deemphasized",typeIdentity:"typography.definitions.globalEditorial.accreditation-core",...e}))` 30470 padding-top: ${(0,i.Kq)(1)}; 30471 padding-bottom: ${(0,i.Kq)(2)}; 30472`,H=(0,o.Ay)(r.c7).withConfig({displayName:"ProductEmbedWrapper"}).attrs(e=>({bottomSpacing:5,...e}))` 30473 display: grid; 30474 position: relative; 30475 grid-column-gap: ${(0,i.Kq)(2)}; 30476 grid-column: 1/-1; 30477 grid-template-areas: 'product-image product-content'; 30478 grid-template-columns: 30479 minmax(${(0,i.Kq)(10)}, 40%) 30480 1fr; 30481 grid-row-gap: ${(0,i.Kq)(2)}; 30482 ${({theme:e})=>(0,i._o)(e,"background-color","colors.consumption.body.standard.bg-card")}; 30483 padding: ${(0,i.Kq)(2)} 0; 30484 ${({hasProductEmbedPadding:e})=>e&&`padding: ${(0,i.Kq)(1)} 0;`} 30485 ${({hasGalleryProductEmbedPadding:e})=>e&&"padding:0;"} 30486 ${(0,i.H4)(s.LO.md)} { 30487 grid-column-gap: ${(0,i.Kq)(4)}; 30488 grid-column: 1 / span 8; 30489 grid-template-areas: 'product-image product-content'; 30490 grid-template-columns: 30491 minmax(auto, ${(0,i.Kq)(30)}) 30492 1fr; 30493 grid-template-rows: auto; 30494 grid-row-gap: 0; 30495 margin-bottom: ${(0,i.Kq)(7)}; 30496 ${({shouldHaveModerateWrapperPadding:e})=>e?`padding: ${(0,i.Kq)(2)};`:`padding: ${(0,i.Kq)(5)} ${(0,i.Kq)(4)};`} 30497 ${({hasGalleryProductEmbedPadding:e})=>e&&"padding:0;"} 30498 } 30499 30500 /* image align styles */ 30501 ${(0,i.R9)("imageAlign","top",L)} 30502 30503 ${(0,i.R9)("imageAlign","center",T)} 30504 30505 ${(0,i.R9)("imageAlign","left",S)} 30506 30507 /* no-image styles */ 30508 ${(0,i.R9)("noImage",!0,o.AH` 30509 display: flex; 30510 `)} 30511 ${({useEmbedSize:e,embedSize:t})=>e&&t&&o.AH` 30512 ${b} { 30513 padding: 0; 30514 ${m(t)&&"margin: auto 0;"} 30515 ${u(t)&&`${(0,i.H4)(s.LO.md)} {\n padding: 0;\n }`} 30516 } 30517 30518 ${$} { 30519 padding-left: 0; 30520 ${p(t)&&"margin: auto 0;"} 30521 ${g(t)&&"padding-right: 0;"} 30522 ${u(t)&&`${(0,i.H4)(s.LO.md)} {\n padding-left: 0;\n }`} 30523 } 30524 30525 ${C} { 30526 ${(e=>(0,i.Gg)(m(e)?"typography.definitions.discovery.subhed-section-tertiary":"typography.definitions.consumptionEditorial.subhed-aux-primary"))(t)} 30527 ${({theme:e})=>(0,i._o)(e,"color","colors.interactive.base.black")}; 30528 ${p(t)&&"margin-top: 0;\n line-height: 1.125em;"} 30529 ${u(t)&&`${(0,i.H4)(s.LO.md)} {\n margin-top: 0;\n }`} 30530 } 30531 30532 ${k} { 30533 ${g(t)&&o.AH` 30534 ${(0,i.Gg)("typography.definitions.consumptionEditorial.body-core")} margin-top: ${(0,i.Kq)(1)}; 30535 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.standard.body")}; 30536 `} 30537 } 30538 30539 ${y} { 30540 ${g(t)&&`margin-top: ${(0,i.Kq)(2)};`} 30541 ${h(t)&&`${(0,i.H4)(s.LO.md)} {\n position: relative;\n margin-top: ${(0,i.Kq)(2)};\n max-width: ${(0,i.Kq)(43)};\n }`} 30542 } 30543 30544 /* image size styles */ 30545 ${(e=>{switch(e){case"feature-small":return A;case"feature-medium":return x;case"feature-large":return E;default:return null}})(t)} 30546 `} 30547 30548 ${({noRightLeftPadding:e})=>e&&o.AH` 30549 && { 30550 padding: 0; 30551 30552 &:not(:nth-child(1)) { 30553 margin-top: 1rem; 30554 } 30555 30556 ${b} { 30557 padding: 0; 30558 } 30559 30560 ${$} { 30561 padding: 0; 30562 } 30563 30564 ${N} { 30565 padding-bottom: 0; 30566 } 30567 } 30568 `} 30569 30570 ${({noBottomPadding:e,hasSidePadding:t,shouldHaveModerateWrapperPadding:n,hasGalleryProductEmbedPadding:a})=>(e||t)&&((e,t,n,a)=>o.AH` 30571 && { 30572 & { 30573 padding-bottom: 0; 30574 } 30575 ${e&&"text-align: center;\n "} 30576 ${(0,i.H4)(s.LO.md)} { 30577 grid-column: 3 / span 4; 30578 text-align: left; 30579 } 30580 30581 ${$} { 30582 display: flex; 30583 flex-direction: column; 30584 justify-content: space-between; 30585 height: 100%; 30586 } 30587 30588 ${y} { 30589 position: relative; 30590 ${e&&`\n margin-right: ${(0,i.Kq)(-2)};\n margin-left: ${(0,i.Kq)(-2)};\n ${(0,i.H4)(s.LO.md)} {\n margin-right: ${(0,i.Kq)(-4)};\n margin-left: ${(0,i.Kq)(-4)};\n }\n `} 30591 ${n&&` \n ${(0,i.H4)(s.LO.md)} {\n margin-right: ${(0,i.Kq)(-2)};\n margin-left: ${(0,i.Kq)(-2)};\n }\n `} 30592 ${a&&` \n ${(0,i.H4)(s.LO.md)} {\n margin-right: 0;\n margin-left: 0;\n }\n `} 30593 width: unset; 30594 min-width: unset; 30595 max-width: unset; 30596 30597 ${t&&`\n & a {\n &:active,\n &:focus {\n ${({theme:e})=>(0,i._o)(e,"background-color","colors.interactive.base.brand-primary")};\n ${({theme:e})=>(0,i._o)(e,"border-color","colors.interactive.base.brand-primary")};\n }\n }\n `} 30598 } 30599 } 30600 30601 ${l.q} > .body__inner-container > && { 30602 ${(0,i.H4)(s.LO.md)} { 30603 margin-right: auto; 30604 margin-left: auto; 30605 width: 50%; 30606 } 30607 } 30608 `)(e,t,n,a)} 30609`,I=o.Ay.div.withConfig({displayName:"ProductEmbedBrandName"})` 30610 margin-top: ${(0,i.Kq)(1)}; 30611 text-align: left; 30612 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.globalEditorial.context-secondary")}; 30613 text-transform: uppercase; 30614 ${({theme:e})=>(0,i._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 30615`,B=o.Ay.div.withConfig({displayName:"ProductEmbedHedWrapper"})` 30616 ${({hasBottomMargin:e})=>e?`\n ${(0,i.L7)(s.LO.md)} {\n margin-bottom: ${(0,i.Kq)(2)};\n }`:" "} 30617 ${({hasProductEmbedHedTextCentreAlign:e})=>e&&`\n text-align:center;\n &{\n margin-bottom: ${(0,i.Kq)(0)};\n }`} 30618`,O=(0,o.Ay)(a.A).withConfig({displayName:"ProductEmbedClampedDescription"})` 30619 && { 30620 ${c.eM} { 30621 ${({showLess:e})=>e?`margin: -${(0,i.Kq)(1)} 0 ${(0,i.Kq)(2)} 0;`:`margin: ${(0,i.Kq)(1)} 0 ${(0,i.Kq)(2)} 0;`} 30622 padding: 0; 30623 min-width: auto; 30624 height: 24px; 30625 } 30626 ${c.Lj} { 30627 padding: 0; 30628 width: 100%; 30629 text-align: left; 30630 ${(0,i.Gg)("typography.definitions.utility.button-bulletin")}; 30631 ${({theme:e})=>` ${(0,i._o)(e,"color","colors.interactive.base.black")};`}; 30632 } 30633 } 30634 ${c.ny} { 30635 svg { 30636 width: 24px; 30637 height: 24px; 30638 } 30639 padding: 0; 30640 } 30641`},83237(e,t,n){n.d(t,{A:()=>N});var o=n(47655),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(38221),d=n.n(l),c=n(96540),m=n(6442);const u=(0,n(72267).YK)({priceWithNoSellerPreamble:{id:"ProductEmbed.PriceWithNoSellerPreamble",defaultMessage:"Buy for {price}",description:"ProductEmbed component price text without seller name preamble"},priceWithSellerPreamble:{id:"ProductEmbed.PriceWithSellerPreamble",defaultMessage:"{price} at {sellerName}",description:"ProductEmbed component price text with seller name preamble"},defaultTextPreamble:{id:"ProductEmbed.DefaultTextPreamble",defaultMessage:"Learn More",description:"ProductEmbed component default text for price button"},defaultCtaText:{id:"ProductEmbed.DefaultCtaText",defaultMessage:"Buy It",description:"ProductEmbed component default CTA text",isConfigurable:!0}
30641,venueCtaText:{id:"ProductEmbed.VenueCtaText",defaultMessage:"Book Now",description:"ProductEmbed component CTA text for venue content type"}});var p=n(90090),g=n(89957),h=n(13099),y=n(39832),b=n(73275),f=n(72899),w=n(43428),$=n(50700),v=n(53985);const C=({dangerousHed:e,dangerousDek:t,embedSize:n,hedTag:o,hasProductEmbedHedTextCentreAlign:i,productBrand:a,productId:r,shouldShowBrandName:s,shouldDekBelowOffer:l,hasBottomMargin:d,getClampedDescription:m})=>c.createElement(c.Fragment,null,c.createElement(v.Pv,{hasBottomMargin:d,hasProductEmbedHedTextCentreAlign:i},s&&a&&c.createElement(v.Nc,{dangerouslySetInnerHTML:{__html:a}}),e?c.createElement(v.eN,{as:o,id:(e=>{if(e)return e})(r),dangerouslySetInnerHTML:{__html:e}}):c.createElement(v.eN,{dangerouslySetInnerHTML:{__html:t}}),!l&&t&&e&&"feature-small"!==n&&m(t)));C.propTypes={dangerousDek:s().string,dangerousHed:s().string,embedSize:s().string,getClampedDescription:s().func,hasBottomMargin:s().bool,hasProductEmbedHedTextCentreAlign:s().bool,hedTag:s().string,productBrand:s().string,productId:s().string,shouldDekBelowOffer:s().bool,shouldShowBrandName:s().bool};const k=C;var A=n(53499),x=n(60162),E=n(25203),S=n(22039);const L=e=>{const{configuredComponentRef:t}=e,{className:n,contentType:o,ctaHref:i,ctaText:r,ctaAtRetailerName:s,dangerousCredit:l,dangerousDek:C,dangerousHed:L,embedSize:T,internalLink:N,isEmbedSizeEnabled:H=!1,offerRetailer:I,offerUrl:B,image:O,isSponsored:K,isFirstProduct:D,hasProductEmbedPadding:_=!1,hasProductEmbedHedTextCentreAlign:P,hasGalleryProductEmbedPadding:R=!1,hedTag:q="div",multipleOffers:M,productBrand:F,productId:U,id:V,productOfferVariation:G,shouldHaveAlternateHedSpacing:W=!1,shouldHaveModerateWrapperPadding:j=!1,shouldShowBrandName:z=!1,shouldShowBrandInProductName:Y=!1,showAffiliateDisclaimerOnFirstProduct:X,showOfferUrl:Z,showPriceOnButton:J,variations:Q={imageAlign:"left",noBottomPadding:!1,hasSidePadding:!1,hasTopMargin:!0,shouldDekBelowOffer:!1,hasMultipleLines:!1,hasBottomMargin:!1},dropShipSellers:ee,showLocalisedOffers:te,isLazy:ne=!1,variationName:oe,shouldEnableBundleComponentAnalytics:ie=!1,index:ae,showClampedProductDescription:re=!1,hasReadMoreFeature:se=!1,productDescriptionLineLength:le,component:de="product_embed",actionIdFlags:ce={},textBadge:me,seal:ue,enableAffiliateDisclaimerLabel:pe=!1}=e,ge=re&&se,he=ce?.enableActionIdForProductEmbed;c.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(A.G.RENDER,{name:"ProductEmbed",variation:oe})},[oe]);const[ye,be]=(0,c.useState)(!1),{formatMessage:fe}=(0,m.A)(),we=((e,t,n)=>"venue"===e?n(u.venueCtaText):t||n(u.defaultCtaText))(o,r,fe);let $e=!0;ee?.length>0&&($e=ee?.some(e=>!B?.toLowerCase().includes(e)));const{imageAlign:ve,marginDek:Ce,contentAlign:ke,buttonAlign:Ae,hasTopMargin:xe,contentPosition:Ee,shouldDekBelowOffer:Se,hasMultipleLines:Le}=Q,Te={tabIndex:-1,"aria-hidden":!0,"data-offer-retailer":I,"data-offer-url":B},Ne={dangerousHed:L,brand:{name:F},id:U||V,index:ae,contentType:o,offers:M,offersLength:M?.length||0,component:"product_embed",hotelLink:N,textBadge:me,seal:ue,image:O};c.useEffect(()=>{window.addEventListener("load",()=>(0,x.Yp)("ProductEmbed",document.getElementsByClassName("product-embed"))),window.addEventListener("scroll",d()(()=>{(0,x.Yp)("ProductEmbed",document.getElementsByClassName("product-embed"))},1e3))},[]);const He=(e,t,n)=>{(0,x.g1)({window,product:{...Ne},index:e,actionId:n,layout:"ProductEmbed",event:t,layoutTitle:L,offerIndex:e??null})};(0,g.ol)(".product-embed",void 0,e=>{e&&(0,p.zJ)("productembeds")});const Ie=!(!H||!T),Be=fe(u.defaultTextPreamble),Oe={dangerousHed:F&&Y?`${F} ${L}`:L,dangerousDek:C,embedSize:T,marginDek:Ce,productBrand:F,productId:U,shouldShowBrandName:z,shouldDekBelowOffer:Se},Ke=e=>c.createElement(v.Nz,{className:"product-embed__dek",marginDek:Ce,dangerouslySetInnerHTML:{__html:e},showClampedProductDescription:ge,productDescriptionLineLength:le,showLess:ye}),De=e=>{const t=ye?"close":"open";return c.createElement(v.t6,{lines:le,linesInExtraLargeDesktop:le,isCollapsible:!0,showLess:ye,offset:-5,onTextClick:()=>{be(!ye),(0,x.g1)({window,product:{...Ne},index:Ne.index,layout:"ProductEmbed",type:t})},showClampedProductDescription:ge},Ke(e))},_e=N??(Z?B:i),{isCnastLink:Pe,enableActionIdMapping:Re}=(0,E.Vy)(_e,he),qe=(e,t)=>
30641{const n=e?.currentTarget?.getAttribute("href"),o=(0,E.hh)();if(Re&&n){e.preventDefault();const{href:i}=(0,w.P)({event:e,gtmTrackOnClick:He,linkProps:n,position:t,type:"GallerySlideImage",component:de,queryParams:o});window.open(i,"_blank","noopener, noreferrer")}else if(Pe&&n){e.preventDefault();const{href:i}=(0,E.ry)(n,de,o);e.currentTarget.setAttribute("href",i),window.open(i,"_blank","noopener, noreferrer"),He(t,e)}else He(t,e)};let Me={};return ie&&(Me=(0,p.NY)(ie,"product carousel item",ae)),c.createElement(c.Fragment,null,pe&&c.createElement(f.A,{enableAffiliateDisclaimerLabel:!0}),X&&D&&c.createElement(h.M,{"data-testid":"ProductEmbedDisclaimer"}),c.createElement(v.ew,{ref:t,...Me,"data-testid":"ProductEmbedWrapper",className:a()("product-embed",{[`product-embed--image-${ve}`]:ve&&O&&!Ie},{"product-embed--no-bottom-padding":Q.noBottomPadding},n),imageAlign:ve&&O&&!Ie?ve:null,id:V||U,marginDek:!Ie&&Ce?Ce:null,hasTopMargin:xe,isSponsored:K,embedSize:T,noImage:!O&&Ie,noBottomPadding:Q.noBottomPadding,noRightLeftPadding:Q.noRightLeftPadding,hasSidePadding:Q.hasSidePadding,shouldHaveAlternateHedSpacing:W,shouldHaveModerateWrapperPadding:j,shouldShowBrandName:z,useEmbedSize:Ie,hasProductEmbedPadding:_,"data-item":JSON.stringify(Ne),hasGalleryProductEmbedPadding:R},c.createElement(v.E4,null,ue&&c.createElement(S.rU,{seal:ue}),me&&c.createElement(S.sN,{config:{position:"top-left",badgeText:me.name},className:"standard"}),O&&(N?c.createElement(v.EY,{href:_e,onClick:(e,t)=>qe(e,t)},c.createElement(v.aZ,{hasNativeImgLazyLoading:!0,isLazy:ne,as:b.A,...O})):c.createElement(v.EY,{as:y.A,skipInternalHandleClick:!0,href:_e,target:$e?"_blank":"_self",rel:"sponsored noopener",attributes:Te,onClick:(e,t)=>qe(e,t),component:de},c.createElement(v.aZ,{hasNativeImgLazyLoading:!0,isLazy:ne,as:b.A,...O}),l&&c.createElement(v.yj,{dangerouslySetInnerHTML:{__html:l}})))),c.createElement(v.yh,{className:"product-embed__content",contentAlign:ke,contentPosition:Ee},c.createElement(k,{...Oe,hasBottomMargin:Q.hasBottomMargin,hedTag:q,hasProductEmbedHedTextCentreAlign:P,showLess:ye,getClampedDescription:ge?De:Ke}),we&&i&&c.createElement(v.$N,{useEmbedSize:Ie,as:$.A,marginDek:Ce,buttonAlign:Ae,noDek:!C&&J,className:"product-embed__cta",defaultCTAText:we,ctaAtRetailerName:s,defaultTextForEmbedSize:Ie?Be:null,hasMultipleLines:Le,embedSize:T,offers:M,onClickHandler:({label:e,position:t,event:n,actionId:o})=>{const i={"click text":T?`${T}_${t+1}_${e}`:`default_${t+1}_${e}`};(0,p.W8)("buy-button-click",i),He(t,n,o)},productId:U,showCount:4,showOfferUrl:Z,showPriceOnButton:J,productOfferVariation:G,dropShipSellers:ee,showLocalisedOffers:te,hasProductEmbedPadding:_,hasGalleryProductEmbedPadding:R,isActionIdEnabledForComponent:he,component:de}),Se&&C&&L&&"feature-small"!==T&&(ge?De(C):Ke(C)))))};L.propTypes={configuredComponentRef:s().func,actionIdFlags:s().object,className:s().string,component:s().string,contentType:s().string,ctaAtRetailerName:s().string,ctaHref:s().string,ctaText:s().string,dangerousCredit:s().string,dangerousDek:s().string,dangerousHed:s().string,dropShipSellers:s().array,enableAffiliateDisclaimerLabel:s().bool,embedSize:s().string,hasGalleryProductEmbedPadding:s().bool,hasProductEmbedHedTextCentreAlign:s().bool,hasProductEmbedPadding:s().bool,hasReadMoreFeature:s().bool,hedTag:s().string,id:s().string,image:s().shape(b.A.propTypes),index:s().number,internalLink:s().string,isEmbedSizeEnabled:s().bool,isFirstProduct:s().bool,isLazy:s().bool,isSponsored:s().bool,multipleOffers:s().array,offerRetailer:s().string,offerUrl:s().string,productBrand:s().string,productDescriptionLineLength:s().number,productId:s().string,productOfferVariation:s().string,seal:s().object,shouldEnableBundleComponentAnalytics:s().bool,shouldHaveAlternateHedSpacing:s().bool,shouldHaveModerateWrapperPadding:s().bool,shouldShowBrandInProductName:s().bool,shouldShowBrandName:s().bool,showAffiliateDisclaimerOnFirstProduct:s().bool,showClampedProductDescription:s().bool,showLocalisedOffers:s().bool,showOfferUrl:s().bool,showPriceOnButton:s().bool,textBadge:s().object,variationName:s().string,variations:s().shape({buttonAlign:s().oneOf(["left","right","center"]),contentAlign:s().oneOf(["start","end","center","space-between"]),contentPosition:s().oneOf(["start","end","center","top","bottom"]),imageAlign:s().oneOf(["left","top","center"]).isRequired,marginDek:s().oneOf(["top","bottom"]),noBottomPadding:s().bool.isRequired,hasMultipleLines:s().bool,hasBottomMargin:s().bool,hasSidePadding:s().bool,hasTopMargin:s().bool,noRightLeftPadding:s().bool,shouldDekBelowOffer:s().bool})},L.displayName="ProductEmbed";const T=L;T.ImageLeft=(0,o.y)(T,"ImageLeft",{imageAlign:"left",noBottomPadding:!1}),T.ImageTop=(0,o.y)(T,"ImageTop",{imageAlign:"top",noBottomPadding:!1}),T.ImageTopNoBottomPadding=(0,o.y)(T,"ImageTopNoBottomPadding",{imageAlign:"top",noBottomPadding:!0,hasBottomMargin:!0}),T.ImageTopDekwithMargin=(0,o.y)(T,"ImageTopDekwithMargin",{imageAlign:"top",noBottomPadding:!1,marginDek:"bottom"}),T.ImageTopNoBottomPaddingContentAlign=(0,o.y)(T,"ImageTopNoBottomPaddingContentAlign",{imageAlign:"top",noBottomPadding:!0,contentAlign:"end",hasBottomMargin:!0}),T.ImageTopNoBottomPaddingContentAlignWithMultiLine=(0,o.y)(T,"ImageTopNoBottomPaddingContentAlignWithMultiLine",{imageAlign:"top",noBottomPadding:!0,contentAlign:"end",hasMultipleLines:!0,hasBottomMargin:!0}),T.ImageLeftButtonAlignRight=(0,o.y)(T,"ImageLeftButtonAlignRight",{imageAlign:"left",noBottomPadding:!1,buttonAlign:"right"}),T.ImageLeftWithButtonAndTextCentered=(0,o.y)(T,"ImageLeftWithButtonAndTextCentered",{imageAlign:"center",noBottomPadding:!1,contentAlign:"center"}),T.ImageLeftWithButtonAndTextVerticallyCentered=(0,o.y)(T,"ImageLeftWithButtonAndTextVerticallyCentered",{imageAlign:"center",noBottomPadding:!1,contentAlign:"center",contentPosition:"start"}),T.ItemLeftCaptionAboveMultipleButtonsWithPrice=(0,o.y)(T,"ItemLeftCaptionAboveMultipleButtonsWithPrice",{imageAlign:"top",noBottomPadding:!1,hasSidePadding:!0,hasTopMargin:!0,shouldDekBelowOffer:!0},{shouldShowBrandName:!0,shouldShowBrandInProductName:!1,showPriceOnButton:!0,productOfferVariation:"ButtonWithPriceSection"}),T.ImageTopDekwithMarginNoRightLeftPadding=(0,o.y)(T,"ImageTopDekwithMarginNoRightLeftPadding",{imageAlign:"top",noBottomPadding:!1,marginDek:"bottom",noRightLeftPadding:!0}),T.ImageTopButtonAlignmentForSideBySideProduct=(0,o.y)(T,"ImageTopButtonAlignmentForSideBySideProduct",{imageAlign:"top",noBottomPadding:!1,contentAlign:"space-between"});const N=T}
30641,11080(e,t,n){n.d(t,{A:()=>H});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(38221),l=n.n(s),d=n(32485),c=n.n(d),m=n(60943),u=n.n(m),p=n(62193),g=n.n(p),h=n(73275),y=n(39832),b=n(53985),f=n(50700),w=n(73730),$=n(363);const v=({buttonVariation:e,btnStyle:t,ctaHref:n,ctaText:o,dataAttrs:i,dropShipSellers:r,isEnhancedPSG:s,offers:l,showLocalisedOffers:d,showPriceOnButton:c,productId:m,showOfferUrl:u,brandAndName:p,itemIndex:h,isUpcEnabled:y,gtmClickHandler:b,actionIdFlags:v={},shouldUseBlackButton:C,isFullyRoundedButtonEnabled:k,showDiscountPercentLabel:A=!1,hasCheckPriceFeature:x=!1,shouldShowAdRail:E=!1})=>{const S=v?.enableActionIdForProductSummaryGrid;return a.createElement($.nZ,{isUpcEnabled:y,isEnhancedPSG:s,isFullyRoundedButtonEnabled:k,hasNoOffers:g()(l),shouldUseBlackButton:C,shouldShowAdRail:E},a.createElement(f.A,{buttonVariation:e,btnStyle:t,dataAttrs:i,defaultCTAText:o,offers:l,productId:m,showSellerNameBelowPrice:s||y,showCount:1,showPriceOnButton:c,showOfferUrl:u,dropShipSellers:r,showLocalisedOffers:d,onClickHandler:({position:e,event:t,actionId:n})=>{if(b(e,t,n),window.dataLayer){const e={"Product-Grid":"recc-buybutton","Product-Name":`${p||o}`,"Product-Grid-Click-Position":`${h}`};window.dataLayer.push({event:"product-grid-recc-buybutton",...e})}},isProductSummaryGridOffer:y,isActionIdEnabledForComponent:S,shouldUseBlackButton:C,showDiscountPercentLabel:A,hasCheckPriceFeature:x}),g()(l)?a.createElement(w.A.Primary,{buttonVariation:e,btnStyle:"outlined",href:n,inputKind:"link",label:o,onClickHandler:()=>{if(window.dataLayer){const e={"Product-Grid":"info - readmorebutton","Product-Name":`${p||o}`,"Product-Grid-Click-Position":`${h}`};window.dataLayer.push({event:"product-grid-info-readmorebutton",...e})}}}):null)};v.propTypes={actionIdFlags:i().object,brandAndName:i().string,btnStyle:i().oneOf(["filled","outlined","text"]),buttonVariation:i().string,ctaHref:i().string,ctaText:i().string,dataAttrs:i().object,dropShipSellers:i().array,gtmClickHandler:i().func,hasCheckPriceFeature:i().bool,isEnhancedPSG:i().bool,isFullyRoundedButtonEnabled:i().bool,isUpcEnabled:i().bool,itemIndex:i().number,shouldShowAdRail:i().bool,offers:i().array,productId:i().string,shouldUseBlackButton:i().bool,showDiscountPercentLabel:i().bool,showLocalisedOffers:i().bool,showOfferUrl:i().bool,showPriceOnButton:i().bool},v.displayName="ProductSummaryGridOffer";const C=v;var k=n(8509),A=n(60162),x=n(22039),E=n(43428),S=n(25203);const L=({brandAndName:e,ctaHref:t,ctaText:n,dangerousHed:o,isClickable:i,isEnhancedPSG:r,offers:s,productId:l,itemIndex:d,href:c})=>{if(!o&&!e)return null;const m="string"==typeof o&&o.trim()?2:3,u="string"==typeof o&&!!o.trim(),p="string"==typeof e&&!!e.trim(),g=a.createElement($.BU,{isEnhancedPSG:r},u&&a.createElement($.gM,{dangerouslySetInnerHTML:{__html:o},isEnhancedPSG:r}),p&&a.createElement($.t0,{dangerouslySetInnerHTML:{__html:e},isEnhancedPSG:r,elipsisValue:m}),s?.length>0&&a.createElement($.J4,{...r&&{colorToken:"colors.consumption.body.standard.link"},isEnhancedPSG:r,href:c||`#${l}`,dangerouslySetInnerHTML:{__html:n},onClick:()=>{if(window.dataLayer){const t={"Product-Grid":"recc-readmore","Product-Name":`${e}`,"Product-Grid-Click-Position":`${d}`};window.dataLayer.push({event:"product-grid-recc-readmore",...t})}}}));return i&&t?a.createElement(y.A,{href:t},g):g};L.propTypes={brandAndName:i().string,ctaHref:i().string,ctaText:i().string,dangerousHed:i().string,href:i().string,isClickable:i().bool,isEnhancedPSG:i().bool,itemIndex:i().number,offers:i().array,productId:i().string};const T={},N=({brand:e,buttonVariation:t,btnStyle:n,className:o,contentType:i,ctaHref:s,ctaName:d,dangerousHed:m,dropShipSellers:p,image:h,itemIndex:f,isHedClickable:w,isEnhancedPSG:v,name:N,offers:H,id:I,showLocalisedOffers:B,showPriceOnButton:O,showOfferUrl:K,defaultImageForProductSummaryGrid:D,enableProductDetailPageTransfer:_=!1,isUpcEnabled:P,actionIdFlags:R,shouldUseBlackButton:q,href:M,isFullyRoundedButtonEnabled:F,showDiscountPercentLabel:U=!1,productDetailPageUrl:V="",productName:G,renditionConfig:W,textBadge:j=T,seal:z=T,hasCheckPriceFeature:Y=!1,shouldShowAdRail:X})=>{const{formatMessage:Z}
30641=(0,r.A)(),J=v?[e,G].filter(Boolean).join(" "):[e,N].filter(Boolean).join(" "),Q=Z(v?k.A.jumpToReview:k.A.readMore),ee="string"==typeof d?d.trim():"";let te=!!ee?d:Q;"jump to review"===ee.toLowerCase()&&(te=Q);const ne="product"===i?`${I}`:"",oe="product"===i?{"data-buy-button":!0}:{},ie=h?.length?h[0]:h,ae=ie?{...ie,psgId:u().generate("hex",10)}:D,{contentType:re="",cneImageUrl:se="",clipThumbnailUrl:le=""}=ae||{},de="clip"===re,ce="cnevideo"===re,me=!g()(W),ue=ce&&me&&""!==se,pe=de&&me&&""!==le;ue&&(ae.contentType="photo"),pe&&(ae.contentType="photo",ae.sources=ae.sourcesForThumbnails);const ge=(e=>{if(H&&H.length>0)return e?H[0].offerUrl:H[0].purchaseUri})(K),he=_?V:ge,ye="product"===i&&Boolean(he)&&(_||H?.length>0),be=de&&P,fe={dangerousHed:m,brand:{name:e},id:ne||I,index:f,contentType:i,offers:H,offersLength:H?.length||0,component:"product_summary_grid"};a.useEffect(()=>{window.addEventListener("load",()=>(0,A.Yp)("ProductEmbed",document.getElementsByClassName("product-embed"))),window.addEventListener("scroll",l()(()=>{(0,A.Yp)("ProductEmbed",document.getElementsByClassName("product-embed"))},1e3))},[]);const we=(e,t,n)=>{(0,A.g1)({window,product:{...fe,component:"product_summary_grid"},index:e,actionId:n,layout:"ProductEmbed",event:t,layoutTitle:m,offerIndex:e??null})};let $e=!_;!_&&p?.length>0&&($e=p?.some(e=>!ge?.toLowerCase().includes(e)));const ve={brand:e,brandAndName:J,buttonVariation:t,btnStyle:n,className:o,contentType:i,ctaHref:s,ctaText:te,dataAttrs:oe,dropShipSellers:p,itemIndex:f,name:N,offers:H,productId:ne,showLocalisedOffers:B,showPriceOnButton:O,showOfferUrl:K,isUpcEnabled:P,shouldUseBlackButton:q,isFullyRoundedButtonEnabled:F,showDiscountPercentLabel:U,hasCheckPriceFeature:Y,shouldShowAdRail:X},{isCnastLink:Ce,enableActionIdMapping:ke}=(0,S.Vy)(he,R?.enableActionIdForProductSummaryGrid);return a.createElement($.bo,{isEnhancedPSG:v,className:c()("product-embed",o),"data-event-boundary":"click",imageForItem:ae,"data-testid":"ProductSummaryWrapper","data-item":JSON.stringify(fe),onClick:()=>{if(window.dataLayer){const e={"Product-Grid":`info - ${m}`,"Product-Name":`${J}`,"Product-Grid-Click-Position":`${f}`};window.dataLayer.push({event:"product-grid-info-title",...e})}}},a.createElement($.lK,{isEnhancedPSG:v,hasClipInsideUPC:be},ae&&a.createElement($.t5,{isEnhancedPSG:v},z&&Object.prototype.hasOwnProperty.call(z,"sealUrl")&&a.createElement(x.rU,{seal:z}),j&&Object.prototype.hasOwnProperty.call(j,"name")&&a.createElement(x.sN,{className:"standard",config:{position:"top-left",badgeText:j.name}}),a.createElement($.PE,{shouldShowThumbnailForClips:pe,contentType:i,isUpcEnabled:P,isEnhancedPSG:v,renditionConfig:W,shouldShowThumbnailForCNEVideo:ue,hasClipInsideUPC:be},(e=>ye?a.createElement(b.EY,{as:y.A,href:he,isExternal:!_,target:$e?"_blank":"_self",rel:_?"noopener":"sponsored noopener",onClick:(e,t)=>((e,t)=>{const n=e?.currentTarget?.getAttribute("href"),o=(0,S.hh)();if(ke&&n){e.preventDefault();const{href:i}=(0,E.P)({event:e,gtmTrackOnClick:we,linkProps:n,position:t,type:"GallerySlideImage",component:"product_summary_grid",queryParams:o});window.open(i,"_blank","noopener, noreferrer")}else if(Ce&&n){e.preventDefault();const{href:i}=(0,S.ry)(n,"product_summary_grid",o);e.currentTarget.setAttribute("href",i),window.open(i,"_blank","noopener, noreferrer"),we(t,e)}else we(t,e)})(e,t),skipInternalHandleClick:!0,attributes:{tabIndex:-1,"aria-hidden":!0,...!_&&{"data-offer-retailer":H?.[0]?.sellerName,"data-offer-url":H?.[0]?.offerUrl}}
30641,component:"product_summary_grid"},a.createElement($.uv,{shouldShowStaticImage:ce,renditionConfig:W,isEnhancedPSG:e,...ae,hasNativeImgLazyLoading:!de,shouldAutoPlay:!de,shouldYieldControlOfVideoPlayPause:de})):a.createElement($.uv,{shouldShowStaticImage:ce,renditionConfig:W,isEnhancedPSG:e,...ae,hasNativeImgLazyLoading:!de,shouldAutoPlay:!de,shouldYieldControlOfVideoPlayPause:de}))(v))),a.createElement(L,{isEnhancedPSG:v,brandAndName:J,ctaHref:s,ctaText:te,dangerousHed:m,isClickable:w,offers:H,productId:ne,itemIndex:f,isUpcEnabled:P,href:M}),a.createElement($.yS,{shouldShowAdRail:X,isEnhancedPSG:v,productId:ne,isUpcEnabled:P,actionIdFlags:R,...ve,ctaHref:s||`#${I}`,as:C,gtmClickHandler:we})))};N.propTypes={actionIdFlags:i().object,brand:i().string,btnStyle:i().oneOf(["filled","outlined","text"]),buttonVariation:i().string,className:i().string,contentType:i().string.isRequired,cta:i().shape({article:i().string,product:i().string,recipe:i().string,review:i().string}),ctaHref:i().string,ctaName:i().string,ctaText:i().string,dangerousHed:i().string,defaultImageForProductSummaryGrid:i().shape(h.A.propTypes),defaultProductSummaryImage:i().shape(h.A.propTypes),dropShipSellers:i().array,enableProductDetailPageTransfer:i().bool,hasCheckPriceFeature:i().bool,href:i().string,id:i().string,image:i().shape(h.A.propTypes),isEnhancedPSG:i().bool,isFullyRoundedButtonEnabled:i().bool,isHedClickable:i().bool,isUpcEnabled:i().bool,itemIndex:i().number,name:i().string,shouldShowAdRail:i().bool,offers:i().array,price:i().string,productDetailPageUrl:i().string,productName:i().string,renditionConfig:i().object,seal:i().object,shouldUseBlackButton:i().bool,showDiscountPercentLabel:i().bool,showLocalisedOffers:i().bool,showOfferUrl:i().bool,showPriceOnButton:i().bool,textBadge:i().object},N.displayName="ProductSummaryGridItem";const H=N},85559(e,t,n){n.d(t,{A:()=>C});var o=n(45135),i=n(13465),a=n(5556),r=n.n(a),s=n(96540),l=n(6442),d=n(58156),c=n.n(d),m=n(8509),u=n(11080);const p=e=>{if(0===e.length)return{processedChildrenData:[],extractedHeadline:null};let t,n=e;return"product-summary-heading"===e[0]?.props?.name&&(t=c()(e,"[0].props.children.props.children"),n=e.slice(1)),{processedChildrenData:n,extractedHeadline:t||null}};var g=n(90239),h=n(66552),y=n(72899),b=n(363);const f=e=>"string"==typeof e?e:"number"==typeof e||"boolean"==typeof e?String(e):Array.isArray(e)?e.map(f).join(""):s.isValidElement(e)?f(e.props.children):"",w=e=>{const{chunks:t,configuredComponentRef:n,gridTitle:o,productsToDisplayOnLoad:i=3,showPriceOnButton:a=!0,showLocalisedOffers:r=!0,isUpcEnabled:d,actionIdFlags:w={},shouldUseBlackButton:$,children:v=[],isFullyRoundedButtonEnabled:C,showDiscountPercentLabel:k=!1,renditionConfig:A,enableAffiliateDisclaimerLabel:x=!1,shouldHideProductSummaryGrid:E=!1}=e;if(E)return null;const{processedChildrenData:S,extractedHeadline:L}=s.useMemo(()=>{const e=Array.isArray(v)?v:[v],{processedChildrenData:t,extractedHeadline:n}=p(e);return{processedChildrenData:t.map(e=>e?.props?(e=>{if(!e||e.length<3)return null;const t=c()(e,"[0].props",{}),n=c()(e,"[1].props",{}),o=c()(e,"[2].props.children.props.children.props",{}),i=c()(n,"children.props.children"),a=f(i),r=c()(e,"[2].props.children.props"),s=f(o?.children)||f(r?.children),l="string"==typeof s?s:"",d=(e,t)=>f(c()(e,t,"")),m=d(t,"dangerousHed"),u=d(t,"productBrand"),p=d(o,"href");return{...t,id:t.id||t.productId,dangerousHed:a,ctaName:l,href:p,productName:m,brand:u,offers:c()(t,"multipleOffers",[])}})(e.props.children):null).filter(Boolean),extractedHeadline:n}}
30641,[v]),T=Boolean(S.length),N=S.length?S:t||[],H=N.filter(Boolean).filter(e=>!(Array.isArray(e.functionalTags)&&e.functionalTags.length>0)||!e.functionalTags.some(e=>e&&"_no-product-summary-grid"===e.name)),{formatMessage:I}=(0,l.A)(),B=(e=>e?.isAdrail??!1)(s.useContext(h.A)),O=H.length>i?i:N.length,K=Math.min(10,H.length),[D,_]=(0,s.useState)(!0),[P,R]=(0,s.useState)(!1),[q,M]=(0,s.useState)(O);return(0,s.useEffect)(()=>{i>=H.length&&(_(!1),R(!1))},[H.length,i]),H.length>0&&s.createElement(b.Rz,null,x&&s.createElement(y.A,{enableAffiliateDisclaimerLabel:!0}),s.createElement(b.Yw,{isEnhancedPSG:T},((e,t,n)=>e||t||n(m.A.defaultProductSummaryGridTitle))(L,o,I)),s.createElement(b.rw,null,H.slice(0,q).map((e,t)=>s.createElement(u.A,{isEnhancedPSG:T,key:e.id||t,...e,itemIndex:t,showPriceOnButton:a,showLocalisedOffers:r,isUpcEnabled:d||e.isUpcEnabled,actionIdFlags:w,shouldUseBlackButton:$,isFullyRoundedButtonEnabled:C,showDiscountPercentLabel:k,renditionConfig:A,enableProductDetailPageTransfer:e.enableProductDetailPageTransfer,textBadge:e.textBadge,seal:e.seal,hasCheckPriceFeature:e.hasCheckPriceFeature,shouldShowAdRail:B})),s.createElement(g.A,null,s.createElement(b.u2,{isEnhancedPSG:T},H.length>3&&D&&s.createElement(b.N_,{onClick:()=>{(()=>{const e=K+q;e>=H.length?(M(H.length),_(!1)):M(e),R(!0)})(),window.dataLayer&&window.dataLayer.push({event:"product-grid-showmore","Product-Grid":"showmore"})}},s.createElement(b.KM,{showMore:D,showLess:P,isEnhancedPSG:T},I(m.A.showMore))),q>i&&P&&s.createElement(b.N_,{onClick:()=>{M(O),R(!1),_(!0)}},s.createElement(b.hQ,{showMore:D}),s.createElement(b.IT,null,I(m.A.showLess))),s.createElement(b.S7,{isEnhancedPSG:T},q," / ",H.length)))))};w.propTypes={configuredComponentRef:r().func,actionIdFlags:r().object,children:r().array,chunks:r().array.isRequired,enableAffiliateDisclaimerLabel:r().bool,gridTitle:r().string,isEnhancedPSG:r().bool,isFullyRoundedButtonEnabled:r().bool,isUpcEnabled:r().bool,layout:r().string,productsToDisplayOnLoad:r().number,renditionConfig:r().object,shouldHideProductSummaryGrid:r().bool,shouldUseBlackButton:r().bool,showDiscountPercentLabel:r().bool,showLocalisedOffers:r().bool,showPriceOnButton:r().bool},w.displayName="ProductSummaryGrid",w.extractTextFromChildren=f,w.processChildrenForProductSummary=p;const $=w,v=(0,i.y)($,"ProductSummaryGrid"),C=(0,o.Ng)(e=>({isFullyRoundedButtonEnabled:e.commercePlatform?.psgIsFullyRoundedButtonEnabled,showDiscountPercentLabel:e.commercePlatform?.showDiscountPercentLabel,renditionConfig:e.commercePlatform?.psgRenditionConfig||{}}))(v)},363(e,t,n){n.d(t,{BU:()=>$,IT:()=>x,J4:()=>C,KM:()=>A,N_:()=>L,PE:()=>B,Rz:()=>_,S7:()=>S,Yw:()=>f,bo:()=>K,gM:()=>w,hQ:()=>E,lK:()=>O,nZ:()=>T,rw:()=>D,t0:()=>v,t5:()=>I,u2:()=>k,uv:()=>H,yS:()=>N});var o=n(38267),i=n(18608),a=n(73730),r=n(60881),s=n(26865),l=n(96472),d=n(73275),c=n(65226),m=n(7228),u=n(91783),p=n(15622),g=n(94037),h=n(
3064150531),y=n(18117),b=n(87586);const f=(0,o.Ay)(i.vm).withConfig({displayName:"ProductSummaryGridTitle"}).attrs(e=>({as:"h2",...e}))` 30642 && { 30643 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 30644 } 30645 ${({theme:e,isEnhancedPSG:t})=>{const n=t?`${(0,s.Kq)(1.5,"px")} 0 ${(0,s.Kq)(1.5,"px")}`:`${(0,s.Kq)(2)} 0 ${(0,s.Kq)(2)}`,o=t?(0,s.HK)(e,"colors.discovery.body.white.heading"):(0,s.HK)(e,"colors.consumption.body.standard.divider"),i=t?(0,s.HK)(e,"colors.discovery.body.white.heading"):void 0;return`\n border-top: 1px solid ${o};\n border-bottom: 1px solid ${o};\n ${i?`color: ${i};`:""}\n padding: ${n};\n `}} 30646 && { 30647 margin: 0; 30648 } 30649`,w=(o.Ay.div.withConfig({displayName:"ProductSummaryCtaBlock"})``,(0,o.Ay)(a.A.Utility).withConfig({displayName:"ProductSummaryCaptionButton"})` 30650 margin-top: ${(0,s.Kq)(4)}; 30651`,o.Ay.span.withConfig({displayName:"ProductSummaryHedText"})` 30652 display: block; 30653 margin-bottom: ${(0,s.Kq)(1)}; 30654 30655 ${({theme:e,isEnhancedPSG:t})=>t?`\n ${(0,s.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}\n color: ${(0,s.HK)(e,"colors.consumption.body.standard.body")};\n /* stylelint-disable value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: break-word;\n /* stylelint-enable value-no-vendor-prefix */\n `:""} 30656`),$=(0,o.Ay)(i.vm).withConfig({displayName:"ProductSummaryHed"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.subhed",typeIdentity:"typography.definitions.consumptionEditorial.subhed-aux-secondary",...e}))` 30657 display: flex; 30658 grid-area: content; 30659 flex-direction: column; 30660 justify-content: center; 30661 ${({isEnhancedPSG:e})=>e&&o.AH` 30662 @media (min-width: calc(${l.LO.md})) { 30663 min-width: 145px; 30664 } 30665 `} 30666`,v=o.Ay.div.withConfig({displayName:"ProductSummaryBrandAndName"})` 30667 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.consumptionEditorial.description-embed")}; 30668 margin-bottom: ${(0,s.Kq)(1.5)}; 30669 30670 ${({isEnhancedPSG:e,elipsisValue:t})=>e&&o.AH` 30671 /* stylelint-disable value-no-vendor-prefix */ 30672 display: -webkit-box; 30673 -webkit-line-clamp: ${t}; 30674 -webkit-box-orient: vertical; 30675 overflow: hidden; 30676 text-overflow: ellipsis; 30677 word-break: break-word; 30678 /* stylelint-enable value-no-vendor-prefix */ 30679 `} 30680`,C=(0,o.Ay)(r.s).withConfig({displayName:"ProductSummaryDekReadMore"}).attrs(e=>({as:"a",colorStaticLinkToken:"colors.interactive.base.black",colorToken:null,linkStyle:"global",...e}))` 30681 ${({theme:e,isEnhancedPSG:t})=>{const n=t?"typography.definitions.utility.button-core":"typography.definitions.utility.button-utility";return(0,s.Gg)(e,n)}} 30682 30683 display: inline-block; 30684 font-style: normal; 30685`,k=o.Ay.div.withConfig({displayName:"ProductSummaryGridShowMoreLessWrapper"})` 30686 display: grid; 30687 grid-template-columns: auto auto repeat(5, 1fr); 30688 align-items: center; 30689 ${({isEnhancedPSG:e})=>e?`\n margin-top: ${(0,s.Kq)(1,"px")};\n margin-bottom: ${(0,s.Kq)(1,"px")};\n `:`margin-top: ${(0,s.Kq)(2)};`} 30690`,A=(0,o.Ay)(r.s).withConfig({displayName:"ProductSummaryGridShowMore"}).attrs(e=>({as:"a",colorStaticLinkToken:"colors.interactive.base.black",colorToken:null,linkStyle:"global",...e}))` 30691 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.utility.button-core")} 30692`,x=(0,o.Ay)(r.s).withConfig({displayName:"ProductSummaryGridShowLess"}).attrs(e=>({as:"a",colorStaticLinkToken:"colors.interactive.base.black",colorToken:null,linkStyle:"global",...e}))` 30693 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.utility.button-core")} 30694`,E=o.Ay.div.withConfig({displayName:"ProductSummaryGridShowLessDivider"})` 30695 ${({showMore:e})=>e&&o.AH` 30696 display: inline-block; 30697 margin: 0 ${(0,s.Kq)(1.5)}; 30698 border-left: 1px solid 30699 ${(0,s.HK)("colors.consumption.body.standard.divider")}; 30700 height: 10px; 30701 content: ''; 30702 30703 ${(0,s.L7)(l.LO.md)} { 30704 margin-right: ${(0,s.Kq)(1.5)}; 30705 } 30706 `} 30707`,S=o.Ay.div.withConfig({displayName:"ProductSummaryGridCardCounter"}).attrs({translate:"no"})` 30708 grid-column: 8; 30709 justify-self: end; 30710 ${({theme:e})=>(0,s.Gg)(e,"typography.definitions.globalEditorial.numerical-small")}; 30711 margin-top: ${(0,s.Kq)(.4)}; 30712 color: ${(0,s.HK)("colors.consumption.body.standard.body-deemphasized")}; 30713`,L=o.Ay.a.withConfig({displayName:"Link"})` 30714 ${({theme:e})=>(0,s.pe)(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover")}; 30715`,T=o.Ay.div.withConfig({displayName:"ProductSummaryGridOfferWrapper"})` 30716 grid-area: button; 30717 ${({isFullyRoundedButtonEnabled:e})=>e&&"\n a {\n border-radius: 50px;\n }\n "} 30718 30719 @media (max-width: calc(${l.LO.md} - 1px)) { 30720 ${g.F} { 30721 width: 100%; 30722 max-width: 100%; 30723 } 30724 } 30725 ${({hasNoOffers:e,isEnhancedPSG:t,theme:n,shouldUseBlackButton:i})=>e&&t&&o.AH` 30726 ${h.eM} { 30727 border-width: 1px; 30728 background-color: ${i?(0,s.HK)(n,"colors.interactive.base.black"):(0,s.HK)(n,"colors.interactive.base.white")}; 30729 border-color: ${(0,s.HK)(n,"colors.interactive.base.black")}; 30730 } 30731 30732 &:hover, 30733 &:focus, 30734 &:active, 30735 &:visited { 30736 ${h.eM} { 30737 background-color: ${i?(0,s.HK)(n,"colors.consumption.lead.standard.context-signature"):(0,s.HK)(n,"colors.interactive.base.black")}; 30738 border-color: ${i?(0,s.HK)(n,"colors.consumption.lead.standard.context-signature"):(0,s.HK)(n,"colors.interactive.base.black")}; 30739 } 30740 ${h.Lj} { 30741 color: ${(0,s.HK)(n,"colors.interactive.base.white")}; 30742 } 30743 } 30744 `} 30745 30746 ${({isEnhancedPSG:e,theme:t,isUpcEnabled:n,shouldUseBlackButton:i})=>e?o.AH` 30747 max-width: 100%; 30748 width: 300px; 30749 min-width: auto; 30750 @media (min-width: calc(${l.LO.md})) { 30751 a { 30752 min-width: 0; 30753 } 30754 } 30755 @media (min-width: 1440px) { 30756 padding-left: 0px; 30757 width: ${({shouldShowAdRail:e})=>e?"224px":"300px"}; 30758 } 30759 display: flex; 30760 align-items: center; 30761 justify-content: end; 30762 margin-right: 0; 30763 ${g.F} { 30764 width: 100%; 30765 } 30766 ${p.lk} { 30767 @media (min-width: 1600px) { 30768 max-width: 100%; 30769 } 30770 } 30771 ${h.eM} { 30772 width: 100%; 30773 } 30774 ${h.Lj} { 30775 color: ${(0,b.b)(!1,i,t)}; 30776 span, 30777 * { 30778 color: ${(0,b.b)(!1,i,t)}; 30779 } 30780 ${(0,s.Gg)(t,"typography.definitions.utility.button-core")}; 30781 } 30782 ${p.dU} { 30783 width: 100%; 30784 height: ${n?"48px":"40px"}; 30785 &:hover, 30786 &:focus, 30787 &:active, 30788 &:visited { 30789 ${h.Lj} { 30790 color: ${(0,s.HK)(t,"colors.interactive.base.white")}; 30791 span, 30792 * { 30793 color: ${(0,s.HK)(t,"colors.interactive.base.white")}; 30794 } 30795 } 30796 } 30797 } 30798 `:o.AH` 30799 a { 30800 min-width: 15rem; 30801 } 30802 30803 display: flex; 30804 align-items: center; 30805 ${p.dU} > a, 30806 > a { 30807 padding: 0; 30808 height: ${n?"48px":"40px"}; 30809 30810 @media (max-width: calc(${l.LO.md} - 1px)) { 30811 width: 100%; 30812 } 30813 30814 ${(0,s.Xm)(l.LO.md,l.LO.lg)} { 30815 width: 300px; 30816 } 30817 30818 ${(0,s.Xm)(l.LO.lg,l.LO.xl)} { 30819 width: 224px; 30820 } 30821 30822 ${(0,s.Xm)(l.LO.xl,l.LO.xxl)} { 30823 width: 222px; 30824 } 30825 } 30826 `} 30827 30828 ${h.Lj} { 30829 /* stylelint-disable-next-line value-no-vendor-prefix */ 30830 display: -webkit-box; 30831 padding: 0 8px 0; 30832 overflow: hidden; 30833 text-overflow: ellipsis; 30834 -webkit-line-clamp: 2; 30835 -webkit-box-orient: vertical; 30836 /* stylelint-enable-next-line value-no-vendor-prefix */ 30837 } 30838 30839 @media (max-width: calc(${l.LO.md} - 1px)) { 30840 margin-top: ${(0,s.Kq)(2.5)}; 30841 30842 a { 30843 width: 100%; 30844 } 30845 30846 ${({isEnhancedPSG:e})=>e&&o.AH` 30847 padding-left: 0; 30848 width: 100%; 30849 max-width: 100%; 30850 `} 30851 } 30852 30853 ${(0,s.Xm)(l.LO.lg,l.LO.xl)} { 30854 ${({isEnhancedPSG:e})=>e&&o.AH` 30855 margin-top: ${(0,s.Kq)(2.5)}; 30856 padding-left: 0; 30857 width: 100%; 30858 max-width: 100%; 30859 30860 a { 30861 width: 100%; 30862 } 30863 `} 30864 } 30865`,N=o.Ay.div.withConfig({displayName:"ProductSummaryButton"})``,H=(0,o.Ay)(d.A).withConfig({displayName:"ProductSummaryResponsiveAsset"})` 30866 & { 30867 ${m.BF} { 30868 display: block; 30869 width: ${({isEnhancedPSG:e})=>e?"80px":"69px"}; 30870 min-width: ${({isEnhancedPSG:e})=>e&&"80px"}; 30871 max-width: 100%; 30872 ${({isEnhancedPSG:e})=>e?"height: auto;
30872":""} 30873 } 30874 30875 ${u.hh} { 30876 width: ${({isEnhancedPSG:e})=>e?"80px":"69px"}; 30877 min-width: ${({isEnhancedPSG:e})=>e&&"80px"}; 30878 max-width: 100%; 30879 30880 video { 30881 height: auto; 30882 } 30883 } 30884 } 30885 30886 ${({isEnhancedPSG:e})=>!e&&"\n &&&{\n width: 69px;\n }\n "} 30887 30888 @media (min-width: ${l.LO.xl}) { 30889 &&&, 30890 & ${m.BF}, & ${u.hh} { 30891 width: ${({isEnhancedPSG:e})=>e?"80px":"100px"}; 30892 min-width: unset; 30893 } 30894 } 30895 30896 & .responsive-image { 30897 display: block; 30898 } 30899`,I=o.Ay.div.withConfig({displayName:"ProductSummaryAssetContainer"})` 30900 ${({isEnhancedPSG:e})=>!e&&o.AH` 30901 width: 69px; 30902 `} 30903 display: flex; 30904 position: relative; 30905 align-items: center; 30906 overflow: hidden; 30907 container-type: inline-size; 30908 30909 @media (min-width: ${l.LO.xl}) { 30910 width: 100%; 30911 } 30912`,B=o.Ay.div.withConfig({displayName:"ProductSummaryAssetWrapper"})` 30913 display: flex; 30914 position: relative; 30915 grid-area: image; 30916 align-items: center; 30917 ${({shouldShowThumbnailForClips:e,shouldShowThumbnailForCNEVideo:t,renditionConfig:n,isEnhancedPSG:i})=>e||t?o.AH` 30918 overflow: hidden; 30919 span, 30920 picture, 30921 img { 30922 overflow: hidden; 30923 object-fit: cover; 30924 } 30925 ${m.BF} { 30926 object-fit: cover; 30927 ${(0,c.y)(i?80:69,n.md)} 30928 } 30929 `:"height: 100%;"} 30930 ${({isEnhancedPSG:e})=>e&&`\n > * {\n flex: 1 1 auto;\n }\n div, figure {\n flex: 1 1 auto;\n width: 100%;\n }\n iframe, video {\n width: 100%;\n height: auto;\n display: block;\n }\n ${y.U}{\n height:auto;\n padding:0;\n }\n `} 30931 30932 picture { 30933 width: 100%; 30934 } 30935 30936 img { 30937 background-color: ${({theme:e,isUpcEnabled:t})=>t&&`${(0,s.HK)(e,"colors.consumption.body.standard.bg-card")}`}; 30938 } 30939 30940 a { 30941 padding-left: 0; 30942 } 30943 30944 ${(0,s.Xm)(l.LO.xl)} { 30945 width: 100%; 30946 } 30947 30948 ${({hasClipInsideUPC:e,renditionConfig:t})=>e&&o.AH` 30949 > * { 30950 flex: 1 1 auto; 30951 } 30952 && ${u.hh} { 30953 display: flex; 30954 position: absolute; 30955 top: 0; 30956 right: 0; 30957 bottom: 0; 30958 left: 0; 30959 align-items: center; 30960 justify-content: center; 30961 cursor: default; 30962 width: 100%; 30963 @media (max-width: calc(${l.LO.md} - 1px)) { 30964 width: 69px; 30965 } 30966 30967 video { 30968 width: 100%; 30969 height: 100%; 30970 object-fit: contain; 30971 } 30972 } 30973 30974 ${(0,c.YN)("responsive-clip",t)}; 30975 30976 ${u.WE} { 30977 overflow: hidden; 30978 place-items: center; 30979 } 30980 `} 30981`,O=o.Ay.figure.withConfig({displayName:"ProductSummaryImage"})` 30982 display: grid; 30983 grid-template-areas: 'image content button'; 30984 margin: 0; 30985 width: 100%; 30986 30987 ${({isEnhancedPSG:e})=>e?o.AH` 30988 grid-template-columns: ${(0,s.Kq)(10)} 1fr minmax( 30989 0, 30990 max-content 30991 ); 30992 column-gap: ${(0,s.Kq)(1.5,"px")}; 30993 padding: ${(0,s.Kq)(1.5,"px")} 0; 30994 `:o.AH` 30995 grid-template-columns: 1fr 3fr 2fr; 30996 column-gap: ${(0,s.Kq)(1.5)}; 30997 padding: ${(0,s.Kq)(2)} 0; 30998 `}; 30999 31000 @media (max-width: calc(${l.LO.md} - 1px)) { 31001 ${({isEnhancedPSG:e})=>e?`\n grid-template-areas:\n 'image content'\n 'button button';\n grid-template-columns: ${(0,s.Kq)(10)} 1fr;\n width: 100%;\n padding: ${(0,s.Kq)(1.5,"px")} 0;\n `:"\n grid-template-areas:\n 'content content content image'\n 'button button button button';\n "} 31002 } 31003 31004 ${(0,s.Xm)(l.LO.lg,l.LO.xl)} { 31005 ${({isEnhancedPSG:e})=>e&&`\n grid-template-areas:\n 'image content'\n 'button button';\n grid-template-columns: ${(0,s.Kq)(10)} 1fr;\n padding: ${(0,s.Kq)(1.5,"px")} 0;\n width: 100%;\n `} 31006 } 31007 31008 div[class*='UnifiedProductCardTextBadge-']:not( 31009 div[class*='UnifiedProductCardSeal-'] 31010 + div[class*='UnifiedProductCardTextBadge-'] 31011 ) { 31012 max-width: calc(100% - 24px); 31013 } 31014`,K=o.Ay.div.withConfig({displayName:"ProductSummaryWrapper"})` 31015 border-bottom: 1px solid 31016 ${({theme:e})=>(0,s.HK)(e,"colors.consumption.body.standard.divider")}; 31017 31018 ${({isEnhancedPSG:e})=>e&&"width: 100%;"} 31019 31020 ${({isEnhancedPSG:e})=>e&&o.AH` 31021 @media (max-width: calc(${l.LO.md} - 1px)) { 31022 width: 100%; 31023 } 31024 `}
31025 ${({theme:e,isEnhancedPSG:t,hasBackground:n})=>t?"":n&&o.AH` 31026 ${(0,s._o)(e,"background-color","colors.consumption.body.standard.bg-card")}; 31027 31028 padding-bottom: ${(0,s.Kq)(6)}; 31029 31030 ${(0,s.L7)(l.LO.md)} { 31031 margin: 0 0 ${(0,s.Kq)(12)}; 31032 } 31033 31034 ${O} { 31035 margin: 0; 31036 } 31037 `} 31038 31039 ${B} { 31040 width: 100%; 31041 } 31042`,D=o.Ay.div.withConfig({displayName:"ProductSummaryGridWrapper"})` 31043 ${({isEnhancedPSG:e,hasAffiliateDisclaimer:t,theme:n})=>e&&o.AH` 31044 margin-top: ${t?0:(0,s.Kq)(4,"px")}; 31045 margin-bottom: ${(0,s.Kq)(4,"px")}; 31046 padding: ${(0,s.Kq)(3,"px")}; 31047 width: 100%; 31048 min-width: 230px; 31049 ${(0,s._o)(n,"background-color","colors.background.light")} 31050 `} 31051`,_=o.Ay.div.withConfig({displayName:"ProductSummaryGridContainer"})``},8509(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({gridTitle:{id:"ProductSummaryGrid.GridTitle",defaultMessage:"Featured in this article",description:"Product Summary Grid title"},readMore:{id:"ProductSummaryGrid.ReadMore",defaultMessage:"Read more",description:"Product Summary Grid accordian to read more"},jumpToReview:{id:"ProductSummaryGrid.JumpToReview",defaultMessage:"Jump to review",description:"Product Summary Grid accordian to jump to review"},showMore:{id:"ProductSummaryGrid.ShowMore",defaultMessage:"Show more",description:"Product Summary Grid button text to show more grid items"},showLess:{id:"ProductSummaryGrid.ShowLess",defaultMessage:"Show less",description:"Product Summary Grid button text to show less grid items",isConfigurable:!0},defaultProductSummaryGridTitle:{id:"ProductSummaryGrid.DefaultProductSummaryGridTitle",defaultMessage:"Featured in this article",description:"default title for product summary grid"}})},15226(e,t,n){n.d(t,{A:()=>$});var o=n(13465),i=n(47655),a=n(32485),r=n.n(a),s=n(5556),l=n.n(s),d=n(96540),c=n(53499),m=n(86659),u=n(73275),p=n(73730),g=n(75697),h=n(90090),y=n(89957);const b=({asset:e,secondaryButtonVariation:t,className:n,configuredComponentRef:o,contentTextAlign:i="center",dangerousButtonText:a,dangerousSecondaryButtonText:s,dangerousText:l,dangerousTitle:u,hasFullWidthForAsset:b=!1,hasNativeImgLazyLoading:f,hasRoundedEdges:w=!1,hasTopLine:$=!0,hasFullGridWidth:v=!1,href:C,shouldLinkWrapper:k=!0,primaryButtonStyle:A,secondaryHref:x,secondaryButtonPosition:E,showSecondaryButton:S=!1,shouldEnableBackgroundImgForMobile:L=!1,shouldEnableBundleComponentAnalytics:T,shouldFetchBITokens:N=!1,trackingNamespace:H,isInverted:I=!1,isInvertedTheme:B=!1,variations:O={showCard:!0},variationName:K})=>{const{showCard:D,fullBleed:_,contentAlign:P}=O;d.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(c.G.RENDER,{name:"PromoBox",variation:K})},[K]),(0,y.ol)(".promo-box",void 0,e=>{e&&(0,h.zJ)("promobox-impression",{href:C})});const R={inputKind:S?"link":"text",btnStyle:A,isCardVariation:D,label:a,secondaryButtonPosition:E,href:C},q={...R,btnStyle:"outlined",label:s,href:S&&x},M=D?m.A.NoMargins:m.A.WithMargins,F=D&&!_?m.A.WithMargins:"div",U=(0,h.NY)(T,H?.primary||a),V=(0,h.NY)(T,H?.secondary||s);return d.createElement(g.S_,{ref:o,"data-testid":"promo-box",href:x?void 0:`${C}`,className:r()("promo-box",n),contentAlign:P,isCardVariation:D,hasTopLine:$,hasFullGridWidth:v,as:k&&C?"a":"div",hasFullWidthForAsset:b,shouldFetchBITokens:N},e&&d.createElement(g.zx,{...e,hasNativeImgLazyLoading:f,contentAlign:P,isCardVariation:D,hasFullWidthForAsset:b,hasRoundedEdges:w,shouldEnableBackgroundImgForMobile:L}),d.createElement(g.OR,{as:F,isCardVariation:D,fullBleed:_},d.createElement(g.HU,{className:"promo-box__callout",isCardVariation:D,isInverted:I,contentAlign:P,fullBleed:_},u&&d.createElement(g.Wy,{as:M,isCardVariation:D},d.createElement(g.Hv,{contentAlign:P,isCardVariation:D,dangerouslySetInnerHTML:{__html:u},isInvertedTheme:B,isInverted:I})),l&&d.createElement(g.Wy,{as:M,isCardVariation:D},d.createElement(g.s6,{className:"promo-box__text",contentTextAlign:i,contentAlign:P,isCardVariation:D,dangerouslySetInnerHTML:{__html:l},isInvertedTheme:B,isInverted:I})),d.createElement(g.aO,{secondaryButtonPosition:E},R.label&&d.createElement(g.Z,{...R,...U,isInverted:I}),S&&q.label&&d.createElement(g.Z8,{...q,...V,as:p.A[t]})))))};b.propTypes={configuredComponentRef:l().func,asset:l().shape(u.A.propTypes),className:l().string,contentTextAlign:l().oneOf(["left","right","center"]),dangerousButtonText:l().string,dangerousSecondaryButtonText:l().string,dangerousText:l().string,dangerousTitle:l().string,hasFullGridWidth:l().bool,hasFullWidthForAsset:l().bool,hasNativeImgLazyLoading:l().bool,hasRoundedEdges:l().bool,hasTopLine:l().bool,href:l().string.isRequired,isInverted:l().bool,isInvertedTheme:l().bool,primaryButtonStyle:l().oneOf(["filled","outlined","text"]),secondaryButtonPosition:l().string,
31051secondaryButtonVariation:l().string,secondaryHref:l().string,shouldEnableBackgroundImgForMobile:l().bool,shouldEnableBundleComponentAnalytics:l().bool,shouldFetchBITokens:l().bool,shouldLinkWrapper:l().bool,showSecondaryButton:l().bool,trackingNamespace:l().object,variationName:l().string,variations:l().shape({contentAlign:l().oneOf(["below"]),showCard:l().bool,fullBleed:l().bool})},b.displayName="PromoBox";const f=b;f.TextBelow=(0,i.y)(f,"TextBelow",{contentAlign:"below",showCard:!1}),f.FullBleed=(0,i.y)(f,"FullBleed",{contentAlign:"below",fullBleed:!0,showCard:!0},{shouldLinkWrapper:!1});const w=f,$=(0,o.y)(w,"PromoBox")},75697(e,t,n){n.d(t,{HU:()=>p,Hv:()=>h,OR:()=>w,S_:()=>m,Wy:()=>$,Z:()=>b,Z8:()=>f,aO:()=>y,s6:()=>g,zx:()=>u});var o=n(38267),i=n(18608),a=n(26865),r=n(1123),s=n(96472),l=n(40653),d=n(73275),c=n(73730);const m=(0,o.Ay)(i.c7).withConfig({displayName:"PromoBoxWrapper"})` 31052 display: flex; 31053 position: relative; 31054 align-items: center; 31055 justify-content: center; 31056 text-align: center; 31057 text-decoration: none; 31058 31059 ${({theme:e,hasTopLine:t,shouldFetchBITokens:n=!0})=>t?`\n border-top: ${n?(0,a.Pp)(e,"dividerWidth"):"1px"} solid;\n ${(0,a._o)(e,"border-color",n?"colors.discovery.body.white.border":"colors.discovery.body.white.divider")};\n padding-top: ${(0,a.Kq)(6)};\n `:""} 31060 31061 ${({isCardVariation:e})=>e?`\n display: grid;\n position: relative;\n grid-template-columns: repeat(12, 1fr);\n\n @media (min-width: ${s.LO.md}) {\n ${(0,r.aU)("margin",!0)}\n }\n `:""} 31062 31063 ${({hasFullGridWidth:e})=>e&&`@media (min-width: ${s.LO.md}) {\n margin-left: 0;\n margin-right: 0;\n }`} 31064 31065 ${({contentAlign:e})=>"below"===e?"\n flex-wrap: wrap;\n ":""} 31066 31067 ${({hasFullWidthForAsset:e})=>e&&`\n &:focus-visible {\n outline-offset: ${(0,a.Kq)(.5)};\n }\n `} 31068`,u=(0,o.Ay)(d.A).withConfig({displayName:"PromoBoxResponsiveAsset"})` 31069 width: 100%; 31070 31071 ${({isCardVariation:e})=>e?`\n grid-column: 1/-1;\n grid-row: 1;\n z-index: 1;\n\n &.responsive-asset {\n display: none;\n }\n @media (min-width: ${s.LO.md}) {\n &.responsive-asset {\n display: block;\n }\n }\n `:""} 31072 31073 ${({contentAlign:e})=>"below"===e?"\n &::after {\n display: none;\n }\n ":""} 31074 31075 ${({hasFullWidthForAsset:e})=>e&&"\n .responsive-image__image {\n width: 100%;\n }\n"} 31076 31077 ${({hasRoundedEdges:e})=>e&&`\n &.responsive-asset {\n border-radius: ${(0,a.Kq)(1)};\n }\n @media (max-width: ${s.LO.md}) {\n &.responsive-asset {\n border-radius: ${(0,a.Kq)(1)};\n }\n } \n `} 31078 31079 ${({shouldEnableBackgroundImgForMobile:e})=>e&&`\n @media (max-width: ${s.LO.md}) {\n &.responsive-asset {\n display: block;\n }\n } \n `} 31080`,p=o.Ay.div.withConfig({displayName:"PromoBoxCallout"})` 31081 position: relative; 31082 text-decoration: none; 31083 31084 ${({theme:e,isCardVariation:t})=>t?`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n ${(0,a._o)(e,"background-color","colors.discovery.body.brand.background")};\n padding: ${(0,a.Kq)(2)} ${(0,a.Kq)(2)};\n text-align: center;\n text-decoration: none;\n\n @media (min-width: ${s.LO.md}) {\n padding: ${(0,a.Kq)(6)} ${(0,a.Kq)(7)};\n }\n \n `:""} 31085 31086 ${({contentAlign:e})=>"below"===e?`\n margin-top: ${(0,a.Kq)(1)};\n\n @media (min-width: ${s.LO.md}) {\n margin-top: ${(0,a.Kq)(5)};\n }\n `:""} 31087 31088 ${({isInverted:e,theme:t})=>e&&`${(0,a._o)(t,"background-color","colors.discovery.body.black.background")}`} 31089`,g=(0,o.Ay)(i.vm).withConfig({displayName:"PromoBoxText"}).attrs(e=>({as:"div",colorToken:"colors.discovery.body.black.description",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 31090 margin-top: ${(0,a.Kq)(1)}; 31091 31092 ${({contentAlign:e,theme:t})=>"below"===e?`\n ${(0,a.Gg)(t,"typography.definitions.discovery.description-core")}\n ${(0,a._o)(t,"color","colors.discovery.body.white.description")};\n margin-top: ${(0,a.Kq)(2)};\n `:""} 31093 31094 @media (min-width: ${s.LO.md}) { 31095 margin-top: ${(0,a.Kq)(2)}; 31096 } 31097 31098 ${({isCardVariation:e,theme:t})=>e?`\n ${(0,a.Gg)(t,"typography.definitions.discovery.description-core")}\n ${(0,a._o)(t,"color","colors.discovery.body.brand.description")};\n margin-top: ${(0,a.Kq)(2)};\n\n @media (min-width: ${s.LO.md}) {\n margin-top: ${(0,a.Kq)(3)}\n }\n `:""} 31099 31100 ${({isInvertedTheme:e,theme:t})=>
31100e?`color: ${(0,a.HK)(t,"colors.background.white")}}`:""} 31101 31102 ${({isInverted:e,theme:t})=>e&&`color: ${(0,a.HK)(t,"colors.background.white")};`} 31103 31104 ${({contentTextAlign:e})=>`text-align: ${e}`}; 31105`,h=(0,o.Ay)(i.vm).withConfig({displayName:"PromoBoxTitle"}).attrs(e=>({as:"span",colorToken:"colors.discovery.body.black.heading",typeIdentity:"typography.definitions.discovery.hed-core-primary",...e}))` 31106 margin-top: ${(0,a.Kq)(2)}; 31107 text-align: center; 31108 31109 ${({contentAlign:e,theme:t})=>"below"===e?`\n margin-top: 0;\n ${(0,a._o)(t,"color","colors.discovery.body.white.heading")};\n `:""} 31110 31111 @media (min-width: ${s.LO.md}) { 31112 ${({theme:e})=>(0,a.Gg)(e,"typography.definitions.discovery.hed-break-out")} 31113 } 31114 31115 ${({isCardVariation:e,theme:t})=>e?`\n ${(0,a.Gg)(t,"typography.definitions.discovery.hed-core-primary")}\n ${(0,a._o)(t,"color","colors.discovery.body.brand.heading")};\n margin-top: 0;\n width: 100%;\n\n @media (min-width: ${s.LO.md}) {\n ${(0,a.Gg)(t,"typography.definitions.discovery.hed-feature")}\n width: 100%;\n }\n\n @media (min-width: ${s.LO.lg}) {\n ${(0,a.Gg)(t,"typography.definitions.discovery.hed-break-out")}\n }\n `:""} 31116 ${({isInvertedTheme:e,theme:t})=>e?`color: ${(0,a.HK)(t,"colors.background.white")}}`:""} 31117 31118 ${({isInverted:e,theme:t})=>e&&`color: ${(0,a.HK)(t,"colors.background.white")};`} 31119`,y=(0,o.Ay)(i.c7).withConfig({displayName:"PromoBoxButtonContainer"})` 31120 display: flex; 31121 flex-direction: ${({secondaryButtonPosition:e})=>"inverted"===e?"column-reverse":"column"}; 31122 align-items: center; 31123 justify-content: center; 31124`,b=(0,o.Ay)(c.A.Primary).withConfig({displayName:"PromoBoxButtonPrimary"})` 31125 margin-top: ${({isCardVariation:e})=>e?(0,a.Kq)(2):(0,a.Kq)(1)}; 31126 31127 @media (min-width: ${s.LO.md}) { 31128 margin-top: ${({isCardVariation:e,secondaryButtonPosition:t})=>{"inverted"===t?(0,a.Kq)(2):e?(0,a.Kq)(4):(0,a.Kq)(5)}}; 31129 } 31130 31131 ${({isInverted:e,theme:t})=>e&&`background-color: ${(0,a.HK)(t,"colors.background.black")};\n color: ${(0,a.HK)(t,"colors.background.white")};\n \n &:hover {\n background-color: ${(0,a.HK)(t,"colors.background.white")};\n color: ${(0,a.HK)(t,"colors.background.black")};\n }\n `} 31132`,f=o.Ay.button.withConfig({displayName:"PromoBoxButtonSecondary"})` 31133 margin-top: ${({isCardVariation:e})=>e?(0,a.Kq)(2):(0,a.Kq)(1)}; 31134 31135 @media (min-width: ${s.LO.md}) { 31136 margin-top: ${({isCardVariation:e,secondaryButtonPosition:t})=>{"inverted"!==t?(0,a.Kq)(2):e?(0,a.Kq)(4):(0,a.Kq)(5)}}; 31137 } 31138`,w=o.Ay.div.withConfig({displayName:"PromoBoxContent"})` 31139 ${({isCardVariation:e})=>e?`\n && {\n grid-column: 1/-1;\n grid-row: 1;\n z-index: 2;\n }\n\n ${l.E} {\n grid-column: 1/-1;\n }\n\n @media (min-width: ${s.LO.md}) {\n ${l.E} {\n grid-column: 3/11;\n }\n }\n `:""} 31140`,$=o.Ay.div.withConfig({displayName:"PromoBoxCalloutContent"})` 31141 ${l.E} { 31142 grid-column: span 4; 31143 31144 @media (min-width: ${s.LO.md}) { 31145 grid-column: 3 / span 8; 31146 } 31147 } 31148 31149 ${({isCardVariation:e})=>e?`\n @media (min-width: ${s.LO.md}) {\n ${l.E} {\n grid-column: span 12;\n }\n }\n `:""} 31150`},65226(e,t,n){n.d(t,{YN:()=>s,bI:()=>a,y:()=>l});var o=n(99906);const i=e=>{const[t,n]=e.split("/");return Math.ceil(100*t/n)},a=e=>{const{columnSpans:t,isFullBleed:n}=e||{};return t?o.Ay.sizesDescending.reduce((e,a,r)=>{const s=i(t[a]),l=o.Ay.sizesDescending[r+1],d=l?i(t[l]):0;if("xxxl"!==a||n)"sm"===a?e.push(`${s}vw`):s!==d&&e.push(`(min-width: ${o.Ay.minThresholds[a]}px) ${s}vw`);else{const t=o.Ay.minThresholds.xxxl,n=Math.ceil(t*s/100);e.push(`(min-width: ${t}px) ${n}px`)}return e},[]).join(", "):"100vw"};function r(e){const t=e.height/e.width,n=function(e){if(!e)return NaN;const[t,n]=e.split(":").map(e=>parseInt(e,10));return n/t}(e.aspectRatio);return Math.round(1e4*(t||n))/100}function s(e,t){if(!e||!t.sm)return"";const n=r(t.sm);let i=`\n .${e} {\n height: 0;\n padding-bottom: ${n}%;\n }`;if(t.lg){const a=r(t.lg);a!==n&&(i+=`\n @media (min-width: ${o.Ay.minThresholds.lg}px) {\n .${e} {\n padding-bottom: ${a}%;\n }\n }`)}return i}function l(e,t){if(!t?.aspectRatio||"number"!=typeof e)return"";const[n,o]=t.aspectRatio.split(":").map(Number);if(!n||!o)return"";return`height: ${Math.round(e*o/n)}px;overflow: hidden;`}},69328(e,t,n){n.d(t,{A:()=>A});var o=n(96540),i=n(5556),a=n.n(i),r=n(32485),s=n.n(r),l=n(22776),d=n(99906),c=n(73275),m=n(90090),u=n(53499),p=n(70713),g=n(14307),h=n(49938),y=n(51886),b=n(68397),f=n(55659);const w=e=>e?.current?.querySelector("nav > ul"),$=(e,t)=>{const n=w(t),o=e||1,i=n?.querySelector(`li:nth-child(${o})`),a=i?.offsetLeft;n.scrollTo({left:a-48,behavior:"smooth"})},{deepPropsComparison:v}=n(89738),C={snowplowNavEventSubject:"carousel_navigation_list"},k=o.memo(({ariaLabel:e,className:t,collapseMegaMenu:n=()=>{},defaultNavLinkCount:i=6,dek:a,disableSubHeaderTracking:r=!1,hasBorders:d,hasBottomBorder:v,hasContentHeaderLogo:k,hasCarouselControls:A,hasSmallViewportTitle:x,hasDefaultChevron:E,hasDivider:S,hasGradient:L=!0,hasNativeImgLazyLoading:T,hideMoreLinkOnLargerScreens:N=!1,hidePrimaryLink:H,hasA
31150nchorLinkList:I,hasAnchorLinkListDivider:B=!1,hasHeaderBorder:O,hed:K,isCentered:D,isLeftSpaceDisabled:_=!1,isMenuDrawerOpen:P,isPointerEventEnabledOnHover:R,isRightSpaceDisabled:q=!1,isSlim:M,linkClassName:F,shouldUseHoverState:U,links:V,onHover:G=()=>{},primaryLink:W,shouldDisplayDangerousDek:j=!1,shouldEnableBundleComponentAnalytics:z,shouldOpenDrawerOnClick:Y=!1,showChevron:X=!1,showMoreLink:Z=!1,fadeWidth:J="sm",trackingNamespace:Q,theme:ee="standard"})=>{const te=L&&"inverted"!==ee,[ne,oe]=(0,o.useState)(!1),[ie,ae]=(0,o.useState)(!1),[re,se]=(0,o.useState)(!1),[le,de]=(0,o.useState)(0),[ce,me]=(0,o.useState)(!1),[ue,pe]=(0,o.useState)(!1),[ge,he]=(0,o.useState)(null),ye=(0,o.useRef)(),be=!!k||M;o.useEffect(()=>{{const e=decodeURIComponent(window?.location?.hash).replace(/-/g," ");he(e)}},[]);const fe=(0,o.useCallback)(()=>{const e=(0,p.B$)(ye);de(e)},[]),we=(0,o.useMemo)(()=>(0,p.Lu)(ye,le),[le]);(0,o.useEffect)(()=>{pe(!(!we||re)),we&&!ie&&me(!0),we&&ie&&me(!1)},[re,ie,we]);const $e=(0,o.useCallback)(()=>{V.length<=4||ie?me(!1):me(!0),we&&!ie&&me(!0),pe(!(re||!we))},[re,ie,we,V]);(0,o.useEffect)(()=>{E&&$e()},[re,ie,we,E,V,$e]),(0,o.useEffect)(()=>{(0,p.S9)(fe()),ae((e=>{const t=w(e),n=t?.querySelector("li:last-child");if(t&&n){const e=t.getBoundingClientRect(),o=n.getBoundingClientRect();return e.left<o.left&&e.right>o.right-150}return null})(ye)),se((e=>{const t=w(e),n=t?.querySelector("li:first-child");if(t&&n){const e=t.getBoundingClientRect(),o=n.getBoundingClientRect();return e.left<o.left&&e.right>o.right}return null})(ye)),window.addEventListener("scroll",(0,p.S9)(fe),!0)},[le,fe]);const ve=()=>{const e=window.document&&window.document.querySelector('ul.anchor-nav-list li[class*="active-InPage-nav"]');e&&e.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})};if(o.useEffect(()=>(window&&window.innerWidth<768&&window.addEventListener("DOMContentLoaded",ve),()=>{window.removeEventListener("DOMContentLoaded",ve)}),[]),o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"ScrollingNavigation"})},[]),!V?.length)return null;const Ce=()=>{const e=(0,p.rI)(le,1,ye);$(e,ye),window.dataLayer&&window.dataLayer.push({event:"link-banner-left-arrow",navigationType:"visual-link-list"})},ke=()=>{const e=(0,p.iT)(le,1,ye);fe();let t=e;e>1&&(t=e-3),$(t,ye),V.length>=5&&pe(!0),V.length===e&&me(!1),window.dataLayer&&window.dataLayer.push({event:"link-banner-right-arrow",navigationType:"visual-link-list"})},Ae=(e,t)=>
31150{13!==e.keyCode&&32!==e.keyCode||(e.preventDefault(),G(t))},xe=(e,t,n)=>{"function"==typeof n&&n();const o=e.split("#"),i=o[1]?.toLowerCase();if(i){{const{href:t}=window.location,n=t.split("#");o[0]!==n[0]&&(window.location.href=e);const a=document.getElementById(i),r=200;window.scrollTo({top:a.offsetTop-r,behavior:"smooth"});const s=`#${i}`;window.history.replaceState(void 0,void 0,s);const l=decodeURIComponent(window?.location?.hash).replace(/-/g," ");he(l)}t.preventDefault()}},Ee=e=>{oe(!ne),n(),ne||((e,t)=>{window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"header",clickText:t});const n={type:"click",label:t,subject:"header_menu",items:[{content_title:t,content_url:e?.target?.href?.toString()}],placement:"header"};(0,g.kg)(n)})(e,"Nav Link/More")},Se=(e,t,n,o,i)=>{if(t&&!o&&n.preventDefault(),G(e),n&&!r){const t={type:"click",label:e,subject:i?"header_menu":"sub_header_menu",items:[{content_title:e,content_url:n?.target?.href?.toString()}],placement:"header"};(0,g.kg)(t)}oe(!1)},Le=(e,t,n)=>{if(t||!t&&!e)return n},Te=(e,t)=>
31150!(!e||!t)||!e&&void 0,Ne=()=>{E||$e()},He=()=>{E||(me(!1),pe(!1))},Ie=()=>o.createElement(y.BY,{key:"More",isActive:ne,shouldUseHoverState:!0,isSlim:be,enableHoverStyle:!0,onClick:e=>Y&&Ee(e),onKeyDown:({keyCode:e})=>(32===e||13===e)&&Ee()},o.createElement(y.k2,{className:F,role:"link",hasChildren:!0,href:null,"aria-expanded":ne,"data-testid":"ScrollingNavigationMoreLink",isActive:ne,shouldUseHoverState:!0,as:"a",onMouseOver:()=>!Y&&Ee()},o.createElement("span",{dangerouslySetInnerHTML:{__html:"More"}})),X?o.createElement(y.xE,{isactive:String(ne)}):""),Be=(e,n="all")=>{const i=e.map(({hasChildren:e,hasHrefForLinks:n,isActive:i,isExternal:a,isLink:r,onClick:d,text:c,url:u,showOnlyInBreakpoints:p,showInTopNav:g},h)=>{const b=i&&P;let f={};return z&&(f=(0,m.NY)(z,Q||W?.text,h)),o.createElement(y.BY,{className:s()(t,{isDummyLinkClickable:n&&!1}),...f,key:c,isActive:i,shouldUseHoverState:U,isSlim:be,enableHoverStyle:Y,hasChildren:e,onClick:t=>(Y||R||!g)&&Se(c,e,t,r,g),onKeyDown:t=>e&&Ae(t,c),showOnlyInBreakpoints:p,showInTopNav:g},o.createElement(y.k2,{className:F,tabIndex:"0",role:"link",hasChildren:e,href:Le(e,n,u),"aria-expanded":Te(e,i),"data-testid":"ScrollingNavigationLink",isActive:i,shouldUseHoverState:U,as:a?l.A:"a",onClick:d,onMouseOver:()=>!Y&&Se(c),onKeyDown:t=>e&&Ae(t,c)},o.createElement("span",{dangerouslySetInnerHTML:{__html:c}})),X&&e&&o.createElement(y.xE,{isactive:String(b)}))});return"more"===n&&i.push(Ie()),o.createElement(y.c0,{disableRightSpace:q},i)},Oe=e=>{const{hasAnchorLinkList:t,hasChildren:n,hasHrefForLinks:i,url:a,isExternal:r,onClick:s,isActive:d,image:m}=e;return o.createElement(o.Fragment,null,t?o.createElement(y.xW,{tabIndex:"-1","data-testid":"ImageWrapper",hasAnchorLinkList:t,hasHeaderBorder:O,href:Le(n,i,a),as:r?l.A:"a",onClick:t?e=>xe(a,e,s):s,isActive:d},o.createElement(c.A,{...m,hasNativeImgLazyLoading:T})):o.createElement(y.Tw,{as:"div"},o.createElement(y.xW,{"data-testid":"ImageWrapper",src:m.segmentedSources.lg[0].url,...T&&{loading:"lazy"}})))},Ke=(e,n="all")=>{const i=e.map(({hasChildren:e,hasHrefForLinks:n,isActive:i,isExternal:a,isLink:r,onClick:d,text:c,url:u,image:p,rubric:g},h)=>{let b={};z&&(b=(0,m.NY)(z,Q||W?.text,h));const f=!I&&{isClickable:!0,onClick:()=>{window.location.href=u}};return o.createElement(y.BY,{className:s()(t,{isDummyLinkClickable:n&&!1,"active-InPage-nav":I&&ge===`#${c.toLowerCase()}`}),...b,key:c,isActive:I?ge===`#${c.toLowerCase()}`:i,shouldUseHoverState:U,isSlim:be,enableHoverStyle:Y,hasChildren:e,onClick:t=>(Y||R)&&Se(c,e,t,r),onKeyDown:t=>e&&Ae(t,c),hasCarouselControls:A,hasAnchorLinkList:I},p&&o.createElement(y.SJ,{...f,hasAnchorLinkList:I},o.createElement(Oe,{hasAnchorLinkList:I,hasChildren:e,hasHrefForLinks:n,url:u,isExternal:a,onClick:d,isActive:i,image:p,hasNativeImgLazyLoading:T}),o.createElement(y.k,{hasAnchorLinkList:I},!I&&o.createElement(y.Io,{id:"rubric"},g),o.createElement(y.k2,{className:F,tabIndex:"0",role:"link",hasChildren:e,hasAnchorLinkList:I,href:Le(e,n,u),"aria-expanded":Te(e,i),"data-testid":"ScrollingNavigationLink",isActive:i,shouldUseHoverState:U,as:a?l.A:"a",onClick:I?e=>xe(u,e,d):d,onMouseOver:()=>!Y&&Se(c),onKeyDown:I?null:t=>e&&Ae(t,c),hasCarouselControls:A},o.createElement("span",{dangerouslySetInnerHTML:{__html:c}})))),X&&e&&o.createElement(y.xE,{isactive:String(i)}))});return"more"===n&&i.push(Ie()),o.createElement(o.Fragment,null,I?o.createElement(y.c0,{hasAnchorLinkList:I,hasSmallViewportTitle:x,numberOfItemsInCarousel:e.length,className:"anchor-nav-list"},o.createElement(b.A,{carouselSettings:{hideScrollbar:!0,showLabels:!1,shouldCenterAlignIfItemsAreLess:!0,shouldRightAlignFooterControls:(0,f.$B)()},headerProps:{hasDividerBelowHeader:B,hasTopBorder:!1,hasBottomBorder:!1,dangerousHed:K,dangerousDek:a,shouldDisplayDangerousDek:j,contentAlign:"center"},trackingEventData:{trackingEventData:C}},i)):o.createElement(y.c0,{hasAnchorLinkList:I,hasCarouselControls:A,numberOfItemsInCarousel:e.length},i))},De=o.createElement(y.L$,{"data-testid":"ScrollingNavigationNavWrapper",hasBorders:d,hasBottomBorder:v,hasGradient:te,isCentered:D,className:t,isMoreActive:ne,links:V},o.createElement(y.l2,{"aria-label":e},W&&o.createElement(y.XG,{"data-testid":"ScrollingNavigationPrimaryItem",hidePrimaryLink:H,hasDivider:S},W.image&&!A&&o.createElement(y.pX,{...W.image,hasMargin:!!W.text,hasNativeImgLazyLoading:T}),W.text&&o.createElement(y.k2,{className:F,href:W.url,as:W.isExternal?l.A:"a"},W.text)),Be(V.slice(i)))),_e=o.createElement(o.Fragment,null,o.createElement(y.h7,{showDefaultNavListOnLargerScreens:N},Be(V)),o.createElement(y.Mq,{hideMoreLinkWrapperOnLargerScreens:N},Be(V.slice(0,i),"more")));if(A)return o.createElement(o.Fragment,null,o.createElement(y.L$,{"data-testid":"ScrollingNavigation",hasBorders:d,hasBottomBorder:v,hasGradient:te,isCentered:D,fadeWidth:J,className:t,hed:K,links:V},o.createElement(o.Fragment,null,o.createElement(y.Fs,{"aria-label":e,disableLeftSpace:_,hasCarouselControls:A,ref:ye,onMouseEnter:Ne,onMouseLeave:He,links:V},A&&o.createElement(o.Fragment,null,ue&&o.createElement(y.bT,{onClick:Ce,onMouseLeave:He,active:we},o.createElement(y.e6,null)),ce&&o.createElement(y.uo,{onClick:ke},o.createElement(y.e6,null))),W&&o.createElement(y.XG,{"data-testid":"ScrollingNavigationPrimaryItem",hidePrimaryLink:H,hasDivider:S},W.image&&o.createElement(y.pX,{...W.image,hasMargin:!!W.text,hasNativeImgLazyLoading:T}),W.text&&o.createElement(y.k2,{className:F,href:W.url,as:W.isExternal?l.A:"a",dangerouslySetInnerHTML:{__html:W.text}})),Z&&V.length>
31150i?_e:Ke(V)))),ne&&De);const Pe=Z&&V.length>i?_e:I&&Ke(V)||Be(V);return o.createElement(o.Fragment,null,o.createElement(y.L$,{"data-testid":"ScrollingNavigation",hasBorders:d,hasBottomBorder:v,hasGradient:te,isCentered:D,fadeWidth:J,hasAnchorLinkList:I,className:t,links:V},o.createElement(o.Fragment,null,o.createElement(y.Fs,{"aria-label":e,disableLeftSpace:_,hasAnchorLinkList:I,links:V,onClick:e=>{W?.text&&!r&&(0,h.f)(e,V?.[0]?.showInTopNav?"header_menu":"sub_header_menu")}},W&&o.createElement(y.XG,{"data-testid":"ScrollingNavigationPrimaryItem",hidePrimaryLink:H,hasDivider:S},W.image&&o.createElement(y.pX,{...W.image,hasMargin:!!W.text,hasNativeImgLazyLoading:T}),W.text&&o.createElement(y.k2,{className:F,href:W.url,as:W.isExternal?l.A:"a",dangerouslySetInnerHTML:{__html:W.text}})),Pe))),ne&&De)},v);k.propTypes={ariaLabel:a().string,className:a().string,collapseMegaMenu:a().func,defaultNavLinkCount:a().number,dek:a().string,disableSubHeaderTracking:a().bool,fadeWidth:a().string,hasAnchorLinkList:a().bool,hasAnchorLinkListDivider:a().bool,hasBorders:a().bool,hasBottomBorder:a().bool,hasCarouselControls:a().bool,hasContentHeaderLogo:a().bool,hasDefaultChevron:a().bool,hasDivider:a().bool,hasGradient:a().bool,hasHeaderBorder:a().bool,hasNativeImgLazyLoading:a().bool,hasSmallViewportTitle:a().bool,hed:a().string,hideMoreLinkOnLargerScreens:a().bool,hidePrimaryLink:a().oneOf(d.hg),isCentered:a().bool,isLeftSpaceDisabled:a().bool,isMenuDrawerOpen:a().bool,isPointerEventEnabledOnHover:a().bool,isRightSpaceDisabled:a().bool,isSlim:a().bool,linkClassName:a().string,links:a().array,onHover:a().func,primaryLink:a().object,shouldDisplayDangerousDek:a().bool,shouldEnableBundleComponentAnalytics:a().bool,shouldOpenDrawerOnClick:a().bool,shouldUseHoverState:a().bool,showChevron:a().bool,showMoreLink:a().bool,theme:a().oneOf(["standard","inverted"]),trackingNamespace:a().string};const A=k},51886(e,t,n){n.d(t,{xW:()=>I,bT:()=>D,Io:()=>B,pX:()=>L,k2:()=>v,c0:()=>$,h7:()=>N,BY:()=>A,SJ:()=>x,Tw:()=>E,Fs:()=>f,l2:()=>w,XG:()=>S,L$:()=>b,uo:()=>K,Mq:()=>T,xE:()=>k,e6:()=>C,k:()=>H});var o=n(72662),i=n(33500),a=n(38267),r=n(26865),s=n(18608),l=n(73275),d=n(96472),c=n(1123),m=n(70698),u=n(43222),p=n(81232);u.A,p.A;var g=n(91470);const h="&::-webkit-scrollbar {display: none;}",y="\n display: flex;\n overflow-x: auto;\n line-height: 1;\n",b=a.Ay.div.withConfig({displayName:"NavWrapper"})` 31151 ${({hasAnchorLinkList:e})=>a.AH` 31152 display: ${e?"block":"flex"}; 31153 `} 31154 position: relative; 31155 width: 100%; 31156 ${({isMoreActive:e,theme:t})=>e&&a.AH` 31157 position: absolute; 31158 ${(0,r._o)(t,"background-color",(0,m.l1)(t,(0,m.iq)(t)?"colors.consumption.lead.inverted.background":"colors.foundation.menu-bg.collapsed"))}; 31159 left: 0; 31160 `} 31161 31162 ${({isCentered:e})=>e&&"justify-content: center;"} 31163 ${({hasBorders:e,theme:t})=>e&&a.AH` 31164 border-width: 1px 0; 31165 border-style: solid; 31166 ${(0,r._o)(t,"border-color","colors.foundation.menu.dividers")}; 31167 `} 31168 ${({hasBottomBorder:e,theme:t})=>e&&a.AH` 31169 border-bottom: 1px solid; 31170 ${(0,r._o)(t,"border-color","colors.foundation.menu.dividers")}; 31171 `} 31172 31173 ${({hasGradient:e,fadeWidth:t,theme:n,hasAnchorLinkList:o})=>e&&a.AH` 31174 &::after { 31175 position: ${o?"unset":"absolute"}; 31176 top: 1px; 31177 right: 0; 31178 bottom: 1px; 31179 background: linear-gradient( 31180 90deg, 31181 rgba( 31182 ${(0,r.HK)(n,(0,m.l1)(n,"colors.foundation.menu-bg.collapsed"),{rgbOnly:!0})}, 31183 0 31184 ) 31185 0%, 31186 rgba( 31187 ${(0,r.HK)(n,(0,m.l1)(n,"colors.foundation.menu-bg.collapsed"),{rgbOnly:!0})}, 31188 1 31189 ) 31190 75% 31191 ); 31192 31193 width: ${(0,r.Kq)(3)}; 31194 content: ''; 31195 pointer-events: none; 31196 ${"lg"===t&&a.AH` 31197 opacity: 0.9; 31198 width: ${(0,r.Kq)(9)}; 31199 @media (max-width: ${d.LO.md}) { 31200 right: -1px; 31201 } 31202 `} 31203 } 31204 `} 31205`,f=a.Ay.nav.withConfig({displayName:"NavListWrapper"})` 31206 ${(0,c.VO)()}; 31207 ${({hasAnchorLinkList:e})=>!e&&a.AH` 31208 padding-left: var(--grid-margin); 31209 ${y}; 31210 `} 31211 31212 ${({hasCarouselControls:e,hasAnchorLinkList:t})=>e&&!t&&a.AH` 31213 padding-left: 0; 31214 height: 99px; 31215 31216 && { 31217 background-color: ${(0,r.HK)("colors.interactive.base.white")}; 31218 } 31219 `} 31220 ${h}; 31221 ${({disableLeftSpace:e})=>e&&a.AH` 31222 padding-left: 0; 31223 `} 31224`,w=a.Ay.nav.withConfig({displayName:"NavListWrapperForMore"})` 31225 ${(0,c.VO)()}; 31226 ${y}; 31227 padding-left: ${(0,r.Kq)(6)}; 31228 ${h}; 31229`,$=a.Ay.ul.withConfig({displayName:"NavList"})` 31230 margin: 0; 31231 padding: 0; 31232 ${({hasAnchorLinkList:e})=>!e&&a.AH` 31233 display: inline-flex; 31234 padding-right: var(--grid-margin); 31235 `} 31236 ${({hasCarouselControls:e,hasAnchorLinkList:t})=>!e&&!t&&a.AH` 31237 white-space: nowrap; 31238 `}
31239 ${({hasCarouselControls:e,numberOfItemsInCarousel:t,hasAnchorLinkList:n})=>e&&a.AH` 31240 display: grid; 31241 grid-template-columns: repeat( 31242 ${t}, 31243 calc(25% - 8px) 31244 ); 31245 grid-template-rows: minmax(99px, 1fr); 31246 width: 100vw; 31247 overflow-wrap: anywhere; 31248 overflow: auto; 31249 31250 && { 31251 background-color: ${(0,r.HK)("colors.discovery.body.white.background")}; 31252 } 31253 31254 ${h}; 31255 @media (max-width: ${d.LO.lg}) { 31256 grid-template-columns: repeat(7, calc(33% - 10px)); 31257 padding-left: ${(0,r.Kq)(3)}; 31258 } 31259 ${!n&&a.AH` 31260 grid-gap: 16px; 31261 padding-left: var(--grid-margin); 31262 @media (max-width: ${d.LO.md}) { 31263 grid-gap: 23px; 31264 grid-template-columns: repeat( 31265 ${t}, 31266 calc(50% - 8px) 31267 ); 31268 } 31269 @media (max-width: 455px) { 31270 grid-gap: 23px; 31271 grid-template-columns: repeat( 31272 ${t}, 31273 calc(95% - 8px) 31274 ); 31275 } 31276 `} 31277 `} 31278 31279 ${({disableRightSpace:e=!1})=>e&&a.AH` 31280 padding-right: 0; 31281 `} 31282 ${({hasAnchorLinkList:e,theme:t})=>e&&a.AH` 31283 ${i.bU} { 31284 ${(0,r.Gg)(t,"typography.definitions.discovery.subhed-section-secondary")}; 31285 text-align: center; 31286 ${(0,r._o)(t,"color",(0,m.iq)(t)?"colors.discovery.body.black.description":"colors.discovery.body.white.description")}; 31287 } 31288 ${o.hF} { 31289 margin: 0; 31290 padding: 0 ${(0,r.Kq)(6)} 0 ${(0,r.Kq)(6)}; 31291 @media (max-width: 428px) { 31292 padding: 0 ${(0,r.Kq)(3)} 0 ${(0,r.Kq)(3)}; 31293 } 31294 31295 > li { 31296 margin: 0; 31297 } 31298 } 31299 ${o.aF} { 31300 margin: 0; 31301 padding-top: ${(0,r.Kq)(3)}; 31302 padding-bottom: ${(0,r.Kq)(2)}; 31303 } 31304 ${o.ig} { 31305 margin-right: ${(0,r.Kq)(6)}; 31306 @media (max-width: ${d.LO.md}) { 31307 margin-right: ${(0,r.Kq)(3)}; 31308 } 31309 } 31310 ${o.l9} { 31311 margin-right: ${(0,r.Kq)(6)}; 31312 @media (max-width: ${d.LO.md}) { 31313 margin-right: ${(0,r.Kq)(3)}; 31314 } 31315 } 31316 ${o.hB} { 31317 margin: 0; 31318 } 31319 `} 31320`,v=(0,a.Ay)(s.sH).withConfig({displayName:"NavLink"}).attrs(({theme:e,...t})=>({colorSecondaryLinkToken:(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover"),colorStaticLinkToken:(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"),linkStyle:"navigation",typeToken:"typography.definitions.foundation.link-primary",...t}))` 31321 ${({hasCarouselControls:e})=>!e&&a.AH` 31322 padding: ${(0,r.Kq)(1.5)} 0; 31323 word-break: normal; 31324 31325 @media (min-width: ${d.LO.lg}) { 31326 padding: ${(0,r.Kq)(2)} 0; 31327 } 31328 `} 31329 31330 text-decoration: none; 31331 line-height: 1; 31332 31333 &:not([href]) { 31334 ${({hasChildren:e})=>!e&&a.AH` 31335 pointer-events: none; 31336 `} 31337 } 31338 31339 &:link, 31340 &:visited { 31341 ${({theme:e,isActive:t})=>t&&a.AH` 31342 ${(0,r._o)(e,"color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.hover"))}; 31343 `} 31344 } 31345 ${({theme:e,isActive:t,shouldUseHoverState:n})=>t&&n&&a.AH` 31346 ${(0,r._o)(e,"color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover"))}; 31347 `} 31348 31349 &:focus { 31350 ${({theme:e,isActive:t})=>t?a.AH` 31351 ${(0,r._o)(e,"color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover"))}; 31352 `:a.AH` 31353 ${(0,r._o)(e,"color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default"))}; 31354 `} 31355 } 31356 31357 &:hover, 31358 &:focus-visible { 31359 text-decoration: none; 31360 ${({theme:e})=>a.AH` 31361 ${(0,r._o)(e,"color",(0,m.l1)(e,"colors.foundation.collapsed-menu.nav-link.hover"))}; 31362 `} 31363 } 31364 ${({hasCarouselControls:e})=>e&&a.AH` 31365 word-break: break-word; 31366 ${({theme:e})=>(0,r._o)(e,"color","colors.discovery.body.white.heading")}; 31367 ${(0,r.Gg)("typography.definitions.discovery.hed-core-secondary")}; 31368 `} 31369`,C=(0,a.Ay)(g.ChevronRight).withConfig({displayName:"ScrollingNavigationThinChevron"})``,k=(0,a.Ay)(p.A).withConfig({displayName:"ScrollingNavigationChevron"})` 31370 ${({theme:e})=>(0,r._o)(e,"fill",(0,m.iq)(e)?"colors.consumption.lead.inverted.link":"colors.foundation.collapsed-menu.nav-link.default")}; 31371 margin-left: ${(0,r.Kq)(.5)}; 31372 31373 ${({theme:e,isactive:t})=>"true"===t&&a.AH` 31374 transform: rotate(180deg); 31375 ${(0,r._o)(e,"fill",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover"))}; 31376 `} 31377`,A=a.Ay.li.withConfig({displayName:"NavListItem"})` 31378 display: flex; 31379 position: relative; 31380 flex-shrink: 0; 31381 align-items: center; 31382 transition: all 500ms ease; 31383 height: 48px; 31384 31385 &.isDummyLinkClickable { 31386 cursor: pointer; 31387 31388 a { 31389 pointer-events: none; 31390 } 31391 } 31392 ${({hasAnchorLinkList:e,theme:t})=>e&&a.AH` 31393 &:hover::before, 31394 &:focus-visible::before { 31395 ${(0,r._o)(t,"background-color",(0,m.iq)(t)?"colors.discovery.body.white.background":"colors.discovery.body.black.background")}; 31396 } 31397 31398 &&& { 31399 height: 100%; 31400 } 31401 `} 31402 31403 ${({showOnlyInBreakpoints:e})=>e&&a.AH` 31404 display: none; 31405 `} 31406 31407 ${({showOnlyInBreakpoints:e})=>e&&e.map(e=>`@media (max-width: ${d.LO[e]}){ display: flex; }`)} 31408 31409 ${({hasCarouselControls:e})=>e&&a.AH` 31410 :not(:last-child)::after { 31411 position: absolute; 31412 top: 0; 31413 left: 100%; 31414 background: black; 31415 padding-left: 0; 31416 width: 1px; 31417 height: 99px; 31418 31419 && { 31420 background: ${(0,r.HK)("colors.discovery.body.white.divider")}; 31421 } 31422 } 31423 `} 31424 31425 ${({isSlim:e})=>!e&&a.AH` 31426 @media (min-width: ${d.LO.lg}) { 31427 height: ${(0,r.Kq)(9)}; 31428 } 31429 `} 31430 31431 ${({theme:e,isActive:t})=>t&&a.AH` 31432 &::before { 31433 ${(0,r._o)(e,"background-color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.background":"colors.foundation.collapsed-menu.nav-link.hover"))}; 31434 } 31435 `}; 31436
31437 ${({theme:e,hasAnchorLinkList:t,isActive:n})=>t&&n&&a.AH` 31438 &::before { 31439 ${(0,r._o)(e,"background-color",(0,m.iq)(e)?"colors.discovery.body.white.background":"colors.discovery.body.black.background")}; 31440 } 31441 `} 31442 ${({theme:e,isActive:t,enableHoverStyle:n})=>!t&&n&&a.AH` 31443 &:hover::before, 31444 &:focus-visible::before { 31445 ${(0,r._o)(e,"background-color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.default"))}; 31446 } 31447 `}; 31448 31449 ${({hasCarouselControls:e})=>!e&&a.AH` 31450 & + li { 31451 margin-left: ${(0,r.Kq)(2)}; 31452 } 31453 `} 31454 31455 &:first-child { 31456 margin-left: 0; 31457 } 31458 31459 &::before { 31460 position: absolute; 31461 bottom: 0; 31462 width: 100%; 31463 height: 4px; 31464 content: ''; 31465 } 31466 31467 &:hover, 31468 &:focus-visible { 31469 outline: none; 31470 ${({theme:e})=>a.AH` 31471 ${k} { 31472 ${(0,r._o)(e,"fill",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover"))}; 31473 } 31474 31475 ${v} { 31476 ${(0,r._o)(e,"color",(0,m.l1)(e,(0,m.iq)(e)?"colors.consumption.lead.inverted.link-hover":"colors.foundation.collapsed-menu.nav-link.hover"))} 31477 } 31478 `} 31479 } 31480`,x=a.Ay.div.withConfig({displayName:"NavListItemContent"})` 31481 ${({hasAnchorLinkList:e})=>!e&&a.AH` 31482 display: flex; 31483 flex-direction: inherit; 31484 align-items: center; 31485 `} 31486 31487 ${({isClickable:e})=>e&&a.AH` 31488 cursor: pointer; 31489 `} 31490`,E=a.Ay.a.withConfig({displayName:"NavListItemContentAnchor"})``,S=a.Ay.div.withConfig({displayName:"NavPrimaryItem"})` 31491 display: inline-flex; 31492 position: relative; 31493 flex: 1 0 auto; 31494 align-items: center; 31495 margin-right: ${(0,r.Kq)(2)}; 31496 31497 ${({hasDivider:e,theme:t})=>e&&a.AH` 31498 padding-right: ${(0,r.Kq)(2)}; 31499 31500 &::after { 31501 display: block; 31502 position: absolute; 31503 right: 0; 31504 ${(0,r._o)(t,"background-color",(0,m.iq)(t)?"colors.consumption.lead.inverted.divider":"colors.foundation.menu.dividers")}; 31505 width: 1px; 31506 height: 32px; 31507 content: ''; 31508 } 31509 `} 31510 31511 ${({hidePrimaryLink:e})=>e&&a.AH` 31512 @media (min-width: ${d.LO[e]}) { 31513 display: none; 31514 } 31515 `} 31516 31517 ${v} { 31518 display: flex; 31519 align-items: center; 31520 padding-top: 0; 31521 padding-bottom: 0; 31522 padding-left: 0; 31523 ${({theme:e})=>(0,r._o)(e,"color",(0,m.l1)(e,"colors.foundation.collapsed-menu.nav-link.hover"))}; 31524 } 31525`,L=(0,a.Ay)(l.A).withConfig({displayName:"NavImage"})` 31526 img { 31527 height: ${(0,r.Kq)(6)}; 31528 ${({hasMargin:e})=>e&&a.AH` 31529 margin-right: ${(0,r.Kq)(2)}; 31530 `}; 31531 31532 @media (min-width: ${d.LO.md}) { 31533 height: ${(0,r.Kq)(7)}; 31534 } 31535 } 31536`,T=a.Ay.div.withConfig({displayName:"ScrollingNavigationMoreLinkWrapper"})` 31537 ${(0,r.H4)(d.LO.lg)} { 31538 display: block; 31539 } 31540 31541 ${(0,r.H4)(d.LO.xxl)} { 31542 display: none; 31543 } 31544 31545 ${({hideMoreLinkWrapperOnLargerScreens:e})=>e&&a.AH` 31546 ${(0,r.H4)(d.LO.xl)} { 31547 display: none; 31548 } 31549 `} 31550`,N=a.Ay.div.withConfig({displayName:"NavListDefault"})` 31551 display: none; 31552 31553 ${({showDefaultNavListOnLargerScreens:e})=>e&&a.AH` 31554 ${(0,r.H4)(d.LO.xl)} { 31555 display: block; 31556 } 31557 `} 31558 31559 ${(0,r.H4)(d.LO.xxl)} { 31560 display: block; 31561 } 31562`,H=a.Ay.div.withConfig({displayName:"VisualTextWrap"})` 31563 /* stylelint-disable-next-line value-no-vendor-prefix */ 31564 display: -webkit-box; 31565 ${({hasAnchorLinkList:e,theme:t})=>e?a.AH` 31566 ${(0,r.Gg)(t,"typography.definitions.globalEditorial.numerical-small")} 31567 padding-bottom: ${(0,r.Kq)(1)}; 31568 width: 117px; 31569 31570 a { 31571 padding: ${(0,r.Kq)(1)} 0; 31572 } 31573 `:a.AH` 31574 margin-right: ${(0,r.Kq)(2)}; 31575 width: 181px; 31576 overflow: hidden; 31577 text-overflow: ellipsis; 31578 -webkit-line-clamp: 3; 31579 -webkit-box-orient: vertical; 31580 /* stylelint-disable-next-line value-no-vendor-prefix */ 31581 31582 @media (max-width: ${d.LO.sm}) { 31583 min-width: 200px; 31584 } 31585 `} 31586`,I=a.Ay.img.withConfig({displayName:"ImageWrapper"})` 31587 ${({hasAnchorLinkList:e})=>e?a.AH` 31588 picture, 31589 img { 31590 top: 0; 31591 right: 0; 31592 bottom: 0; 31593 left: 0; 31594 margin: auto; 31595 background: white; 31596 width: 117px; 31597 } 31598 `:a.AH` 31599 margin-right: ${(0,r.Kq)(2)}; 31600 width: 24%; 31601 31602 @media (max-width: ${d.LO.lg}) { 31603 width: 24%; 31604 } 31605 @media (max-width: ${d.LO.md}) { 31606 width: 23%; 31607 } 31608 `} 31609 31610 ${({hasHeaderBorder:e})=>e&&a.AH` 31611 picture, 31612 img { 31613 width: 200px; 31614 } 31615 `} 31616 ${({hasCarouselControls:e})=>!e&&a.AH` 31617 object-fit: cover; 31618 height: 66px; 31619 31620 && { 31621 width: 66px; 31622 aspect-ratio: 1; 31623 } 31624 `} 31625`,B=a.Ay.div.withConfig({displayName:"LinkBannerRubric"})` 31626 /* stylelint-disable-next-line value-no-vendor-prefix */ 31627 display: -webkit-box; 31628 margin-bottom: ${(0,r.Kq)(.5)}; 31629 overflow: hidden; 31630 text-overflow: ellipsis; 31631 line-height: ${(0,r.Kq)(2)}; 31632 -webkit-line-clamp: 1; 31633 -webkit-box-orient: vertical; 31634 /* stylelint-disable-next-line value-no-vendor-prefix */ 31635 ${({theme:e})=>(0,r._o)(e,"color","colors.consumption.lead.standard.context-signature")}; 31636 ${(0,r.Gg)("typography.definitions.globalEditorial.context-primary")}; 31637 31638 && { 31639 text-transform: uppercase; 31640 text-decoration: none; 31641 } 31642`,O=a.Ay.button.withConfig({displayName:"BaseScrollButton"})` 31643 position: absolute; 31644 z-index: 10000; 31645 border: 0.5px solid ${(0,r.HK)("colors.discovery.body.white.border")}; 31646 border-radius: 22px; 31647 background-color: ${(0,r.HK)("colors.interactive.base.white")}; 31648 cursor: pointer; 31649 padding: 5px; 31650 width: ${(0,r.Kq)(6)}; 31651 height: ${(0,r.Kq)(6)}; 31652 31653 @media (max-width: ${d.LO.md}) { 31654 display: none; 31655 } 31656`,K=(0,a.Ay)(O).withConfig({displayName:"RightScrollButton"})` 31657 right: 0; 31658 transform: rotate(0deg); 31659 margin: 26px 8px 25px auto; 31660`,D=(0,a.Ay)(O).withConfig({displayName:"LeftScrollButton"})` 31661 left: 0; 31662 transform: rotate(180deg); 31663 margin: 26px auto 25px 8px; 31664`},19525(e,t,n){n.d(t,{A:()=>f});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(6442);const l=(0,n(72267).YK)({secondaryMenuSearchLinkText:{id:"SecondaryMenu.SearchLinkText",defaultMessage:"Search",description:"SecondaryMenu component Search link text"},secondaryMenuSignInLinkText:{id:"SecondaryMenu.SignInLinkText",defaultMessage:"Sign in",description:"SecondaryMenu component Sign in link text"},secondaryMenuNavigationPrimaryAriaLabel:{id:"SecondaryMenu.NavigationPrimaryAriaLabel",defaultMessage:"Primary",description:"SecondaryMenu component Navigation links aria label"},secondaryMenuUtilityLinksAriaLabel:{id:"SecondaryMenu.UtilityLinksAriaLabel",defaultMessage:"Utility",description:"SecondaryMenu component Utility links aria label"},secondaryMenuSecondaryLinksAriaLabel:{id:"SecondaryMenu.SecondaryLinksAriaLabel",defaultMessage:"Secondary",description:"SecondaryMenu component Secondary links aria label"},secondaryMenuNavDropdownHeader:{id:"SecondaryMenu.NavDropdownHeader",defaultMessage:"Explore {rootBrandName} across the globe",description:"SecondaryMenu component Navigation dropdown header text"},secondaryMenuNavDropdownAssistiveLabel:{id:"SecondaryMenu.NavDropdownAssistiveLabel",defaultMessage:"Select international site",description:"ARIA description for secondary menu navigation dropdown"},searchValidationError:{id:"SecondaryMenu.SearchValidationError",defaultMessage:"Enter a term to search.",description:"SecondaryMenu search validation error message"}});var d=n(48188),c=n(63175),m=n(8231),u=n(53499),p=n(12501),g=n(19168),h=n(90098);const y=({configuredComponentRef:e,...t})=>{const[n,o]=r.useState("");r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"SecondaryMenu"})},[]);const{accountProps:{accountLinks:i,signInLink:a="/account/sign-in"}={},contentAlign:d="left",primaryLinks:c,isAccountsEnabled:y,internationalInfo:b,user:f,showSearch:w,hasExtraTopMargin:$=!1,hideSocialIcons:v,rootBrandName:C,secondaryLinks:k,showMarketSwitcher:A,socialIconsProps:x,hasInvertedSearchStyles:E=!1,secondaryMenuSignInLink:S,secondaryMenuSignInLabel:L,showUtilityLinksOnTop:T=!1,theme:N="standard",shouldInvertSecondaryMenuTheme:H,searchPlaceholder:I,drawerProps:B={},enableEnhancedSearch:O=!1,searchSuggestionsConfig:K}=t,D=t.utilityLinks.filter(e=>!e.hideFromSecondaryMenu),_=r.useCallback(e=>{if(n){const t=e.target.value?.trim(),n=t?(t.match(/[a-zA-Z0-9]/g)||[]).length:0;(!t||n>=2)&&o("")}},[n]);r.useEffect(()=>{if(O){const e=document.querySelector('input[name="q"]');if(e)return e.addEventListener("input",_),()=>{e.removeEventListener("input",_)}}},[O,_]);const{formatMessage:P}=(0,s.A)(),R=e=>{window.dataLayer&&window.dataLayer.push({event:"navigation-click",navigationType:"menu",clickText:e})},q="inverted"===N&&H;return r.createElement(h.LX,{configuredComponentRef:e,contentAlign:d,showUtilityLinksOnTop:T,isInverted:q},r.createElement(h.v,{contentAlign:d},O&&r.createElement(h.wY,{contentAlign:d,enableEnhancedSearch:O,hasError:!!n},r.createElement(g.A,{searchLink:B?.searchAction||"/search",placeholder:I||P(l.secondaryMenuSearchLinkText),onSubmit:e=>{const t=e.target.querySelector('input[name="q"]'),i=t?.value?.trim(),a=i?(i.match(/[a-zA-Z0-9]/g)||[]).length:0;return!i||a<2?(e.preventDefault(),e.stopPropagation(),o(P(l.searchValidationError)),!1):(n&&o(""),!0)},onInputChange:_,enableEnhancedSearch:O,searchSuggestionsConfig:K,theme:N}),n&&r.createElement("div",{className:"search-error"},n)),T&&D.length>0&&r.createElement(h.Uz,{attributes:{"aria-label":P(l.secondaryMenuNavigationPrimaryAriaLabel)},className:"drawer__navigation--primary",hasExtraTopMargin:$,contentAlign:d,links:D,isInverted:q}),c.length>0&&r.createElement(h.we,{attributes:{"aria-label":P(l.secondaryMenuNavigationPrimaryAriaLabel)},className:"drawer__navigation--primary",hasExtraTopMargin:$,contentAlign:d,links:c,isInverted:q,enableEnhancedSearch:O}),r.createElement(h.vd,{"data-testid":"secondaryMenuBottomList",contentAlign:d},w&&r.createElement(h.wY,{contentAlign:d},r.createElement(h.SD,{onClick:()=>R(P(l.secondaryMenuSearchLinkText)),href:"/search",hasInvertedSearchStyles:E,isInverted:q},P(l.secondaryMenuSearchLinkText))),y&&r.createElement(h.jZ,{isInverted:q,contentAlign:d,onClick:()=>R(P(l.secondaryMenuSignInLinkText))},f&&(f.isAuthenticated?r.createElement(m.A,{accountLinks:i,className:"drawer-account__options"}):r.createElement(h.q4,{href:S||a,rel:"nofollow",isInverted:q},L||P(l.secondaryMenuSignInLinkText)))),r.createElement(p.LQ,{use:"SecondaryMenu"}),!T&&D.length>0&&r.createElement(h.ry,{attributes:{"aria-label":P(l.secondaryMenuUtilityLinksAriaLabel)},contentAlign:d,links:D,isInverted:q,utilityLinksOneItem:1===D.length&&0===k.length}),k.length>0&&r.createElement(h.zh,{attributes:{"aria-label":P(l.secondaryMenuSecondaryLinksAriaLabel)},className:"drawer__navigation--secondary",contentAlign:d,links:k,isInverted:q})),A&&b?.internationalSites.length>0&&r.createElement(r.Fragment,null,r.createElement(h.iY,{isInverted:q},P(l.secondaryMenuNavDropdownHeader,{rootBrandName:r.createElement("i",null,C)})),r.createElement(h.zR,{id:"secondary-menu-overlay-dropdown",assistiveLabel:P(l.secondaryMenuNavDropdownAssistiveLabel),label:b.homeLocation.name,showLabel:!0,isInverted:q,direction:"up",options:b.internationalSites})),!v&&r.createElement(h.Db,{...x,className:"drawer__social-icons",isInverted:q,showBorderTop:!A})))};y.propTypes={configuredComponentRef:a().func,accountProps:a().shape({accountLinks:a().array,redirectURL:a().string,
31664signInLink:a().string}),contentAlign:a().oneOf(["left","center"]),hasExtraTopMargin:a().bool,hasInvertedSearchStyles:a().bool,hideSocialIcons:a().bool,internationalInfo:a().object,isAccountsEnabled:a().bool,primaryLinks:d.A.propTypes.links,rootBrandName:a().string,secondaryLinks:d.A.propTypes.links,secondaryMenuSignInLabel:a().string,secondaryMenuSignInLink:a().string,shouldInvertSecondaryMenuTheme:a().bool,showMarketSwitcher:a().bool,showSearch:a().bool,showUtilityLinksOnTop:a().bool,socialIconsProps:a().shape(c.A.propTypes).isRequired,theme:a().oneOf(["standard","inverted"]),user:a().shape({isAuthenticated:a().bool.isRequired}),utilityLinks:d.A.propTypes.links,searchPlaceholder:a().string,drawerProps:a().object,enableEnhancedSearch:a().bool,searchSuggestionsConfig:a().shape({minChars:a().number,maxItems:a().number,suggestions:a().arrayOf(a().shape({label:a().string.isRequired,url:a().string.isRequired,triggers:a().arrayOf(a().string).isRequired}))})},y.displayName="SecondaryMenu";const b=y,f=(0,o.y)(b,"SecondaryMenu")},90098(e,t,n){n.d(t,{Db:()=>I,LX:()=>w,SD:()=>x,Uz:()=>C,iY:()=>N,jZ:()=>E,q4:()=>S,ry:()=>L,v:()=>$,vd:()=>k,wY:()=>A,we:()=>v,zR:()=>H,zh:()=>T});var o=n(38267),i=n(96472),a=n(18608),r=n(26865),s=n(40653),l=n(86659),d=n(48188),c=n(30597),m=n(77906),u=n(63175),p=n(51e3),g=n(26348);const h=(0,r.Kq)(2),y=(0,r.Kq)(5),b=(0,r.Kq)(4),f=o.AH` 31665 .navigation__list-item { 31666 display: flex; 31667 position: relative; 31668 align-items: center; 31669 31670 .navigation__link { 31671 display: block; 31672 } 31673 31674 &:last-of-type { 31675 margin-bottom: 0; 31676 } 31677 } 31678 31679 .navigation__list { 31680 display: flex; 31681 flex-direction: column; 31682 margin: 0; 31683 } 31684 31685 ${({contentAlign:e})=>"center"===e?"\n .navigation__list,\n .navigation__list-item {\n align-items: center;\n }\n ":""} 31686`,w=(0,o.Ay)(l.A.WithMargins).withConfig({displayName:"SecondaryMenuGridWrapper"})` 31687 && { 31688 width: auto; 31689 } 31690 height: 100%; 31691 overflow-y: scroll; 31692 box-sizing: content-box; 31693 31694 scrollbar-width: none; 31695 31696 &::-webkit-scrollbar {
31697 width: 0; 31698 height: 0; 31699 } 31700 31701 ${s.E} { 31702 grid-column: 1 / -1; 31703 } 31704 31705 ${({isInverted:e,theme:t})=>e&&(0,r._o)(t,"background-color","colors.consumption.lead.inverted.background")}; 31706 31707 ${({contentAlign:e,showUtilityLinksOnTop:t})=>"left"===e?o.AH` 31708 grid-template-columns: repeat(4, 1fr); 31709 max-width: none; 31710 `:"center"===e&&!0===t?o.AH` 31711 @media (min-width: ${i.LO.md}) { 31712 ${s.E} { 31713 grid-column: 4 / span 6; 31714 } 31715 } 31716 @media (min-width: ${i.LO.lg}) { 31717 padding-top: ${(0,r.Kq)(4)}; 31718 } 31719 `:"center"===e?o.AH` 31720 @media (min-width: ${i.LO.md}) { 31721 ${s.E} { 31722 grid-column: 5 / span 4; 31723 } 31724 } 31725 `:""} 31726`,$=o.Ay.div.withConfig({displayName:"SecondaryMenuContent"})` 31727 padding-bottom: ${(0,r.Kq)(4)}; 31728`,v=(0,o.Ay)(d.A.Vertical).withConfig({displayName:"SecondaryMenuNavigationPrimary"})` 31729 margin-top: ${(0,r.Kq)(6)}; 31730 margin-bottom: ${b}; 31731 31732 .navigation__link { 31733 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-feature")}; 31734 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.consumption.lead.inverted.link"):(0,r._o)(t,"color","colors.foundation.expanded-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default")}; 31735 31736 &:focus, 31737 &:hover { 31738 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.consumption.lead.inverted.link"):(0,r._o)(t,"color","colors.foundation.expanded-utility.nav-link.hover")}; 31739 } 31740 } 31741 31742 .navigation__list-item { 31743 margin-bottom: ${b}; 31744 } 31745 31746 ${f} 31747 31748 ${({hasExtraTopMargin:e})=>e?`\n @media (max-width: calc(${i.LO.lg} - 1px)) {\n margin-top: ${(0,r.Kq)(12)};\n }\n `:""} 31749 ${({enableEnhancedSearch:e})=>e&&"margin-top: 0;"} 31750`,C=(0,o.Ay)(d.A.Vertical).withConfig({displayName:"SecondaryMenuNavigationUtility"})` 31751 margin-top: ${(0,r.Kq)(4)}; 31752 margin-bottom: ${(0,r.Kq)(-2)}; 31753 31754 .navigation__link { 31755 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-feature")}; 31756 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.brand-primary")}; 31757 31758 &:focus, 31759 &:hover { 31760 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.brand-primary")}; 31761 } 31762 } 31763 31764 .navigation__list-item { 31765 margin-bottom: ${b}; 31766 } 31767 ${f} 31768`,k=o.Ay.div.withConfig({displayName:"SecondaryMenuBottom"})` 31769 border-top: 1px solid; 31770 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.lead.inverted.divider")}; 31771 padding-top: ${b}; 31772 padding-bottom: ${b}; 31773 31774 @media (min-width: ${i.LO.md}) { 31775 padding-top: ${b}; 31776 } 31777 31778 .navigation__list { 31779 ${({contentAlign:e})=>"center"===e?"\n justify-content: center;\n align-items: center;\n ":""} 31780 } 31781 31782 &:empty { 31783 border: 0; 31784 padding: 0; 31785 } 31786`,A=o.Ay.div.withConfig({displayName:"SecondaryMenuSearch"})` 31787 display: flex; 31788 31789 ${({enableEnhancedSearch:e})=>e&&`flex-direction: column;\n align-items: center;\n justify-content: flex-end;\n margin-top: ${(0,r.Kq)(1.5)};\n margin-bottom: ${(0,r.Kq)(1.5)};\n width: 100%;\n `} 31790 ${({hasError:e})=>e&&`\n ${g.DO} input {\n border-color: rgb(157, 0, 0) !important;\n }\n `} 31791 ${({contentAlign:e})=>"center"===e?"\n justify-content: center;\n ":""} 31792 31793 ${({enableEnhancedSearch:e})=>e&&`\n ${g.Fw} {\n width: 100%;\n }\n ${g.B9} {\n padding-top: 12px;\n padding-right: 0;\n padding-left: 0;\n }\n ${g.DO} {\n border-radius: 40px;\n ${(0,r.L7)(i.LO.md)} {\n height: ${(0,r.Kq)(5)};\n\n input {\n padding-left: ${(0,r.Kq)(4)};\n }\n }\n }\n `} 31794 31795 .search-error { 31796 margin-top: 0; 31797 margin-bottom: ${(0,r.Kq)(1)}; 31798 margin-left: 0; 31799 width: 100%; 31800 text-align: left; 31801 color: rgb(157, 0, 0); 31802 font-size: 14px; 31803 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.assistive-text")}; 31804 } 31805`,x=(0,o.Ay)(a.sH).withConfig({displayName:"SecondaryMenuSearchLink"}).attrs(e=>({colorStaticLinkToken:"colors.foundation.expanded-utility.nav-link.default",typeToken:"typography.definitions.foundation.link-secondary",...e}))` 31806 &:hover { 31807 ${({theme:e})=>(0,r._o)(e,"color","colors.foundation.expanded-utility.nav-link.hover")}; 31808 } 31809 31810 display: inline-block; 31811 margin-bottom: ${h}; 31812 31813 ${({hasInvertedSearchStyles:e,isInverted:t,theme:n})=>
31813e&&t?(0,r.pe)(n,"colors.consumption.lead.inverted.link",null,"navigation"):(0,r.pe)(n,"colors.foundation.expanded-menu.utility-link.default",null,"navigation")}; 31814`,E=o.Ay.div.withConfig({displayName:"SecondaryMenuAccount"})` 31815 line-height: 0.8em; 31816 31817 .navigation__link { 31818 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-secondary")}; 31819 31820 ${({isInverted:e,theme:t})=>e?(0,r.pe)(t,"colors.consumption.lead.inverted.link",null,"navigation"):(0,r.pe)(t,"colors.foundation.expanded-menu.nav-link.default",null,"navigation")}; 31821 31822 &:hover { 31823 ${({theme:e,isInverted:t})=>t?(0,r._o)(e,"color","colors.consumption.lead.inverted.link"):(0,r._o)(e,"color","colors.foundation.expanded-utility.nav-link.hover")}; 31824 } 31825 } 31826 31827 .navigation__list-item { 31828 display: flex; 31829 align-items: center; 31830 margin-bottom: ${h}; 31831 31832 .navigation__link { 31833 display: block; 31834 } 31835 } 31836 31837 .account-links__sign-out { 31838 margin-bottom: ${h}; 31839 padding: 0; 31840 } 31841 31842 ${({contentAlign:e})=>"center"===e?"\n text-align: center;\n .navigation__list-item {\n justify-content: center;\n }\n ":""} 31843`,S=(0,o.Ay)(a.sH).withConfig({displayName:"SecondaryMenuSignInLink"}).attrs(e=>({colorStaticLinkToken:"colors.foundation.expanded-menu.nav-link.default",typeToken:"typography.definitions.foundation.link-secondary",...e}))` 31844 &:hover { 31845 ${({theme:e})=>(0,r._o)(e,"color","colors.foundation.expanded-utility.nav-link.hover")}; 31846 } 31847 31848 ${({isInverted:e,theme:t})=>
31848e?(0,r.pe)(t,"colors.consumption.lead.inverted.link",null,"navigation"):(0,r.pe)(t,"colors.foundation.expanded-menu.utility-link.default",null,"navigation")}; 31849 31850 display: inline-block; 31851 margin-bottom: ${h}; 31852`,L=(0,o.Ay)(d.A.Vertical).withConfig({displayName:"SecondaryMenuUtilityLinks"})` 31853 .navigation__link { 31854 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-secondary")}; 31855 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.consumption.lead.inverted.link"):(0,r._o)(t,"color","colors.foundation.expanded-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default")}; 31856 31857 &:focus, 31858 &:hover { 31859 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.consumption.lead.inverted.link"):(0,r._o)(t,"color","colors.foundation.expanded-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default")}; 31860 } 31861 } 31862 31863 .navigation__list-item { 31864 margin-bottom: ${h}; 31865 } 31866 31867 ${f} 31868 31869 margin-bottom: ${h}; 31870 31871 ${({utilityLinksOneItem:e})=>e&&"margin-bottom: 0;"} 31872`,T=(0,o.Ay)(d.A.Vertical).withConfig({displayName:"SecondaryMenuSecondaryLinks"})` 31873 .navigation__link { 31874 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-secondary")}; 31875 31876 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.consumption.lead.inverted.link"):(0,r._o)(t,"color","colors.foundation.expanded-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default")}; 31877 31878 &:focus, 31879 &:hover { 31880 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.consumption.lead.inverted.link"):(0,r._o)(t,"color","colors.foundation.expanded-menu.nav-link.default","colors.foundation.expanded-utility.nav-link.default")}; 31881 } 31882 } 31883 31884 .navigation__list-item { 31885 margin-bottom: ${h}; 31886 } 31887 31888 ${f} 31889`,N=o.Ay.div.withConfig({displayName:"SecondaryMenuNavigationDropdownHeader"})` 31890 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.interactive.base.white"):(0,r._o)(t,"color","colors.interactive.base.black")}; 31891 31892 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.utility.label")}; 31893 border-top: 2px solid; 31894 ${({theme:e})=>(0,r._o)(e,"border-color","colors.consumption.lead.inverted.divider")}; 31895 padding: ${(0,r.Kq)(4)} 0 ${(0,r.Kq)(1)}; 31896`,H=(0,o.Ay)(c.A).withConfig({displayName:"SecondaryMenuNavigationDropdown"})` 31897 border: 1px solid; 31898 ${({theme:e,isInverted:t})=>t?(0,r._o)(e,"border-color","colors.consumption.lead.inverted.divider"):(0,r._o)(e,"border-color","colors.foundation.menu.dividers")}; 31899 31900 ${m.EG} { 31901 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"color","colors.interactive.base.light"):(0,r._o)(t,"color","colors.interactive.base.black")}; 31902 } 31903 31904 ul { 31905 left: ${(0,r.Kq)(-.16)}; 31906 margin: 0; 31907 border: inherit; 31908 padding: 0; 31909 } 31910 31911 li { 31912 border: inherit; 31913 31914 &:hover { 31915 ${({theme:e})=>(0,r._o)(e,"background","colors.interactive.base.light")}; 31916 } 31917 } 31918`,I=(0,o.Ay)(u.A.Standard).withConfig({displayName:"SecondaryMenuSocialIcons"})` 31919 display: flex; 31920 align-items: center; 31921 justify-content: center; 31922 ${({showBorderTop:e,theme:t})=>e?`border-top: 2px solid;\n ${(0,r._o)(t,"border-color","colors.foundation.menu.dividers")}`:""}; 31923 padding-top: ${b}; 31924 31925 @media (min-width: ${i.LO.md}) { 31926 padding-top: ${y}; 31927 } 31928 31929 ${p.KS} { 31930 @media (min-width: ${i.LO.md}) { 31931 width: ${(0,r.Kq)(5)}; 31932 height: ${(0,r.Kq)(5)}; 31933 } 31934 31935 .icon { 31936 path { 31937 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"fill","colors.interactive.base.white"):(0,r._o)(t,"fill","colors.interactive.base.black")}; 31938 } 31939 } 31940 31941 &:focus, 31942 &:hover { 31943 .icon { 31944 path { 31945 ${({isInverted:e,theme:t})=>e?(0,r._o)(t,"fill","colors.interactive.base.white"):(0,r._o)(t,"fill","colors.interactive.base.black")}; 31946 } 31947 } 31948 } 31949 } 31950`},82103(e,t,n){n.d(t,{A:()=>f});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(15343),d=n(83108),c=n(90090),m=n(53499),u=n(57221);const p=({lede:e,ledeLogoBaseUrl:t="",shouldUseLedeAsLogo:n})=>{if(!e)return null;const o=s.createElement(u.C2,{lede:e,captionWidth:"standard",shouldUseLedeAsLogo:n,hideLedeCaption:!0});return t?s.createElement("a",{href:t,"aria-label":"Lede Logo"},o):o};
31950p.propTypes={lede:r().object,ledeLogoBaseUrl:r().string,shouldUseLedeAsLogo:r().bool};const g=p,h="above",y="below",b=({chipLengthToCenterAlignInMobile:e,children:t,configuredComponentRef:n,hasNoHorizontalScroll:o=!0,hidePaddingBottom:a=!1,className:r,contentAlign:p="center",customTitle:b,dangerousHed:f,dividerLength:w,hasConsistentSpacing:$=!1,hasTitleTopSpacing:v=!1,hasMinimalVerticalPadding:C=!1,hedTag:k="h1",subHed:A,subHedMaxLines:x=0,subHedPosition:E=y,lede:S,ledeLogoBaseUrl:L="",mobileDividerLength:T,shouldCenterAlignChipsInMobile:N=!1,shouldEnableLede:H=!1,shouldEnableSubNavigation:I=!0,shouldHideBottomSpacing:B=!1,shouldHideTopSpacing:O=!1,shouldIncreaseBottomSpacingDivider:K=!1,shouldUseCollectionHeaderFont:D,shouldUseLedeAsLogo:_=!1,shouldUseCustomTitle:P=!1,showDivider:R=!1,showSmallerSubHed:q=!1,showSubChannelHed:M=!1,showTwolineSubHed:F,variations:U={showSubHedToggleChips:!0},toggleChipsWithLink:V,toggleChipRole:G="switch",type:W})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"SectionHeader"})},[]);const{showSubHedToggleChips:j}=U,z=x>0,Y=V?.length===e;let X=A?s.createElement(u.qX,{className:"section-header__subhed","data-testid":"SectionHeaderSubhed",dangerouslySetInnerHTML:{__html:A},contentAlign:p,showSmallerSubHed:q,showtwolineSubHed:F}):null;X&&z&&(X=s.createElement(u.pM,{lines:x,linesInExtraLargeDesktop:x,isCollapsible:!0},X));const[Z,J]=s.useState(V);return s.useEffect(()=>{{const e=window?.location?.pathname;J(e)}},[V]),s.createElement(u.Gi,{ref:n,className:i()("section-header",r),shouldEnableLede:H,shouldHideTopSpacing:O,shouldHideBottomSpacing:B,hasConsistentSpacing:$,hasTitleTopSpacing:v,"data-testid":"SectionHeader"},H&&s.createElement(g,{lede:S,ledeLogoBaseUrl:L,shouldUseLedeAsLogo:_}),s.createElement(u.h8,{contentAlign:p},s.createElement(u.Q$,{className:i()("section-header__container",C&&"section-header__container--minimal-padding"),contentAlign:p,shouldHideTopSpacing:O,hidePaddingBottom:a,hasConsistentSpacing:$,hasTitleTopSpacing:v},E===h&&X,E===h&&R&&s.createElement(u.js,{contentAlign:p,subHedPosition:E,dividerLength:w,mobileDividerLength:T,shouldIncreaseBottomSpacingDivider:K,shouldHideTopSpacing:O}),(!_||!S)&&s.createElement(u.QY,{className:"section-header__hed","data-testid":"SectionHeaderHed",dangerouslySetInnerHTML:{__html:M?f:P&&b?b:f},as:k,showSubChannelHed:M,shouldUseCollectionHeaderFont:D}),E===y&&R&&s.createElement(u.js,{contentAlign:p,subHedPosition:E,dividerLength:w,mobileDividerLength:T,shouldIncreaseBottomSpacingDivider:K,shouldHideTopSpacing:O}),E===y&&X,I&&j&&V&&V.length>0&&s.createElement(u.kC,{shouldCenterAlignChipsInMobile:Y&&N,hasConsistentSpacing:$},s.createElement(d.A,{contentAlign:"center",layout:"nowrap",hasNoHorizontalScroll:o},V.map(e=>s.createElement(l.A,{analyticsDataAttribute:{},key:e.label,isChecked:e.url===Z,onChange:()=>{return t=e.label,n=W,void(0,c.zJ)("toggle-click",{clickText:t,clickType:n});var t,n},redirectUrl:e.url,role:G},e.label)))),t)))};b.propTypes={configuredComponentRef:r().func,chipLengthToCenterAlignInMobile:r().number,className:r().string,children:r().node,contentAlign:r().oneOf(["center","left"]),customTitle:r().string,dangerousHed:r().string.isRequired,dividerLength:r().number,hasConsistentSpacing:r().bool,hasTitleTopSpacing:r().bool,hasMinimalVerticalPadding:r().bool,hasNoHorizontalScroll:r().bool,hedTag:r().string,hidePaddingBottom:r().bool,lede:r().object,ledeLogoBaseUrl:r().string,mobileDividerLength:r().number,shouldCenterAlignChipsInMobile:r().bool,shouldEnableLede:r().bool,shouldEnableSubNavigation:r().bool,shouldHideBottomSpacing:r().bool,shouldHideTopSpacing:r().bool,shouldIncreaseBottomSpacingDivider:r().bool,shouldUseCollectionHeaderFont:r().bool,shouldUseCustomTitle:r().bool,shouldUseLedeAsLogo:r().bool,showDivider:r().bool,showSmallerSubHed:r().bool,showSubChannelHed:r().bool,showTwolineSubHed:r().bool,subHed:r().string,subHedMaxLines:r().number,subHedPosition:r().oneOf([y,h]),toggleChipRole:r().string,toggleChipsWithLink:r().array,type:r().string,variations:r().shape({showSubHedToggleChips:r().bool})};const f=b}
31950,77346(e,t,n){n.d(t,{A:()=>l});var o=n(13465),i=n(31581),a=n(47655),r=n(82103);r.A.displayName="SectionHeader",r.A.SubHedToggleChips=(0,a.y)(r.A,"SubHedToggleChips",{showSubHedToggleChips:!0});const s=r.A,l=(0,i.N)((0,o.y)(s,"SectionHeader"))},57221(e,t,n){n.d(t,{C2:()=>w,Gi:()=>b,Q$:()=>f,QY:()=>v,h8:()=>A,js:()=>$,kC:()=>x,pM:()=>k,qX:()=>C});var o=n(38267),i=n(48286),a=n(40653),r=n(86659),s=n(96472),l=n(18608),d=n(14952),c=n(92027),m=n(26865),u=n(16800),p=n(1123),g=n(7228),h=n(5239),y=n(75163);const b=o.Ay.header.withConfig({displayName:"SectionHeaderWrapper"})` 31951 && { 31952 ${({shouldHideTopSpacing:e})=>e&&o.AH` 31953 margin-top: 0; 31954 `} 31955 ${({shouldHideBottomSpacing:e})=>e&&o.AH` 31956 margin-bottom: 0; 31957 `} 31958 } 31959 31960 ${(0,p.aU)("padding")} 31961 31962 ${({hasConsistentSpacing:e,hasTitleTopSpacing:t,theme:n})=>e&&"0px"!==(0,u.F)(n,"gap-md")?t?null:o.AH` 31963 gap: ${(0,u.F)(n,"gap-md")}; 31964 @media (max-width: ${s.LO.md}) { 31965 gap: ${(0,u.F)(n,"gap-sm")}; 31966 } 31967 `:`padding-bottom: ${(0,m.Kq)(5)};`} 31968 display: grid; 31969 31970 ${({shouldEnableLede:e})=>e&&o.AH` 31971 grid-template-columns: 1fr; 31972 ${h.zT} { 31973 grid-column: inherit; 31974 } 31975 `} 31976 31977 background-color: var(${y.pT.Color.Surface}); 31978 31979 [class*='GridWrapper-'] [class*='SectionHeaderSubhedClamp-'] { 31980 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 31981 padding-bottom: ${(0,u.F)(t,"gap-md")}; 31982 @media (max-width: ${s.LO.md}) { 31983 padding-bottom: ${(0,u.F)(t,"gap-sm")}; 31984 } 31985 `:null} 31986 } 31987 31988 [class*='GridWrapper-'] .section-header__subhed { 31989 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 31990 padding-top: 0; 31991 `:null} 31992 } 31993`,f=o.Ay.div.withConfig({displayName:"SectionHeaderContainer"})` 31994 ${({hasConsistentSpacing:e,hasTitleTopSpacing:t,theme:n})=>e&&"0px"!==(0,u.F)(n,"gap-md")?t?o.AH` 31995 padding: ${(0,u.F)(n,"gap-md")} 0 0; 31996 @media (max-width: ${s.LO.md}) { 31997 padding-top: ${(0,u.F)(n,"gap-sm")}; 31998 } 31999 `:o.AH` 32000 padding: ${(0,m.Kq)(0)} 0; 32001 `:o.AH` 32002 padding: ${(0,m.Kq)(4)} 0; 32003 `} 32004 32005 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 32006 display: flex; 32007 flex-flow: column; 32008 gap: 24px; 32009 `:null} 32010 32011 text-align: ${({contentAlign:e})=>e}; 32012 32013 &.section-header__container--minimal-padding { 32014 ${({hasConsistentSpacing:e,hasTitleTopSpacing:t,theme:n})=>e&&"0px"!==(0,u.F)(n,"gap-md")?t?o.AH` 32015 padding: ${(0,u.F)(n,"gap-md")} 0 0; 32016 @media (max-width: ${s.LO.md}) { 32017 padding-top: ${(0,u.F)(n,"gap-sm")}; 32018 } 32019 `:o.AH` 32020 padding: ${(0,m.Kq)(0)} 0; 32021 `:o.AH` 32022 padding: ${(0,m.Kq)(5)} 0; 32023 `} 32024 } 32025 32026 @media (min-width: ${s.LO.md}) { 32027 ${({hasConsistentSpacing:e,hasTitleTopSpacing:t,theme:n})=>e&&"0px"!==(0,u.F)(n,"gap-md")?t?o.AH` 32028 padding: ${(0,u.F)(n,"gap-md")} 0 0; 32029 `:`padding: ${(0,m.Kq)(0)} 0;`:o.AH` 32030 padding: ${(0,m.Kq)(5)} 0; 32031 `} 32032 } 32033 32034 && { 32035 ${({shouldHideTopSpacing:e})=>e&&o.AH` 32036 padding-top: 0; 32037 `} 32038 ${({hidePaddingBottom:e})=>e&&o.AH` 32039 padding-bottom: 0; 32040 `} 32041 } 32042`,w=(0,o.Ay)(c.A).withConfig({displayName:"SectionHeaderLedeSection"})` 32043 grid-column: 1; 32044 grid-row: 1; 32045 background: var(${y.pT.Color.Surface}); 32046 32047 ${({shouldUseLedeAsLogo:e})=>e&&o.AH` 32048 .lead-asset__content { 32049 padding: 32px 0; 32050 } 32051 `} 32052 32053 .lead-asset__content__photo, 32054 ${g.BF} { 32055 max-height: none; 32056 } 32057 32058 ${h.zw}, 32059 ${g.BF} { 32060 ${({shouldUseLedeAsLogo:e})=>e?o.AH` 32061 margin: 0 auto; 32062 width: 21em; 32063 text-align: center; 32064 32065 @media (max-width: ${s.LO.md}) { 32066 width: 16em; 32067 } 32068 `:o.AH` 32069 width: 100%; 32070 `} 32071 } 32072`,$=o.Ay.span.withConfig({displayName:"SectionHeaderHedDivider"})` 32073 @media (min-width: ${s.LO.md}) { 32074 margin-top: ${(0,m.Kq)(4)}; 32075 margin-bottom: ${(0,m.Kq)(2)}; 32076 } 32077 display: block; 32078 grid-column: 1 / -1; 32079 margin-top: ${(0,m.Kq)(2)}; 32080 margin-right: auto; 32081 margin-bottom: ${({subHedPosition:e})=>"above"===e?(0,m.Kq)(2):0}; 32082 margin-left: ${({contentAlign:e})=>"center"===e?"auto":0}; 32083 border-bottom-width: ${(0,m.Kq)(.25,"px")}; 32084 border-bottom-style: solid; 32085 border-bottom-color: var(${y.pT.Color.BorderAccent}); 32086 width: ${(0,m.Kq)(12.5,"px")}; 32087 32088 && { 32089 ${({dividerLength:e,mobileDividerLength:t})=>e||t?o.AH` 32090 border-bottom-width: ${(0,m.Kq)(1.5,"px")}
32090; 32091 32092 ${e&&o.AH` 32093 @media (min-width: ${s.LO.md}) { 32094 width: ${(0,m.Kq)(e,"px")}; 32095 } 32096 `} 32097 32098 ${t&&o.AH` 32099 @media (max-width: ${s.LO.md}) { 32100 width: ${(0,m.Kq)(t,"px")}; 32101 } 32102 `} 32103 `:null} 32104 ${({shouldHideTopSpacing:e})=>e&&o.AH` 32105 margin-top: 0; 32106 `} 32107 32108 ${({shouldIncreaseBottomSpacingDivider:e})=>e&&o.AH` 32109 margin-bottom: 48px; 32110 `} 32111 } 32112`,v=(0,o.Ay)(l.vm).withConfig({displayName:"SectionHeaderHed"}).attrs(e=>({as:"h1",bottomSpacing:0,topSpacing:0,typeIdentity:"typography.definitions.discovery.page-hed-section",...e}))` 32113 margin: 0 auto; 32114 max-width: 850px; 32115 32116 color: var(${y.pT.Color.TextHeading}); 32117 32118 ${({theme:e,showSubChannelHed:t})=>t&&o.AH` 32119 ${(0,m.Gg)(e,"typography.definitions.discovery.subhed-section-secondary")} 32120 `} 32121 32122 ${({shouldUseCollectionHeaderFont:e,theme:t})=>e&&o.AH` 32123 ${(0,m.Gg)(t,"typography.definitions.discovery.page-hed-subsection")} 32124 `} 32125`,C=(0,o.Ay)(l.vm).withConfig({displayName:"SectionHeaderSubhed"}).attrs(e=>({typeIdentity:"typography.definitions.discovery.description-page",...e}))` 32126 margin: 0 auto; 32127 padding: ${({contentAlign:e})=>"center"===e?o.AH` 32128 ${(0,m.Kq)(2)} ${(0,m.Kq)(3)} 0 ${(0,m.Kq)(3)} 32129 `:o.AH` 32130 ${(0,m.Kq)(2)} ${(0,m.Kq)(3)} 0 0 32131 `}; 32132 max-width: 850px; 32133 color: var(${y.pT.Color.TextDek}); 32134 ${({showSmallerSubHed:e})=>e&&(0,m.Gg)("typography.definitions.consumptionEditorial.description-core")} 32135 ${({showtwolineSubHed:e})=>e&&(0,m.Gg)("typography.definitions.consumptionEditorial.display-medium")} 32136`,k=(0,o.Ay)(i.A).withConfig({displayName:"SectionHeaderSubhedClamp"})``,A=(0,o.Ay)(r.A.WithMargins).withConfig({displayName:"SectionHeaderGrid"})` 32137 ${a.E} { 32138 grid-column-end: -1; 32139 grid-column-start: 1; 32140 justify-self: ${({contentAlign:e})=>o.AH` 32141 ${e} 32142 `}; 32143 } 32144`,x=o.Ay.div.withConfig({displayName:"ChipWrapper"})` 32145 max-width: 100vw; 32146 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 32147 margin: 0; 32148 `:o.AH` 32149 margin: ${(0,m.Kq)(2)} 0 0 0; 32150 `} 32151 32152 .list-item-wrapper:first-child { 32153 margin-left: initial; 32154 } 32155 32156 .list-item-wrapper:last-child { 32157 margin-right: unset; 32158 } 32159 32160 ${d.OO} { 32161 a { 32162 padding-top: 0.7rem; 32163 padding-bottom: 0.7rem; 32164 } 32165 @media (min-width: ${s.LO.md}) { 32166 flex-wrap: wrap; 32167 overflow-x: none; 32168 justify-content: center; 32169 padding: ${(0,m.Kq)(1)} ${(0,m.Kq)(3)}; 32170 32171 .list-item-wrapper { 32172 margin-bottom: ${(0,m.Kq)(1)}; 32173 } 32174 } 32175 @media (max-width: ${s.LO.md}) { 32176 padding: 0.7rem ${(0,m.Kq)(3)}; 32177 ${({shouldCenterAlignChipsInMobile:e})=>e&&o.AH` 32178 justify-content: center; 32179 `}; 32180 } 32181 } 32182`},41338(e,t,n){n.d(t,{A:()=>L});var o=n(13465),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(6442);const c=(0,n(72267).YK)({bylineBrandXAdvertiser:{id:"SponsoredContentHeader.BylineBrandXAdvertiser",defaultMessage:"{brandName} X",description:"Byline text when it's a brand and an advertiser"},bylineBrandPresentsAdvertiser:{id:"SponsoredContentHeader.BylineBrandPresentsAdvertiser",defaultMessage:"{brandName} Presents",description:"Byline text when it's a brand presenting an advertiser"},bylineBrandedContent:{id:"SponsoredContentHeader.BylineBrandedContent",defaultMessage:"Branded Content By",description:"Byline text for branded content"},bylineContributorContentByAdvertiser:{id:"SponsoredContentHeader.bylineContributorContentByAdvertiser",defaultMessage:"Contributor Content By",description:"Byline text for Contributor content"},bylineCreated:{id:"SponsoredContentHeader.BylineCreated",defaultMessage:"Created By {brandName} For",description:"Byline text for created by brand"},bylinePaidPost:{id:"SponsoredContentHeader.BylinePaidPost",defaultMessage:"PAID POST",description:"Byline text for a paid post"},bylinePR:{id:"SponsoredContentHeader.BylinePR",defaultMessage:"PR",description:"Byline text for a PR"},bylinePaidPostByAdvertiser:{id:"SponsoredContentHeader.BylinePaidPostByAdvertiser",defaultMessage:"Paid Post by {sponsorName}, Brought to you By Business Reporter",description:"Byline text by advertiser for a paid post"},bylineProduced:{id:"SponsoredContentHeader.BylineProduced",defaultMessage:"Produced By",de
32182scription:"Byline text for produced by"},bylineProducedByAdvertiser:{id:"SponsoredContentHeader.BylineProducedByAdvertiser",defaultMessage:"Produced By",description:"Byline text for produced by advertiser"},bylinePublishedByAdvertiser:{id:"SponsoredContentHeader.BylinePublishedByAdvertiser",defaultMessage:"Published By",description:"Byline text for published by advertiser"},bylinePresentedByAdvertiser:{id:"SponsoredContentHeader.BylinePresentedByAdvertiser",defaultMessage:"Presented By",description:"Byline text for presented by advertiser"},bylineProducedByBrand:{id:"SponsoredContentHeader.BylineProducedByBrand",defaultMessage:"Produced By {brandName} With",description:"Byline text for produced by brand"},bylineSponsored:{id:"SponsoredContentHeader.BylineSponsored",defaultMessage:"Sponsored content",description:"Byline text for sponsored content"},bylineSponsoredContent:{id:"SponsoredContentHeader.BylineSponsoredContent",defaultMessage:"Sponsored Content By",description:"Byline text for sponsored content with a sponsor name"},bylineTogetherWith:{id:"SponsoredContentHeader.BylineTogetherWith",defaultMessage:"Together with",description:"Byline text for together with"},bylineInCollaboration:{id:"SponsoredContentHeader.BylineInCollaboration",defaultMessage:"In Collaboration With",description:"Byline text for in collaboration with"},bylineSponsoredBy:{id:"SponsoredContentHeader.BylineSponsoredBy",defaultMessage:"Sponsored By",description:"Byline text for sponsored by"},bylineInPartnership:{id:"SponsoredContentHeader.BylineInPartnership",defaultMessage:"In Partnership With",description:"Byline text for in partnership with"},bylineAdvertising:{id:"SponsoredContentHeader.BylineAdvertising",defaultMessage:"Advertising",description:"Byline text for advertising"},bylineAdvertisement:{id:"SponsoredContentHeader.BylineAdvertisement",defaultMessage:"Advertisement",description:"Byline text for advertisement"},bylinePromotedByAdvertiser:{id:"SponsoredContentHeader.BylinePromotedByAdvertiser",defaultMessage:"Promoted by",description:"Byline text for promoted by advertiser"},bylinePromotion:{id:"SponsoredContentHeader.BylinePromotion",defaultMessage:"Promotion",description:"Byline text for promotion"},bylineAdvertisementFeatureWith:{id:"SponsoredContentHeader.BylineAdvertisementFeatureWith",defaultMessage:"Advertisement Feature With",description:"Byline text for advertisement feature with"},bylineOriginalContentBy:{id:"SponsoredContentHeader.BylineOriginalContentBy",defaultMessage:"Original Content By",description:"Byline text for Original Content By"},sponsoredLinkCTA:{id:"SponsoredContentHeader.SponsoredLinkCTA",defaultMessage:"Click to go to {sponsorName}'s website",description:"Call to action for sponsored link"},bylineAdvertisementByAdvertiser:{id:"SponsoredContentHeader.bylineAdvertisementByAdvertiser",defaultMessage:"Advertisement By",description:"Byline text for advertisement by advertiser"},bylineAd:{id:"SponsoredContentHeader.bylineAd",defaultMessage:"Ad",description:"Byline text for ad"},bylineSponsoredByAdvertiser:{id:"SponsoredContentHeader.bylineSponsoredByAdvertiser",defaultMessage:"Sponsored By",description:"Byline text for sponsored by advertiser"},bylineInPartnershipWithAdvertiser:{id:"SponsoredContentHeader.bylineInPartnershipWithAdvertiser",defaultMessage:"In Partnership With",description:"Byline text for in partnership with advertiser"},bylinePaidPartnershipWithAdvertiser:{id:"SponsoredContentHeader.bylinePaidPartnershipWithAdvertiser",defaultMessage:"Paid Partnership With",description:"Byline text for paid partnership with advertiser"},bylineAffiliatePartner:{id:"SponsoredContentHeader.bylineAffiliatePartner",defaultMessage:"Affiliate Partner",description:"Byline text for affiliate partner"},bylinePaidPromotionByAdvertiser:{id:"SponsoredContentHeader.bylinePaidPromotionByAdvertiser",defaultMessage:"Paid Promotion By",description:"Byline text for paid promotion by advertiser"},bylineSpecialFeature:{id:"SponsoredContentHeader.bylineSpecialFeature",defaultMessage:"Special Feature",description:"Byline text for special feature"}});var m=n(53499),u=n(38267),p=n(18608),g=n(26865),h=n(86157),y=n(39832);const b=u.Ay.div.withConfig({displayName:"SponsoredContentHeaderWrapper"})` 32183 display: flex; 32184 justify-content: center; 32185 ${({theme:e})=>(0,g._o)(e,"background-color","colors.discovery.body.light.background")}; 32186 padding: ${(0,g.Kq)(2)}; 32187 width: 100%; 32188 min-height: 80px; 32189 32190 ${({isBrandedLegacy:e})=>e?`\n grid-column: 1 / -1;\n padding: unset;\n height: 60px;\n min-height: unset;\n\n &.light-theme {\n ${({theme:e})=>(0,g._o)(e,"background-color","colors.background.light")}\n }\n `:""} 32191`,f=(0,u.Ay)(y.A).withConfig({displayName:"SponsoredContentHeaderExternalLink"})` 32192 text-decoration: none; 32193`,w=u.Ay.div.withConfig({displayName:"SponsoredContentHeaderInfoBox"})` 32194 display: flex; 32195 flex-direction: column; 32196 align-items: center; 32197 justify-content: center; 32198 height: 100%; 32199 32200 ${({isBrandedLegacy:e})=>e?"& { flex-direction: unset; }":""} 32201`,$=(0,u.Ay)(p.vm).withConfig({displayName:"SponsoredContentHeaderBylineText"}).attrs(e=>({as:"div",colorToken:"colors.consumption.lead.standard.syndication",typeIdentity:"typography.definitions.globalEditorial.syndication",...e}))` 32202 ${({theme:e,isBrandedLegacy:t})=>t?`\n ${(0,g.Gg)(e,"typography.definitions.globalEditorial.context-primary")};\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding-right: ${(0,g.Kq)(2)};\n height: 100%;\n\n &.light-theme {\n ${(0,g._o)(e,"color","colors.discovery.body.light.heading")}\n }\n }\n `:""} 32203`,v=(0,u.Ay)(h.A).withConfig({displayName:"SponsoredContentHeaderResponsiveAsset"})` 32204 &.responsive-asset { 32205 display: flex; 32206 align-items: center; 32207 margin-top: ${(0,g.Kq)(1)}; 32208 overflow: visible; 32209 32210 ${({theme:e,isBrandedLegacy:t})=>t?`\n justify-content: flex-start;\n margin-top: unset;\n padding-left: ${(0,g.Kq)(2)};\n border-left: 1px solid;\n ${(0,g._o)(e,"border-color","colors.discovery.body.light.divider")};\n `:""} 32211 } 32212 32213 &.responsive-image { 32214 height: 60px; 32215 32216 img { 32217 height: 100%; 32218 } 32219 32220 ${({constrainLogoByWidth:e})=>e?"{\n width: 60px;\n height: unset;\n\n img {\n height: unset;\n }\n }":""} 32221 } 32222`,C=(0,u.Ay)(p.vm).withConfig({displayName:"SponsoredContentHeaderSponsorName"}).attrs(e=>({as:"div",colorToken:"colors.consumption.lead.standard.syndication",typeIdentity:"typography.definitions.consumptionEditorial.description-feature",...e}))` 32223 display: flex; 32224 align-items: center; 32225 margin-top: ${(0,g.Kq)(.5)}; 32226 32227 ${({isBrandedLegacy:e,theme:t})=>e?`\n justify-content: flex-start;\n margin-top: unset;\n padding-left: ${(0,g.Kq)(.5)};\n\n &.light-theme {\n ${(0,g._o)(t,"color","colors.discovery.body.light.syndication")};\n }\n `:""}
32228`,k="produced_by_advertiser",A={advertisement:c.bylineAdvertisement,brand_x_advertiser:c.bylineBrandXAdvertiser,brand_presents_advertiser:c.bylineBrandPresentsAdvertiser,branded_content:c.bylineBrandedContent,contributor_content_by_advertiser:c.bylineContributorContentByAdvertiser,created:c.bylineCreated,original_content_by:c.bylineOriginalContentBy,paid_post:c.bylinePaidPost,paid_post_by_advertiser_brought_to_you_by_business_reporter:c.bylinePaidPostByAdvertiser,produced:c.bylineProduced,produced_by_advertiser:c.bylineProducedByAdvertiser,presented_by_advertiser:c.bylinePresentedByAdvertiser,produced_by_brand:c.bylineProducedByBrand,sponsored:c.bylineSponsored,sponsored_content:c.bylineSponsoredContent,together_with:c.bylineTogetherWith,in_collaboration:c.bylineInCollaboration,sponsored_by:c.bylineSponsoredBy,in_partnership:c.bylineInPartnership,advertisement_feature_with:c.bylineAdvertisementFeatureWith,advertisement_by_advertiser:c.bylineAdvertisementByAdvertiser,ad:c.bylineAd,sponsored_by_advertiser:c.bylineSponsoredByAdvertiser,in_partnership_with_advertiser:c.bylineInPartnershipWithAdvertiser,paid_partnership_with_advertiser:c.bylinePaidPartnershipWithAdvertiser,affiliate_partner:c.bylineAffiliatePartner,paid_promotion_by_advertiser:c.bylinePaidPromotionByAdvertiser,special_feature:c.bylineSpecialFeature,advertising:c.bylineAdvertising,PR:c.bylinePR,promoted_by_advertiser:c.bylinePromotedByAdvertiser,published_by_advertiser:c.bylinePublishedByAdvertiser,promotion:c.bylinePromotion};function x(e){return Object.prototype.hasOwnProperty.call(A,e)?e:k}const E=({brandName:e,bylineOption:t,bylineVariant:n,campaignUrl:o,className:i,configuredComponentRef:r,sponsorLogo:s,sponsorName:u})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(m.G.RENDER,{name:"SponsoredContentHeader"})},[]);const p=(0,d.A)(),g=x(t),{isBrandedLegacy:h,shouldDisplayLogo:y}=function({bylineOption:e,bylineVariant:t,hasLogo:n}){const o=x(e),i="sponsored"===o||"produced"===o;return{isBrandedLegacy:i,shouldDisplayLogo:n&&("logo"===t||i)}}({bylineOption:g,bylineVariant:n,hasLogo:!!s}),E=function({intl:e,bylineOption:t=k,brandName:n,sponsorName:o}){return e.formatMessage(A[t],{brandName:n,sponsorName:o})}({intl:p,bylineOption:g,brandName:e,sponsorName:u}),S=function({sponsorLogo:e}){return(e?.sources?.sm?.height||0)/(e?.sources?.sm?.width||1)}({sponsorLogo:s});return l.createElement(b,{ref:r,isBrandedLegacy:h,className:a()(i,g.replace("_","-")),"data-testid":"SponsoredContentHeaderWrapper"},l.createElement(f,{additionalRelVals:["sponsored"],href:o||void 0,attributes:{"aria-label":p.formatMessage(c.sponsoredLinkCTA,{sponsorName:u})}},l.createElement(w,{isBrandedLegacy:h},l.createElement($,{isBrandedLegacy:h,"data-testid":"SponsoredContentHeaderBylineText"},E),y?l.createElement(v,{altText:s.altText,constrainLogoByWidth:S>1,isBrandedLegacy:h,sources:s.sources}):l.createElement(C,{isBrandedLegacy:h},u))))};E.propTypes={configuredComponentRef:s().func,brandName:s().string.isRequired,bylineOption:s().string.isRequired,bylineVariant:s().string.isRequired,campaignUrl:s().string.isRequired,className:s().string,sponsorLogo:s().any,sponsorName:s().string.isRequired},E.displayName="SponsoredContentHeader";const S=E,L=(0,o.y)(S,"SponsoredContentHeader")},29752(e,t,n){n.d(t,{A:()=>a});var o=n(47655),i=n(24728);i.A.Inverted=(0,o.y)(i.A,"Inverted",{},{isInverted:!0,viewAllButtonVariation:"UtilityInverted",btnStyle:"outlined"}),i.A.ButtonPrimaryOutlined=(0,o.y)(i.A,"ButtonPrimaryOutlined",{},{viewAllButtonVariation:"Primary",btnStyle:"outlined"}),i.A.ButtonPrimaryOutlinedCompact=(0,o.y)(i.A,"ButtonPrimaryOutlinedCompact",{},{viewAllButtonVariation:"Primary",btnStyle:"outlined",hasModerateSpacing:!1});const a=i.A},34751(e,t,n){n.d(t,{F5:()=>h,MU:()=>y,S1:()=>$,fl:()=>v,lV:()=>f,ol:()=>w,sZ:()=>b});var o=n(38267),i=n(26865),a=n(96472),r=n(66657),s=n(72662),l=n(277),d=n(73730),c=n(6613),m=n(1123),u=n(36211),p=n(68116),g=n(42361);const h=(0,o.Ay)(r.A).withConfig({displayName:"CarouselRow"})` 32229 margin: 0 auto; 32230 overflow: auto; 32231 32232 ${({theme:e})=>"inverted"===e.palette?`\n ${(0,i._o)(e,"background","colors.discovery.body.black.background")};\n `:"special"===e.palette?`\n ${(0,i._o)(e,"background","colors.consumption.lead.special.background")};\n @media (max-width: ${a.LO.md}) {\n padding: ${(0,i.Kq)(4)} 0 ${(0,i.Kq)(3)} ${(0,i.Kq)(3)};\n }\n @media (min-width: ${a.LO.md}) {\n padding: ${(0,i.Kq)(6)} 0 ${(0,i.Kq)(3)} ${(0,i.Kq)(8)};\n } \n `:`\n ${(0,m.VO)()}\n padding-left: var(--grid-margin);\n padding-right: var(--grid-margin);\n @media (min-width: ${a.LO.xxl}) {\n ${(0,m.aU)("padding")};\n max-width: ${(0,i.Kq)(200)};\n }\n ${(0,i._o)(e,"background","colors.discovery.body.white.background")};\n `} 32233 32234 ${({theme:e,shouldApplyGridSpacing:t})=>"inverted"===e.palette&&t&&`\n @media (max-width: ${a.LO.md}) {\n padding: ${(0,i.Kq)(4)} 0 ${(0,i.Kq)(3)} ${(0,i.Kq)(3)};\n }\n @media (min-width: ${a.LO.md}) {\n padding: ${(0,i.Kq)(6)} ${(0,i.Kq)(6)} ${(0,i.Kq)(3)} ${(0,i.Kq)(8)};\n }\n `} 32235 32236 ${({shouldEnableChannelFeatures:e})=>e&&`\n${(0,i.H4)(a.LO.md)} {\n display: none;\n }\n grid-column: 1/ span 12;\n grid-row: 3;\n padding-left: 0;\n padding-right: 0;\n padding-top: ${(0,i.Kq)(5)};\n `} 32237 32238 ${s.aF} { 32239 ${({theme:e,shouldApplyGridSpacing:t})=>"inverted"!==e.palette||t?"":`${(0,m.VO)()}\n margin: ${(0,i.Kq)(4)} auto;\n padding-left: var(--grid-margin);\n padding-right: var(--grid-margin);\n @media (min-width: ${a.LO.xxl}) {\n ${(0,m.aU)("padding")};\n max-width: ${(0,i.Kq)(200)};\n }`}; 32240 32241 ${({shouldApplyGridSpacing:e})=>e&&`@media (min-width: ${a.LO.xxl}) {\n padding-right: ${(0,i.Kq)(6)};\n padding-left: ${(0,i.Kq)(6)};\n }\n `} 32242 32243 ${({shouldEnableChannelFeatures:e})=>e&&"margin-top: 0;\n margin-bottom: 0;\n "} 32244 } 32245 32246 ${s.hF} { 32247 margin-top: 0; 32248 background: none; 32249 overflow-x: auto; 32250 scroll-snap-type: x mandatory; 32251 32252 @media (min-width: ${a.LO.xxl}) { 32253 padding-right: 0; 32254 padding-left: 0; 32255 } 32256 } 32257 32258 ${s.oX} { 32259 ${({shouldEnableChannelFeatures:e})=>e&&` width: 70%;\n margin-right: ${(0,i.Kq)(2)};`} 32260 32261 ${({theme:e,shouldApplySpecialCard:t})=>t&&`\n border-style: solid;\n border-width: 4px;\n ${(0,i._o)(e,"border-color","colors.interactive.base.black")};\n ${(0,i._o)(e,"background-color","colors.consumption.body.standard.bg-card")};\n `} 32262 .summary-item__content { 32263 padding-bottom: ${(0,i.Kq)(0)}; 32264 width: auto; 32265 32266 @media (min-width: ${a.LO.xxl}) { 32267 ${({hasModerateSpacing:e})=>`padding-bottom: ${(0,i.Kq)(e?4:0)};`} 32268 } 32269 } 32270 32271 .summary-item--bundle { 32272 @media (min-width: ${a.LO.lg}) { 32273 ${({hasModerateSpacing:e})=>`padding-bottom: ${(0,i.Kq)(e?6:2)};`} 32274 } 32275 32276 .summary-item__content { 32277 width: auto; 32278 } 32279 32280 .summary-item__hed { 32281 margin-top: 0; 32282 margin-bottom: ${(0,i.Kq)(1)}; 32283 } 32284 } 32285 32286 .summary-item { 32287 a.summary-item__hed-link { 32288 ${({theme:e,shouldApplySpecialCard:t})=>"inverted"!==e.palette||t?(0,i._o)(e,"color","colors.discovery.body.white.heading"):(0,i._o)(e,"color","colors.discovery.body.black.heading")}; 32289 } 32290 32291 .summary-item__hed { 32292 width: auto; 32293 ${({theme:e,isSummaryHeadingSecondary:t})=>(0,i.Gg)(e,t?"typography.definitions.discovery.hed-core-secondary":"typography.definitions.discovery.hed-core-primary")}; 32294 32295 ${({theme:e,shouldApplySpecialCard:t})=>"inverted"!==e.palette||t?(0,i._o)(e,"color","colors.discovery.body.white.heading"):(0,i._o)(e,"color","colors.discovery.body.black.heading")}; 32296 } 32297 } 32298 } 32299 32300 .more-videos { 32301 margin: ${(0,i.Kq)(4)} auto ${(0,i.Kq)(8)}; 32302 @media (min-width: ${a.LO.lg}) { 32303 margin: ${(0,i.Kq)(3)} auto ${(0,i.Kq)(8)}; 32304 } 32305 max-width: fit-content; 32306 }
32307`,y=o.Ay.div.withConfig({displayName:"CarouselSummaryItem"})` 32308 ${({theme:e,shouldApplySpecialCard:t})=>"inverted"!==e.palette||t?"":`\n ${c.zM} {\n ${(0,i._o)(e,"color","colors.discovery.body.black.context-signature")}\n }\n\n ${l.Y0} {\n ${(0,i._o)(e,"color","colors.discovery.body.black.context-tertiary")}\n }\n `} 32309 && { 32310 ${p.Tr} { 32311 ${u.Y} { 32312 @media (max-width: ${a.LO.md}) { 32313 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.discovery.hed-core-secondary")}; 32314 } 32315 } 32316 } 32317 } 32318`,b=o.Ay.div.withConfig({displayName:"ArticleGalleryCarouselBtnWrapper"})` 32319 position: relative; 32320 top: 32px; 32321 32322 .more-products { 32323 margin: 0 auto; 32324 max-width: fit-content; 32325 } 32326`,f=(0,o.Ay)(d.A.Utility).withConfig({displayName:"ArticleGalleryCarouselButton"})` 32327 margin: ${(0,i.Kq)(1)} auto ${(0,i.Kq)(8)}; 32328 32329 @media (min-width: ${a.LO.lg}) { 32330 margin: ${(0,i.Kq)(6)} auto ${(0,i.Kq)(8)}; 32331 } 32332`,w=o.Ay.div.withConfig({displayName:"OnwardCard"})` 32333 display: flex; 32334 flex-direction: column; 32335 align-items: center; 32336 justify-content: center; 32337 transition: opacity 0.2s ease-in-out; 32338 border: 2px solid; 32339 cursor: pointer; 32340 padding: ${(0,i.Kq)(3)}; 32341 width: 100%; 32342 height: 100%; 32343 32344 ${({theme:e})=>(0,i._o)(e,"border-color","colors.background.black")}; 32345 ${({theme:e})=>(0,i._o)(e,"background-color","colors.background.light")}; 32346 32347 &:hover { 32348 opacity: 0.8; 32349 } 32350 32351 ${({hasBorder:e})=>e&&"\n border-width: 2px;\n "} 32352 32353 @media (max-width: ${a.LO.md}) { 32354 align-items: flex-start; 32355 } 32356`,$=o.Ay.span.withConfig({displayName:"OnwardCardLabel"})` 32357 text-align: center; 32358 ${({theme:e})=>(0,i._o)(e,"color","colors.background.black")}; 32359 ${({theme:e})=>(0,i.Gg)(e,"typography.definitions.utility.button-utility")}; 32360 32361 @media (max-width: ${a.LO.md}) { 32362 text-align: left; 32363 } 32364`,v=(0,o.Ay)(g.A).withConfig({displayName:"ArrowRightIcon"})` 32365 margin-top: ${(0,i.Kq)(2)}; 32366 width: ${(0,i.Kq)(3)}; 32367 height: ${(0,i.Kq)(3)}; 32368`},67170(e,t,n){n.d(t,{A:()=>A});var o=n(13465),i=n(5556),a=n.n(i),r=n(96540),s=n(53499),l=n(38267),d=n(26865),c=n(96472),m=n(18608),u=n(73275);const p=(0,l.Ay)(m.sH).withConfig({displayName:"SummaryItemSimpleAnchor"})` 32369 display: block; 32370 position: relative; 32371 padding-bottom: ${({hasMobilePaddingBottom:e})=>(0,d.Kq)(e?4:3)}; 32372 32373 && { 32374 ${({hasUnderlineHed:e})=>!e&&"text-decoration: none"} 32375 } 32376`,g=(0,l.Ay)(m.vm).withConfig({displayName:"SummaryItemSimpleHed"})` 32377 padding-bottom: ${({hasMobilePaddingBottom:e})=>(0,d.Kq)(e?.5:1.5)}; 32378 text-align: center; 32379 32380 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.discovery.hed-core-secondary")} 32381 ${({theme:e})=>(0,d._o)(e,"color","colors.discovery.lead.secondary.hed")}; 32382`,h=(0,l.Ay)(m.vm).withConfig({displayName:"SummaryItemSimpleSubHed"})` 32383 text-align: center; 32384 ${({theme:e,showPrice:t})=>t?(0,d.Gg)(e,"typography.definitions.discovery.hed-core-secondary"):(0,d.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")} 32385 ${({theme:e})=>(0,d._o)(e,"color","colors.discovery.body.white.context-tertiary")}; 32386`,y=(0,l.Ay)(u.A).withConfig({displayName:"SummaryItemResponsiveAsset"})` 32387 padding-bottom: ${({hasMobilePaddingBottom:e})=>(0,d.Kq)(e?1.5:.5)}; 32388 @media (min-width: ${c.LO.md}) { 32389 padding-bottom: ${(0,d.Kq)(1)}; 32390 } 32391 32392 img { 32393 width: 100%; 32394 } 32395`,b=l.Ay.div.withConfig({displayName:"SummaryItemLiveWrapperAsset"})` 32396 display: flex; 32397 position: absolute; 32398 top: 24px; 32399 left: 12px; 32400 flex-direction: row; 32401 align-items: center; 32402 background: #a60505; 32403 padding: 2px 4px; 32404 height: 19px; 32405`,f=l.Ay.div.withConfig({displayName:"SummaryItemLiveSpacerAsset"})` 32406 position: static; 32407 opacity: 0.3; 32408 width: 4px; 32409`,w=l.Ay.div.withConfig({displayName:"SummaryItemLiveEllipseAsset"})` 32410 top: 7px; 32411 left: 4px; 32412 flex: none; 32413 flex-grow: 0; 32414 order: 0; 32415 margin: 4px 0; 32416 ${({theme:e})=>(0,d._o)(e,"background-color","colors.interactive.base.white")}; 32417 width: 5px; 32418 height: 5px; 32419`,$=l.Ay.div.withConfig({displayName:"SummaryItemLiveLabelAsset"})` 32420 top: 2px; 32421 left: 13px; 32422 flex: none; 32423 flex-grow: 0; 32424 order: 1; 32425 margin: 4px 0; 32426 height: 15px; 32427 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")} 32428 line-height: 15px; 32429 ${({theme:e})=>(0,d._o)(e,"color","colors.interactive.base.white")}; 32430`,v=(0,l.Ay)(m.vm).withConfig({displayName:"SummaryItemCustomMessage"})` 32431 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.globalEditorial.ad-label")} 32432 ${({theme:e})=>(0,d._o)(e,"color","colors.consumption.body.standard.adlabel")}; 32433 text-align: center; 32434 32435 ${({theme:e,isRunwayRecommendationSubHed:t})=>t&&`\n ${(0,d.Gg)(e,"typography.definitions.globalEditorial.context-secondary")}\n ${(0,d._o)(e,"color","colors.consumption.body.standard.subhed")}\n `}; 32436`,C=({configuredComponentRef:e,image:t,isLive:n=!1,isRunwayRecommendationSubHed:o=!1,hasMobilePaddingBottom:i,hed:a,showAssetOnly:l=!1,showLinkedAsset:d=!1,subHed:c,liveLabel:m="LIVE",url:u,customMessage:C,showPrice:k,hasUnderlineHed:A=!0,isInternalLink:x,onItemClick:E})=>{r.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(s.G.RENDER,{name:"SummaryItemSimple"})},[]);const S=t&&r.createElement(y,{...t,hasNativeImgLazyLoading:!0,hasMobilePaddingBottom:i}),L=()=>{E&&E()};if(l)return S;const T=t&&r.createElement(p,{href:u,"data-testid":"SummaryItemSimple",onClick:L,target:x?"_self":"_blank",hasMobilePaddingBottom:i},r.createElement(y,{...t,hasNativeImgLazyLoading:!0}));return d?T:r.createElement(p,{ref:e,href:u,"data-testid":"SummaryItemSimple",onClick:L,hasUnderlineHed:A,hasMobilePaddingBottom:i},S,t&&n&&r.createElement(b,null,r.createElement(w,null),r.createElement(f,null),r.createElement($,null," ",m," ")),a&&r.createElement(g,{as:"h3",hasMobilePaddingBottom:i},a),c&&r.createElement(h,{showPrice:k,as:"p"},k?c:null),C&&r.createElement(v,{isRunwayRecommendationSubHed:o}," ",C," "))};C.propTypes={configuredComponentRef:a().func,customMessage:a().string,hasMobilePaddingBottom:a().bool,hasUnderlineHed:a().bool,hed:a().string,image:a().shape(y.propTypes),isInternalLink:a().bool,isLive:a().bool,isRunwayRecommendationSubHed:a().bool,liveLabel:a().string,onItemClick:a().func,showAssetOnly:a().bool,showLinkedAsset:a().bool,showPrice:a().bool,subHed:a().string,url:a().string.isRequired};const k=C,A=(0,o.y)(k,"SummaryItemSimple")},78250(e,t,n){n.d(t,{A:()=>r});var o=n(13465),i=n(31581),a=n(59512);const r=(0,i.N)((0,o.y)(a.A,"Ticker"))},28934(e,t,n){n.d(t,{GK:()=>g,MZ:()=>p,Qy:()=>h,ab:()=>m,bM:()=>y,u0:()=>u});var o=n(38267),i=n(73275),a=n(7228),r=n(18608),s=n(96472),l=n(50531),d=n(26865),c=n(16800);const m=o.Ay.section.withConfig({displayName:"TickerWrapper"})` 32437 ${"\n display: flex;\n align-items: center;\n justify-content: center;\n"} 32438 ${({layoutPlacement:e})=>"text-below-mobile-only"===e&&`\n flex-direction: column;\n @media (min-width: ${s.LO.md}) {\n flex-direction: row;\n }`} 32439 32440 ${({applyStyleForLandscapeImg:e})=>e&&`\n @media (max-width: ${s.LO.md}) {\n flex-direction: column;\n }\n `} 32441 ${({hasBorders:e,isInverted:t,theme:n})=>e&&`\n border-width: 1px 0;\n border-style: solid;\n ${(0,d._o)(n,"border-color","colors.discovery.body.white.divider")};\n `} 32442 32443 ${({hasSolidBorders:e,theme:t})=>e&&`border-width: 4px 0px;\n border-style: solid;\n ${(0,d._o)(t,"border-color","colors.interactive.base.black")};`} 32444 32445 ${({isInverted:e,theme:t})=>e&&`\n ${(0,d._o)(t,"background","colors.consumption.lead.inverted.heading-background")};\n `} 32446 32447 padding: ${(0,d.Kq)(2)} 0; 32448 32449 @media (min-width: ${s.LO.md}) { 32450 padding: ${(0,d.Kq)(1)} 0; 32451 } 32452 32453 min-height: 88px; 32454 32455 ${({marginTopType:e,hasConsistentSpacing:t,theme:n})=>"small"===e?t&&"0px"!==(0,c.F)(n,"gap-md")?`margin-bottom: ${(0,d.Kq)(0)};`:`margin-top: ${(0,d.Kq)(1)};`:"large"===e?t&&"0px"!==(0,c.F)(n,"gap-md")?`margin-bottom: ${(0,d.Kq)(0)};`:`margin-top: ${(0,d.Kq)(4)};`:"none"===e?"margin-top: 0;":""} 32456 32457 ${({hasMinimalBottomMargin:e})=>e&&`margin-bottom: ${(0,d.Kq)(2)};`} 32458 32459 ${({hideTopBorder:e})=>e&&"\n border-top: 0px\n"} 32460 32461 ${({hideBottomBorder:e})=>e&&"\n border-bottom: 0px\n"} 32462 32463 ${({isSpecialTheme:e,theme:t})=>e&&`\n ${(0,d._o)(t,"background","colors.consumption.body.special.bg-photo")};\n `} 32464`,u=o.Ay.span.withConfig({displayName:"TickerText"})` 32465 ${"\n display: flex;\n align-items: center;\n justify-content: center;\n"} 32466 flex-direction: column; 32467 align-items: flex-start; 32468 ${({applyStyleForLandscapeImg:e})=>e&&`\n @media (max-width: ${s.LO.md}){\n align-items: center;\n gap: 0;\n };`} 32469 @media (min-width: ${s.LO.md}) { 32470 flex-direction: row; 32471 gap: 5px; 32472 align-items: center; 32473 } 32474 32475 ${({layoutPlacement:e})=>"side-by-side"===e?`\n margin-left: ${(0,d.Kq)(3)};\n gap: ${(0,d.Kq)(1)};\n @media (min-width: ${s.LO.md}) {\n margin-left: 0;\n }\n `:"dense"===e?"\n display: block;\n ":""} 32476 32477 ${({applyStyleForLandscapeImg:e})=>e&&`\n @media (max-width: ${s.LO.md}) {\n &{\n ${l.eM}{\n margin-top: ${(0,d.Kq)(2)};\n }\n }\n }\n `} 32478 ${({theme:e})=>(0,d.Gg)(e,"typography.definitions.foundation.link-primary")} 32479 ${({applyStyleForNoImage:e})=>e&&`\n @media (max-width: ${s.LO.md}) {\n & {\n ${l.eM} {\n margin: 0 auto;\n }\n }\n }\n `} 32480`,p=(0,o.Ay)(i.A).withConfig({displayName:"TickerImage"})` 32481 position: relative; 32482 cursor: pointer; 32483 height: auto; 32484 32485 && { 32486 ${a.BF} { 32487 vertical-align: baseline; 32488 } 32489 } 32490 32491 ${({imagePosition:e})=>"right"===e&&`\n order: 2;\n margin-top: ${(0,d.Kq)(2)};\n\n @media (min-width: ${s.LO.md}) {\n margin-top: 0;\n margin-left: ${(0,d.Kq)(2)};\n }\n `}; 32492 32493 ${({imagePosition:e,layoutPlacement:t})=>"left"===e&&"dense"===t&&`\n margin-right: ${(0,d.Kq)(2)};\n `}; 32494 32495 ${({imagePosition:e})=>"left"===e&&`\n @media (min-width: ${s.LO.md}) {\n margin-right: ${(0,d.Kq)(2)};\n }\n `}; 32496 32497 ${({hasRoundedImage:e})=>e&&`\n border-radius: ${(0,d.Kq)(1)}\n `}; 32498 32499 ${({imageMinWidth:e})=>e&&`\n min-width: ${e}px;\n `} 32500`,g=(0,o.Ay)(r.vm).withConfig({displayName:"TickerHed"}).attrs(e=>({as:"span",colorToken:"colors.discovery.body.white.heading",typeIdentity:"typography.definitions.discovery.description-feature",...e}))` 32501 ${({layoutPlacement:e})=>"text-below-mobile-only"===e&&`\n text-align: center;\n margin: ${(0,d.Kq)(2)} 0 ${(0,d.Kq)(2)} 0;\n @media (min-width: ${s.LO.md}) {\n margin: 0 ${(0,d.Kq)(2)} 0 ${(0,d.Kq)(2)};\n }\n `} 32502 32503 ${({isLink:e,layoutPlacement:t})=>e&&"dense"===t?`margin-right: ${(0,d.Kq)(.5)}`:e?"":`\n @media (min-width: ${s.LO.md}) {\n margin-right: ${(0,d.Kq)(2)};\n }\n `}; 32504 ${({isInverted:e,theme:t})=>e?(0,d._o)(t,"color","colors.consumption.lead.inverted.heading"):(0,d._o)(t,"color","colors.consumption.lead.standard.heading")}; 32505 32506 ${({isLink:e,layoutPlacement:t})=>e&&"dense"!==t&&`\n padding-bottom: 0;\n @media (min-width: ${s.LO.md}) {\n padding-right: 0;\n }\n `} 32507 32508 ${({typeTokenSet:e,theme:t})=>"utility"===e?(0,d.Gg)(t,"typography.definitions.utility.body"):""}; 32509 @media (max-width: ${s.LO.md}) { 32510 ${({applyStyleForLandscapeImg:e})=>e&&`margin-top: ${(0,d.Kq)(2)};`} 32511 ${({applyStyleForNoImage:e})=>e&&"margin-top: 0;"} 32512 } 32513`,h=(0,o.Ay)(r.sH).withConfig({displayName:"TickerLinkWrapper"})``,y=(0,o.Ay)(r.sH).withConfig({displayName:"TickerLink"})` 32514 ${({typeTokenSet:e,theme:t})=>"utility"===e?(0,d.Gg)(t,"typography.definitions.utility.button-utility"):(0,d.Gg)(t,"typography.definitions.discovery.description-feature")} 32515 32516 &:visited, 32517 &:link { 32518 ${({isInverted:e,theme:t})=>e?(0,d._o)(t,"color","colors.interactive.base.white"):(0,d._o)(t,"color","colors.interactive.base.brand-primary")}; 32519 } 32520 32521 &:hover { 32522 ${({isInverted:e,theme:t})=>e?(0,d._o)(t,"color","colors.interactive.base.brand-primary"):(0,d._o)(t,"color","colors.interactive.base.dark")}; 32523 } 32524 32525 &:focus { 32526 ${({isInverted:e,theme:t})=>e?(0,d._o)(t,"color","colors.interactive.base.brand-primary"):(0,d._o)(t,"color","colors.interactive.base.dark")}; 32527 } 32528 @media (max-width: ${s.LO.md}) { 32529 ${({applyStyleForNoImage:e})=>e&&"margin: 0 auto;"} 32530 } 32531`},59512(e,t,n){n.d(t,{A:()=>b});var o=n(47655),i=n(32485),a=n.n(i),r=n(5556),s=n.n(r),l=n(96540),d=n(53499),c=n(73730),m=n(73275),u=n(28934),p=n(90090),g=n(99623);const h=({btnStyle:e="filled",buttonVariation:t="Utility",className:n,configuredComponentRef:o,fullPageTheme:i="standard",hasBorders:r=!0,id:s,marginTopType:m="small",hasMinimalBottomMargin:h=!1,hasSolidBorders:y=!1,hasRoundedImage:b,hideTopBorder:f=!1,hideBottomBorder:w=!1,image:$,imageMinWidth:v=72,index:C,isLink:k=!1,isInvertedTheme:A=!1,hasConsistentSpacing:
32531x=!1,isSpecialTheme:E=!1,typeTokenSet:S,link:L,shouldEnableBundleComponentAnalytics:T,target:N,trackingNamespace:H,text:I,variations:B={imagePosition:"left",layoutPlacement:"text-below-mobile-only"},variationName:O})=>{l.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"Ticker",variation:O})},[O]);const K=c.A[t],{imagePosition:D,layoutPlacement:_}=B,P=L?.text?.length>0,R=(0,p.NY)(T,H||"ticker position",C),{applyStyleForNoImage:q,applyStyleForLandscapeImg:M,updatedLayoutPlacement:F,updatedImagePosition:U}=((e,t,n)=>{const o=e?.segmentedSources?.sm?.[0]?.width,i=e?.segmentedSources?.sm?.[0]?.height;let a=!1,r=!1,s=n,l=t;return o&&i&&"dense"!==n?i>o||i===o?(s="side-by-side",l="left"):r=!0:a=!0,{applyStyleForNoImage:a,applyStyleForLandscapeImg:r,updatedLayoutPlacement:s,updatedImagePosition:l}})($,D,_),V=A||"inverted"===i,G=((e,t,n,o,i,a)=>function(r){return l.createElement(t,{href:n.href,target:n.target||o,onClick:()=>i(n.href,n.text,"ticker_logo","click",a)},l.createElement(e,{...r}))})(u.MZ,u.Qy,L,N,g.N,s);return l.createElement(u.ab,{...R,ref:o,className:a()("ticker-wrapper",n),hasBorders:r,hideTopBorder:f,hideBottomBorder:w,marginTopType:m,hasMinimalBottomMargin:h,isInverted:V,isSpecialTheme:E,hasSolidBorders:y,layoutPlacement:F,applyStyleForNoImage:q,applyStyleForLandscapeImg:M,hasConsistentSpacing:
32531x},(({image:e,HyperlinkedTickerImage:t,marginTopType:n,hasRoundedImage:o,updatedImagePosition:i,imageMinWidth:a,updatedLayoutPlacement:r,applyStyleForNoImage:s})=>e&&e.segmentedSources?l.createElement(t,{...e,className:"ticker__image",marginTopType:n,hasRoundedImage:o,imagePosition:i,imageMinWidth:a,layoutPlacement:r,shouldHoldImageSpace:!0,applyStyleForNoImage:s}):null)({image:$,HyperlinkedTickerImage:G,marginTopType:m,hasRoundedImage:b,updatedImagePosition:U,imageMinWidth:v,updatedLayoutPlacement:F,applyStyleForNoImage:q}),l.createElement(u.u0,{layoutPlacement:F,applyStyleForNoImage:q,applyStyleForLandscapeImg:M},I&&l.createElement(u.GK,{"data-testid":"TickerText",dangerouslySetInnerHTML:{__html:I},isLink:k,isInverted:V,layoutPlacement:F,typeTokenSet:S,applyStyleForNoImage:q,applyStyleForLandscapeImg:M}),(({isLink:e,isLinkTextDefined:t,link:n,target:o,trackNavigationClick:i,id:a,isInverted:r,updatedLayoutPlacement:s,typeTokenSet:d,applyStyleForNoImage:c,applyStyleForLandscapeImg:m,TickerLink:u,ButtonComponent:p,btnStyle:g,shouldEnableBundleComponentAnalytics:h})=>e&&t?l.createElement(u,{className:"ticker__link",dangerouslySetInnerHTML:{__html:n.text},href:n.href,target:n.target||o,onClick:()=>i(n.href,n.text,"ticker_link","click",a),isInverted:r,layoutPlacement:s,typeTokenSet:d,applyStyleForNoImage:c,applyStyleForLandscapeImg:m}):!e&&t?l.createElement(p,{componentId:a,btnStyle:g,subject:"ticker_button",href:n.href,inputKind:"link",label:n.text,target:n.target||o,isInverted:r,shouldEnableBundleComponentAnalytics:h,typeTokenSet:d,applyStyleForNoImage:c}):null)({isLink:k,isLinkTextDefined:P,link:L,target:N,trackNavigationClick:g.N,id:s,isInverted:V,updatedLayoutPlacement:F,typeTokenSet:S,applyStyleForNoImage:q,applyStyleForLandscapeImg:M,TickerLink:u.bM,ButtonComponent:K,btnStyle:e,shouldEnableBundleComponentAnalytics:T})))};h.propTypes={configuredComponentRef:s().func,btnStyle:s().string,buttonVariation:s().string,className:s().string,fullPageTheme:s().oneOf(["standard","inverted"]),hasBorders:s().bool,hasConsistentSpacing:s().bool,hasMinimalBottomMargin:s().bool,hasRoundedImage:s().bool,hasSolidBorders:s().bool,hideTopBorder:s().bool,hideBottomBorder:s().bool,id:s().string,image:s().shape(m.A.propTypes),imageMinWidth:s().oneOf([48,56,64,72]),index:s().number,isInvertedTheme:s().bool,isLink:s().bool,isSpecialTheme:s().bool,link:s().shape({href:s().string,text:s().string,target:s().string}).isRequired,marginTopType:s().oneOf(["small","none","large"]),shouldEnableBundleComponentAnalytics:s().bool,target:s().string,text:s().string.isRequired,trackingNamespace:s().object,typeTokenSet:s().oneOf(["default","utility"]),variationName:s().string,variations:s().shape({imagePosition:s().oneOf(["left","right"]),layoutPlacement:s().oneOf(["side-by-side","text-below-mobile-only","dense"])})},h.displayName="Ticker";const y=h;y.ImageLeft=(0,o.y)(y,"ImageLeft",{imagePosition:"left",layoutPlacement:"text-below-mobile-only"}),y.ImageRight=(0,o.y)(y,"ImageRight",{imagePosition:"right",layoutPlacement:"text-below-mobile-only"}),y.SideBySide=(0,o.y)(y,"SideBySide",{imagePosition:"left",layoutPlacement:"side-by-side"}),y.Utility=(0,o.y)(y,"Utility",{imagePosition:"left",layoutPlacement:"dense"},{typeTokenSet:"utility",hasBorders:!1,hasRoundedImage:!0,imageMinWidth:48,isLink:!0});const b=y},15956(e,t,n){n.d(t,{Cj:()=>m,Zy:()=>p,e8:()=>d,lP:()=>u,ww:()=>c});var o=n(38267),i=n(18608),a=n(96472),r=n(26865),s=n(99906),l=n(73730);const d=o.Ay.section.withConfig({displayName:"ToutWrapper"})` 32532 ${`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n @media (min-width: ${a.LO.md}) {\n flex-direction: row;\n }\n`} 32533 32534 margin-top: ${(0,r.Kq)(4)}; 32535`,c=o.Ay.span.withConfig({displayName:"ToutText"})` 32536 ${`\ndisplay: flex;\nflex-direction: column;\nalign-items: start;\njustify-content: space-between;\n @media (min-width: ${a.LO.md}) {\n flex-direction: column;\n }\n`} 32537 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-primary")} 32538 margin-right: ${(0,r.Kq)(3)}; 32539`,m=(0,o.Ay)(i.vm).withConfig({displayName:"ToutHed"})` 32540 padding-top: ${(0,r.Kq)(2)}; 32541 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.globalEditorial.context-primary")}; 32542 ${({theme:e})=>(0,r._o)(e,"color","colors.discovery.body.white.context-tertiary")}; 32543 @media (min-width: ${a.LO.md}) { 32544 padding-top: ${(0,r.Kq)(2)}; 32545 } 32546`,u=o.Ay.div.withConfig({displayName:"ToutDek"})` 32547 margin-top: ${(0,r.Kq)(1)}; 32548 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.discovery.description-core")}; 32549 ${({theme:e})=>(0,r._o)(e,"color","colors.discovery.body.white.context-tertiary")}; 32550 @media (min-width: ${a.LO.md}) { 32551 margin-top: ${(0,r.Kq)(1)}; 32552 } 32553 32554 p { 32555 margin-top: 0; 32556 } 32557`,p=(0,o.Ay)(l.A).withConfig({displayName:"ToutButton"})` 32558 margin-top: ${(0,r.Kq)(2)}; 32559 margin-bottom: ${(0,r.Kq)(2)}; 32560 ${(0,r.L7)(`${s.VS.md}px`)} { 32561 width: 100%; 32562 } 32563`},72899(e,t,n){n.d(t,{A:()=>s});var o=n(96540),i=n(38267),a=n(26865);const r=i.Ay.div.withConfig({displayName:"AffiliateDisclaimerLabelWrapper"})` 32564 grid-column: 1 / -1; 32565 width: 100%; 32566 margin-bottom: ${(0,a.Kq)(1)}; 32567 color: ${(0,a.HK)("colors.consumption.body.standard.subhed")}; 32568 ${(0,a.Gg)("typography.definitions.utility.legal-text")}; 32569`,s=({className:e,enableAffiliateDisclaimerLabel:t=!1})=>t?o.createElement(r,{className:e,"data-testid":"AffiliateDisclaimerLabel"},"AFFILIATE LINKS"):null},33625(e,t,n){n.d(t,{A:()=>x});var o=n(96540),i=n(5556),a=n.n(i),r=n(45135),s=n(44584),l=n(73730),d=n(22509),c=n(14307),m=n(25805),u=n(24578);var p=n(9864),g=n(81318),h=n(96445),y=n(60162),b=n(50624),f=n(86902),w=n(31558),$=n(32577),v=n(3162);const C=({tenantShouldUseBookmarkV2:e=!1,bookmarkVariant:t=$.SM.PRODUCT,organizationID:n,amgUUID:o,federatedGraphqlUrl:i,siteCode:a,userPlatformProxy:r,xClientID:s}={})=>{const l=(0,$.n3)({tenantShouldUseBookmarkV2:e,bookmarkVariant:t}),d=(0,v.A)((0,$.Bt)(l)),c=()=>({bookmarkApiType:l,amgUUID:o,federatedGraphqlUrl:i,siteCode:a,userPlatformProxy:r,xClientID:s});return{apiType:l,hasConfig:()=>(0,$.n8)({...c()}),hasAuthenticatedConfig:()=>(0,$.ie)({...c()}),getStatus:({copilotID:e,documentUrl:t=""}={})=>d.getBookmarkStatus((0,$.DW)({...c(),copilotID:e,documentUrl:t,organizationID:n})),create:({copilotID:e,contentType:t,meta:o,source:i}={})=>d.proxyCreateBookmark((0,$.Hj)({...c(),copilotID:e,contentType:t,meta:o,organizationID:n,source:i})),remove:({bookmarkId:e,copilotID:t,source:n,isUrlBookmark:o=!1}={})=>d.proxyRemoveBookmark((0,$.du)({...c(),bookmarkId:e,copilotID:t,federatedGraphqlUrl:i,isUrlBookmark:o,source:n}))}},k=new Set,A=(0,o.forwardRef)(({productId:e,copilotID:t,contentType:n="product",organizationID:i,bookmarkMeta:a={},bookmarkId:r,unsavedBookmarks:p={},user:f,userPlatform:v,doUpdateUnsavedBookmarks:A,setLastBookmarkedProduct:x,setLastBookmarkedPhoto:E,setShowProductBookmarkMessageBanner:S,setProductBookmarkAction:L,setRemovedBookmarkData:T,clearRemovedBookmarkData:N,initialBookmarkState:H=null,onBookmarkToggle:
32569I,onBookmarkStatusChange:B,trackingSubject:O="unified_product_card",item:K,layout:D,productName:_="",isSavedProductPage:P=!1,removedBookmarkData:R=null,productBookmarkAction:q=null,innerRef:M,lastBookmarkedProduct:F=null,rootBrandName:U="",config:V,bookmarkVariant:G=$.SM.PRODUCT,bookmarkPaywallSource:W="product_bookmark",bookmarkSignInCopy:j={},tenantShouldUseBookmarkV2:z=!1},Y)=>{const[X,Z]=(0,o.useState)(!1),[J,Q]=(0,o.useState)(!1),ee=(0,o.useRef)(null),[te,ne]=(0,o.useState)(null),oe=(0,b.NJ)?.()||{},{openCollectionsDrawer:ie,openSaveAlertCreateCollection:ae,hasCollections:re}=oe,se=(0,o.useRef)(null),le=(0,o.useCallback)(()=>{if(window.location.search){"addProductBookmark"===new URLSearchParams(window.location.search).get("action")&&window.history.replaceState({},document.title,window.location.pathname)}},[]),de=((e,t)=>e||t)(e,t),{isAuthenticated:ce,amguuid:me}=f||{},{federatedGraphqlUrl:ue,siteCode:pe,userPlatformProxy:ge,xClientID:he}=v||{},ye=(0,o.useMemo)(()=>C({tenantShouldUseBookmarkV2:z,bookmarkVariant:G,organizationID:i,amgUUID:me,federatedGraphqlUrl:ue,siteCode:pe,userPlatformProxy:ge,xClientID:he}),[z,G,i,me,ue,pe,ge,he]),be=ye.hasConfig(),fe=ye.hasAuthenticatedConfig(),we=!!ue&&i&&de,$e=((e,t,n,o,i,a)=>e&&t?.bookmarkId?t.bookmarkId:n&&o?.copilotID===i?n:a||null)(P,a,r,F,de,te),ve=(0,o.useCallback)(e=>{A?.({copilotID:de,isDeleted:e})},[de,A]),{bookmarkedItem:Ce,setBookmarkedItem:ke,batchBookmarkData:Ae,hasResolvedBookmarkStatus:xe}=(({contentId:e,user:t,initialBookmarkState:n=null,contentType:i="Product",bookmarkClient:a})=>{if(!a)throw new Error("useBookmarkStatus requires bookmarkClient");const[r,s]=(0,o.useState)(null),[l,d]=(0,o.useState)(null),[c,p]=(0,o.useState)(!1),[g,h]=(0,o.useState)(!1),{isAuthenticated:y}=t||{},b=(0,m.c)(e),f=b?.updateBookmarkStatus,w=(0,o.useContext)(u.o),$=!!w,v=w?.bookmarkStatusMap,C=w?.mapVersion??0,k=(0,o.useCallback)(async e=>{if(a.hasAuthenticatedConfig()){p(!0),h(!1);try{if(null!==n)return void(n&&s(e));const t={copilotID:e,documentUrl:window.location.href},o=await a.getStatus(t);s(o?.bookmarkId?e:null)}catch(e){s(null)}finally{p(!1),h(!0)}}},[a,i,n]),A=(0,o.useCallback)(async t=>{const o=t||e;if($&&v){const e=v.has(o)?v.get(o):null;if(null!==e)return void s(e?o:null)}null===n||o!==e?await k(o):s(n?o:null)},[e,$,v,n,k]);(0,o.useEffect)(()=>{const t=e;if($&&v){const e=v.has(t)?v.get(t):null;return void(null!==e&&(e?(s(t),d(e)):(s(null),d(null))))}null===n?y&&e&&a.hasAuthenticatedConfig()&&A(e):s(n?t:null)},[e,n,$,C,y,a]),(0,o.useEffect)(()=>{h(!1)},[e]);const x=$&&v?.has(e)&&null!==v.get(e);return{bookmarkedItem:r,setBookmarkedItem:s,checkIsAlreadyBookmarked:A,isBookmarked:r===e,updateBatchBookmarkStatus:f,batchBookmarkData:l,isLoadingBookmarkStatus:c,hasResolvedBookmarkStatus:!e||!y||null!==n||x||g}})({contentId:de,user:f,initialBookmarkState:H,contentType:n,bookmarkClient:ye}),Ee=xe||!we;(0,o.useEffect)(()=>{(async()=>{if(ce&&de&&fe&&Ce===de&&!te)if($e)ne($e);else if(Ae&&Ae.bookmarkId)ne(Ae.bookmarkId);else try{const e=await ye.getStatus({copilotID:de,documentUrl:window.location.href});e?.bookmarkId&&ne(e.bookmarkId)}catch(e){}})()},[ce,de,fe,Ce,te,$e,ye,Ae]),(0,o.useEffect)(()=>{const e=p?.[de],t=e?.isDeleted;!1===t&&null===Ce&&($e||te)&&ke(de)},[p,de,Ce,ke,$e,te]),(0,o.useEffect)(()=>{Z(!0)},[]);const Se=(0,o.useCallback)((e,t,n,o,i=null,r=null)=>{const s=(0,c.JL)(r);(0,g.s)({type:"save",copilotID:e,bookmarkMeta:a,contentType:t,trackingSubject:O,subjectId:i,subjectName:s,item:K,layout:D,targetEvent:o})},[a,O,K,D]),Le=(0,o.useCallback)(async e=>{e?.bookmarkId&&(k.has(e.bookmarkId)||(k.add(e.bookmarkId),ye.remove({bookmarkId:e.bookmarkId,copilotID:e.copilotID,isUrlBookmark:!1,source:h.LX}).then(()=>{e.copilotID===de&&ne(null)}).catch(()=>{k.delete(e.bookmarkId)})))},[ye,de]),Te=(0,o.useCallback)((e,t,n,o)=>!(!e||null!==t)&&("save"!==n&&e.copilotID===o),[]);(0,o.useEffect)(()=>{const e=ee.current;ee.current=R,!P&&Te(e,R,q,de)&&Le(e)},[R,q,de,P,Le,Te]);const Ne=(0,o.useCallback)((e,t,n,o)=>{const i=(0,w.KN)(V,"Product"),r=Boolean(ie&&ae);(!i||!r)&&x?.({copilotID:e,productData:a,contentType:t});const s=a?.image,l={copilotID:e,image:Array.isArray(s)?s[0]:s||null,contentType:t,contentTitle:"Product Saved"};E?.(l),R?.copilotID===e&&N?.(),A?.({copilotID:e,isDeleted:!1}),Se(e,t,n,o),i&&r?setTimeout(()=>{re?ie():ae({contentType:t}),le()},0):(L?.({action:"save"}),S?.({showBanner:!0}))},[V,ie,ae,a,E,R?.copilotID,A,Se,x,N,re,le,L,S]),He=(0,o.useCallback)(async(e,t,o)=>{if(e&&(e.preventDefault(),e.stopPropagation()),!fe)return{isSuccessful:!1};const i=t||de,r=o||n;if(!e&&!(void 0!==re))return se.current={copilotID:i,finalContentType:r},{isSuccessful:!1};try{const{statusCode:t,data:{id:n}={}}=await ye.create({copilotID:i,contentType:r,meta:a,source:h.LX});if(201===t&&n||409===t)return ke(i),Ne(i,r,n,e),n&&i===de&&ne(n),I&&I(i,!0),{isSuccessful:!0}}catch(e){}return{isSuccessful:!1}},[de,n,fe,ye,a,ke,I,Ne,re]);(0,o.useEffect)(()=>
32569{if(!se.current||void 0===re)return;const{copilotID:e,finalContentType:t}=se.current;se.current=null,He(null,e,t)},[re,He]),(({productId:e,isAuthenticated:t,createBookmark:n,getEventEntityProps:i,paywallSource:a="product_bookmark"})=>{const r=(0,o.useRef)(!1),s=(0,o.useCallback)(t=>{if(r.current)return!1;const o=t.get("action"),s=t.get("productId"),l=t.get("contentType");if("addProductBookmark"===o&&s&&l&&(s===e||s===String(e))){r.current=!0;const e={type:"click",label:t.get("authAction")||"create/sign in",subject:"signin_modal",paywall_source:a},o=i?.();return(0,c.ZL)(e,o),n(null,s,l),!0}return!1},[e,n,i,a]);(0,o.useEffect)(()=>{if(!t)return;const e=new URLSearchParams(window.location.search);s(e)},[t,s]),(0,o.useEffect)(()=>{if(!t||!e)return;const n=new URLSearchParams(window.location.search);"addProductBookmark"===n.get("action")&&window.location.search.includes("action=addProductBookmark")&&!r.current&&s(n)},[e,t,s]),r.current})({productId:de,contentType:n,isAuthenticated:ce,createBookmark:He,getEventEntityProps:()=>_e().eventEntityProps,paywallSource:W}),(0,o.useEffect)(()=>{if(!ce||!Ce)return;if(!window.location.search)return;const e=new URLSearchParams(window.location.search),t=e.get("action"),n=e.get("productId");"addProductBookmark"===t&&n==de&&Ce===de&&le()},[ce,Ce,de,le]);const Ie=(0,o.useCallback)((e,t,o,i=!1)=>({copilotID:de,productData:{...a,__layout:D,__trackingSubject:O},contentType:n,productName:_||a?.name||"Product",bookmarkId:e,collectionId:t,collectionName:o,originalIndex:a?.__originalIndex??null,fullProductItem:a?.__fullProductItem||null,...i&&{isDelayedRemoval:!0}}),[de,a,D,n,_,O]),Be=(0,o.useCallback)((e,t=null,o=null)=>{const i=(0,c.JL)(o);(0,g.s)({type:"unsave",copilotID:de,bookmarkMeta:a,contentType:n,trackingSubject:O,...null!=t&&{subjectId:t},subjectName:i,item:K,layout:D,targetEvent:e})},[de,a,n,O,K,D]),Oe=async e=>{ve(!0);const t=await(async(e,t,n=null,o=null)=>{e&&e.preventDefault(),await new Promise(e=>setTimeout(e,300)),ke(null),ve(!0);const i=Ie(t,n,o,!0);return I&&I(de,!1),!P&&R&&R.copilotID!==de&&Le(R),T?.(i),L?.({action:"remove"}),S?.({showBanner:!0}),Be(e,n,o),{isSuccessful:!0}})(e,$e,a?.collectionId,(0,c.JL)(a?.subjectName));return t?.isSuccessful||ve(!1),t},Ke=async e=>{if(R?.copilotID===de)return(e=>{const{copilotID:t,productData:o}=R;return ke(t),A?.({copilotID:t,isDeleted:!1}),x?.({copilotID:t,productData:o,contentType:n}),N?.(),L?.({action:"save"}),S?.({showBanner:!0}),(0,g.s)({type:"save",copilotID:t,bookmarkMeta:o,contentType:n,trackingSubject:o?.__trackingSubject||O,item:o,layout:o?.__layout||D,targetEvent:e}),I&&I(t,!0),{isSuccessful:!0}})(e);ve(!1);const t=await He(e);return t?.isSuccessful||ve(!0),t},De=(0,o.useCallback)(()=>{const e=p?.[de]?.isDeleted;return!0!==e&&(!1===e||!(!$e&&Ce!==de&&!0!==H))},[p,de,$e,Ce,H]);(0,o.useEffect)(()=>{B?.({isBookmarked:De(),hasLoadedBookmarkStatus:Ee})},[B,De,Ee]);const _e=(0,o.useCallback)(()=>{const e={...K||a,isBookmarked:De(),hasBookmarkingFeature:!0},t=(0,y.TZ)(e),{eventEntityProps:n}=(0,y.gY)(t,null,null,0,0);return{structedData:t,eventEntityProps:n}},[K,a,De]);(0,o.useImperativeHandle)(M||Y,()=>({isBookmarkActive:De,hasLoadedBookmarkStatus:Ee,getBookmarkStatus:()=>De()}),[De,Ee]);const Pe=(0,o.useCallback)((e,t,n)=>e&&t&&n,[]);if(!Pe(be,i,de))return null;const Re=(0,o.useCallback)(e=>({iconTitle:e?"Remove from wishlist":"Save to wishlist",iconType:e?"fill":"outline",iconFill:e?"black":"none"}),[]),qe=De(),{iconTitle:Me,iconType:Fe,iconFill:Ue}=Re(qe),Ve=(0,o.useRef)(!1),Ge=(0,o.useCallback)(()=>{const e=De();(0,y.g1)({window,product:{...K,isBookmarked:e},index:0,layout:D,event:null,type:"hover",eventType:"bookmark-hover"})},[K,D,De]),We=(0,o.useCallback)(()=>{Ve.current||(Ve.current=!0,Ge(),setTimeout(()=>{Ve.current=!1},200))},[Ge]);return o.createElement("div",{onMouseEnter:We},o.createElement(l.A.Utility,{key:`bookmark-${de}-${qe}`,btnStyle:"text",ButtonIcon:()=>o.createElement(s.A,{bookmarkIconTitle:Me,className:`icon-bookmark-${Fe}`,fill:Ue}),isIconButton:!0,isDisabled:J,label:Me,loadingSpinnerColor:"black",onClickHandler:async e=>{if(!ce)return(e=>{e&&e.preventDefault();const{pathname:t,search:o}=window.location,i=`action=addProductBookmark&productId=${de}&contentType=${n}`,r=o?`${t}${o}&${i}`:`${t}?${i}`;(0,g.s)({type:"attempt",copilotID:de,bookmarkMeta:a,contentType:n,trackingSubject:O,item:K,layout:D,targetEvent:e});const s={type:"impression",subject:"signin_modal",paywall_source:W},{eventEntityProps:l}=_e();(0,c.ZL)(s,l),d.Rf({authSource:"sign-in-modal",source:"VERSO_UPC_BOOKMARKING",dangerousHed:j.hed||"Save products",dangerousHedSpanTag:j.hedSpanTag||`to your ${U} Account`,dangerousDek:j.dek||"Sign in to save products you love and shop them anytime, on any device.",redirectURL:r,shouldHideHedSpanTag:j.shouldHideHedSpanTag||!1,type:"default",analyticsType:"saved products",shouldHideIllustration:!0})})(e);if(e&&(e.preventDefault(),e.stopPropagation()),J)return{isSuccessful:!1};Q(!0);try{const t=De();return X&&t?await Oe(e):await Ke(e)}finally{Q(!1)}},shouldShowLoadingState:!1,size:"small",className:"upc-bookmark",shouldEnableClickTracking:!1,"data-track":"false","data-snowplow":"false"}))});A.displayName="UnifiedProductCardBookmark",A.propTypes={productId:a().string,config:a().object,copilotID:a().string,contentType:a().string,organizationID:a().string,bookmarkMeta:a().object,bookmarkId:a().string,unsavedBookmarks:a().object,user:a().shape({amguuid:a().string,isAuthenticated:a().bool}
32569),userPlatform:a().shape({federatedGraphqlUrl:a().string,siteCode:a().string,userPlatformProxy:a().string,xClientID:a().string}),doUpdateUnsavedBookmarks:a().func,setLastBookmarkedProduct:a().func,setLastBookmarkedPhoto:a().func,setShowProductBookmarkMessageBanner:a().func,setProductBookmarkAction:a().func,setRemovedBookmarkData:a().func,clearRemovedBookmarkData:a().func,initialBookmarkState:a().bool,onBookmarkToggle:a().func,onBookmarkStatusChange:a().func,productName:a().string,isSavedProductPage:a().bool,trackingSubject:a().string,item:a().object,layout:a().string,removedBookmarkData:a().object,productBookmarkAction:a().string,lastBookmarkedProduct:a().object,rootBrandName:a().string,bookmarkVariant:a().oneOf(Object.values($.SM)),bookmarkPaywallSource:a().string,bookmarkSignInCopy:a().shape({dek:a().string,hed:a().string,hedSpanTag:a().string,shouldHideHedSpanTag:a().bool}),tenantShouldUseBookmarkV2:a().bool,innerRef:a().oneOfType([a().func,a().shape({current:a().any})])};const x=(0,r.Ng)((e,t)=>{const{coreDataLayer:{site:{orgId:n}={}}={site:{}},featureFlags:{shouldUseBookmarkV2:o=!1}={},pageState:{bookmarkStatus:{bookmarkId:i}={}}={bookmarkStatus:{}},unsavedBookmarks:a={},user:r={},userPlatform:s={},removedBookmarkData:l=null,productBookmarkAction:d=null,lastBookmarkedProduct:c=null,rootBrandName:m="",config:u={}}=e;return{bookmarkId:t.bookmarkId||i,organizationID:n,unsavedBookmarks:a,user:r,userPlatform:s,removedBookmarkData:l,productBookmarkAction:d,lastBookmarkedProduct:c,rootBrandName:m,config:u,tenantShouldUseBookmarkV2:o}},e=>{const{setLastBookmarkedProduct:t,setShowProductBookmarkMessageBanner:n,setProductBookmarkAction:o,setRemovedBookmarkData:i,clearRemovedBookmarkData:a,doUpdateUnsavedBookmarks:r}=(0,p.zD)(e),{setLastBookmarkedPhoto:s}=(0,f.K)(e);return{setLastBookmarkedProduct:t,setShowProductBookmarkMessageBanner:n,setProductBookmarkAction:o,setRemovedBookmarkData:i,clearRemovedBookmarkData:a,doUpdateUnsavedBookmarks:r,setLastBookmarkedPhoto:s}},null,{forwardRef:!0})(A)},66530(e,t,n){n.d(t,{A:()=>f});var o=n(5556),i=n.n(o),a=n(96540),r=n(6442),s=n(62193),l=n.n(s),d=n(38759),c=n(81232),m=n(22039),u=n(60162),p=n(1889);const g="Read More",h="Read Less",y=(e,t)=>{const n=e?.currentTarget||e?.target;return((e,t)=>{const n=e?.replace(/Chevron/g,"").trim();return n?"read more"===n.toLowerCase()?g:"read less"===n.toLowerCase()?h:n:t})(Array.from(n?.childNodes||[]).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent).join(" ")||n?.textContent,t)},b=({dangerousDek:e,dek:t,item:n,showClampedDescription:o=()=>!1,showMultipleOffers:i,totalCount:s,trackingLayout:b,isLandscapeProductCard:f,productDescriptionLineLength:w,enableEditorNote:$,editorNoteTitle:v,editorNote:C,hasDescriptionTableContent:k=!1,isUnifiedVenueCard:A=!1,venueUrl:x,showReadFullReviewLink:E=!1,readFullReviewLinkVariant:S="default",onReadFullReviewClick:L,isSlideshowVariation:T=!1,onReadToggleClick:N})=>{const{formatMessage:H}=(0,r.A)(),[I,B]=(0,a.useState)(!1),O=$&&!l()(C),K=(0,d.Uc)(t),D=()=>t?.length&&K?a.createElement(m.Nj,{shouldHideDescriptionMargin:!!s,showLess:I,isDek:!0,showClampedProductDescription:o(),productDescriptionLineLength:w,isUnifiedVenueCard:A,hasTable:k,isSlideshowVariation:T},d.a9.convert(t)):!t?.length&&e?a.createElement(m.Nj,{showMultipleOffers:i,shouldHideDescriptionMargin:!!s,dangerouslySetInnerHTML:{__html:e},showLess:I,showClampedProductDescription:o(),productDescriptionLineLength:w,isUnifiedVenueCard:A,hasTable:k,isSlideshowVariation:T}):O?a.createElement(m.Nj,{showLess:I,showClampedProductDescription:o(),productDescriptionLineLength:w,shouldShowEditorNote:O,isUnifiedVenueCard:A,hasTable:k,isSlideshowVariation:T},v&&!l()(v)&&a.createElement(m.F7,null,v," -"),a.createElement(m._i,{dangerouslySetInnerHTML:{__html:C}})):null,_=(0,a.useCallback)(e=>{const t=((e,t)=>{if("undefined"==typeof document)return e;const n=e?.currentTarget||e?.target,o=document.createElement("a");return o.href=window.location.href,o.id=n?.id||"upc_read_toggle",o.className=n?.className?.toString()||"",o.textContent=t,o.target="_self",{target:o}})(e,y(e,I?h:g));B(!I),(0,u.g1)({window,product:n,index:n.index,layout:b,type:"click_to_read",event:t}),N&&N(t)},[I,n,N,b]);return a.createElement(a.Fragment,null,o()?(()=>{const e=D();if(!e)return null;const t="compact"===S;return a.createElement(m.ss,{lines:w,linesInExtraLargeDesktop:w,isCollapsible:!t,showLess:I,offset:-5,onTextClick:_,showClampedProductDescription:o(),isLandscapeProductCard:f,shouldShowEditorNote:O,renderAfterContent:({isCollapsed:e,shouldShowButton:n})=>E&&x&&!(!t&&e&&n)?a.createElement(m.bg,{href:x,target:"_blank",rel:"noopener noreferrer",onClick:L},H(p.A.readFullReview),t&&a.createElement(c.A,{"aria-hidden":"true",focusable:"false"})):null},e)})():D())};b.propTypes={dangerousDek:i().string,dek:i().oneOfType([i().array,i().string]),enableEditorNote:i().bool,editorNote:i().any,editorNoteTitle:i().string,hasDescriptionTableContent:i().bool,isUnifiedVenueCard:i().bool,isLandscapeProductCard:i().bool,isSlideshowVariation:i().bool,item:i().object,productDescriptionLineLength:i().number,showClampedDescription:i().func,showMultipleOffers:i().bool,totalCount:i().number,trackingLayout:i().string,venueUrl:i().string,
32569showReadFullReviewLink:i().bool,readFullReviewLinkVariant:i().oneOf(["default","compact"]),onReadFullReviewClick:i().func,onReadToggleClick:i().func},b.displayName="UnifiedProductCardDescription";const f=b},43901(e,t,n){n.d(t,{A:()=>v});var o=n(96540),i=n(5556),a=n.n(i),r=n(62193),s=n.n(r),l=n(60943),d=n.n(l),c=n(45135),m=n(73275),u=n(30966),p=n(5344),g=n(43428),h=n(14307),y=n(82063),b=n(25203),f=n(22039),w=n(64325);const $=({image:e,isLazy:t,offers:n,url:i,dropShipData:a,type:r="card",xidAndAmguuid:l,isMobileView:c,aspectRatio:$=[3,4],gtmTrackOnClick:v,hasMultipleImageSupport:C,showMultipleImageCount:k,shouldDisableCreditText:A=!1,upcLazyLoading:x,hasImageCreditText:E,actionIdFlags:S={},isLandscapeProductCard:L,component:T="unified-product-card",amazonAffiliateTag:N,internalLink:H,internalLinkTarget:I,internalLinkRel:B,cardRouting:O,renderBookmarkNode:K=()=>null,hasBookmarkingFeature:D,showImageCredit:_=!1,disableImageBackgroundColor:P,onPrimaryClick:R,primaryClickLabel:q,shouldDisableCarouselNavigationTracking:M=!1,productDetailPageUrl:F=""})=>{const U={...(0,p.f)(i,n)[0],...l},V=C&&!s()(e)&&e.length>1,G=(0,p.Ac)({dropShipData:a,offer:U,type:r}),W=(0,y.t)(U.purchaseUri,N),j=(0,w.fx)(O),z=Boolean(F),Y=Boolean(j&&H),X=z||Y;let Z=G.offerUrl;Y&&(Z=H),z&&(Z=F);const J=((e,t,n,o,i=!1,a=null,r="_self",s,l=!1)=>{const d={...l?{"data-url-ref":"affiliate"}:{href:i?a:e.offerUrl},target:i?r:e.target,rel:i?s:e.rel,tabIndex:"-1","data-offer-url":t.purchaseUri||"",...i?{}:n};return o&&o.altText||(d["aria-hidden"]="true"),d})(G,U,W,e,X,Z,z?"_self":I,z?void 0:B,V),Q="card"===r?"plp_grid":T,ee=o.useRef(d().generate("hex",10)),{shouldShowCreditText:te,hasTextContainer:ne,shouldShowBookmarkContainerHeight:oe}=((e,t,n,o,i)=>{const a=!e&&t,r=n&&!o;return{shouldShowBookmark:a,shouldShowCreditText:r,hasTextContainer:r||a,shouldShowBookmarkContainerHeight:a&&!r&&i}})(L,D,E,A,V),ie=e=>ne||_?o.createElement(f.Bd,{showBookmarkContainerHeight:oe},(te||_)&&o.createElement(f.hy,{hasBookmarkingFeature:D,showImageCredit:_,dangerouslySetInnerHTML:{__html:e?.credit}})):null,{isCnastLink:ae,enableActionIdMapping:re}=(0,b.Vy)(Z,S?.enableActionIdForUPC),se=(e,t,n,o)=>{if(n){const t=((e,t)=>{if(!e.target.closest(".responsive-clip__play-pause"))return!1;e.preventDefault();const n=e.target.closest(".responsive-clip");if(!n)return!0;const o=n.querySelector("video");if(!o)return!0;const i=o.paused?"paused":"resume",{width:a,height:r,progressPercent:s,inviewPercent:l,currentTime:d}=(0,p._t)(n);return(0,h.ip)({width:a,height:r,inviewPercent:l,progressPercent:s,currentTime:d,type:i,clipId:t}),!0})(e,o);if(t)return}const i=e?.currentTarget?.getAttribute("data-url-ref");let a;if("affiliate"===i){const t=e?.currentTarget?.closest("[data-affiliate-url]");a=t?.getAttribute("data-affiliate-url"),a&&e.currentTarget.setAttribute("href",a)}else a=e?.currentTarget?.getAttribute("href");if(R)return e.preventDefault(),v(e,null,t,"click_to_read",null,ce,q),void R(e);if(!a)return void e.preventDefault();const r=(0,b.hh)();if(re&&a){e.preventDefault();const{href:n}=(0,g.P)({event:e,gtmTrackOnClick:v,linkProps:a,type:"UPCImage",index:t,totalIndex:ce,component:"unified-product-card"!==T?T:Q,queryParams:r});window.open(n,"_blank","noopener, noreferrer")}else if(ae&&a){e.preventDefault();const{href:n}=(0,b.ry)(a,"unified-product-card"!==T?T:Q,r);e.currentTarget.setAttribute("href",n),window.open(n,"_blank","noopener, noreferrer"),v(e,null,t,null,null,ce)}else v(e,null,t,null,null,ce)},le=o.useCallback((e,n)=>((e,t,n,i,a,r,l,d,c,u,p,g,h,y,b)=>{const w="cnevideo"===e?.contentType,$="clip"===e?.contentType;return o.createElement(o.Fragment,null,o.createElement(f.U_,{aspectRatio:""===a?[3,4]:a,hasImageCreditText:r,hasMultipleImageSupport:l,hasBookmarkingFeature:d,disableImageBackgroundColor:b},!s()(e)&&(!s()(e.sources)||!s()(e.segmentedSources)||e.scriptUrl)&&o.createElement(f.KL,{onClick:o=>n(o,t,$,e.id),className:$?"asset-embed__responsive-asset":"image",isClipType:$,isCNEVideo:w,...i},o.createElement(m.A,{...e,onClick:o=>n(o,t,$,e.id),hasNativeImgLazyLoading:!$&&!w,isLazy:c,imageAttributes:{loading:u},shouldDisableAds:w,shouldLoopVideo:w,shouldPlayContinuously:!w,hasCNEVideoInProductCard:w,upcId:p}))),g&&h(e),d&&y())})(e,n,se,J,$,E,C,D,t,x,ee.current,ne,ie,K,P),[e,E,A,t,x,P]),de=o.useMemo(()=>((e,t,n)=>e?t.reduce((e,t,o)=>((o<n&&"cnevideo"===t.contentType||"clip"===t.contentType)&&e.push(o),e),[]):[])(V,e,k),[V,e,k]),ce=o.useMemo(()=>{let t;return t=Array.isArray(e)?e.length:e?1:0,"number"==typeof k?Math.min(t,k):t},[e,k]),me=o.useMemo(()=>C&&e.map((e,t)=>o.createElement(o.Fragment,null,t<k&&o.createElement(u.A.CarouselItem,{key:t,hasUPCMultipleImages:C}
32569,o.createElement(f.If,{key:t,disableImageBackgroundColor:P},le(e,t))))),[C,e,le,k,P]);return C?o.createElement(f.t6,{showImageCreditText:te,isLandscapeProductCard:L,hasTextContainer:ne,"data-affiliate-url":Z},o.createElement(u.A,{hasControls:!c,hasPagination:!0,controlPlacement:"space-between",controlPosition:"center",isDotClickable:!0,hasSwipeCarouseList:!0,hasCircularScrolling:!0,gtmTrackOnClick:v,isUpcEnabled:!0,hasUPCMultipleImages:C,shouldDisableNavigationTracking:M,shouldEnableScrollToStart:!1,videoDotIndexes:de,upcId:ee.current},me)):o.createElement(f.$N,{isLandscapeProductCard:L},le(e?.length>1?e[0]:e))};$.propTypes={actionIdFlags:a().object,amazonAffiliateTag:a().string,aspectRatio:a().arrayOf(a().number),cardRouting:a().shape({renderAs:a().string,resolvedContentType:a().string,sourceType:a().string}),component:a().string,disableImageBackgroundColor:a().bool,dropShipData:a().object,gtmTrackOnClick:a().func,hasBookmarkingFeature:a().bool,hasImageCreditText:a().bool,hasMultipleImageSupport:a().bool,showImageCredit:a().bool,image:a().shape(m.A.propTypes),internalLink:a().string,internalLinkRel:a().string,internalLinkTarget:a().string,isLandscapeProductCard:a().bool,isLazy:a().bool,isMobileView:a().bool,onPrimaryClick:a().func,offers:a().arrayOf(a().object),primaryClickLabel:a().string,productDetailPageUrl:a().string,productMultiImageCount:a().number,renderBookmarkNode:a().func,shouldDisableCarouselNavigationTracking:a().bool,shouldDisableCreditText:a().bool,showMultipleImageCount:a().number,type:a().oneOf(["card","embed"]),upcLazyLoading:a().string,url:a().string,xidAndAmguuid:a().object};const v=(0,c.Ng)(e=>({amazonAffiliateTag:e.commercePlatform?.amazonAffiliateTag}))($)},58893(e,t,n){n.d(t,{A:()=>E});var o=n(96540),i=n(5556),a=n.n(i),r=n(6442),s=n(45135),l=n(71097),d=n(1889),c=n(74148),m=n(63799),u=n(5344),p=n(43428),g=n(22039),h=n(15026),y=n(25203),b=n(82063),f=n(65947);const w="US",$=e=>({...e,price:null,comparisonPrice:null,reducedPrice:null}),v=(e,t,n,i,a,r,s,d,c,m,p,g={},h=!1,y=!1,f=!1)=>{const w=(0,u.Ac)({dropShipData:t,offer:e}),$=(0,b.t)(e.purchaseUri,p);let v=e.price?`${e.price}`:null,C=null;e.comparisonPrice?h?C=`${e.comparisonPrice}`:(v=`${e.comparisonPrice}`,C=`${e.price}`):e.reducedPrice&&(C=`${e.reducedPrice}`);const k="embed"===d?g?.enableActionIdForUPCEmbed:g?.enableActionIdForUPC;return o.createElement(l.A.ButtonWithSellerBelowPrice,{ctaHref:w.offerUrl,offerUrl:e.offerUrl,offerId:e.offerId,price:v,productId:i,reducedPrice:C,sellerName:f?e.sellerName||e.seller?.name:e.sellerName,showSellerNameBelowPrice:!0,key:a,position:a,isExternalProduct:w.isAffiliateProduct,isCtaInternal:!w.isAffiliateProduct,gtmTrackOnClick:n,shouldUseOutlinedButton:r,shouldUseBlackButton:s,isActionIdEnabledForComponent:k,component:c,showDiscountPercentLabel:m,hasCheckPriceFeature:y,isVenueOffer:f,dataAttrs:$})},C=({currency:e,price:t,comparisonPrice:n,showDiscountPercentLabel:i})=>{const{formatMessage:a}=(0,r.A)(),s="string"==typeof t?(0,f.h)(t):t,l="string"==typeof n?(0,f.h)(n):n;if(n&&l<s){const r=(0,c.uA)(String(t),String(n)),s=i&&r?` (${a(d.A.UnifiedProductCardDiscountPercentageLabel,{percentage:r})})`:"";return o.createElement(o.Fragment,null,o.createElement(g.ej,null,u.zA[e],t)," ",o.createElement(g.Vl,null,u.zA[e],n,s))}return o.createElement(g.Vl,null,u.zA[e],t)};C.propTypes={comparisonPrice:a().number,currency:a().string,price:a().number,showDiscountPercentLabel:a().bool};const k=({offer:e,xidAndAmguuid:t,dropShipData:n,gtmTrackOnClick:i,productId:a,shouldUseOutlinedButton:r,shouldUseBlackButton:s,type:l,cardComponent:d,showDiscountPercentLabel:c,amazonAffiliateTag:m,actionIdFlags:p,currency:h,price:y,comparisonPrice:b,isVenueOffer:f=!1,className:w})=>{let $=null,C=null;return b&&($=(0,u.rM)(h,b)),C=(0,u.rM)(h,y),o.createElement(g.hX,{onClick:e=>i(e),className:w},v({...e,price:C,comparisonPrice:$,...t},n,i,a,0,r,s,l,d,c,m,p,!1,!1,f))};k.propTypes={actionIdFlags:a().object,amazonAffiliateTag:a().string,cardComponent:a().string,className:a().string,comparisonPrice:a().number,currency:a().string,dropShipData:a().object,gtmTrackOnClick:a().func,isVenueOffer:a().bool,offer:a().object,price:a().number,productId:a().string,
32569shouldUseBlackButton:a().bool,shouldUseOutlinedButton:a().bool,showDiscountPercentLabel:a().bool,type:a().string,xidAndAmguuid:a().object};const A=({linkRef:e,linkProps:t,handleClick:n,currency:i,price:a,comparisonPrice:r,showDiscountPercentLabel:s,sellerNameHasEllipsis:l,sellerName:c,formatMessage:m,retailerTextRef:u,className:p})=>o.createElement(g.mK,{className:p},o.createElement(g.mZ,{onClick:(e,t,o,i)=>{n(e,t,o,i)}},a&&o.createElement("a",{ref:e,...t},C({currency:i,price:a,comparisonPrice:r,showDiscountPercentLabel:s}))),o.createElement(h.q,{linkRef:e,onRetailerClick:e=>n(e),retailerTextRef:u,sellerNameHasEllipsis:l,...t},c||m(d.A.defaultOfferCtaText)));A.propTypes={className:a().string,comparisonPrice:a().number,currency:a().string,formatMessage:a().func,handleClick:a().func,linkProps:a().object,linkRef:a().object,price:a().number,retailerTextRef:a().object,sellerName:a().string,sellerNameHasEllipsis:a().bool,showDiscountPercentLabel:a().bool};const x=({amazonAffiliateTag:e,dangerousHed:t,type:n,offers:i,url:a,showLocalisedOffers:s,showMultipleOffers:l,dropShipData:d,gtmTrackOnClick:c,productId:h,showOfferButton:f,xidAndAmguuid:C,shouldUseOutlinedButton:x,shouldUseBlackButton:E,hasCheckPriceFeature:S,actionIdFlags:L={},component:T="unified-product-card",showDiscountPercentLabel:N,onProductOffersUpdate:H,className:I,isVenueOffer:B=!1,isRentalVenueCard:O=!1})=>{const{formatMessage:K}=(0,r.A)(),D=(0,o.useRef)(null),_=s?i?.filter(e=>e.countryCode&&""!==e.countryCode?e.countryCode===w:e.currency===m._[w]):i,[P,R]=(0,o.useState)((0,u.f)(a,_)),q=B&&O?P.map($):P,M=(0,o.useRef)(null),[F,U]=(0,o.useState)(!1);if((0,o.useEffect)(()=>(R(s?(0,u.f)(a,(0,m.P)(w,i)):(0,u.f)(a,i)),()=>{}),[s,a,i]),(0,o.useEffect)(()=>{const e=M.current;"card"===n&&U((0,u.kd)(e))},[n]),"card"===n){const[{currency:i,price:a,sellerName:r,reducedPrice:s,comparisonPrice:l}]=q,m=l??s,g=B?r||q[0].seller?.name:r,w={...q[0],...B&&{sellerName:g},...C},$="unified-product-card"===T?"plp_grid":T,v=(0,u.Ac)({dropShipData:d,offer:w,type:n}),S=(0,b.t)(w.purchaseUri,e),H={"data-buy-button":!0,"data-offer-retailer":r||"","data-offer-url":w.purchaseUri||"",...S,"aria-label":t||"",href:v.offerUrl,target:v.target,rel:v.rel,className:"product-offer__buy-button",id:w.offerId},O="embed"===n?L?.enableActionIdForUPCEmbed:L?.enableActionIdForUPC,{isCnastLink:_,enableActionIdMapping:P}=(0,y.Vy)(v?.offerUrl,O),R=(e,t,n,o)=>{const i=D?.current?.href,a=(0,y.hh)();if(P&&i&&""!==i){e.preventDefault();const{href:r}=(0,p.P)({event:e,gtmTrackOnClick:c,linkProps:i,label:t,position:n,link:o,type:"upcCard",component:$,queryParams:a});window.open(r,"_blank","noopener, noreferrer")}else if(_&&i){e.preventDefault();const{href:t}=(0,y.ry)(i,$,a);e.currentTarget.setAttribute("href",t),window.open(t,"_blank","noopener, noreferrer"),c(e)}else c(e)};return f?o.createElement(k,{offer:w,xidAndAmguuid:C,dropShipData:d,gtmTrackOnClick:c,productId:h,shouldUseOutlinedButton:x,shouldUseBlackButton:E,type:n,cardComponent:$,showDiscountPercentLabel:N,amazonAffiliateTag:e,actionIdFlags:L,currency:i,price:a,comparisonPrice:m,isVenueOffer:B,className:I}):o.createElement(A,{linkRef:D,linkProps:H,handleClick:R,currency:i,price:a,comparisonPrice:m,showDiscountPercentLabel:N,sellerNameHasEllipsis:F,sellerName:g,formatMessage:K,retailerTextRef:M,className:I})}if("embed"===n&&l){H(q.length);const t=q.map((t,o)=>{const i={...t,...C};return v(i,d,c,h,o,x,E,n,T,N,e,L,!1,S,B)});return o.createElement(g.hX,{onClick:e=>c(e),className:I},t)}return o.createElement(g.hX,{className:I},v(q[0],d,c,h,0,x,E,n,T,N,e,L,!1,S,B))};x.propTypes={actionIdFlags:a().object,amazonAffiliateTag:a().string,className:a().string,component:a().string,dangerousHed:a().string,dropShipData:a().object,gtmTrackOnClick:a().func,hasCheckPriceFeature:a().bool,isVenueOffer:a().bool,isRentalVenueCard:a().bool,offers:a().arrayOf(a().object),onProductOffersUpdate:a().func,productId:a().string,shouldUseBlackButton:a().bool,shouldUseOutlinedButton:a().bool,showDiscountPercentLabel:a().bool,showLocalisedOffers:a().bool,showMultipleOffers:a().bool,showOfferButton:a().bool,type:a().oneOf(["card","embed"]),url:a().string,xidAndAmguuid:a().object};const E=(0,s.Ng)(e=>({amazonAffiliateTag:e.commercePlatform?.amazonAffiliateTag}))(x)},92801(e,t,n){n.d(t,{A:()=>m});var o=n(96540),i=n(5556),a=n.n(i),r=n(6442),s=n(708),l=n(22039),d=n(1889);
32569const c=({pros:e,cons:t,isSlide:n,prosConsLabel:i,prosLabel:a,consLabel:c,isProsConsActive:m,textProsConsClick:u,isLandscapeProductCard:p,showRatingData:g,isMobileView:h})=>{const{formatMessage:y}=(0,r.A)(),b=(0,o.useCallback)((e,t)=>o.createElement(l.rF,{isSlide:n,isMobileView:h},e.map((e,n)=>o.createElement(l.yC,{key:`${t}-${n}`,dangerouslySetInnerHTML:{__html:e}}))),[n,h]);return o.createElement(l.vV,{isLandscapeProductCard:p,showRatingData:g},o.createElement(l.cP,{isActive:m,onClick:u},o.createElement(l.$g,{isLandscapeProductCard:p},o.createElement(l._9,{isLandscapeProductCard:p,dangerouslySetInnerHTML:{__html:i||y(d.A.UnifiedProductCardProsConsTitle)}})),o.createElement(l.iA,{isActive:m,ButtonIcon:s.A,role:"button",isIconButton:!0,label:"AccordionItemContainerButton",width:"0.5rem",height:"0.5rem"})),o.createElement(l.tU,{isActive:m},o.createElement(l.SL,{isActive:m,isLandscapeProductCard:p,dangerouslySetInnerHTML:{__html:a||y(d.A.UnifiedProductCardProsLabel)}}),b(e,"pro"),o.createElement(l.SL,{isActive:m,isLandscapeProductCard:p,dangerouslySetInnerHTML:{__html:c||y(d.A.UnifiedProductCardConsLabel)}}),b(t,"con")))};c.propTypes={cons:a().array,consLabel:a().string,isLandscapeProductCard:a().bool,isMobileView:a().bool,isProsConsActive:a().bool,isSlide:a().bool,pros:a().array,prosConsLabel:a().string,prosLabel:a().string,showRatingData:a().func,textProsConsClick:a().func};const m=c},15026(e,t,n){n.d(t,{q:()=>r});var o=n(96540),i=n(22039);const a=i.h4,r=({children:e,href:t,linkRef:n,onRetailerClick:r,retailerTextRef:s,sellerNameHasEllipsis:l=!1,...d})=>o.createElement(a,{className:"upcRetailerNameWrapper",$sellerNameHasEllipsis:l},o.createElement("a",{ref:n,href:t,onClick:r,...d},o.createElement("span",{className:"upcRetailerNameBlock"},o.createElement("span",{className:"upcRetailerName",ref:s},e)),o.createElement("span",{className:"upcicons"},o.createElement(i._P,{"aria-hidden":!0}))))},5344(e,t,n){n.d(t,{AW:()=>c,Ac:()=>d,_t:()=>p,f:()=>l,kd:()=>m,rM:()=>u,zA:()=>r.uM});var o=n(62193),i=n.n(o),a=(n(14307),n(25203)),r=(n(56892),n(96472)),s=n(27287);const l=(e,t=[])=>{const n=[],o={comparisonPrice:null,currency:"USD",price:null,purchaseUri:e,sellerName:"",shortUrl:""};return t.length>0?t.forEach(t=>{const o={comparisonPrice:"comparisonPrice"in t?t.comparisonPrice:null,currency:"currency"in t?t.currency:"USD",price:"price"in t?t.price:null,purchaseUri:"purchaseUri"in t&&t.purchaseUri.length>0?t.purchaseUri:e,sellerName:"sellerName"in t&&t.sellerName?(0,s.L)(t.sellerName):"",shortUrl:"shortUrl"in t?t.shortUrl:""};"offerUrl"in t&&(o.shortUrl=o.purchaseUri,o.purchaseUri=t.offerUrl);const i={...t,...o};i.price&&i.currency&&(i.currency=((e,t)=>{if("string"!=typeof e)return"";const n=e.trim().toUpperCase(),o=r.uM[n];let i="";return"string"==typeof t?i=t.trim():"number"==typeof t&&(i=String(t)),i&&o&&new RegExp(`^\\s*${a=o,"string"==typeof a?a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"):""}`).test(i)?"":n;var a})(i.currency,i.price.toString()));const{showAmazonDiscount:a}=(e=>{const t=(e?.toLowerCase()||"").includes("amazon");return{isAmazonSeller:t,showAmazonDiscount:t}})(i.sellerName);return i.showAmazonDiscount=a,n.push(i)}):n.push(o),n},d=({dropShipData:e,offer:t,type:n="embed"})=>{const{isDropshipProduct:o,dropShipSellers:r,data_item:s,contentId:l,showOfferUrl:d}=e,c=((e,t,n)=>"Dropship"!==e?.offerType&&(!t||!n?.length||n.some(t=>!e.purchaseUri?.toLowerCase().includes(t))))(t,o,r),m=s||{},u=c?l:m.id||m.variantKey,p=`cid=${u||""}`;let g=d?t.purchaseUri:t.shortUrl;const h=(({offer:e,offerUrl:t,cid:n,showOfferUrl:o})=>{const i={offerUrl:e.purchaseUri};return n&&!o&&(i.origin=n),t?.indexOf("cna.st")>0&&(e.xid&&(i.xid=e.xid),e.amguuid&&(i.amguuid=e.amguuid)),i})({offer:t,offerUrl:g,cid:u,showOfferUrl:d});if(!i()(h)&&!d){const e=(0,a.hh)();h.extractedParams=e,g=(0,a.cI)(g,h)}g&&(g=((e,t,n)=>e?.indexOf("?")>0?`${e}&${t}`:`${e}${n?"?":"#"}${t}`)(g,p,c)),"embed"===n&&(g=(({offer:e,showOfferUrl:t,encodeParams:n})=>{let o=t?e.purchaseUri:e.shortUrl;return o?.indexOf("cna.st")>0&&!t&&!i()(n)&&(o=(0,a.cI)(o,n)),o})({offer:t,showOfferUrl:d,encodeParams:h}));const{target:y,rel:b}=(e=>e?{target:"_blank",rel:"noreferrer noopener sponsored"}:{target:"_self",rel:"noopener"})(c);return{offerUrl:g,target:y,rel:b,isAffiliateProduct:c}},c=({dropShipData:e,offers:t,type:n="embed",url:o,xidAndAmguuid:i})=>{const a={...l(o,t)[0],...i};return d({dropShipData:e,offer:a,type:n})},m=e=>
32569e?.offsetWidth<e?.scrollWidth,u=(e,t)=>`${r.uM[e]}${t}`,p=e=>{try{const t=e.getBoundingClientRect(),n=t.width||0,o=t.height||0,i=window.innerHeight,a=Math.max(t.top,0),r=Math.min(t.bottom,i),s=Math.max(r-a,0),l=t.height?s/t.height*100:0,d=i-t.top,c=i+t.height,m=c?d/c*100:0;let u=null;const p=e.querySelector("video");return p&&({currentTime:u}=p),{width:n,height:o,progressPercent:m,inviewPercent:l,currentTime:u}}catch(e){return{width:0,height:0,progressPercent:0,inviewPercent:0,currentTime:null}}}},75828(e,t,n){n.d(t,{h:()=>te.A,A:()=>oe});var o=n(45135),i=n(13465),a=n(47655),r=n(5556),s=n.n(r),l=n(96540),d=n(62193),c=n.n(d),m=n(32485),u=n.n(m),p=n(99906),g=n(73275),h=n(72899),y=n(58893),b=n(43901),f=n(92801),w=n(6442),$=n(1889),v=n(22039);const C=({rating:e,showProsConsData:t,isLandscapeProductCard:n})=>{const{formatMessage:o}=(0,w.A)();return l.createElement(v.CN,{showProsConsData:t,isLandscapeProductCard:n},l.createElement(v.xx,{showProsConsData:t,isLandscapeProductCard:n,dangerouslySetInnerHTML:{__html:`${o($.A.UnifiedProductCardRatingTitle)} ${e}/10`}}))};C.propTypes={isLandscapeProductCard:s().bool,rating:s().string,showProsConsData:s().func};const k=C;var A=n(66530),x=n(33625),E=n(67506),S=n(32577);const L=({hasBookmarkingFeature:e,productId:t,bookmarkMeta:n={},bookmarkId:o,isLandscapeProductCard:i=!1,isSavedProductPage:a=!1,onBookmarkToggle:r,trackingSubject:s,item:d,layout:c,bookmarkPaywallSource:m,bookmarkSignInCopy:u,checkHasMultipleImages:p,checkHasCreditText:g,contentType:h="product",bookmarkRef:y,bookmarkVariant:b=S.SM.PRODUCT,onBookmarkStatusChange:f})=>e&&t&&!(0,E.T5)(n)?l.createElement(v.bj,{isLandscapeProductCard:i,checkHasMultipleImages:p,checkHasCreditText:g},l.createElement(x.A,{innerRef:y,productId:t,contentType:h,bookmarkVariant:b,bookmarkMeta:n,bookmarkId:o,isLandscapeProductCard:i,initialBookmarkState:!!a||null,onBookmarkToggle:r,isSavedProductPage:a,trackingSubject:s,item:d,layout:c,bookmarkPaywallSource:m,bookmarkSignInCopy:u,onBookmarkStatusChange:f})):null,T=({dangerousHed:e,imageProps:t,totalCount:n,preHeaderOne:o,hasProductHeight:i,brandName:a,hasDiffMinHeight:r,diffMinHeightValue:s,hasProductNameHeight:d,item:c,productNameTag:m,shouldRenderSuperlativeText:u,name:p,dangerousDek:g,dek:h,hasDescriptionTableContent:w=!1,showClampedDescription:$,showMultipleOffers:C,trackingLayout:x,offersProps:E,showLocalisedOffers:S,showProsConsData:T,rating:N,showRatingData:H,pros:I,cons:B,prosConsLabel:O,prosLabel:K,consLabel:D,isSlide:_,isLandscapeProductCard:P,productDescriptionLineLength:R,textProsConsClick:q,isProsConsActive:M,showDiscountPercentLabel:F,textBadge:U,seal:V,hasBookmarkingFeature:G=!1,bookmarkMeta:W={},onBookmarkToggle:j,isSavedProductPage:z=!1,layout:Y,bookmarkRef:X,onBookmarkStatusChange:Z})=>{const{hasImageCreditText:J,hasMultipleImageSupport:Q,type:ee,offers:te}=t,ne=te?.length||0,oe={...t,isLandscapeProductCard:P,hasBookmarkingFeature:!1};return l.createElement(v.AE,{id:c.id},u()&&e&&l.createElement(v.eU,{dangerouslySetInnerHTML:{__html:e},isLandscapeProductCard:P}),l.createElement(v.n9,{hasMultipleImage:Q},l.createElement(v.g0,null,l.createElement(b.A,{...oe}),V&&Object.prototype.hasOwnProperty.call(V,"sealUrl")&&l.createElement(v.rU,{seal:V}),U&&Object.prototype.hasOwnProperty.call(U,"name")&&l.createElement(v.sN,{config:{position:"top-left",badgeText:U.name},className:"standard"})),l.createElement(v.jw,null,(()=>{const e=c.id,t={...c,layout:Y},n={...t,...W};return L({hasBookmarkingFeature:G,productId:e,bookmarkMeta:n,data_item:t,isLandscapeProductCard:P,onBookmarkToggle:j,isSavedProductPage:z,trackingSubject:t.component,item:t,layout:Y,bookmarkRef:X,onBookmarkStatusChange:Z,offersCount:ne})})(),l.createElement(v.xl,{hasMultipleImage:Q,hasImageCreditText:J,isLandscapeProductCard:P,offersCount:ne},l.createElement(v.CA,null,n?l.createElement(v.Ol,{isLandscapeProductCard:P},o):null,l.createElement(v.c3,{totalCount:n,className:"upc-brandName",isLandscapeProductCard:P,dangerouslySetInnerHTML:{__html:a}}),(e||p)&&l.createElement(v.a8,{hasDiffMinHeight:r,diffMinHeightValue:s,isLandscapeProductCard:P},l.createElement(v.R8,{hasProductHeight:i,hasProductNameHeight:d,isLandscapeProductCard:P,id:`upc_${c.id}`,as:"embed"===ee?m:"p",type:ee,dangerouslySetInnerHTML:{__html:u()?p:e||p}}))),l.createElement(v.jO,null,te?.length?l.createElement(y.A,{...E,showLocalisedOffers:S,showDiscountPercentLabel:F}):null)))),l.createElement(v.KW,null,l.createElement(A.A,{dangerousDek:g,dek:h,hasDescriptionTableContent:w,item:c,showClampedDescription:$,showMultipleOffers:C,totalCount:n,trackingLayout:x,isLandscapeProductCard:P,productDescriptionLineLength:R}),l.createElement(v.FC,null,H()&&l.createElement(k,{showProsConsData:T(),isLandscapeProductCard:P,rating:N}),T()&&l.createElement(f.A,{pros:I,cons:B,prosConsLabel:O,prosLabel:K,consLabel:D,isSlide:_,isLandscapeProductCard:P,
32569showRatingData:H(),isProsConsActive:M,textProsConsClick:q}))))};T.propTypes={bookmarkMeta:s().object,brandName:s().string.isRequired,cons:s().arrayOf(s().string),consLabel:s().string,dangerousDek:s().string,dangerousHed:s().string.isRequired,dek:s().oneOfType([s().array,s().string]),hasDescriptionTableContent:s().bool,diffMinHeightValue:s().number,hasDiffMinHeight:s().bool,hasProductHeight:s().bool,hasProductNameHeight:s().bool,imageProps:s().object.isRequired,isLandscapeProductCard:s().bool,isProsConsActive:s().bool,isSlide:s().bool,item:s().object,name:s().string.isRequired,offersProps:s().object.isRequired,preHeaderOne:s().string,productDescriptionLineLength:s().number,productNameTag:s().string,pros:s().arrayOf(s().string),prosConsLabel:s().string,prosLabel:s().string,rating:s().number,seal:s().object,shouldRenderSuperlativeText:s().func,hasBookmarkingFeature:s().bool,onBookmarkToggle:s().func,isSavedProductPage:s().bool,layout:s().string,showClampedDescription:s().bool,showDiscountPercentLabel:s().bool,showLocalisedOffers:s().bool,showMultipleOffers:s().bool,showProsConsData:s().func,showRatingData:s().func,textBadge:s().object,textProsConsClick:s().func,totalCount:s().number,trackingLayout:s().string,bookmarkRef:s().object,onBookmarkStatusChange:s().func};const N=T;var H=n(41265);const I=({awardBadges:e,variant:t="default",onAwardClick:n})=>l.createElement(H.Ps,{$variant:t},e.map((e,o)=>l.createElement(H.U6,{key:o,as:"a",href:e.awardUrl,target:"_blank",rel:"noopener noreferrer",$variant:t,onClick:n?t=>n(t,e.awardUrl,o):void 0},(e=>e.iconSrc?l.createElement(H.kq,{dangerouslySetInnerHTML:{__html:e.iconSrc}}):null)(e),l.createElement(H.oV,null,"compact"===t?(e=>{const t=e.abbreviation||e.name;return e.years?`${t} ${e.years}`:t})(e):e.displayText||e.name))));I.propTypes={awardBadges:s().arrayOf(s().shape({abbreviation:s().string,awardUrl:s().string,displayText:s().string,iconSrc:s().string,name:s().string,years:s().string})),variant:s().oneOf(["default","compact"]),onAwardClick:s().func};const B=I;var O=n(58156),K=n.n(O),D=n(60162),_=n(25203),P=n(43428),R=n(40391),q=n(75163),M=n(5344);const F="_blank",U="noopener noreferrer",V=({href:e,isSlideshowVariation:t,name:n,nameRef:o,onClick:i})=>{const a=e?{as:"a",className:"link unified-venue-card-compact-name-link",href:e,target:F,rel:U}:{};return l.createElement(H.M1,{...a,ref:o,hasUrl:!!e,isSlideshowVariation:t,onClick:i,dangerouslySetInnerHTML:{__html:n}})};V.propTypes={href:s().string,isSlideshowVariation:s().bool,name:s().string,nameRef:s().object,onClick:s().func};const G=({imageProps:e,offersProps:t,item:n,name:o,hasProductHeight:i,hasProductNameHeight:a,productNameTag:r,venueSlideTitle:s,contentType:d,renderBookmarkNode:c=()=>null,totalCount:m,type:u,isSlide:p,showDiscountPercentLabel:g,awardBadges:h,shortDescription:y,showAwardsInsteadOfLocation:b,showClampedDescription:f,trackingLayout:v,trackingImage:C,isMobileView:k,showMultipleOffers:A,descriptionLineLength:x=3,venueUrl:E,locationTaxonomy:S,showLocationWithVenueName:L,hasBookmarkingFeature:T,isRentalVenueCard:N=!1,contentTypeUVC:I,isSlideshowVariation:O=!1,gtmTrackOnClick:G,actionIdFlags:W={},enableActionIdForUnifiedVenueCard:j=!1,onPrimaryClick:z,readFullReviewLinkVariant:Y="default"})=>{const X=Array.isArray(t?.offers)&&t.offers.length>0,Z=K()(t,"offers[0].offerUrl"),J=K()(t,"offers[0].purchaseUri"),Q=N&&X?(0,M.AW)({dropShipData:t?.dropShipData,offers:t?.offers,type:u,url:t?.url,xidAndAmguuid:t?.xidAndAmguuid}):null,ee=Q?.offerUrl||J||Z,te=!!E&&(0,R.e)(d)?E:ee,{formatMessage:ne}=(0,w.A)(),oe=(0,l.useRef)(null),[ie,ae]=(0,l.useState)(!0);(0,l.useLayoutEffect)(()=>{const e=oe.current;if(!e)return;const t=()=>{const t=parseFloat(getComputedStyle(e).lineHeight),n=Math.round(e.scrollHeight/t);ae(1===n)};t();const n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);let re=o;L&&S&&(re=`${o}, ${S}`);const se=Array.isArray(y)?y:void 0,le="string"==typeof y?y:void 0,de=Boolean(O&&"compact"===Y&&f?.());let ce;Array.isArray(e?.image)?ce=e.image.length:e?.image&&(ce=1);let me=ce;"number"==typeof ce&&"number"==typeof e?.showMultipleImageCount&&(me=Math.min(ce,e.showMultipleImageCount));let ue=me;"number"==typeof n?.total_index&&(ue=n.total_index);const pe={dangerousHed:o,id:n.id,contentType:I,component:"unified_product_card",currency:n.currency,offers:n.offers,price:n.price,total_index:ue},ge=l.useRef(null);ge.current=(({image:e,trackingImage:t})=>{const n=t??e;return n?{image:n}:{}})({image:e?.image,trackingImage:C});const he=(e,t,n,o,i,a=null,r=null)=>{G&&G(e,t,n,o,i,"number"==typeof a?a:ue,r)},ye=(e,t=0,n=te)=>{if(z)return e.preventDefault(),he(e,null,t,"click_to_read",null,null,o),void z(e);const i=F,{isCnastLink:a,enableActionIdMapping:r}=(0,_.Vy)(n,j),s=(0,_.hh)();if(r&&n){e.preventDefault();const{href:o}=(0,P.P)({event:e,gtmTrackOnClick:(e,t,n,o,i,a,r)=>he(e,t,n,o,i,a,r),linkProps:n,position:t,type:"click",component:"unified_product_card",queryParams:s});window.open(o,i)}else if(a&&n){e.preventDefault();const{href:o}=(0,_.ry)(n,"unified_product_card",s);e.currentTarget.setAttribute("href",o),window.open(o,i),he(e,null,t,"click",null)}else he(e,null,t,"click_to_read",null)},be=(e,t=0)=>{he(e,null,t,"click_to_read",null)},fe=be,we=(e,t=0)=>{e.stopPropagation(),be(e,t)},$e=l.useRef(null);return l.useEffect(()=>{const e=$e.current;e&&(0,D.Yp)("ProductEmbed",[e],"",0,!0,{getTrackingProductData:()=>ge.current})},[]),"card"===u?l.createElement(H.Ii,null,l.createElement(H.B1,null,l.createElement(H.v0,{...e,gtmTrackOnClick:he,actionIdFlags:W,contentType:d,internalLink:te,internalLinkTarget:F,internalLinkRel:U,...z?{onPrimaryClick:z,primaryClickLabel:o}:{}})),l.createElement(H.IC,{isSlideshowVariation:O},l.createElement(H.Bh,null,l.createElement(V,{href:te,isSlideshowVariation:O,name:o,nameRef:oe,onClick:e=>ye(e,0)}),O&&(se||le)&&l.createElement(H.C8,{dek:se,dangerousDek:le,item:n,isUnifiedVenueCard:!0,isSlideshowVariation:O,productDescriptionLineLength:x,showClampedDescription:de?f:void 0,venueUrl:E,showReadFullReviewLink:!N,readFullReviewLinkVariant:Y,onReadFullReviewClick:e=>we(e,0),onReadToggleClick:z}),!O&&(b&&h?.length>0?l.createElement(B,{awardBadges:h,variant:"compact",onAwardClick:fe}):S&&l.createElement(H.Af,null,S))),T&&c()),(O||X)&&l.createElement(H._G,null,O&&E&&!N&&!de&&l.createElement(H.n8,{href:E,isSlideshowVariation:O,target:"_blank",onClick:e=>we(e,0)},ne($.A.readFullReview)),X&&l.createElement(H._o,{isSingleLineName:ie,...t,showLocalisedOffers:!1,showDiscountPercentLabel:g,showMultipleOffers:!1,type:"card",isVenueOffer:!0,isRentalVenueCard:N,gtmTrackOnClick:he,actionIdFlags:W,isSlideshowVariation:O}))):l.createElement(H.Vm,null,s&&l.createElement(H.cP,{dangerouslySetInnerHTML:{__html:s}}),l.createElement(H.J0,{ref:$e,id:n.id,type:u,isSlide:p,"data-item":JSON.stringify(pe)},l.createElement(H.B1,null,l.createElement(H.v0,{...e,renderBookmarkNode:c,hasBookmarkingFeature:T,gtmTrackOnClick:he,actionIdFlags:W,contentType:I,internalLink:ee,...z?{onPrimaryClick:z,primaryClickLabel:o}:{}})),l.createElement(H.Es,null,re&&l.createElement(H.Xx,null,l.createElement(H.Ru,{hasProductHeight:i,hasProductNameHeight:a,id:`upc_${n.id}`,as:r,type:u},E?l.createElement("a",{className:q.pT.Component.HeadingLink,href:E,target:"_blank",rel:"noopener noreferrer",onClick:e=>ye(e,0,E),dangerouslySetInnerHTML:{__html:re}}):l.createElement("span",{dangerouslySetInnerHTML:{__html:re}}))),h?.length>0&&l.createElement(B,{awardBadges:h,onAwardClick:fe}),l.createElement(H.C8,{dek:se,dangerousDek:le,item:n,showClampedDescription:f,showMultipleOffers:A,totalCount:m,trackingLayout:v,isMobileView:k,productDescriptionLineLength:x,isUnifiedVenueCard:!0,venueUrl:E,showReadFullReviewLink:!N,readFullReviewLinkVariant:Y,onReadFullReviewClick:e=>we(e,0)}
32569),!f()&&E&&!N&&l.createElement(H.n8,{href:E,target:"_blank",rel:"noopener noreferrer",onClick:e=>we(e,0)},ne($.A.readFullReview)),X&&l.createElement(H.zf,{...t,className:"venue-offers-grid",showLocalisedOffers:!1,showDiscountPercentLabel:g,showMultipleOffers:!0,type:"embed",isVenueOffer:!0,isRentalVenueCard:N,gtmTrackOnClick:he,actionIdFlags:W}))))};G.propTypes={awardBadges:s().array,hasBookmarkingFeature:s().bool,hasProductHeight:s().bool,hasProductNameHeight:s().bool,venueSlideTitle:s().string,imageProps:s().object,isMobileView:s().bool,isSlide:s().bool,item:s().object,locationTaxonomy:s().string,name:s().string,offersProps:s().object,productNameTag:s().string,descriptionLineLength:s().number,renderBookmarkNode:s().node,shortDescription:s().oneOfType([s().string,s().array]),showAwardsInsteadOfLocation:s().bool,showClampedDescription:s().func,showDiscountPercentLabel:s().bool,showLocationWithVenueName:s().bool,showMultipleOffers:s().bool,totalCount:s().string,trackingLayout:s().string,trackingImage:s().oneOfType([s().object,s().array]),type:s().string,venueUrl:s().string,contentType:s().string,isRentalVenueCard:s().bool,isSlideshowVariation:s().bool,gtmTrackOnClick:s().func,actionIdFlags:s().object,enableActionIdForUnifiedVenueCard:s().bool,onPrimaryClick:s().func,readFullReviewLinkVariant:s().oneOf(["default","compact"]),contentTypeUVC:s().string};const W=G;var j=n(49235),z=n(54370),Y=n(59867),X=n(64325);const Z={},J=({configuredComponentRef:e,image:t,brand:n,dangerousHed:o,hasAffiliateLinkDisabled:i,offers:a,dangerousDek:r,url:s="",type:d="card",preHeaderOne:m=null,totalCount:g=null,showMultipleOffers:w=!1,index:$,isLazy:C=!1,aspectRatio:x=[3,4],venueAspectRatio:E,isDropshipProduct:T,dropShipSellers:H,hasImpressionTracking:I,layoutName:B,sourceName:O,data_item:K={},cardRouting:P,contentId:q,showLocalisedOffers:M=!1,showOfferUrl:F=!1,layout:U,dek:V,hasDiffMinHeight:G=!1,hasProductHeight:J=!1,hasProductNameHeight:Q=!1,showOfferButton:ee=!1,diffMinHeightValue:te,showProductNameAsH3:ne=!1,showClampedProductDescription:oe=!1,hasReadMoreFeature:ie,productDescriptionLineLength:ae,shouldUseOutlinedButton:re,shouldUseBlackButton:se,showSuperlativeText:le=!1,name:de,shouldDisableCreditText:ce,pros:me,cons:ue,rating:pe,productMultiImageCount:ge,hasImageCreditText:he,actionIdFlags:ye={},prosConsLabel:be,prosLabel:fe,consLabel:we,theme:$e="standard",componentUsed:ve,hideLandscapeLayout:Ce=!1,showDiscountPercentLabel:ke=!1,enableEditorNote:Ae=!1,editorNoteTitle:xe,editorNote:Ee,enableGtmFixesIntersectionObserver:Se=!1,enableGtmFixesUseRef:Le=!1,textBadge:Te=Z,seal:Ne=Z,hasBookmarkingFeature:He,hasCheckPriceFeature:Ie=!1,bookmarkMeta:Be={},bookmarkPaywallSource:Oe,bookmarkSignInCopy:Ke,bookmarkIdProp:De,onBookmarkToggle:_e,isSavedProductPage:Pe=!1,isPendingRemoval:Re=!1,hasBrandName:qe,showImageCredit:Me,internalLink:Fe=null,shortDescription:Ue=null,venueSlideTitle:Ve,showSuperlativeTextVenue:Ge=!1,contentType:We=null,hedHref:je=null,awardBadges:ze=[],hasMultiplePhotos:Ye=!1,photos:Xe,venueUrl:Ze,locationTaxonomy:Je=null,showLocationWithVenueName:Qe=!1,hasDescriptionTableContent:et=!1,showAwardsInsteadOfLocation:tt=!1,venueSpecificContentType:nt,isSlideshowVariation:ot=!1,disableImageBackgroundColor:it=!1,onPrimaryClick:at,shouldDisableCarouselNavigationTracking:rt=!1,venueDescriptionLineLength:st,readFullReviewLinkVariant:lt="default",enableAffiliateDisclaimerLabel:dt=!1,enableProductDetailPageTransfer:ct=!1,productDetailPageUrl:mt=""})=>{const ut=!!g,pt=l.useRef(0),gt=l.useRef(null),[ht,yt]=(0,l.useState)(!1),[bt,ft]=(0,l.useState)(a?.length||0),[wt,$t]=(0,l.useState)(()=>window.innerWidth<=p.VS.md);(0,l.useLayoutEffect)(()=>{const e=window.matchMedia(`(max-width: ${p.VS.md}px)`),t=e=>{$t(e.matches)};return $t(e.matches),e.addEventListener?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):(e.addListener(t),()=>e.removeListener(t))},[]);const vt=!Pe,Ct=!(Ce||"card"===d);let kt="p";ne?kt="h3":g&&(kt="h2");const At=()=>oe&&ie,xt=()=>K.hasProsConsFeature&&!c()(me)&&!c()(ue),Et=()=>K.hasRatingFeature&&pe,St=()=>le&&ut,Lt=(0,X.fx)(P),Tt=(0,X.kn)(P),Nt=ct&&mt?mt:null,Ht={isDropshipProduct:T,dropShipSellers:H,sourceName:O,data_item:K,contentId:q,showOfferUrl:F||i,layout:U},It=new Map([["GridFourColumns","plp_grid"],["ContentCarousel","carousel"]]),Bt="object"==typeof n&&n?.name||n||"",Ot=!c()(t)&&t?.length>1,Kt=K?.showMultipleImageCount,Dt=(0,R.e)(We)&&Ye&&Xe,_t=Dt?Xe.slice(0,Kt):t,Pt=Dt&&Array.isArray(Xe)&&Xe.length>1;let Rt;Array.isArray(_t)?Rt=_t.length:_t&&(Rt=1);let qt=Rt;"number"==typeof Rt&&"number"==typeof Kt&&(qt=Math.min(Rt,Kt));const Mt=function(e,t){return(Array.isArray(e)?e.filter(e=>"cnevideo"===e?.contentType||"clip"===e?.contentType).slice(0,t):[]).map(e=>{const{scriptUrl:t,id:n}=e;if(t&&"string"==typeof t&&t.includes("/")){const e=t.split("/").pop(),o=e?.split(".")[0];return o||n||null}return n||null}
32569).filter(Boolean)}(_t,Kt),Ft=K.index??$,Ut=K.id||K.productId||q,Vt={...K,id:Ut,index:Ft,brand:{name:Bt},component:K.component||It.get(U)||(!Ot&&["cnevideo","clip"].includes(t?.contentType)||Ot||Et()||xt()?"enhanced_product_card":"unified_product_card"),total_index:qt,hasMultipleImage:Ot,rating:pe,showProsConsData:xt(),videoIds:Mt,offersLength:bt,offerRetailer:K.offerRetailer||a?.[0]?.sellerName||a?.[0]?.seller?.name||null,hasBookmarkingFeature:He,...He&&{isBookmarked:!1,isBookmarkStatusReady:!1}};delete Vt.imageLabels,delete Vt.source,delete Vt.multipleOffers,delete Vt.image,delete Vt.cardRouting;const Gt={"data-item":JSON.stringify(Vt)},Wt=U||Vt.layout,[jt,zt]=l.useState({}),Yt=l.useRef(),Xt=l.useCallback(()=>Yt.current?.getBookmarkStatus?.()||!1,[]),Zt=He&&Ut?Ut:null,[Jt,Qt]=l.useState(null),en=null===Zt||Jt===Zt,tn=l.useCallback(({isBookmarked:e,hasLoadedBookmarkStatus:t})=>{He&>.current&&((0,D.TD)(gt.current,n=>({...n,isBookmarked:e,isBookmarkStatusReady:n?.isBookmarkStatusReady||t}),{}),t&&Zt&&Qt(Zt))},[He,Zt]),nn=P?.resolvedContentType||nt||We,on=Lt?nn:"product";l.useEffect(()=>{Qt(null!==Zt?e=>e===Zt?e:null:null)},[Zt]),l.useEffect(()=>{if(!He||!en)return;if(!gt.current)return;const e=Xt();(0,D.TD)(gt.current,t=>t.isBookmarked===e?t:{...t,isBookmarked:e},{})},[He,en,Xt]);const an=(e,t,n,o=null,i=null,a=null)=>{null!=n&&(pt.current=n);const r=Xt(),s="number"==typeof a?a:Vt.total_index,l=Be?.collectionId??null,d=Be?.collectionName??null;(0,D.g1)({window,product:{...Vt,image:_t,total_index:s,isBookmarked:r,contentType:nn},index:Vt.index,actionId:t,layout:Wt,event:e,type:o,image_index:void 0===n?pt.current:n,offerIndex:i,collectionId:l,collectionName:d})},rn=()=>{const e=Ot&&!c()(t)&&t.length>1,n=he&&!ce;return L({hasBookmarkingFeature:He,productId:Vt.id||q,bookmarkMeta:"plp_grid"!==Vt.component?{...Vt,...Be}:void 0,bookmarkId:De,isLandscapeProductCard:!1,isSavedProductPage:Pe,onBookmarkToggle:_e,checkHasMultipleImages:e,checkHasCreditText:n,trackingSubject:Vt.component,item:Vt,layout:Wt,contentType:on,bookmarkRef:Yt,bookmarkVariant:Lt?S.SM.VENUE:S.SM.PRODUCT,bookmarkPaywallSource:Oe,bookmarkSignInCopy:Ke,onBookmarkStatusChange:tn})},sn=()=>{const e=ht?"close":"open";yt(!ht);const t=Xt();(0,D.g1)({window,product:{...Vt,component:"unified_product_card_pros_cons",isBookmarked:t},index:Vt.index,layout:Wt,type:e})},ln={image:_t,isLazy:C,offers:a,url:s,productDetailPageUrl:Nt,dropShipData:Ht,type:d,xidAndAmguuid:jt,isMobileView:wt,aspectRatio:x,gtmTrackOnClick:an,hasMultipleImageSupport:Pt||Ot,showMultipleImageCount:Kt,shouldDisableCreditText:ce,upcLazyLoading:"lazy",productMultiImageCount:ge,hasImageCreditText:he,actionIdFlags:ye,component:ve,internalLink:Fe,cardRouting:P,hedHref:je,renderBookmark:rn,hasBookmarkingFeature:He,showImageCredit:Me,disableImageBackgroundColor:it,shouldDisableCarouselNavigationTracking:rt},dn={...ln,productDetailPageUrl:null},cn={dangerousHed:o,type:d,offers:a,url:s,showMultipleOffers:w,showOfferButton:ee,dropShipData:Ht,productId:Vt.id,gtmTrackOnClick:an,xidAndAmguuid:jt,shouldUseOutlinedButton:re,shouldUseBlackButton:se,hasCheckPriceFeature:Ie,actionIdFlags:ye,component:ve,onProductOffersUpdate:e=>{ft(e)}},mn={dangerousHed:o,imageProps:ln,totalCount:g,preHeaderOne:m,hasProductHeight:J,brandName:Bt,name:de,hasDiffMinHeight:G,diffMinHeightValue:te,hasProductNameHeight:Q,item:Vt,productNameTag:kt,shouldRenderSuperlativeText:St,dangerousDek:r,dek:V,hasDescriptionTableContent:et,showClampedDescription:At,showMultipleOffers:w,trackingLayout:Wt,offersProps:cn,showLocalisedOffers:M,showRatingData:Et,showProsConsData:xt,rating:pe,pros:me,cons:ue,prosConsLabel:be,prosLabel:fe,consLabel:we,isSlide:ut,isLandscapeProductCard:vt,productDescriptionLineLength:ae,isProsConsActive:ht,textProsConsClick:sn,showDiscountPercentLabel:ke,textBadge:Te,seal:Ne,hasBookmarkingFeature:He,bookmarkMeta:Be,onBookmarkToggle:_e,isSavedProductPage:Pe,layout:Wt,bookmarkRef:Yt,onBookmarkStatusChange:tn},un=[];I&&(He&&!en||(un.push("impressionTracking"),B?.length&&un.push(B)));const pn=l.useCallback(()=>{Lt||He&&!en||(Le?gt.current&&(0,D.Yp)("ProductEmbed",[gt.current],"",0,Se):(0,D.Yp)("ProductEmbed",document.getElementsByClassName("product-embed")))},[Se,Le,Lt,He,en]),gn=l.useCallback(()=>{Lt||He&&!en||(Le?gt.current&&(0,D.Yp)("ProductEmbed",[gt.current],"",0,Se):(0,D.Yp)("ProductEmbed",document.getElementsByClassName("product-embed")))},[Se,Le,Lt,He,en]),hn=l.useRef(null),yn=l.useRef(null);l.useEffect(()=>{if(!en)return;Lt||(hn.current=window.Kendra.WINDOW_EVENT.on(Y.m.SCROLL_DEBOUNCE,gn),yn.current=window.Kendra.WINDOW_EVENT.on(Y.m.LOAD_DEBOUNCE,pn));const e=(0,_.ph)();
32569return zt(e),()=>{hn.current&&hn.current.off(),yn.current&&yn.current.off(),hn.current=null,yn.current=null}},[pn,gn,Lt,en,Ut]);const bn="card"===d&≪return l.createElement(j.A,{palette:$e},l.createElement(v.B8,{ref:(0,z.P)(Le||He?gt:null,e),className:u()({"product-embed":"embed"===d},[un]),isVenueCard:bn,...Gt},dt&&l.createElement(h.A,{enableAffiliateDisclaimerLabel:!0}),(()=>{if(!Ce&&vt&&(ut||Ct))return l.createElement(N,{...mn});if(Lt){const e=E?{...dn,aspectRatio:E}:dn,t=r||Ue;return l.createElement(W,{awardBadges:ze,hasProductHeight:J,hasProductNameHeight:Q,venueSlideTitle:Ge?Ve:null,imageProps:e,isMobileView:wt,isSlide:ut,item:Vt,locationTaxonomy:Je,name:de,offersProps:cn,productNameTag:kt,renderBookmarkNode:()=>rn(Vt.id),hasBookmarkingFeature:He,shortDescription:t,showAwardsInsteadOfLocation:tt,showClampedDescription:At,showDiscountPercentLabel:ke,showLocationWithVenueName:Qe,showMultipleOffers:w,descriptionLineLength:st,totalCount:g,trackingImage:_t,trackingLayout:Wt,type:d,venueUrl:Ze,isRentalVenueCard:Tt,isSlideshowVariation:ot,gtmTrackOnClick:an,actionIdFlags:ye,enableActionIdForUnifiedVenueCard:ye?.enableActionIdForUPC,contentType:nn,contentTypeUVC:nn,onPrimaryClick:at,readFullReviewLinkVariant:lt})}return l.createElement(v.RA,{id:Vt.id,type:d,isSlide:ut,isPendingRemoval:Re},l.createElement(v.fT,{isCoupledWithMultiImageProduct:ge>1&&!Ot,hasImageCreditText:he&&!Ot,hasBookmarkingFeature:He},l.createElement(v.D6,null,St()&&o&&l.createElement(v.eU,{dangerouslySetInnerHTML:{__html:o}}),Ne&&Object.prototype.hasOwnProperty.call(Ne,"sealUrl")&&l.createElement(v.rU,{seal:Ne}),Te&&Object.prototype.hasOwnProperty.call(Te,"name")&&l.createElement(v.sN,{config:{position:"top-left",badgeText:Te.name},className:"standard"}),l.createElement(b.A,{...ln})),rn()),l.createElement(v.qV,null,!!g&&l.createElement(v.Ol,null,m),l.createElement(v.c3,{hasProductHeight:J,totalCount:g,className:"upc-brandName",hasBrandName:qe,dangerouslySetInnerHTML:{__html:Bt}}),(o||de)&&l.createElement(v.a8,{hasDiffMinHeight:G,diffMinHeightValue:te},(()=>{const e=St()?de:o||de;return l.createElement(v.R8,{hasProductHeight:J,hasProductNameHeight:Q,id:`upc_${Vt.id}`,as:"embed"===d?kt:"p",type:d,dangerouslySetInnerHTML:{__html:e}})})()),a?.length>0&&l.createElement(y.A,{...cn,showLocalisedOffers:M,showDiscountPercentLabel:ke}),"card"==d&&Ae&&!c()(Ee)&&l.createElement(A.A,{editorNote:Ee,editorNoteTitle:xe,enableEditorNote:Ae,item:Vt,showClampedDescription:At,showMultipleOffers:w,totalCount:g,trackingLayout:Wt,isMobileView:wt,productDescriptionLineLength:ae,hasDescriptionTableContent:et}),"card"!==d&&l.createElement(A.A,{dangerousDek:r,dek:V,hasDescriptionTableContent:et,item:Vt,showClampedDescription:At,showMultipleOffers:w,totalCount:g,trackingLayout:Wt,isMobileView:wt,productDescriptionLineLength:ae}),"card"!==d&&Et()&&l.createElement(k,{showProsConsData:xt(),rating:pe}),"card"!==d&&xt()&&l.createElement(f.A,{pros:me,cons:ue,isSlide:ut,prosConsLabel:be,prosLabel:fe,consLabel:we,isProsConsActive:ht,textProsConsClick:sn,isMobileView:wt})))})()))};J.propTypes={configuredComponentRef:s().func,actionIdFlags:s().object,aspectRatio:s().arrayOf(s().number),venueAspectRatio:s().arrayOf(s().number),bookmarkIdProp:s().string,bookmarkMeta:s().object,bookmarkPaywallSource:s().string,bookmarkSignInCopy:s().shape({dek:s().string,hed:s().string,hedSpanTag:s().string,shouldHideHedSpanTag:s().bool}),brand:s().oneOfType([s().object,s().string]),cardRouting:s().shape({renderAs:s().string,sourceType:s().string,resolvedContentType:s().string}),componentUsed:s().string,cons:s().array,consLabel:s().string,contentId:s().string,contentType:s().string,dangerousDek:s().string,dangerousHed:s().string,data_item:s().object,dek:s().oneOfType([s().array,s().string]),hasDescriptionTableContent:s().bool,diffMinHeightValue:s().number,disableImageBackgroundColor:s().bool,dropShipSellers:s().arrayOf(s().string),editorNote:s().any,editorNoteTitle:s().string,enableAffiliateDisclaimerLabel:s().bool,enableProductDetailPageTransfer:s().bool,enableEditorNote:s().bool,enableGtmFixesIntersectionObserver:s().bool,enableGtmFixesUseRef:s().bool,hasAffiliateLinkDisabled:s().bool,hasCheckPriceFeature:s().bool,hasDiffMinHeight:s().bool,hasImageCreditText:s().bool,hasImpressionTracking:s().bool,hasProductHeight:s().bool,hasProductNameHeight:s().bool,hasReadMoreFeature:s().bool,hedHref:s().string,hideLandscapeLayout:s().bool,venueSlideTitle:s().string,
32569showSuperlativeTextVenue:s().bool,image:s().shape(g.A.propTypes),index:s().number,internalLink:s().string,isDropshipProduct:s().bool,isLazy:s().bool,isMobileView:s().bool,isSavedProductPage:s().bool,isPendingRemoval:s().bool,layout:s().string,layoutName:s().string,name:s().string,offers:s().arrayOf(s().object),preHeaderOne:s().string,productDetailPageUrl:s().string,productDescriptionLineLength:s().number,venueDescriptionLineLength:s().number,readFullReviewLinkVariant:s().oneOf(["default","compact"]),productMultiImageCount:s().number,pros:s().array,prosConsLabel:s().string,prosLabel:s().string,rating:s().string,seal:s().object,shortDescription:s().string,shouldDisableCarouselNavigationTracking:s().bool,shouldDisableCreditText:s().bool,shouldUseAmazonPrimeDayLiveAPIData:s().bool,shouldUseBlackButton:s().bool,shouldUseOutlinedButton:s().bool,hasBookmarkingFeature:s().bool,onBookmarkToggle:s().func,onPrimaryClick:s().func,showClampedProductDescription:s().bool,showDiscountPercentLabel:s().bool,showLocalisedOffers:s().bool,showMultipleOffers:s().bool,showOfferButton:s().bool,showOfferUrl:s().bool,showProductNameAsH3:s().bool,showSuperlativeText:s().bool,sourceName:s().string,textBadge:s().object,theme:s().oneOf(["standard","inverted"]),totalCount:s().number,type:s().oneOf(["card","embed"]),url:s().string,hasBrandName:s().bool,showImageCredit:s().bool,venueUrl:s().string,venueSpecificContentType:s().string,showLocationWithVenueName:s().bool,showAwardsInsteadOfLocation:s().bool,locationTaxonomy:s().string,awardBadges:s().arrayOf(s().shape({name:s().string,years:s().string,iconSrc:s().string,displayText:s().string})),hasMultiplePhotos:s().bool,photos:s().array,isSlideshowVariation:s().bool},J.displayName="UnifiedProductCard";const Q=J;Q.Card=(0,a.y)(Q,"Card",{type:"card"}),Q.Embed=(0,a.y)(Q,"Embed",{type:"embed"});const ee=Q;var te=n(59481);const ne=(0,i.y)(ee,"UnifiedProductCard"),oe=(0,o.Ng)(e=>({showDiscountPercentLabel:e.commercePlatform?.showDiscountPercentLabel}))(ne)},9864(e,t,n){n.d(t,{zD:()=>p});const o="lastBookmarkedProduct",i="showProductBookmarkMessageBanner",a="unsavedBookmarks",r="productBookmarkAction",s="removedBookmarkData",l="restoredProduct",d="SET_KEY",c="MERGE_KEY",m="REMOVE_KEY_PROPERTY",u=(e,t,n)=>{e({type:d,key:t,value:n})},p=e=>({setLastBookmarkedProduct:({copilotID:t,productData:n,contentType:i}={})=>{u(e,o,{copilotID:t,productData:n,contentType:i})},setRemovedBookmarkData:({copilotID:t,productData:n,contentType:o,productName:i,bookmarkId:a,collectionId:r,originalIndex:l,fullProductItem:d})=>{u(e,s,{copilotID:t,productData:n,contentType:o,productName:i,bookmarkId:a,collectionId:r,originalIndex:l,fullProductItem:d})},clearRemovedBookmarkData:()=>{u(e,s,null)},setRestoredProduct:({copilotID:t,productData:n,bookmarkId:o,originalIndex:i,fullProductItem:a})=>{u(e,l,{copilotID:t,productData:n,bookmarkId:o,originalIndex:i,fullProductItem:a,timestamp:Date.now()})},clearRestoredProduct:()=>{u(e,l,null)},setShowProductBookmarkMessageBanner:({showBanner:t})=>{u(e,i,t)},setProductBookmarkAction:({action:t})=>{u(e,r,t)},doUpdateUnsavedBookmarks:({copilotID:t,isDeleted:n})=>{((e,t,n)=>{e({type:c,key:t,value:n})})(e,a,{[t]:{isDeleted:n}})},clearUnsavedBookmark:({copilotID:t})=>{((e,t,n)=>{e({type:m,key:t,property:n})})(e,a,t)},doUpdateBookmarkedStatus:t=>{e({type:d,key:"pageState.bookmarkStatus",value:t})}})},22039(e,t,n){n.d(t,{$N:()=>z,$g:()=>J,AE:()=>de,B8:()=>N,Bd:()=>we,CA:()=>pe,CN:()=>re,D6:()=>_,F7:()=>se,FC:()=>he,If:()=>G,KL:()=>U,KW:()=>ge,Mj:()=>$e,Nj:()=>O,Ol:()=>q,R8:()=>I,RA:()=>R,SL:()=>ne,U_:()=>D,Vl:()=>E,_9:()=>Z,_P:()=>x,_i:()=>le,a8:()=>T,bg:()=>A,bj:()=>j,c3:()=>H,cP:()=>ee,eU:()=>Y,eZ:()=>ve,ej:()=>C,fT:()=>P,g0:()=>me,h4:()=>k,hX:()=>M,hy:()=>W,iA:()=>te,jO:()=>F,jT:()=>Ce,jw:()=>ue,mK:()=>S,mZ:()=>L,n9:()=>ce,qV:()=>K,rF:()=>ie,rU:()=>fe,sN:()=>be,ss:()=>B,t6:()=>V,tU:()=>Q,vV:()=>X,xl:()=>ye,xx:()=>ae,yC:()=>oe});var o=n(38267),i=n(96472),a=n(43222),r=n(48286),s=n(73730),l=n(18608),d=n(91783),c=n(44802),m=n(26865),u=n(29912),p=n(50531),g=n(57166),h=n(11499),y=n(7228),b=n(18117),f=n(13447),w=n(8070);
32569const $="0.2s",v=({theme:e,disableImageBackgroundColor:t})=>{if(!t)return o.AH` 32570 ${(0,m._o)(e,"background-color","colors.consumption.body.standard.bg-card")}; 32571 `},C=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardSalePrice"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 32572 text-decoration: line-through; 32573 ${({theme:e})=>o.AH` 32574 ${(0,m._o)(e,"color",(0,m.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.subhed")}; 32575 `}; 32576 32577 ${(0,m.Gg)("typography.definitions.commerce.call-to-action")} 32578`,k=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardRetailerName"}).attrs(e=>({as:"span",colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.button-core",...e}))` 32579 display: flex; 32580 flex-direction: row; 32581 align-items: flex-end; 32582 padding: 0; 32583 width: 100%; 32584 line-height: revert; 32585 32586 a { 32587 display: flex; 32588 gap: ${({$sellerNameHasEllipsis:e})=>e?"0":(0,m.Kq)(.5)}; 32589 width: 100%; 32590 } 32591 32592 .upcRetailerNameBlock { 32593 display: grid; 32594 } 32595 32596 .upcRetailerName { 32597 overflow: hidden; 32598 text-overflow: ellipsis; 32599 white-space: nowrap; 32600 } 32601 32602 .upcicons { 32603 display: flex; 32604 align-items: center; 32605 justify-content: center; 32606 transition: all 0.5s ease-in; 32607 margin: auto; 32608 margin-left: 0; 32609 border-radius: 100px; 32610 background: ${({theme:e})=>(0,m.HK)(e,"colors.interactive.base.highlight")}; 32611 width: 1rem; 32612 height: 1rem; 32613 text-align: center; 32614 aspect-ratio: 1/1; 32615 } 32616 32617 ${(0,m.Gg)("typography.definitions.commerce.call-to-action")} 32618`,A=o.Ay.a.withConfig({displayName:"UnifiedProductCardReadFullReviewLink"})` 32619 display: inline-block; 32620 text-decoration: none; 32621 color: ${({theme:e})=>(0,m.HK)(e,"colors.consumption.body.standard.link")}; 32622 font-weight: bold; 32623 32624 &:hover { 32625 text-decoration: underline; 32626 } 32627`,x=(0,o.Ay)(a.A).withConfig({displayName:"UnifiedArrowIcon"})` 32628 transform: rotate(-45deg); 32629`,E=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardPrice"}).attrs(e=>({as:"span",colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 32630 ${({theme:e})=>o.AH` 32631 ${(0,m._o)(e,"color",(0,m.iq)(e)?"colors.consumption.body.inverted.body":"colors.consumption.body.standard.subhed")}; 32632 `}; 32633 32634 ${(0,m.Gg)("typography.definitions.commerce.call-to-action")} 32635`,S=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardOffer"}).attrs(e=>({as:"div",...e}))` 32636 display: flex; 32637 flex-direction: column; 32638 align-items: flex-start; 32639 justify-content: center; 32640 padding: 0; 32641 32642 .upcRetailerNameWrapper > a { 32643 transition: text-decoration 1s ease; 32644 text-decoration: underline solid transparent; 32645 text-underline-offset: 2px; 32646 } 32647 32648 ${(0,m.Xm)(0,i.LO.md)} { 32649 .upcRetailerNameWrapper > a { 32650 text-decoration: underline; 32651 } 32652 32653 .upcicons { 32654 position: relative; 32655 transform: translate(0, -2px); 32656 } 32657 } 32658 32659 &:hover { 32660 .upcicons { 32661 transform: translate(2px, -2px); 32662 } 32663 32664 .upcRetailerNameWrapper > a { 32665 text-decoration: underline; 32666 } 32667 } 32668`,L=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardPriceWrapper"}).attrs(e=>({as:"div",colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.button-core",...e}))` 32669 display: flex; 32670 flex-direction: row; 32671 align-items: center; 32672 cursor: pointer; 32673 padding: 0; 32674 width: 100%; 32675 min-height: ${(0,m.Kq)(2)}; 32676 32677 overflow: hidden; 32678 gap: ${(0,m.Kq)(.5)}; 32679 32680 a { 32681 text-decoration: none; 32682 } 32683 32684 ${(0,m.Gg)("typography.definitions.commerce.call-to-action")} 32685`,T=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardNameWrapper"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.link",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 32686 display: flex; 32687 padding: ${(0,m.Kq)(.5)} 0 ${(0,m.Kq)(1)} 0; 32688 32689 h2 { 32690 font-weight: bold; 32691 } 32692 32693 ${({isLandscapeProductCard:e})=>e&&o.AH` 32694 justify-content: center; 32695 padding-bottom: ${(0,m.Kq)(2)}; 32696 32697 ${(0,m.L7)(i.LO.md)} { 32698 justify-content: flex-start; 32699 padding-bottom: ${(0,m.Kq)(1)}; 32700 } 32701 `} 32702 32703 h3 { 32704 ${(0,m.Gg)("typography.definitions.globalEditorial.context-secondary")} 32705 } 32706 32707 ${(0,m.Gg)("typography.definitions.commerce.product-title")} 32708`,N=o.Ay.div.withConfig({displayName:"UnifiedProductCardBody"}).attrs(e=>({as:"div",...e}))` 32709 position: relative; 32710 ${({isVenueCard:e})=>e&&o.AH` 32711 height: 100%; 32712 `} 32713 32714 && a.unified-venue-card-compact-name-link, 32715 && a.unified-venue-card-compact-name-link:link, 32716 && a.unified-venue-card-compact-name-link:visited { 32717 text-decoration: none; 32718 color: ${({theme:e})=>(0,m.HK)(e,"colors.interactive.base.black")}; 32719 } 32720 32721 && a.unified-venue-card-compact-name-link:hover, 32722 && a.unified-venue-card-compact-name-link:focus { 32723 text-decoration: none; 32724 color: ${({theme:e})=>(0,m.HK)(e,"colors.consumption.body.standard.link-hover")}; 32725 } 32726`,H=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardBrandName"}).attrs(e=>({colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.globalEditorial.context-primary",...e}))` 32727 ${({totalCount:e})=>!e&&o.AH` 32728 /* stylelint-disable-next-line declaration-no-important */ 32729 margin-top: ${(0,m.Kq)(1)} !important; 32730 `} 32731 32732 padding: ${(0,m.Kq)(1)} 0 0 0; 32733 width: 100%; 32734 height: ${(0,m.Kq)(3.5)}; 32735 min-height: ${(0,m.Kq)(3)}; 32736 overflow: hidden; 32737 text-overflow: ellipsis; 32738 white-space: nowrap; 32739 ${({hasProductHeight:e})=>e&&o.AH` 32740 line-height: ${(0,m.Kq)(2)}; 32741 `} 32742 ${({hasBrandName:e})=>void 0!==e&&!e&&o.AH` 32743 ${(0,m.L7)(i.LO.md)} { 32744 /* Hide brand name space on mobile when no products in row have brand */ 32745 margin: 0; 32746 padding: 0; 32747 height: 0; 32748 min-height: 0; 32749 overflow: hidden; 32750 } 32751 `} 32752 ${({isLandscapeProductCard:e})=>e&&o.AH` 32753 /* stylelint-disable-next-line value-no-vendor-prefix */ 32754 display: -webkit-box; 32755 padding: 0; 32756 height: auto; 32757 min-height: ${(0,m.Kq)(1)}; 32758 max-height: 2lh; 32759 text-align: center; 32760 -webkit-box-orient: vertical; 32761 -webkit-line-clamp: 2; 32762 white-space: normal; 32763 32764 ${(0,m.L7)(i.LO.md)} { 32765 text-align: left; 32766 } 32767 `} 32768 32769 ${(0,m.Gg)("typography.definitions.commerce.brand-name")} 32770`,I=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardName"}).attrs(e=>({colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 32771 /* stylelint-disable-next-line value-no-vendor-prefix */ 32772 display: -webkit-box; 32773 height: 2lh; 32774 overflow: hidden; 32775 -webkit-box-orient: vertical; 32776 -webkit-line-clamp: 2; 32777 word-break: break-word; 32778 overflow-wrap: break-word; 32779 32780 ${({isLandscapeProductCard:e})=>e&&o.AH` 32781 text-align: center; 32782 height: auto; 32783 max-height: 3lh; 32784 -webkit-line-clamp: 3; 32785 32786 ${(0,m.L7)(i.LO.md)} { 32787 text-align: left; 32788 } 32789 `} 32790 32791 && { 32792 ${(0,m.Gg)("typography.definitions.commerce.product-title")} 32793 margin:0; 32794 } 32795`,B=(0,o.Ay)(r.A).withConfig({displayName:"UnifiedProductCardClampedDescription"})` 32796 margin-top: ${({isLandscapeProductCard:e})=>e?(0,m.Kq)(2):(0,m.Kq)(3)}; 32797 32798 && { 32799 ${p.eM} { 32800 transform-origin: center; 32801 margin: ${(0,m.Kq)(1)} 0 0; 32802 padding: 0; 32803 min-width: auto; 32804 height: 24px; 32805 gap: ${(0,m.Kq)(.5)}; 32806 } 32807 ${p.Lj} { 32808 padding: 0; 32809 width: 100%; 32810 text-align: left; 32811 ${({shouldShowEditorNote:e})=>e?(0,m.Gg)("typography.definitions.utility.button-utility"):(0,m.Gg)("typography.definitions.utility.button-bulletin")}; 32812 ${({theme:e})=>o.AH` 32813 ${(0,m._o)(e,"color","colors.interactive.base.black")}; 32814 `}; 32815 } 32816 } 32817 ${p.ny} { 32818 svg { 32819 width: 24px; 32820 height: 24px; 32821 } 32822 padding: 0; 32823 } 32824 ${({shouldShowEditorNote:e})=>e&&o.AH` 32825 margin-top: ${(0,m.Kq)(2)}; 32826 padding-top: ${(0,m.Kq)(1)}; 32827 `} 32828`,O=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardDescriptionWrapper"}).attrs(e=>({as:"div",colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.consumptionEditorial.description-embed",...e}))` 32829 padding: 0; 32830 width: 100%; 32831 32832 /* Only apply overflow handling when table is present */ 32833 ${({hasTable:e})=>e&&o.AH` 32834 max-width: 100%; 32835 32836 ${(0,m.L7)(i.LO.md)} table { 32837 width: max-content; 32838 min-width: 100%; 32839 max-width: none; 32840 } 32841 32842 ${(0,m.L7)(i.LO.md)} th, 32843 ${(0,m.L7)(i.LO.md)} td { 32844 min-width: ${(0,m.Kq)(18.75)}; 32845 } 32846 `} 32847 32848 ${({hasTable:e,$shouldHideClampedTable:t})=>e&&!t&&o.AH` 32849 overflow-x: auto; 32850 -webkit-overflow-scrolling: touch; 32851 overscroll-behavior-x: contain; 32852 `} 32853 32854 ${({hasTable:e,$shouldHideClampedTable:t})=>e&&t&&o.AH` 32855 .table-container, 32856 .scrollable-table-container, 32857 table { 32858 display: none; 32859 } 32860 `} 32861 32862 ul, 32863 ol { 32864 ${({isDek:e})=>e&&o.AH` 32865 margin-top: 1rem; 32866 margin-bottom: 1rem; 32867 `} 32868 } 32869 32870 p { 32871 margin-block-start: ${(0,m.Kq)(2)}; 32872 margin-block-end: ${(0,m.Kq)(2)}; 32873 word-break: break-word; 32874 word-wrap: break-word; 32875 } 32876 32877 p:last-of-type { 32878 margin-block-start: ${(0,m.Kq)(2)}; 32879 margin-block-end: 0; 32880 } 32881 32882 p:first-of-type { 32883 margin-block-start: 0; 32884 margin-block-end: ${(0,m.Kq)(2)}; 32885 } 32886 32887 p:first-of-type:last-of-type { 32888 margin-block-start: 0; 32889 margin-block-end: 0; 32890 } 32891 32892 a:not(.button):link, 32893 a:not(.button):visited, 32894 a:not(.button):hover, 32895 a:not(.button):focus, 32896 a:not(.button):active { 32897 text-decoration: underline; 32898 } 32899 32900 ${({shouldShowEditorNote:e,theme:t})=>e&&o.AH` 32901 a { 32902 ${(0,m._o)(t,"color","colors.consumption.body.standard.link")}; 32903 } 32904 `} 32905 32906 ${({showClampedProductDescription:e,showLess:t,$showClampButton:n})=>e&&!t&&n&&o.AH` 32907 p { 32908 display: block; 32909 } 32910 32911 p::after { 32912 display: inline; 32913 content: ' '; 32914 } 32915 `} 32916 ${({isUnifiedVenueCard:e,showClampedProductDescription:t})=>e&&t&&o.AH` 32917 /* stylelint-disable-next-line declaration-no-important */ 32918 margin-top: 0 !important; 32919 `} 32920 32921 ${({showClampedProductDescription:e,isLandscapeProductCard:t})=>!e&&!t&&o.AH` 32922 padding-top: ${(0,m.Kq)(3)}; 32923 padding-bottom: ${(0,m.Kq)(2)}; 32924 `} 32925 32926 ${(0,m.Gg)("typography.definitions.commerce.product-description")} 32927 32928 ${({isSlideshowVariation:e,theme:t})=>e&&o.AH` 32929 & { 32930 ${(0,m.Gg)("typography.definitions.consumptionEditorial.body-core")}; 32931 ${(0,m._o)(t,"color","colors.consumption.body.standard.body")}; 32932 } 32933 /* stylelint-disable-next-line value-no-vendor-prefix */ 32934 display: -webkit-box; 32935 grid-column: 1 / -1; 32936 padding: ${(0,m.Kq)(3)} 0 0; 32937 overflow: hidden; 32938 -webkit-box-orient: vertical; 32939 -webkit-line-clamp: 4; 32940 `} 32941`,K=o.Ay.div.withConfig({displayName:"UnifiedProductCardBody"})` 32942 display: grid; 32943 width: 100%; 32944 text-align: left; 32945`,D=o.Ay.div.withConfig({displayName:"UnifiedProductCardImageWrapper"})` 32946 display: grid; 32947 position: relative; 32948 padding-bottom: ${({aspectRatio:e})=>e[1]/e[0]*100}%; 32949 width: 100%; 32950 height: 0; 32951 place-items: center; 32952 32953 &::before { 32954 display: inline-block; 32955 ${v}; 32956 padding-top: ${({aspectRatio:e})=>e[1]/e[0]*100}%; 32957 ${(0,m.H4)(i.LO.md)} { 32958 padding-top: ${({aspectRatio:e})=>e[1]/e[0]*100}%; 32959 } 32960 content: ''; 32961 } 32962 overflow: hidden; 32963 32964 picture, 32965 img { 32966 position: absolute; 32967 top: 0; 32968 right: 0; 32969 bottom: 0; 32970 left: 0; 32971 margin: auto; 32972 max-width: 100%; 32973 height: 100%; 32974 object-fit: contain; 32975 ${v}; 32976 } 32977 32978 .cne-player-container { 32979 /* stylelint-disable-next-line declaration-no-important */ 32980 position: inherit !important; 32981 } 32982 32983 .video-js { 32984 /* stylelint-disable-next-line declaration-no-important */ 32985 padding-top: 0 !important; 32986 } 32987 32988 &&&& ${d.hh} { 32989 display: flex; 32990 position: absolute; 32991 top: 0; 32992 right: 0; 32993 bottom: 0; 32994 left: 0; 32995 align-items: center; 32996 justify-content: center; 32997 cursor: default; 32998 32999 video { 33000 width: 100%; 33001 object-fit: contain; 33002 } 33003 ${p.a2} { 33004 width: auto; 33005 height: auto; 33006 } 33007 } 33008 33009 ${d.WE} { 33010 position: inherit; 33011 } 33012 33013 ${({hasMultipleImageSupport:e,hasImageCreditText:t,hasBookmarkingFeature:n})=>!t&&e&&!n&&o.AH` 33014 margin-bottom: 0.5rem; 33015 `} 33016`,_=o.Ay.div.withConfig({displayName:"UnifiedProductCardHeader"})` 33017 position: relative; 33018`,P=o.Ay.div.withConfig({displayName:"UnifiedProductCardObject"})` 33019 display: flex; 33020 flex-direction: column; 33021 border: 1px solid; 33022 border-color: transparent; 33023 container-type: inline-size; 33024 ${({isCoupledWithMultiImageProduct:e,hasImageCreditText:t,hasBookmarkingFeature:n})=>e&&o.AH` 33025 margin-bottom: ${t||n?1.5:2}rem; 33026 `} 33027`,R=o.Ay.div.withConfig({displayName:"UnifiedProductCardWrapper"})` 33028 position: relative; 33029 margin: 0; 33030 33031 ${({type:e,isSlide:t})=>"embed"===e&&o.AH` 33032 margin: 0 auto ${(0,m.Kq)(6)}; 33033 max-width: ${t?(0,m.Kq)(48):(0,m.Kq)(70)}; 33034 ${u.q} > .body__inner-container > && { 33035 ${(0,m.H4)(i.LO.md)} { 33036 margin-right: auto; 33037 margin-left: auto; 33038 } 33039 } 33040 `} 33041 33042 ${({isPendingRemoval:e})=>e&&"display: none;"} 33043`,q=o.Ay.span.withConfig({displayName:"UnifiedProductCardSlideNumber"})` 33044 display: flex; 33045 flex-direction: column; 33046 align-items: ${({isLandscapeProductCard:e})=>e?"center":"flex-start"}; 33047 margin-top: ${({isLandscapeProductCard:e})=>e?"0":"16px"}; 33048 padding: ${({isLandscapeProductCard:e})=>e?[(0,m.Kq)(0),(0,m.Kq)(0),(0,m.Kq)(1)].join(" "):"0"}; 33049 33050 ${({isLandscapeProductCard:e})=>e&&o.AH` 33051 ${(0,m.L7)(i.LO.md)} { 33052 align-items: flex-start; 33053 padding-bottom: ${(0,m.Kq)(.5)}; 33054 } 33055 `} 33056 33057 ${(0,m.Gg)("typography.definitions.commerce.label")} 33058 ${({theme:e})=>o.AH` 33059 ${(0,m._o)(e,"color","colors.consumption.body.standard.body-deemphasized")}; 33060 `}; 33061`,M=o.Ay.div.withConfig({displayName:"UnifiedProductCardOfferWrapper"})` 33062 padding: 0; 33063 33064 .product-offer__cta-block { 33065 display: grid; 33066 } 33067 33068 .product-offer:last-child { 33069 margin-bottom: 0; 33070 } 33071`,F=o.Ay.div.withConfig({displayName:"UnifiedProductCardOfferContainer"})` 33072 display: flex; 33073 flex-direction: column; 33074 align-items: center; 33075 justify-content: center; 33076 margin-top: auto; 33077 gap: ${(0,m.Kq)(8)}; 33078 ${M} { 33079 width: 100%; 33080 } 33081 33082 ${(0,m.L7)(i.LO.md)} {
33083 align-items: stretch; 33084 justify-content: flex-start; 33085 } 33086`,U=(0,o.Ay)(l.sH).withConfig({displayName:"UnifiedProductEmbedImageLink"})` 33087 grid-area: product-image; 33088 grid-column: 1/2; 33089 grid-row: 1/2; 33090 ${({isCNEVideo:e})=>e&&o.AH` 33091 width: 100%; 33092 `} 33093 33094 ${({hasGallerySlideBackground:e})=>!e&&o.AH` 33095 padding-left: ${(0,m.Kq)(2)}; 33096 `} 33097 33098 &&&& { 33099 text-decoration: none; 33100 } 33101 ${(0,m.H4)(i.LO.md)} { 33102 grid-row: 1/-1; 33103 padding-left: 0; 33104 } 33105 ${({isClipType:e})=>e&&o.AH` 33106 padding-left: 0; 33107 `} 33108`,V=o.Ay.div.withConfig({displayName:"UnifiedProductCardImageCarousel"})` 33109 top: 0; 33110 right: 0; 33111 bottom: 0; 33112 left: 0; 33113 margin: auto; 33114 max-width: 100%; 33115 height: 100%; 33116 object-fit: contain; 33117 ${({isLandscapeProductCard:e})=>e&&o.AH` 33118 flex: 1; 33119 margin: 0; 33120 `} 33121 33122 ${c.wq} { 33123 margin: 0; 33124 padding: 0; 33125 height: 100%; 33126 } 33127 ${c.I6} { 33128 width: 100%; 33129 height: 100%; 33130 } 33131 33132 ${c.nk} { 33133 ${({showImageCreditText:e})=>e&&o.AH` 33134 top: calc(50% - 20px); 33135 `} 33136 } 33137 33138 div[class*='CarouselListButton'] button[class*='CarouselControlButton'] { 33139 span[class*='ButtonIcon'] { 33140 width: 32px; 33141 height: 32px; 33142 } 33143 33144 div[class*='ButtonIconWrapper'] svg { 33145 position: absolute; 33146 top: 50%; 33147 left: 50%; 33148 transform: translate(-50%, -50%); 33149 margin: 0; 33150 width: 16px; 33151 height: 16px; 33152 } 33153 } 33154 33155 ${c.gd} { 33156 margin: 0; 33157 ${({hasTextContainer:e})=>!e&&o.AH` 33158 margin-top: ${(0,m.Kq)(.75)}; 33159 `}; 33160 } 33161 33162 ${c.LU} { 33163 svg { 33164 path { 33165 stroke: ${(0,m.HK)("colors.interactive.base.dark")}; 33166 } 33167 } 33168 } 33169 && ${c.Yf} { 33170 &:active::before { 33171 width: auto; 33172 height: auto; 33173 } 33174 } 33175`,G=o.Ay.div.withConfig({displayName:"UnifiedProductCardVariantImage"})` 33176 position: relative; 33177 width: 100%; 33178 height: 100%; 33179 overflow: hidden; 33180 33181 picture, 33182 img { 33183 position: absolute; 33184 top: 0; 33185 right: 0; 33186 bottom: 0; 33187 left: 0; 33188 margin: 0; 33189 cursor: pointer; 33190 width: 100%; 33191 max-width: 100%; 33192 height: 100%; 33193 ${v}; 33194 } 33195`,W=o.Ay.div.withConfig({displayName:"UnifiedProductCardImageCreditText"}).attrs(e=>({colorToken:"colors.consumption.body.standard.body",typeIdentity:"typography.definitions.globalEditorial.context-tertiary",...e}))` 33196 /* stylelint-disable-next-line value-no-vendor-prefix */ 33197 display: -webkit-box; 33198 margin-top: ${(0,m.Kq)(.75)}; 33199 height: 2lh; 33200 overflow: hidden; 33201 -webkit-box-orient: vertical; 33202 -webkit-line-clamp: 2; 33203 ${(0,m.Gg)("typography.definitions.globalEditorial.context-tertiary")}; 33204 ${({theme:e})=>o.AH` 33205 ${(0,m._o)(e,"color","colors.consumption.body.standard.body")}; 33206 `}; 33207 overflow-wrap: anywhere; 33208 33209 ${({hasBookmarkingFeature:e})=>e&&o.AH` 33210 padding-right: ${(0,m.Kq)(4)}; 33211 `} 33212 ${({showImageCredit:e})=>e?o.AH` 33213 ${(0,m.L7)(i.LO.md)} { 33214 /* Reserve minimum height for credit text on mobile to normalize spacing */ 33215 min-height: ${(0,m.Kq)(3)}; 33216 } 33217 `:o.AH` 33218 ${(0,m.L7)(i.LO.md)} { 33219 /* Hide credit text space on mobile when no products in row have credit */ 33220 margin: 0; 33221 padding: 0; 33222 height: 0; 33223 min-height: 0; 33224 overflow: hidden; 33225 } 33226 `} 33227`,j=o.Ay.div.withConfig({displayName:"UnifiedProductCardBookmarkWrapper"})` 33228 display: ${({isLandscapeProductCard:e})=>e?"block":"inline"}; 33229 position: ${({isLandscapeProductCard:e})=>e?"absolute":"relative"}; 33230 top: ${({isLandscapeProductCard:e})=>e?(0,m.Kq)(-1):"auto"}; 33231 right: ${({isLandscapeProductCard:e})=>e?(0,m.Kq)(-1):"auto"}; 33232 float: ${({isLandscapeProductCard:e})=>e?"none":"right"}; 33233 33234 .upc-bookmark { 33235 transition: transform ${$} ease; 33236 border: none; 33237 border-radius: ${(0,m.Kq)(.5)}; 33238 background-color: transparent; 33239 padding: ${(0,m.Kq)(.5)}; 33240 33241 &:hover { 33242 transform: scale(1.25); 33243 33244 .icon-bookmark-outline path { 33245 ${({theme:e})=>(0,m._o)(e,"fill","colors.interactive.base.black")}; 33246 } 33247 } 33248 33249 &.upc-bookmark--inverted { 33250 background-color: rgba( 33251 ${({theme:e})=>(0,m.HK)(e,"colors.interactive.base.black",{rgbOnly:!0})}, 33252 0.7 33253 ); 33254 33255 &:hover { 33256 background-color: rgba( 33257 ${({theme:e})=>(0,m.HK)(e,"colors.interactive.base.black",{rgbOnly:!0})}, 33258 0.9 33259 ); 33260 } 33261 33262 .icon-bookmark-outline path { 33263 ${({theme:e})=>(0,m._o)(e,"stroke","colors.interactive.base.white")}; 33264 } 33265 33266 .icon-bookmark-fill path { 33267 ${({theme:e})=>(0,m._o)(e,"stroke","colors.interactive.base.white")}; 33268 ${({theme:e})=>(0,m._o)(e,"fill","colors.interactive.base.white")}; 33269 width: 24px; 33270 height: 24px; 33271 } 33272 } 33273 33274 .icon-bookmark-outline path { 33275 ${({theme:e})=>(0,m._o)(e,"stroke","colors.interactive.base.black")}; 33276 } 33277 33278 .icon-bookmark-fill path { 33279 ${({theme:e})=>(0,m._o)(e,"stroke","colors.interactive.base.black")}; 33280 ${({theme:e})=>(0,m._o)(e,"fill","colors.interactive.base.black")}; 33281 width: 24px; 33282 height: 24px; 33283 } 33284 } 33285 33286 ${({isLandscapeProductCard:e})=>!e&&o.AH` 33287 margin-left: auto; 33288 `} 33289 33290 ${({checkHasMultipleImages:e,checkHasCreditText:t})=>e&&t?o.AH` 33291 bottom: ${(0,m.Kq)(7.75)}; 33292 margin-bottom: -${(0,m.Kq)(4)}; 33293 `:e&&!t?o.AH` 33294 bottom: ${(0,m.Kq)(7)}; 33295 margin-bottom: -${(0,m.Kq)(4)}; 33296 `:t?o.AH` 33297 bottom: ${(0,m.Kq)(4.75)}; 33298 margin-bottom: -${(0,m.Kq)(4)}; 33299 `:""} 33300 33301 ${p.ny} { 33302 width: 24px; 33303 height: 24px; 33304 } 33305 33306 ${p.eM} { 33307 padding: 0; 33308 } 33309`,z=o.Ay.div.withConfig({displayName:"upcSingleImageWrapper"})` 33310 ${({isLandscapeProductCard:e})=>e&&o.AH` 33311 flex: 1; 33312 `} 33313`,Y=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedProductCardSuperlative"}).attrs(e=>({as:"h2",colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.consumptionEditorial.subhed-break-primary",...e}))` 33314 max-height: 3lh; 33315 overflow: hidden; 33316 33317 ${({isLandscapeProductCard:e})=>e?o.AH` 33318 margin-bottom: ${(0,m.Kq)(1)}; 33319 `:o.AH` 33320 margin-bottom: ${(0,m.Kq)(1.25)}; 33321 `} 33322`,X=o.Ay.div.withConfig({displayName:"UnifiedProductCardProConsAccordionContainer"})` 33323 position: relative; 33324 margin-top: ${(0,m.Kq)(1.5)}; 33325 overflow: hidden; 33326 33327 ${(0,m.H4)(i.LO.md)} { 33328 margin-bottom: ${(0,m.Kq)(1.5)}; 33329 } 33330 33331 ${({isLandscapeProductCard:e,showRatingData:t})=>e&&t&&o.AH` 33332 margin-top: 0; 33333 33334 &::before { 33335 display: none; 33336 } 33337 `} 33338 33339 &::before { 33340 position: absolute; 33341 top: 0; 33342 right: 0; 33343 left: 0; 33344 ${({theme:e})=>(0,m._o)(e,"background-color","colors.consumption.body.standard.divider")}; 33345 transform: scaleY(0.5); 33346 transform-origin: top; 33347 height: 1px; 33348 content: ''; 33349 } 33350 33351 &::after { 33352 position: absolute; 33353 right: 0; 33354 bottom: 0; 33355 left: 0; 33356 ${({theme:e})=>(0,m._o)(e,"background-color","colors.consumption.body.standard.divider")}; 33357 transform: scaleY(0.5); 33358 transform-origin: bottom; 33359 height: 1px; 33360 content: ''; 33361 } 33362 33363 svg { 33364 float: right; 33365 fill: black; 33366 transform-origin: center; 33367 transition: all ${$} ease-in-out; 33368 width: ${(0,m.Kq)(1.25)}; 33369 height: ${(0,m.Kq)(1.25)}; 33370 } 33371`,Z=o.Ay.div.withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainerLabel"}).attrs(e=>({typeIdentity:"typography.definitions.discovery.hed-bulletin-secondary",...e}))` 33372 ${({theme:e})=>(0,m._o)(e,"color","colors.interactive.base.black")}; 33373 ${(0,m.Gg)("typography.definitions.discovery.hed-bulletin-secondary")}; 33374`,J=o.Ay.div.withConfig({displayName:"UnifiedProductCardProConsAccordionLabelContainer"})` 33375 display: inline-flex; 33376`,Q=o.Ay.div.withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainerContent"})` 33377 ${({isActive:e})=>e?o.AH` 33378 transition: ${$} linear; 33379 padding-bottom: ${(0,m.Kq)(2)}; 33380 max-height: 1000px; 33381 overflow: hidden; 33382 `:o.AH` 33383 transition: all ${$}; 33384 max-height: 0; 33385 `} 33386 33387 ${({theme:e})=>(0,m._o)(e,"color","colors.consumption.lead.standard.description")}; 33388`,ee=o.Ay.div.withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainer"})` 33389 margin-top: 0.75rem; 33390 line-height: normal; 33391 ${({isActive:e})=>!e&&o.AH` 33392 margin-bottom: 0.75rem; 33393 `} 33394`,te=(0,o.Ay)(s.A.Utility).withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainerButton"})` 33395 fill: #615f66; 33396 float: right; 33397 transition: all 0.2s ease; 33398 padding: ${(0,m.Kq)(1)} ${(0,m.Kq)(.5)}; 33399 33400 &, 33401 &:focus, 33402 &:hover { 33403 border: 0; 33404 background-color: transparent; 33405 } 33406 ${({isActive:e})=>e&&o.AH` 33407 transform: rotate(180deg); 33408 `} 33409`,ne=o.Ay.div.withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainerTitle"})` 33410 ${({isActive:e,isLandscapeProductCard:t})=>e&&o.AH` 33411 margin-top: ${t?(0,m.Kq)(1.5):(0,m.Kq)(2)}; 33412 padding-bottom: ${(0,m.Kq)(1)}; 33413 `} 33414 33415 ${(0,m.Gg)("typography.definitions.discovery.hed-bulletin-secondary")}; 33416 33417 ${({theme:e})=>(0,m._o)(e,"color","colors.interactive.base.black")}; 33418`,oe=o.Ay.li.withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainerData"})` 33419 ${(0,m.Gg)("typography.definitions.commerce.product-description")} 33420`,ie=o.Ay.ul.withConfig({displayName:"UnifiedProductCardProConsAccordionItemContainerDataUl"})` 33421 &&& { 33422 margin: 0; 33423 list-style-type: disc; 33424 33425 ${({isSlide:e,isMobileView:t})=>e?o.AH` 33426 &&&& { 33427 padding-inline-start: 20px; 33428 } 33429 `:t?o.AH` 33430 &&&& { 33431 padding-inline-start: 5px; 33432 } 33433 `:""} 33434 } 33435 33436 /* Limit to exactly 5 lines using modern line-clamp */ 33437 /* stylelint-disable value-no-vendor-prefix */ 33438 display: -webkit-box; 33439 -webkit-line-clamp: 5; 33440 -webkit-box-orient: vertical; 33441 /* stylelint-enable value-no-vendor-prefix */ 33442 overflow: hidden; 33443`,ae=o.Ay.div.withConfig({displayName:"UnifiedProductCardRatingLabel"})` 33444 margin: ${(0,m.Kq)(1.5)} 0 0 0; 33445 33446 ${({isLandscapeProductCard:e})=>e&&o.AH` 33447 margin: ${(0,m.Kq)(1.5)} 0; 33448 height: 1lh; 33449 `} 33450 33451 ${(0,m.Gg)("typography.definitions.discovery.hed-bulletin-secondary")}; 33452 ${({theme:e})=>(0,m._o)(e,"color","colors.interactive.base.black")}; 33453 ${({showProsConsData:e})=>!e&&o.AH` 33454 margin-bottom: ${(0,m.Kq)(1.5)}; 33455 `} 33456`,re=o.Ay.div.withConfig({displayName:"UnifiedProductCardRatingWrapper"})` 33457 margin-top: ${(0,m.Kq)(2)}; 33458 border-top: 0.5px solid; 33459 ${({theme:e})=>o.AH` 33460 ${(0,m._o)(e,"border-bottom-color","colors.consumption.body.standard.divider")}; 33461 ${(0,m._o)(e,"border-top-color","colors.consumption.body.standard.divider")}; 33462 `} 33463 33464 ${({isLandscapeProductCard:e,showProsConsData:t,theme:n})=>(e||!t)&&o.AH` 33465 border-bottom: 0.5px solid; 33466 ${(0,m._o)(n,"border-bottom-color","colors.consumption.body.standard.divider")}; 33467 `} 33468`,se=o.Ay.span.withConfig({displayName:"UnifiedProductCardEditorNoteTitle"})` 33469 ${({theme:e})=>(0,m._o)(e,"color","colors.interactive.base.black")}; 33470 ${(0,m.Gg)("typography.definitions.commerce.product-description")} 33471 font-weight: bold; 33472`,le=o.Ay.span.withConfig({displayName:"UnifiedProductCardEditorNoteContent"})` 33473 ${(0,m.Gg)("typography.definitions.commerce.product-description")} 33474`,de=o.Ay.div.withConfig({displayName:"UnifiedLandscapeProductCardWrapper"})` 33475 display: flex; 33476 position: relative; 33477 flex-direction: column; 33478 justify-content: center; 33479 margin: 0 auto ${(0,m.Kq)(4.5)}; 33480 border: 1px solid; 33481 padding: ${(0,m.Kq)(2)}; 33482 max-width: none; 33483 ${({theme:e})=>(0,m._o)(e,"border-color","colors.consumption.body.standard.divider")}; 33484`,ce=o.Ay.div.withConfig({displayName:"UnifiedProductCardContainer"})` 33485 display: inline-flex; 33486 gap: ${(0,m.Kq)(1)}; 33487 33488 ${(0,m.L7)(i.LO.md)} { 33489 display: flex; 33490 flex-direction: column; 33491 gap: ${(0,m.Kq)(2)}; 33492 } 33493`,me=o.Ay.div.withConfig({displayName:"UnifiedProductCardImageContainer"})` 33494 position: relative; 33495 flex: 1 1 0; 33496 height: 100%; 33497 container-type: inline-size; 33498 33499 div[class*='UnifiedProductCardTextBadge-']:not( 33500 div[class*='UnifiedProductCardSeal-'] 33501 + div[class*='UnifiedProductCardTextBadge-'] 33502 ) { 33503 max-width: calc(100% - 24px); 33504 }
33505`,ue=o.Ay.div.withConfig({displayName:"UnifiedProductCardDetailsContainer"})` 33506 display: block; 33507 position: relative; 33508 flex: 1; 33509 align-content: center; 33510 33511 ${(0,m.L7)(i.LO.md)} { 33512 width: 100%; 33513 } 33514`,pe=o.Ay.div.withConfig({displayName:"UnifiedProductCardDetails"})` 33515 display: grid; 33516 justify-items: center; 33517 align-items: center; 33518 width: 100%; 33519 33520 ${(0,m.L7)(i.LO.md)} { 33521 justify-items: flex-start; 33522 align-items: flex-start; 33523 } 33524`,ge=o.Ay.div.withConfig({displayName:"UnifiedLandscapeProductCardDescDetails"}).attrs(e=>({as:"div",...e}))``,he=o.Ay.div.withConfig({displayName:"UnifiedProductCardReviewSection"}).attrs(e=>({as:"div",...e}))``,ye=o.Ay.div.withConfig({displayName:"UnifiedProductCardDetailsWrapper"})` 33525 ${({isLandscapeProductCard:e,offersCount:t})=>e&&t>3?o.AH` 33526 padding-top: ${(0,m.Kq)(3)}; 33527 `:""} 33528 33529 ${({hasImageCreditText:e,hasMultipleImage:t})=>t||e?t&&e?o.AH` 33530 margin-bottom: ${(0,m.Kq)(7.5)}; 33531 `:!t&&e?o.AH` 33532 margin-bottom: ${(0,m.Kq)(5)}; 33533 `:t&&!e?o.AH` 33534 margin-bottom: ${(0,m.Kq)(3.75)}; 33535 `:"":o.AH` 33536 margin-bottom: 0; 33537 `} 33538 33539 ${R}:last-child &, 33540 ${de}:last-child & { 33541 margin-bottom: 0; 33542 } 33543`,be=(0,o.Ay)(h.L).withConfig({displayName:"UnifiedProductCardTextBadge"})` 33544 position: absolute; 33545 top: 4px; 33546 left: 4px; 33547 z-index: 2; 33548`,fe=(0,o.Ay)(g.A).withConfig({displayName:"UnifiedProductCardSeal"})` 33549 position: absolute; 33550 top: 4px; 33551 right: 4px; 33552 z-index: 2; 33553`,we=o.Ay.div.withConfig({displayName:"UnifiedProductCardImageTextContainer"})` 33554 display: flex; 33555 ${({showBookmarkContainerHeight:e})=>e&&o.AH` 33556 height: 32px; 33557 `} 33558`,$e=(0,o.Ay)(f.A).withConfig({displayName:"ProductBookmarkMessageBannerWrapper"})` 33559 ${w.G7} 33560 33561 /* Applies only for shouldShowAllBoardsRemovalMessage=true cases */ 33562 ${({shouldShowAllBoardsRemovalMessage:e,title:t})=>e?(({title:e})=>o.AH` 33563 display: grid; 33564 grid-template-columns: minmax(0, 1fr) auto; 33565 align-items: center; 33566 row-gap: ${(0,m.Kq)(1)}; 33567 column-gap: ${(0,m.Kq)(2)}; 33568 padding: ${(0,m.Kq)(2)}; 33569 height: auto; 33570 min-height: ${(0,m.Kq)(7)}; 33571 33572 ${w.UX} { 33573 display: block; 33574 grid-column: 1; 33575 grid-row: 1; 33576 margin: 0; 33577 padding: 0; 33578 width: 100%; 33579 text-align: left; 33580 ${(0,m.Gg)("typography.definitions.foundation.title-secondary")}; 33581 } 33582 33583 ${w.px} { 33584 display: flex; 33585 grid-column: 1; 33586 grid-row: ${e?2:1}; 33587 flex: 1 1 auto; 33588 flex-direction: row; 33589 align-items: center; 33590 justify-content: flex-start; 33591 padding: 0; 33592 width: 100%; 33593 min-width: 0; 33594 height: auto; 33595 } 33596 33597 ${w._C} { 33598 display: inline-flex; 33599 position: static; 33600 grid-column: 2; 33601 grid-row: ${e?"1 / span 2":1}; 33602 flex: 0 0 auto; 33603 align-self: center; 33604 justify-self: center; 33605 margin-left: 0; 33606 padding: 0; 33607 width: max-content; 33608 min-width: auto; 33609 ${p.Lj} { 33610 padding: 0 0 12px 0; 33611 } 33612 } 33613 33614 ${w.O$} { 33615 position: absolute; 33616 top: ${(0,m.Kq)(.5)}; 33617 right: ${(0,m.Kq)(1)}; 33618 margin: 0; 33619 } 33620`)({title:t}):""} 33621 33622 ${w.O$} { 33623 align-self: center; 33624 margin: 0 0 0 ${(0,m.Kq)(1)}; 33625 33626 ${p.a2} g { 33627 ${(0,m._o)("stroke","colors.interactive.base.deemphasized")}; 33628 } 33629 } 33630`,ve=o.Ay.div.withConfig({displayName:"ProductBookmarkMessageBannerContent"})` 33631 display: flex; 33632 align-items: center; 33633 width: 100%; 33634 height: 100%; 33635 overflow: hidden; 33636 33637 ${({shouldShowAllBoardsRemovalMessage:e})=>e?o.AH` 33638 flex: 1 1 auto; 33639 align-items: flex-start; 33640 gap: ${(0,m.Kq)(1)}; 33641 width: auto; 33642 min-width: 0; 33643 height: auto; 33644 overflow: visible; 33645 `:""} 33646 33647 ${b.B}, 33648 ${y.Em}, ${y.BF} { 33649 flex-shrink: 0; 33650 height: 40px; 33651 aspect-ratio: 2/3; 33652 object-fit: cover; 33653 } 33654`,Ce=(0,o.Ay)(l.vm).withConfig({displayName:"ProductBookmarkMessageBannerLabel"})` 33655 flex: 2; 33656 margin-left: ${(0,m.Kq)(1)}; 33657 min-width: 0; 33658 overflow: hidden; 33659 text-overflow: ellipsis; 33660 white-space: nowrap; 33661 33662 ${({shouldShowAllBoardsRemovalMessage:e})=>e?o.AH` 33663 flex: 1 1 auto; 33664 margin-left: 0; 33665 overflow-wrap: anywhere; 33666 word-break: break-word; 33667 white-space: normal; 33668 `:""} 33669 33670 ${(0,m._o)("color","colors.interactive.base.body")}; 33671 33672 ${(0,m.Gg)("typography.definitions.utility.assistive-text")}; 33673`},81318(e,t,n){n.d(t,{s:()=>c});var o=n(14307),i=n(5922),a=n(60162),r=n(62193),s=n.n(r);const l=Object.freeze({SAVE:"save",UNSAVE:"unsave",ATTEMPT:"attempt",UNSAVE_UNDO:"unsave_und
33673o",ERROR:"error"}),d=(e,t,n)=>{if(!e)return null;const{offerUrl:i="",purchaseUri:a="",sellerName:r="",offerId:s=""}=e,l=i||a,d=((e="",t=[])=>t.some(t=>e.includes(t)))((e=>{if(!e)return"";try{return new URL(e).origin}catch(e){return""}})(a),o.Zs),c=window.location.origin;let m=!0;try{m=new URL(l).origin!==c}catch(e){}const u=n?.currentTarget||n?.target,p=(e=>{const t=e?.className;return e&&t?"object"==typeof t&&void 0!==t.baseVal?t.baseVal||t.animVal:t.toString():null})(u),g=u?.tagName,h=(e=>{if(!e)return"middle";const t=window.document.querySelector("header"),n=window.document.querySelector("footer");return t&&t.contains(e)?"top":n&&n.contains(e)?"bottom":"middle"})(u);return{schema:"iglu:com.condenast/click_info/jsonschema/2-0-3",data:{action_id:t?.toString(),click_url:a||i,click_id:s?.toString(),click_class:p,click_text:r,click_type:g?.toString()||"BUTTON",click_target:"_blank",data_offer_url:i,placement:h,is_external:m,is_affiliate:d,offer_id:s?.toString()}}},c=({type:e,copilotID:t,bookmarkMeta:n,contentType:r,trackingSubject:c="unified_product_card",subjectId:m,subjectName:u,item:p,layout:g,targetEvent:h=null,label:y,error:b,errorType:f,errorMessage:w})=>{const $=((e,t,n,o,i,a,r,s)=>({...e&&{type:e},...t&&{label:t},subject:n,...o&&{error:o},items:[{...i&&{content_id:i},...a&&{content_title:a},...r&&{content_type:r},...s&&{content_url:s}}]}))(e,y,c,b,t,n?.name||n?.dangerousHed||"",r,n?.url||n?.ctaHref||"");let v;if(e===l.ATTEMPT)v=(0,o.yP)({isFromBookmark:!0,isAutoSelected:!1});else{const e=(0,o.JL)(u);v=(0,o.yP)({subject:null!=m?"account_saved_boards":"account_saved_products",...null!=m&&{subjectId:String(m)},...e&&{subjectName:e},isFromBookmark:!0,isDefault:e===o.iJ,isAutoSelected:!1})}const{context:C,actionId:k}=((e,t,n,o)=>{const i=o!==l.UNSAVE,r=(0,a.g1)({window,product:{...e,isBookmarked:i},index:0,layout:t,event:n,type:o,eventType:"save-event"});return{context:{schema:"iglu:com.condenast/product/jsonschema/2-0-4",data:r?.eventEntityProps||{}},actionId:r?.actionId}})(p,g,h,e),A=p?.offers?.[0],x=d(A,k,h),E=((e,t,n)=>e||t?[{schema:"iglu:com.condenast/error_info/jsonschema/1-0-1",data:{...e&&{type:e},...t&&{message:t},...n&&{subject:n}}}]:[])(f,w,r),S={schema:"iglu:com.condenast/save_event/jsonschema/2-0-1",data:$},L=((e,t,n,o)=>[e,t,...s()(n)?[]:[n],...o])({schema:"iglu:com.condenast/save/jsonschema/2-0-1",data:v},C,x,E);(0,i.YH)({event:S,context:L})}},1889(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({defaultOfferCtaText:{id:"UnifiedProductCard.DefaultOfferCtaText",defaultMessage:"Shop Now",description:"UPC default CTA text for Card variation"},UnifiedProductCardRatingTitle:{id:"UnifiedProductCard.UnifiedProductCardRatingTitle",defaultMessage:"OUR RATING:",description:"UPC rating title"},UnifiedProductCardProsConsTitle:{id:"UnifiedProductCard.UnifiedProductCardProsConsTitle",defaultMessage:"Pros & Cons",description:"UPC pros cons title"},UnifiedProductCardProsLabel:{id:"UnifiedProductCard.UnifiedProductCardProsLabel",defaultMessage:"Pros",description:"UPC pros label"},UnifiedProductCardConsLabel:{id:"UnifiedProductCard.UnifiedProductCardConsLabel",defaultMessage:"Cons",description:"UPC cons label"},UnifiedProductCardDiscountPercentageLabel:{id:"UnifiedProductCard.UnifiedProductCardDiscountPercentageLabel",defaultMessage:"{percentage}% off",description:"UPC Discount Percentage label"},readFullReview:{id:"UnifiedProductCard.ReadFullReview",defaultMessage:"Read Full Review",description:"Link text to read the full review"},allSavedProductRemovalMessage:{id:"UnifiedProductCard.AllSavedProductRemovalMessage",defaultMessage:"Removing this product from All Saved Products will remove it from all your boards.",description:"removal text message for default board"}})},41265(e,t,n){n.d(t,{Af:()=>L,B1:()=>N,Bh:()=>E,C8:()=>H,Es:()=>h,IC:()=>x,Ii:()=>k,J0:()=>g,M1:()=>S,Ps:()=>f,Ru:()=>b,U6:()=>w,Vm:()=>p,Xx:()=>y,_G:()=>A,_o:()=>T,cP:()=>u,kq:()=>$,n8:()=>C,oV:()=>v,v0:()=>B,zf:()=>I});var o=n(38267),i=n(22039),a=n(44802),r=n(26865),s=n(96472),l=n(18608),d=n(66530),c=n(58893),m=n(43901);const u=(0,o.Ay)(i.eU).withConfig({displayName:"UnifiedVenueCardSuperlative"})` 33674 margin-top: ${(0,r.Kq)(2)}; 33675 margin-bottom: ${(0,r.Kq)(1)}; 33676 33677 p { 33678 margin-block-start: 0; 33679 margin-block-end: 0; 33680 } 33681 color: ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.black")}; 33682 /* stylelint-disable-next-line declaration-no-important */ 33683 font-size: ${(0,r.Kq)(3.75)} !important; 33684 33685 ${(0,r.Gg)("typography.definitions.consumptionEditorial.hed-standard")} 33686 ${(0,r.H4)(s.LO.lg)} { 33687 line-height: 1.2em; 33688 } 33689 ${(0,r.H4)(s.LO.md)} { 33690 line-height: 1.2em; 33691 } 33692 ${(0,r.L7)(s.LO.md)} { 33693 margin-top: ${(0,r.Kq)(1)}; 33694 padding-right: ${(0,r.Kq)(3)}; 33695 padding-left: ${(0,r.Kq)(3)}; 33696 } 33697`,p=o.Ay.div.withConfig({displayName:"UnifiedVenueCardWrapper"})` 33698 margin-top: ${(0,r.Kq)(6)}; 33699 margin-bottom: ${(0,r.Kq)(6)}; 33700 ${(0,r.L7)(s.LO.md)} { 33701 margin-right: -${(0,r.Kq)(3)}; 33702 margin-left: -${(0,r.Kq)(3)}; 33703 } 33704`,g=(0,o.Ay)(i.RA).withConfig({displayName:"UnifiedVenueCardBodyWrapper"})` 33705 margin: 0; 33706 border: 1px solid; 33707 ${(0,r.L7)(s.LO.md)} {
33708 border-right: none; 33709 border-left: none; 33710 } 33711 border-color: ${({theme:e})=>(0,r.HK)(e,"colors.discovery.body.brand.border")}; 33712 padding-bottom: var( 33713 --unified-venue-card-body-padding-bottom, 33714 ${(0,r.Kq)(6)} 33715 ) !important; /* stylelint-disable-line declaration-no-important */ 33716 max-width: none; 33717 33718 &&&& ${i.bj} { 33719 display: inline-block; 33720 position: unset; 33721 margin-top: ${(0,r.Kq)(.5)}; 33722 margin-right: 7.5px; 33723 margin-bottom: unset; 33724 @media (max-width: 768px) { 33725 margin-right: 15.5px; 33726 } 33727 } 33728 33729 &&&& ${i.hy} { 33730 height: auto; 33731 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.body-deemphasized")}; 33732 } 33733 33734 ${i.Bd} { 33735 display: inline-block; 33736 margin-top: ${(0,r.Kq)(1)}; 33737 padding: 0 ${(0,r.Kq)(1)} 0 ${(0,r.Kq)(2)}; 33738 ${(0,r.L7)(s.LO.md)} { 33739 padding: 0 ${(0,r.Kq)(1)} 0 ${(0,r.Kq)(3)}; 33740 } 33741 max-width: 90%; 33742 height: auto; 33743 } 33744 33745 &&& ${a.gd} { 33746 margin-top: ${(0,r.Kq)(1)}; 33747 height: auto; 33748 } 33749 33750 &&& ${a.yd} { 33751 path { 33752 stroke-width: 0; 33753 } 33754 ${({theme:e})=>({fillIsSelected:(0,r.HK)(e,"colors.interactive.base.dark"),fillIsNotSelected:(0,r.HK)(e,"colors.consumption.body.standard.body-deemphasized")})} 33755 33756 &[isselected='true'] { 33757 fill: fillIsSelected; 33758 } 33759 33760 &[isselected='false'] { 33761 fill: fillIsNotSelected; 33762 fill-opacity: unset; 33763 } 33764 } 33765 33766 &&&& ${i.Nj} { 33767 margin-top: ${(0,r.Kq)(3)}; 33768 padding: 0; 33769 ${(0,r.L7)(s.LO.md)} { 33770 margin-top: ${(0,r.Kq)(2)}; 33771 padding: 0; 33772 ${(0,r.Gg)("typography.definitions.consumptionEditorial.description-embed")} 33773 } 33774 33775 ${(0,r.Gg)("typography.definitions.consumptionEditorial.body-core")} 33776 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.body")}; 33777 33778 button { 33779 ${(0,r.Gg)("typography.definitions.utility.button-bulletin")} 33780 } 33781 33782 a { 33783 text-decoration: none; 33784 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33785 33786 &:hover { 33787 text-decoration: underline; 33788 } 33789 } 33790 } 33791 33792 &&&& ${i.ss} { 33793 margin-top: ${(0,r.Kq)(3)}; 33794 ${(0,r.L7)(s.LO.md)} { 33795 margin-top: ${(0,r.Kq)(2)}; 33796 } 33797 } 33798 33799 &&&& .button__icon--chevron-up { 33800 margin-top: ${(0,r.Kq)(3)}; 33801 height: fit-content; 33802 33803 * { 33804 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33805 } 33806 33807 svg { 33808 height: ${(0,r.Kq)(2)}; 33809 33810 path { 33811 fill: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33812 } 33813 } 33814 } 33815 33816 &&&& .button__icon--chevron-down { 33817 margin-top: ${(0,r.Kq)(2.75)}; 33818 height: fit-content; 33819 33820 * { 33821 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33822 } 33823 33824 svg { 33825 height: ${(0,r.Kq)(2)}; 33826 33827 path { 33828 fill: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33829 } 33830 } 33831 } 33832 33833 .button__label { 33834 ${(0,r.Gg)("typography.definitions.utility.button-bulletin")} 33835 } 33836
33837 .venue-offers-grid { 33838 display: grid; 33839 grid-template-columns: 1fr 1fr; 33840 margin-top: ${(0,r.Kq)(3)}; 33841 width: 100%; 33842 gap: ${(0,r.Kq)(1)}; 33843 33844 ${(0,r.L7)(s.LO.md)} { 33845 grid-template-columns: 1fr; 33846 } 33847 33848 .product-offer { 33849 margin-bottom: 0; 33850 } 33851 } 33852`,h=(0,o.Ay)(i.qV).withConfig({displayName:"UnifiedVenueCardBody"})` 33853 padding: 0 ${(0,r.Kq)(2)}; 33854 ${(0,r.L7)(s.LO.md)} { 33855 padding: 0 ${(0,r.Kq)(3)}; 33856 } 33857`,y=(0,o.Ay)(i.a8).withConfig({displayName:"UnifiedVenueCardNameWrapper"})` 33858 margin: ${(0,r.Kq)(1)} 0; 33859 padding: 0; 33860 text-decoration: none; 33861`,b=(0,o.Ay)(i.R8).withConfig({displayName:"UnifiedVenueCardName"})` 33862 && { 33863 ${(0,r.Gg)("typography.definitions.consumptionEditorial.subhed-aux-primary")}; 33864 33865 /* stylelint-disable-next-line value-no-vendor-prefix */ 33866 display: -webkit-box; 33867 -webkit-line-clamp: 2; 33868 -webkit-box-orient: vertical; 33869 height: auto; 33870 max-height: 2lh; 33871 overflow: hidden; 33872 color: ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.black")}; 33873 } 33874`,f=o.Ay.div.withConfig({displayName:"UnifiedVenueCardAwardsWrapper"})` 33875 display: flex; 33876 flex-wrap: nowrap; 33877 margin-top: ${(0,r.Kq)(.5)}; 33878 gap: ${(0,r.Kq)(1)}; 33879 overflow: hidden; 33880 ${({$variant:e})=>"compact"===e&&o.AH` 33881 flex-wrap: wrap; 33882 row-gap: ${(0,r.Kq)(.5)}; 33883 `} 33884 ${({$variant:e})=>"compact"===e&&"margin-top: 10px;"} 33885 ${(0,r.L7)(s.LO.md)} { 33886 flex-direction: column; 33887 flex-wrap: nowrap; 33888 align-items: flex-start; 33889 overflow: visible; 33890 } 33891`,w=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedVenueCardAwardBadge"})` 33892 display: inline-flex; 33893 flex: 0 0 auto; 33894 align-items: center; 33895 cursor: pointer; 33896 text-decoration: none; 33897 white-space: nowrap; 33898 33899 &:hover { 33900 text-decoration: underline; 33901 } 33902 gap: ${(0,r.Kq)(.5)}; 33903 ${(0,r.Gg)("typography.definitions.globalEditorial.context-primary")} 33904 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33905 33906 ${({$variant:e})=>"compact"===e&&o.AH` 33907 min-width: 0; 33908 max-width: 100%; 33909 `} 33910 33911 ${(0,r.L7)(s.LO.md)} { 33912 flex: 0 1 auto; 33913 max-width: 100%; 33914 word-break: break-word; 33915 white-space: normal; 33916 overflow-wrap: anywhere; 33917 } 33918`,$=o.Ay.span.withConfig({displayName:"UnifiedVenueCardAwardIcon"})` 33919 display: inline-flex; 33920 flex-shrink: 0; 33921 align-items: center; 33922 justify-content: center; 33923 width: ${(0,r.Kq)(1.5)}; 33924 height: ${(0,r.Kq)(1.5)}; 33925 33926 svg { 33927 display: block; 33928 width: 100%; 33929 height: 100%; 33930 } 33931 33932 && { 33933 svg path { 33934 fill: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33935 } 33936 } 33937`,v=o.Ay.span.withConfig({displayName:"UnifiedVenueCardAwardText"})` 33938 overflow: hidden; 33939 text-overflow: ellipsis; 33940 white-space: nowrap; 33941 33942 ${(0,r.L7)(s.LO.md)} { 33943 min-width: 0; 33944 word-break: break-word; 33945 white-space: normal; 33946 overflow-wrap: anywhere; 33947 } 33948`,C=o.Ay.a.withConfig({displayName:"UnifiedVenueCardReadFullReviewLink"})` 33949 display: inline-block; 33950 margin-top: ${(0,r.Kq)(2.5)}; 33951 text-decoration: none; 33952 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.link")}; 33953 font-weight: bold; 33954 33955 &:hover { 33956 text-decoration: underline; 33957 } 33958 33959 ${({theme:e,isSlideshowVariation:t})=>t&&o.AH` 33960 && { 33961 margin-top: ${(0,r.Kq)(2)}; 33962 ${(0,r.Gg)("typography.definitions.utility.button-bulletin")}; 33963 color: ${(0,r.HK)(e,"colors.foundation.menu-bg.accent")}; 33964 } 33965 `} 33966`,k=o.Ay.div.withConfig({displayName:"UnifiedVenueCardCompactWrapper"})` 33967 display: flex; 33968 flex-direction: column; 33969 height: 100%; 33970`,A=o.Ay.div.withConfig({displayName:"UnifiedVenueCardCompactFooter"})` 33971 display: flex; 33972 flex-direction: column; 33973 margin-top: auto; 33974`,x=o.Ay.div.withConfig({displayName:"UnifiedVenueCardCompactBodyWrapper"})` 33975 display: grid; 33976 grid-template-columns: 1fr auto; 33977 align-items: flex-start; 33978 gap: ${(0,r.Kq)(.5)}; 33979 min-width: 0; 33980`,E=o.Ay.div.withConfig({displayName:"UnifiedVenueCardCompactBody"})` 33981 display: flex; 33982 flex-direction: column; 33983 margin-top: ${(0,r.Kq)(2.5)}; 33984 min-width: 0; 33985 overflow: hidden; 33986`,S=(0,o.Ay)(l.vm).withConfig({displayName:"UnifiedVenueCardCompactName"})` 33987 && { 33988 /* stylelint-disable-next-line value-no-vendor-prefix */ 33989 display: -webkit-box; 33990 -webkit-box-orient: vertical; 33991 -webkit-line-clamp: ${({isSlideshowVariation:e})=>e?2:3}; 33992 margin: 0; 33993 cursor: ${({hasUrl:e})=>e?"pointer":"default"}; 33994 overflow: hidden; 33995 ${({isSlideshowVariation:e})=>e?o.AH` 33996 ${(0,r.Gg)("typography.definitions.consumptionEditorial.subhed-aux-primary")}; 33997 `:(0,r.Gg)("typography.definitions.utility.body")} 33998 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.standard.body")}; 33999 } 34000 34001 p { 34002 margin-block-start: 0; 34003 margin-block-end: 0; 34004 } 34005`,L=o.Ay.p.withConfig({displayName:"UnifiedVenueCardCompactLocation"})` 34006 margin: 0; 34007 margin-top: ${(0,r.Kq)(.5)}; 34008 ${(0,r.L7)(s.LO.md)} { 34009 margin-top: ${(0,r.Kq)(1.25)}; 34010 } 34011 ${(0,r.Gg)("typography.definitions.globalEditorial.context-primary")} 34012 text-transform: uppercase; 34013 color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.body.special.body-deemphasized")}; 34014`,T=(0,o.Ay)(c.A).withConfig({displayName:"UnifiedVenueCardCompactOffers"})` 34015 margin-top: auto; 34016 padding-top: ${({isSingleLineName:e})=>e?(0,r.Kq)(5):(0,r.Kq)(3)}; 34017 ${(0,r.L7)(s.LO.md)} { 34018 padding-top: ${({isSingleLineName:e})=>e?(0,r.Kq)(7.5):(0,r.Kq)(3)}; 34019 } 34020 ${i.mZ} { 34021 min-height: 0; 34022 } 34023 34024 ${({isSlideshowVariation:e})=>e&&o.AH` 34025 margin-top: 0; 34026 padding-top: ${(0,r.Kq)(4)}; 34027 34028 ${(0,r.L7)(s.LO.md)} { 34029 padding-top: ${(0,r.Kq)(4)}; 34030 } 34031 `} 34032 &&&& .upcRetailerNameWrapper, 34033 &&&& .upcRetailerNameWrapper a { 34034 ${(0,r.Gg)("typography.definitions.commerce.call-to-action")}; 34035 color: ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.black")}; 34036 } 34037 34038 &&&& .upcRetailerNameWrapper > a { 34039 transition: text-decoration 1s ease; 34040 text-decoration: underline solid transparent; 34041 text-underline-offset: 2px; 34042 } 34043 34044 ${(0,r.Xm)(0,s.LO.md)} { 34045 &&&& .upcRetailerNameWrapper > a { 34046 text-decoration: underline; 34047 } 34048 34049 &&&& .upcicons { 34050 position: relative; 34051 transform: translate(0, -2px); 34052 } 34053 } 34054 34055 &&&&:hover { 34056 .upcicons { 34057 transform: translate(2px, -2px); 34058 } 34059 34060 .upcRetailerNameWrapper > a { 34061 text-decoration: underline; 34062 } 34063 } 34064`,N=i.D6;N.displayName="UnifiedVenueCardHeader";const H=d.A;H.displayName="UnifiedVenueCardDescription";const I=c.A;I.displayName="UnifiedVenueCardOffers";const B=m.A;B.displayName="UnifiedVenueCardImage"}
34064,32577(e,t,n){n.d(t,{Bt:()=>r,DW:()=>c,Hj:()=>m,SM:()=>a,du:()=>u,ie:()=>d,n3:()=>s,n8:()=>l});const o="v2",i="v3",a={PRODUCT:"product",VENUE:"venue"},r=e=>e===o,s=({tenantShouldUseBookmarkV2:e=!1,bookmarkVariant:t=a.PRODUCT}={})=>e&&t===a.VENUE?o:i,l=({bookmarkApiType:e=i,federatedGraphqlUrl:t,siteCode:n,userPlatformProxy:o,xClientID:a}={})=>r(e)?!!(n&&o&&a):!!t,d=({bookmarkApiType:e=i,amgUUID:t,federatedGraphqlUrl:n,siteCode:o,userPlatformProxy:a,xClientID:s}={})=>r(e)?!(!t||!l({bookmarkApiType:e,federatedGraphqlUrl:n,siteCode:o,userPlatformProxy:a,xClientID:s})):l({bookmarkApiType:e,federatedGraphqlUrl:n,siteCode:o,userPlatformProxy:a,xClientID:s}),c=({bookmarkApiType:e=i,amgUUID:t,copilotID:n,organizationID:o,federatedGraphqlUrl:a,siteCode:s,userPlatformProxy:l,xClientID:d,documentUrl:c=""}={})=>r(e)?{amgUUID:t,copilotID:n,documentUrl:c,organizationID:o,siteCode:s,userPlatformProxy:l,xClientID:d}:{copilotID:n,organizationID:o,federatedGraphqlUrl:a},m=({bookmarkApiType:e=i,amgUUID:t,copilotID:n,contentType:o,organizationID:a,federatedGraphqlUrl:s,siteCode:l,source:d,userPlatformProxy:c,xClientID:m,meta:u}={})=>r(e)?{amgUUID:t,copilotID:n,organizationID:a,siteCode:l,source:d,userPlatformProxy:c,xClientID:m,meta:u}:{copilotID:n,contentType:o,federatedGraphqlUrl:s,organizationID:a,meta:u},u=({bookmarkApiType:e=i,amgUUID:t,bookmarkId:n,copilotID:o,federatedGraphqlUrl:a,isUrlBookmark:s=!1,source:l,userPlatformProxy:d,xClientID:c}={})=>r(e)?{amgUUID:t,bookmarkId:n,isUrlBookmark:s,source:l,userPlatformProxy:d,xClientID:c}:{bookmarkId:n,copilotId:o,federatedGraphqlUrl:a}},85788(e,t,n){n.d(t,{A:()=>m});var o=n(5556),i=n.n(o),a=n(96540),r=n(53499),s=n(13465),l=n(73347),d=n(99585);const c=({body:e,configuredComponentRef:t,copilotId:n,dangerousDek:o,dangerousHed:i,gridVariationForEmbed:s="NarrowContentWithWideAdRail",isEmbedWrapperFullBleed:c=!1,sectionTitleVariation:m="LineAboveLineBelowTextCenter",shouldUseConstrainedParagraph:u,shouldUseGridForEmbed:p=!0,shouldUseGridWrapperForEmbed:g=!1})=>{a.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(r.G.RENDER,{name:"VersoEmbed"})},[]);const h=l.Ay[m],y=d.AL[s],b=a.createElement(d.I_,{constrainPagragraph:u,body:e,className:"verso-embed-container",shouldDisableMaxWidth:!0}),f=a.createElement(a.Fragment,null,i&&a.createElement(d.UC,{as:h,dangerousHed:i}),o&&a.createElement(d.Xo,{dangerouslySetInnerHTML:{__html:o}}));return a.createElement(a.Fragment,null,g&&a.createElement(y,{ref:t},a.createElement(a.Fragment,null,f,b)),p&&a.createElement(d.lq,{ref:t,copilotId:n,isEmbedWrapperFullBleed:c},f,b),!p&&!g&&a.createElement("div",{ref:t},f,b))};c.propTypes={configuredComponentRef:i().func,body:i().array,copilotId:i().string,dangerousDek:i().string,dangerousHed:i().string,gridVariationForEmbed:i().string,isEmbedWrapperFullBleed:i().bool,sectionTitleVariation:i().string,shouldUseConstrainedParagraph:i().bool,shouldUseGridForEmbed:i().bool,shouldUseGridWrapperForEmbed:i().bool},c.displayName="VersoEmbed";const m=(0,s.y)(c,"VersoEmbed")},99585(e,t,n){n.d(t,{AL:()=>h,I_:()=>y,UC:()=>p,Xo:()=>g,lq:()=>u});var o=n(38267),i=n(96472),a=n(1123),r=n(26865),s=n(18608),l=n(86659),d=n(22652),c=n(75163);const m=`\n ${(0,a.VO)()}\n ${(0,a.aU)("padding")}\n\n margin: 0 auto;\n width: 100%;\n max-width: ${i.LO.xxl};\n`,u=o.Ay.div.withConfig({displayName:"EmbedWrapper"})` 34065 ${m} 34066 34067 ${({isEmbedWrapperFullBleed:e})=>e&&o.AH` 34068 padding-right: 0; 34069 padding-left: 0; 34070 max-width: 100%; 34071 `} 34072`,p=o.Ay.div.withConfig({displayName:"EmbedWrapperHed"})` 34073 margin-bottom: ${(0,r.Kq)(2)}; 34074`,g=(0,o.Ay)(s.vm).withConfig({displayName:"EmbedWrapperDek"})` 34075 margin: 0 auto ${(0,r.Kq)(2)}; 34076 padding-right: ${(0,r.Kq)(1)}; 34077 padding-left: ${(0,r.Kq)(1)}; 34078 max-width: ${(0,r.Kq)(75)}; 34079 text-align: center; 34080 ${(0,r.Gg)("typography.definitions.consumptionEditorial.description-core")} 34081`,h=(0,o.Ay)(l.A).withConfig({displayName:"GridWrapper"})` 34082 ${m} 34083`,y=(0,o.Ay)(d.A).withConfig({displayName:"EmbedBody"})` 34084 p.${c.pT.Component.BodyDropcap.split(" ").join(".")} { 34085 margin-top: ${(0,r.Kq)(4,"px")}; 34086 } 34087 34088 ${({constrainPagragraph:e})=>e&&`\n inline-embed{\n display: block;\n p {\n display:inline-block;\n max-width: ${(0,r.Kq)(40.875)};\n ${(0,r.H4)(i.LO.lg)} {\n max-width: ${(0,r.Kq)(91.5)};\n }\n }\n }\n `} 34089`},64663(e,t,n){n.d(t,{c$:()=>y,as:()=>b});var o=n(96540),i=n(5556),a=n.n(i),r=n(5922),s=n(20681),l=n.n(s),d=n(64
34089687),c=n(14307),m=n(65592),u=n(34854),p=n(92704),g=n(70099),h=n(56892);const y=o.createContext(d.DV),b=(y.Consumer,({children:e,isEnabled:t=!0})=>{const[n,i]=(0,o.useState)(!1),[a,s]=(0,o.useState)(null),[b,f]=(0,o.useState)(null),w=(e,t,n)=>{const o=[{schema:"iglu:com.condenast/click_info/jsonschema/2-0-0",data:{click_text:n?`${e}: ${n}`:e}}];switch(e){case"Banner Accept Cookies":case"Preferences Allow All":(0,r.zm)("trackConsentAllow",t,o),window.Kendra.CONSENT.broadcast(p.M.CONSENT_ACCEPTED,(0,u.rp)(t));break;case"Banner Reject All":case"Preferences Reject All":case"Banner - Continue without Accepting":(0,r.zm)("trackConsentDeny",t,o),window.Kendra.CONSENT.broadcast(p.M.CONSENT_REJECTED,(0,u.rp)(t));break;case"Preferences Save Settings":(0,r.zm)("trackConsentSelected",t,o),window.Kendra.CONSENT.broadcast(p.M.CONSENT_UPDATED,(0,u.rp)(t));break;case"withdrawn":(0,r.zm)("trackConsentWithdrawn",t,o),window.Kendra.CONSENT.broadcast(p.M.CONSENT_UPDATED,(0,u.rp)(t))}};(0,o.useEffect)(()=>{if(n)if(window.Kendra.USER_CONTEXT.broadcast(g.Y.ONE_TRUST_LOADED),window.Fides){const e=(window.dataLayer??[]).filter(e=>(0,u.Sh)(e));e.length>0&&(0,r.sv)("trackCmpVisible",{elapsedTime:e[0].Fides.timestamp})}else(0,r.sv)("trackCmpVisible",{elapsedTime:performance.now()})},[n]),(0,o.useEffect)(()=>{const e=()=>{window.cnBus?.emit("consent.updated")};return window.addEventListener("FidesInitialized",e),window.addEventListener("FidesUpdated",e),window.Fides?.initialized&&e(),()=>{window.removeEventListener("FidesInitialized",e),window.removeEventListener("FidesUpdated",e)}},[]),(0,o.useEffect)(()=>{const e=(0,c.P2)();f(e);const t=()=>{window.Kendra.CONSENT.broadcast(p.M.CONSENT_DEFAULT,(0,u.rp)((0,u.be)()))};return window.Fides?.initialized?t():window.addEventListener("FidesInitialized",t),()=>{window.removeEventListener("FidesInitialized",t)}},[]),(0,o.useEffect)(()=>{if(a){const{dataLayer:e,Fides:t}=window;if(t)(0,m.n)(e,b,a,w,f);else{const t=l()(e,e=>e?.[2]?.optanonAction||e?.optanonAction);if(b){const e=b.some(e=>a.indexOf(e)<=-1),n=t?.[2]?.optanonAction||t?.optanonAction,o=t?.[2]?.optanonLabel||t?.optanonLabel;e&&n&&!n.toLowerCase().includes("reject")?w("withdrawn",a,n):w(n,a,o),f(a)}}}},[a]);const $=(0,o.useCallback)(e=>{setTimeout(()=>{if(window.Fides){(0,m.S)(e,s);const t=()=>window.dataLayer.filter(e=>(0,u.Sh)(e)).length>0;i((0,u.Sh)(e)||t())}else{const t=(0,c.aW)()?.split(",")||window.OnetrustActiveGroups?.split(",")?.slice(1,-1),o=e[2]?.optanonAction||e?.optanonAction,a=e[2]?.optanonLabel||e?.optanonLabel;if(!(0,h.getCookie)("OptanonAlertBoxClosed")&&window.OneTrust&&window.OneTrust.GetDomainData){const{IsBannerLoaded:e,ShowAlertNotice:t}=window.OneTrust.GetDomainData();!o&&!n&&e&&t&&i(!0)}if("OneTrustGroupsUpdated"===e.event&&e.OnetrustActiveGroups&&s(t),o){const e=a?`${o}: ${a}`:o;(0,c.rp)(e),(0,c.F0)(e,null,"click","consent_preferences")}}},1)},[]);let v;(0,o.useEffect)(()=>{Array.isArray(window.dataLayer)&&(window.dataLayer.push=function(...e){Array.prototype.push.apply(this,e),$.apply(this,e)})},[$]),v=t?(0,d.Sr)():{...d.IA};const[C,k]=(0,o.useState)(v);(0,o.useEffect)(()=>{const e=()=>{if(window.Fides){const e=(0,d.S2)(window.Fides.consent,e=>d.Cv[e])||v;k({...v,...e})}};return window.addEventListener("FidesInitialized",e),window.Fides?.initialized&&e(),()=>{window.removeEventListener("FidesInitialized",e)}},[]);const A=(0,o.useCallback)(e=>{t&&(Array.isArray(e?.detail)||e?.detail?.consent?k({...v,...(0,d.K2)(e.detail,window?.Fides&&d.UA)}):k({...v,...(0,d.Sr)(window?.Fides&&d.UA)}))},[t,v]);return(0,d.qn)(A),o.createElement(y.Provider,{value:C},e)});b.displayName="ConsentProvider",b.propTypes={children:a().node.isRequired,isEnabled:a().bool}},64687(e,t,n){n.d(t,{Cv:()=>s,DV:()=>l,GE:()=>b,IA:()=>d,K2:()=>C,S2:()=>m,Sr:()=>v,UA:()=>c,qn:()=>$});var o=n(96540),i=n(56892);const a={STRICTLY_NECESSARY:"1:1",PERFORMANCE:"2:1",FUNCTIONAL:"3:1",TARGETING:"4:1",SOCIAL_MEDIA:"5:1",AUDIENCE_MEASUREMENT:"9:1"},r={C0001:"strictlyNecessary",C0002:"performance",C0003:"functional",C0004:"targeting",C0005:"socialMedia",C0009:"audienceMeasurement"}
34089,s={analytics:"performance",audience_measurement:"audienceMeasurement",essential:"strictlyNecessary",functional:"functional",sales_sharing_targeted_advertising:"targeting",social_media:"socialMedia"},l={strictlyNecessary:!1,performance:!1,functional:!1,targeting:!1,socialMedia:!1,audienceMeasurement:!1},d={strictlyNecessary:!0,performance:!0,functional:!0,targeting:!0,socialMedia:!0,audienceMeasurement:!0},c="fides";function m(e,t){return e?Object.keys(e).reduce((n,o)=>(n[t(o)]=e[o],n),{}):null}function u(e){const t=(0,i.getCookie)("fides_consent");if(""===t)return"undefined"==typeof document;const n=new RegExp(`"consent":\\s*\\{[^}]*"${e}":\\s*(true|false)`,"gi").exec(t);return n?"true"===n[1]:null}function p(e){if(!Object.hasOwnProperty.call(a,e))return!1;const t=(0,i.getCookie)("OptanonConsent");if(""===t)return"undefined"==typeof document;return new RegExp(`groups=[^=]*${a[e]}`,"gi").test(t)}function g(e){return e===c?u("essential"):p("STRICTLY_NECESSARY")}function h(e){return e===c?u("analytics"):p("PERFORMANCE")}function y(e){return e===c?u("functional"):p("FUNCTIONAL")}function b(e){return e===c?u("sales_sharing_targeted_advertising"):p("TARGETING")}function f(e){return e===c?u("social_media"):p("SOCIAL_MEDIA")}function w(e){return e===c?u("audience_measurement"):p("AUDIENCE_MEASUREMENT")}function $(e){const t=(0,o.useRef)();(0,o.useEffect)(()=>{t.current=e},[e]),(0,o.useEffect)(()=>{const e=e=>{t.current(e)};return window.addEventListener("optanonUpdated",e),window.addEventListener("FidesUpdated",e),window.addEventListener("OneTrustGroupsUpdated",e),()=>{window.removeEventListener("optanonUpdated",e),window.removeEventListener("OneTrustGroupsUpdated",e),window.removeEventListener("FidesUpdated",e)}},[])}function v(e){return{strictlyNecessary:g(e),performance:h(e),functional:y(e),targeting:b(e),socialMedia:f(e),audienceMeasurement:w(e)}}function C(e,t){let n=e,o={...l};return t===c?(n=e.consent,o=m(n,e=>s[e])):n.forEach(e=>{Object.prototype.hasOwnProperty.call(r,e)&&(o[r[e]]=!0)}),o}},76573(e,t,n){n.d(t,{h2:()=>
34089o.h,pd:()=>i.p});var o=n(34549),i=n(63761)},52064(e,t,n){n.d(t,{CZ:()=>i.C,YV:()=>o.Y});var o=n(35363),i=n(96461)},6009(e,t,n){n.d(t,{Qi:()=>p,XG:()=>u,j7:()=>c});var o=n(96540),i=n(5556),a=n.n(i),r=n(38267),s=n(57744),l=n(49235),d=n(78020);const c=o.createContext({}),m=({children:e,id:t,layoutConfigs:n={},themeExtensions:i={}})=>{const{theme:a={},palette:s,...m}=n[t]||{};return o.createElement(c.Provider,{value:m},o.createElement(r.NP,{"data-testid":"PresetThemeProvider",theme:(0,d.y)(a,i)},o.createElement(l.A,{palette:s??"standard"},e)))};m.propTypes={children:a().node.isRequired,id:a().string.isRequired,layoutConfigs:a().object,themeExtensions:a().shape({componentStylePools:a().objectOf(a().objectOf(a().func))})};const u=(0,s.M3)(m,{keysToPluck:["layoutConfigs"]}),p=c.Consumer;c.Consumer},16695(e,t,n){n.d(t,{N:()=>l,d:()=>d});var o=n(96540),i=n(5556),a=n.n(i),r=n(5431);const s=(0,o.createContext)(),l=({children:e})=>o.createElement(s.Provider,{value:{isAIContext:!0}},o.createElement(r.j,null,e)),d=()=>(0,o.useContext)(s);l.propTypes={children:a().node}},51054(e,t,n){n.d(t,{A:()=>p});var o=n(45135),i=n(5556),a=n.n(i),r=n(96540),s=n(38798);const l=(0,n(72267).YK)({errorMessage:{id:"ErrorBoundary.ErrorMessage",defaultMessage:"An error occurred.",description:"Error message"}});var d=n(53499);const c=(e,t)=>{window.Sentry.withScope(n=>{n.setTags(t.tags),n.setExtras(t.extra),window.Sentry.captureException(e,t)})};class m extends r.Component{constructor(e){super(e),this.state={hasError:!1}}componentDidMount(){window.Kendra.TRACK_COMPONENT.broadcast(d.G.RENDER,{name:"ErrorBoundary"})}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){const{sentryDSN:n}=this.props;if(!n)return;const o={extra:t,tags:{timestamp:(new Date).getTime(),errorContext:"client",source:"ErrorBoundary"}};void 0!==window.Sentry?c(e,o):((e,t,n)=>{const o=document.createElement("script");o.setAttribute("async","async"),o.id="error-boundary-sentry-logging",o.integrity="sha384-aUot8tg7PBjpaNw1irUMJOYjTkC/Acnd2QwobKnxvPf97XlMHI4w3aO7zDWPRKfp",o.crossOrigin="anonymous",o.src="https://browser.sentry-cdn.com/7.17.3/bundle.es5.min.js",o.onload=()=>{window.Sentry.init({dsn:e,defaultIntegrations:!1}),c(t,n)},document.body.appendChild(o)})(n,e,o)}render(){const{intl:e}=this.props;return this.state.hasError?r.createElement("div",{className:"error-boundary"},e.formatMessage(l.errorMessage)):this.props.children}}
34089m.propTypes={children:a().node,intl:a().object,sentryDSN:a().string};const u=(0,s.Ay)(m),p=(0,o.Ng)(e=>{const{sentry:t}=e;return{sentryDSN:t&&t.dsn}})(u)},20104(e,t,n){n.d(t,{A:()=>m});var o=n(5556),i=n.n(o),a=n(96540),r=n(20388),s=n(73275),l=n(37384),d=n(88258);const c=({caption:e,className:t,credit:n,dangerousCredit:o,dangerousCaption:i,...l})=>{const[c,m]=a.useState("landscape");return a.createElement(d.KK,{className:t,screenOrientation:c},a.createElement(d.W4,null),a.createElement(d.Z$,null,a.createElement(s.A,{...l,contentType:"photo",onAssetLoaded:({width:e,height:t})=>{e<t?m("portrait"):e>t?m("landscape"):e===t&&m("square")}}),a.createElement(d.wJ,null,a.createElement(r.A,{dangerousCaptionText:e||i,dangerousCredit:n||o,hasLinebreak:"portrait"===c}))))};c.propTypes={...l.A.propTypes,caption:i().string,credit:i().string,dangerousCaption:i().string,dangerousCredit:i().string};const m=c},88258(e,t,n){n.d(t,{KK:()=>S,Uq:()=>v,W4:()=>A,Z$:()=>x,Zk:()=>L,Zv:()=>$,bB:()=>C,dG:()=>w,v$:()=>k,wJ:()=>E});var o=n(38267),i=n(73730),a=n(38860),r=n(26865),s=n(48209),l=n(96472),d=n(7228),c=n(55082),m=n(56082),u=n(62389);const p=`${m.cc}.gallery-embed-controls--footer`,g=`${m.cc}.gallery-embed-controls--inline`,h="3 / 4",y="90dvh",b=`calc(${y} * 3 / 4)`,f="744px",w=o.DU` 34090 34091 .body__lightbox--open { 34092 overflow: hidden; 34093 } 34094 34095 .lightbox__overlay { 34096 position: fixed; 34097 top: 0; 34098 right: 0; 34099 bottom: 0; 34100 left: 0; 34101 transition: opacity 0.2s; 34102 opacity: 0; 34103 z-index: ${(0,r.fl)("interstitialLayer")}; 34104 background-color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.lead.standard.background")}; 34105 34106 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("background-color","colors.background.black")}; 34107 34108 &.lightbox__overlay--open { 34109 opacity: 1; 34110 34111 &.lightbox__overlay--closing { 34112 opacity: 0; 34113 } 34114 } 34115 } 34116 34117 .lightbox { 34118 width: 100vw; 34119 height: 100dvh; 34120 } 34121 34122 .listicle-variation { 34123 overflow-y: scroll; 34124 } 34125`,$=o.Ay.div.withConfig({displayName:"LightboxWrapper"})` 34126 grid-column-start: main; 34127`,v=(0,o.Ay)(s.A).withConfig({displayName:"LightboxSwipe"})` 34128 display: flex; 34129 width: 100%; 34130 height: 100%; 34131`,C=(0,o.Ay)(i.A.Utility).withConfig({displayName:"LightboxCloseButtonIcon"})` 34132 position: ${({showHorizontalLightboxExplore:e})=>e?"absolute":"fixed"}; 34133 top: ${(0,r.Kq)(.5)}; 34134 right: ${(0,r.Kq)(.5)}; 34135 z-index: ${(0,r.fl)("hyperstitialLayer")}; 34136 cursor: pointer; 34137 padding: 8px; 34138 line-height: 0; 34139 34140 .icon-close { 34141 padding: 8px; 34142 ${({showHorizontalLightboxExplore:e,theme:t})=>e?o.AH` 34143 color: ${(0,r.HK)(t,"colors.interactive.base.white")}; 34144 fill: currentColor; 34145 34146 path { 34147 fill: currentColor; 34148 stroke: currentColor; 34149 } 34150 34151 g, 34152 g path { 34153 stroke: currentColor; 34154 } 34155 `:o.AH` 34156 fill: ${(0,r.HK)(t,"colors.interactive.base.dark")}; 34157 34158 g { 34159 ${(0,r.iq)(t)&&(0,r._o)(t,"stroke","colors.interactive.base.white")}; 34160 } 34161 `} 34162 } 34163 34164 &, 34165 &:focus, 34166 &:hover { 34167 border: 1px solid 34168 ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.white")}; 34169 background-color: ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.white")}; 34170 34171 ${({theme:e})=>(0,r.iq)(e)&&o.AH` 34172 border: none; 34173 background-color: rgba( 34174 ${(0,r.HK)(e,"colors.interactive.base.black",{rgbOnly:!0})}, 34175 0.4 34176 ); 34177 34178 ${(0,r.H4)(l.LO.xl)} { 34179 background-color: ${(0,r.HK)(e,"colors.interactive.base.black")}; 34180 } 34181 `} 34182 } 34183 34184 &:focus { 34185 border: 1px solid 34186 ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.brand-primary")}; 34187 34188 ${({theme:e})=>(0,r.iq)(e)&&o.AH` 34189 border: none; 34190 `} 34191 } 34192 34193 @media (min-width: ${l.LO.md}) { 34194 top: ${(0,r.Kq)(2)}; 34195 right: ${(0,r.Kq)(2)}; 34196 } 34197 34198 ${({isGalleryEmbedVariation:e})=>e&&o.AH` 34199 & { 34200 top: ${(0,r.Kq)(3)}; 34201 right: ${(0,r.Kq)(3)}; 34202 padding: 0; 34203 } 34204 `} 34205 34206 ${({isGalleryEmbedVariation:e,showHorizontalLightboxExplore:t})=>e&&t&&o.AH` 34207 & { 34208 top: ${(0,r.Kq)(1)}; 34209 right: ${(0,r.Kq)(1)}; 34210 border-radius: ${(0,r.Kq)(.25)}; 34211 } 34212 `} 34213`,k=o.Ay.div.withConfig({displayName:"LightboxSlidesWrapper"})` 34214 display: flex; 34215 flex-direction: row; 34216 flex-wrap: nowrap; 34217 transition: transform 0.4s ease-in-out; 34218 height: 100%; 34219
34220 &.listicle-variation-slide-wrapper { 34221 display: block; 34222 } 34223`,A=o.Ay.div.withConfig({displayName:"LightboxSlideTopSpacer"})``,x=o.Ay.div.withConfig({displayName:"LightboxSlideImageCaptionOuter"})``,E=o.Ay.div.withConfig({displayName:"LightboxSlideCaptionContainer"})``,S=o.Ay.div.withConfig({displayName:"LightboxSlideWrapper"})` 34224 background-color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.lead.standard.background")}; 34225 width: 100vw; 34226 34227 &.listicle-variation-slide { 34228 background-color: ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.white")}; 34229 padding: ${(0,r.Kq)(3)} ${(0,r.Kq)(9)}; 34230 34231 ${a.Gk} { 34232 margin-bottom: 0; 34233 background-color: ${({theme:e})=>(0,r.HK)(e,"colors.interactive.base.white")}; 34234 } 34235 } 34236 34237 ${a.Gk} { 34238 background-color: ${({theme:e})=>(0,r.HK)(e,"colors.consumption.lead.standard.background")}; 34239 text-align: initial; 34240 34241 ${a.OZ} { 34242 ${({theme:e})=>(0,r.pe)(e,"colors.consumption.lead.standard.description",null)} 34243 34244 &:hover { 34245 text-decoration: none; 34246 } 34247 } 34248 } 34249 34250 ${({screenOrientation:e})=>"landscape"===e||"portrait"===e||"square"===e?o.AH` 34251 display: flex; 34252 flex-direction: column; 34253 justify-content: space-between; 34254 height: auto; 34255 34256 ${x} { 34257 display: contents; 34258 } 34259 34260 .responsive-image { 34261 display: flex; 34262 flex-direction: column; 34263 34264 ${d.BF} { 34265 max-height: 85vh; 34266 object-fit: contain; 34267 } 34268 } 34269 34270 ${E} { 34271 display: flex; 34272 flex-direction: column; 34273 justify-content: flex-end; 34274 } 34275 34276 ${a.Gk} { 34277 margin: ${(0,r.Kq)(2)} ${(0,r.Kq)(2)} 34278 ${(0,r.Kq)(5)}; 34279 } 34280 34281 @media (min-width: ${l.LO.md}) { 34282 display: flex; 34283 align-items: center; 34284 justify-content: center; 34285 padding: ${(0,r.Kq)(4)}; 34286 height: initial; 34287 34288 ${A} { 34289 display: none; 34290 } 34291 34292 ${x} { 34293 display: block; 34294 } 34295 34296 .responsive-asset { 34297 display: table-cell; 34298 } 34299 34300 ${E} { 34301 display: table-caption; 34302 caption-side: bottom; 34303 } 34304 34305 ${a.Gk} { 34306 margin: 0; 34307 margin-top: ${(0,r.Kq)(1)}; 34308 } 34309 } 34310 34311 ${"portrait"===e?o.AH` 34312 @media (min-width: ${l.LO.lg}) { 34313 display: flex; 34314 flex-direction: row; 34315 height: 100%; 34316 34317 ${A} { 34318 display: none; 34319 } 34320 34321 ${x} { 34322 display: contents; 34323 } 34324 34325 .responsive-asset { 34326 display: flex; 34327 height: 100%; 34328 34329 .responsive-image { 34330 height: 100%; 34331 34332 ${d.BF} { 34333 height: 100%; 34334 max-height: initial; 34335 } 34336 } 34337 } 34338 34339 ${E} { 34340 display: flex; 34341 flex-direction: column; 34342 align-self: flex-end; 34343 } 34344 34345 ${a.Gk} { 34346 margin: 0; 34347 margin-bottom: ${(0,r.Kq)(6)}; 34348 margin-left: ${(0,r.Kq)(2)}; 34349 max-width: 180px; 34350 } 34351 } 34352 `:""} 34353 `:""} 34354`,L=o.Ay.div.withConfig({displayName:"GalleryEmbedContainer"})` 34355 &&& { 34356 ${m.Og} { 34357 background-color: inherit; 34358 } 34359 34360 ${m.bd} { 34361 margin: unset; 34362 } 34363 34364 .gallery__slides__slide { 34365 margin-bottom: unset; 34366 } 34367 34368 ${c.jZ} { 34369 margin-bottom: unset; 34370 } 34371 34372 ${c.MC} { 34373 display: grid; 34374 grid-template-areas: 34375 'left-col image right-col' 34376 'left-col caption right-col'; 34377 grid-template-columns: ${({$hasWideGallerySlideImageColumn:e})=>e?"1fr minmax(0, 2fr) 1fr":"1fr minmax(0, 1fr) 1fr"}; 34378 grid-template-rows: auto; 34379 align-items: center; 34380 justify-items: center; 34381 } 34382 34383 ${c.p0} { 34384 grid-column: left-col / right-col; 34385 grid-row: 1; 34386 34387 img { 34388 width: 100%; 34389 min-width: unset; 34390 max-height: 100%; 34391 } 34392 34393 ${(0,r.H4)(l.LO.xl)} { 34394 grid-area: image; 34395 grid-column: 2; 34396 } 34397 } 34398 34399 ${c.Ng} { 34400 grid-column: left-col / right-col; 34401 grid-row: 2; 34402 margin: 0;
34403 padding: ${({showHorizontalLightboxExplore:e})=>e?o.AH` 34404 ${(0,r.Kq)(2)} 0 0 34405 `:o.AH` 34406 ${(0,r.Kq)(2)} ${(0,r.Kq)(3)} ${(0,r.Kq)(3)} 34407 `}; 34408 width: min-content; 34409 min-width: 93%; 34410 ${(0,r.H4)(l.LO.md)} { 34411 min-width: 100%; 34412 } 34413 34414 ${c.Wu}, ${c.TX}, a { 34415 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("color","colors.interactive.base.white")}; 34416 34417 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.foundation.link-secondary")}; 34418 margin-bottom: ${(0,r.Kq)(1)}; 34419 width: calc(100% - ${(0,r.Kq)(6)}); 34420 34421 ${(0,r.H4)(l.LO.md)} { 34422 width: 100%; 34423 } 34424 } 34425 34426 ${c.k$} { 34427 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)(e,"color","colors.interactive.base.white")}; 34428 ${({showHorizontalLightboxExplore:e})=>(0,r.Gg)(e?"typography.definitions.consumptionEditorial.citation":"typography.definitions.globalEditorial.context-tertiary")} 34429 margin-bottom: ${(0,r.Kq)(.89)}; 34430 padding-top: 0; 34431 width: calc(100% - ${(0,r.Kq)(6)}); 34432 34433 ${(0,r.H4)(l.LO.md)} { 34434 width: 100%; 34435 } 34436 } 34437 34438 ${c.CX} { 34439 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("color","colors.interactive.base.white")}; 34440 ${(0,r.Gg)("typography.definitions.globalEditorial.context-primary")} 34441 margin: 0 ${(0,r.Kq)(1)} ${(0,r.Kq)(1)} 0; 34442 } 34443 34444 ${c.ir} { 34445 ${({theme:e})=>(0,r.Gg)(e,"typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 34446 ${({theme:e})=>(0,r._o)(e,"color","colors.interactive.base.white")}; 34447 margin-bottom: ${(0,r.Kq)(1)}; 34448 } 34449 ${u.H6} { 34450 min-width: unset; 34451 height: auto; 34452 } 34453 34454 ${c._6} { 34455 position: absolute; 34456 top: 0; 34457 right: 0; 34458 ${({showHorizontalLightboxExplore:e})=>e&&o.AH` 34459 top: unset; 34460 bottom: 0; 34461 `} 34462 ${(0,r.H4)(l.LO.xl)} { 34463 position: relative; 34464 right: ${(0,r.Kq)(.5)}; 34465 } 34466 } 34467 34468 ${u.w6} { 34469 .icon-bookmark-outline path { 34470 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("stroke","colors.interactive.base.white")} 34471 } 34472 34473 .icon-bookmark-fill path { 34474 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("stroke","colors.interactive.base.white")} 34475 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("fill","colors.interactive.base.white")} 34476 } 34477 } 34478 34479 ${c.SL} { 34480 display: flex; 34481 position: relative; 34482 grid-template-columns: 4fr 1fr; 34483 flex-direction: ${({showHorizontalLightboxExplore:e})=>e?"column":"column-reverse"}; 34484 } 34485 34486 ${c.x1}, ${c.dN} { 34487 margin: unset; 34488 } 34489 34490 ${c.Wu} { 34491 margin: unset; 34492 width: calc(100% - ${(0,r.Kq)(6)}); 34493 34494 p { 34495 margin: unset; 34496 } 34497 34498 ${(0,r.H4)(l.LO.xl)} { 34499 width: 100%; 34500 } 34501 } 34502 } 34503 34504 ${({isListicleLayout:e})=>e&&o.AH` 34505 padding: 0; 34506 34507 ${(0,r.H4)(l.LO.md)} { 34508 padding: ${(0,r.Kq)(8)}; 34509 } 34510 ${(0,r.H4)(l.LO.xl)} { 34511 padding: ${(0,r.Kq)(3)}; 34512 } 34513 34514 ${c.jZ} { 34515 ${(0,r.H4)(l.LO.md)} { 34516 margin-bottom: ${(0,r.Kq)(3)}; 34517 } 34518 } 34519 34520 ${c.p0} { 34521 /* 34522 * Width must be set to prevent aspect ratio 34523 * container from collapsing to 0x0 when using shouldHoldImageSpace 34524 */ 34525 width: 100%; 34526 34527 picture, 34528 img { 34529 min-width: unset; 34530 height: auto; 34531 max-height: 100%; 34532 } 34533 } 34534 34535 ${c.Ng} { 34536 grid-column: 1 / -1; 34537 grid-template-columns: 1fr auto 1fr; 34538 width: 100%; 34539 padding: ${(0,r.Kq)(2)} ${(0,r.Kq)(3)} 34540 ${(0,r.Kq)(3)}; 34541 ${(0,r.H4)(l.LO.md)} { 34542 padding-left: 0; 34543 padding-right: 0; 34544 } 34545 ${(0,r.H4)(l.LO.xl)} { 34546 padding-left: ${(0,r.Kq)(3)}; 34547 padding-right: ${(0,r.Kq)(4)}; 34548 grid-area: right-col; 34549 grid-row: 1; 34550 } 34551 } 34552 `} 34553 34554 ${({isListicleLayout:e,showHorizontalLightboxExplore:t})=>!e&&o.AH` 34555 padding: ${t?"0":o.AH` 34556 ${(0,r.Kq)(10)} 0 ${(0,r.Kq)(2)} 34557 `}; 34558 height: 100dvh; 34559 position: relative; 34560 34561 ${m.vo} { 34562 height: ${t?"100%":"min-content"}; 34563 max-height: ${t?"100%":"80vh"}; 34564 ${(0,r.H4)(l.LO.md)} { 34565 height: 100vh; 34566 } 34567 } 34568 34569 ${c.jZ} { 34570 display: flex; 34571 align-items: ${t?"stretch":"center"}; 34572 overflow-y: ${t?"visible":"scroll"}; 34573 touch-action: pan-y; 34574 -webkit-overflow-scrolling: touch; 34575 height: auto; 34576 } 34577 34578 ${c.MC} { 34579 max-height: ${t?"100%":"80vh"}; 34580 } 34581 34582 ${c.p0} { 34583 img { 34584 ${(0,r.H4)(l.LO.md)} { 34585 height: ${t?(0,r.Kq)(52):(0,r.Kq)(67)}; 34586 display: block; 34587 max-width: 100vw; 34588 width: auto; 34589 } 34590 } 34591 } 34592 34593 ${c.Ng} { 34594 ${(0,r.H4)(l.LO.md)} { 34595 grid-area: caption; 34596 grid-column: 2; 34597 grid-row: 2; 34598 padding: ${(0,r.Kq)(2)} 0 ${(0,r.Kq)(3)}; 34599 } 34600 } 34601 34602 ${p} { 34603 display: flex; 34604 flex-direction: column; 34605 justify-content: center; 34606 padding: 0; 34607 position: fixed; 34608 right: 0; 34609 left: 0; 34610 bottom: ${(0,r.Kq)(2)}; 34611 z-index: 4; 34612 34613 ${t?o.AH` 34614 top: 46dvh; 34615 bottom: auto; 34616 transform: translateY(-50%); 34617 pointer-events: none; 34618 `:""} 34619 34620 ${(0,r.H4)(f)} { 34621 position: ${t?"fixed":"unset"}; 34622 } 34623 34624 ${m._y} { 34625 display: none; 34626 } 34627 34628 ${m.mg} { 34629 display: flex; 34630 column-gap: ${t?"0":(0,r.Kq)(5)}; 34631 ${t?o.AH` 34632 width: 100vw; 34633 justify-content: space-between; 34634 padding: 0 ${(0,r.Kq)(2)}; 34635 `:""} 34636 34637 ${m.q_} { 34638 margin: 0; 34639 border: none; 34640 background-color: ${t?"rgba(0, 0, 0, 0.6)":"transparent"}; 34641 pointer-events: auto; 34642 ${t?o.AH` 34643 display: flex; 34644 align-items: center; 34645 &.button--utility + .button--utility { 34646 margin-top: 0; 34647 } 34648 `:""} 34649 34650 &[aria-disabled='true'], 34651 &[aria-disabled='true']:focus, 34652 &[aria-disabled='true']:active { 34653 opacity: 0.5; 34654 } 34655 } 34656 34657 ${t?"":o.AH` 34658 ${(0,r.H4)(l.LO.md)} { 34659 position: absolute; 34660 top: 50%; 34661 width: 100vw; 34662 justify-content: space-between; 34663 padding: 0 ${(0,r.Kq)(3)}; 34664 } 34665 `} 34666 } 34667 } 34668 `} 34669 34670 ${({isListicleLayout:e,showHorizontalLightboxExplore:t,theme:n})=>!e&&t&&o.AH` 34671 ${c.MC} { 34672 display: flex; 34673 position: relative; 34674 flex-direction: column; 34675 justify-content: flex-start; 34676 align-items: center; 34677 margin: 0 auto; 34678 width: fit-content; 34679 max-width: 100%; 34680 } 34681 34682 ${c.p0} { 34683 display: flex; 34684 position: relative; 34685 align-items: flex-start; 34686 justify-content: center; 34687 margin: 0 auto; 34688 width: fit-content; 34689 max-width: 100%; 34690 34691 picture { 34692 display: flex; 34693 justify-content: center; 34694 width: auto; 34695 max-width: 100%; 34696 } 34697 34698 img { 34699 display: block; 34700 margin: 0 auto; 34701 width: auto; 34702 max-width: 100%; 34703 max-height: ${y}; 34704 34705 ${(0,r.H4)(f)} { 34706 height: ${(0,r.Kq)(52)}; 34707 max-width: 100vw; 34708 object-fit: cover; 34709 } 34710 } 34711 } 34712 34713 ${c.jZ}[orientation='portrait'] ${c.MC} { 34714 width: 100%; 34715 max-width: ${b}; 34716 aspect-ratio: ${h}; 34717 overflow: hidden; 34718 } 34719 34720 ${c.jZ}[orientation='portrait'] ${c.p0} { 34721 width: 100%; 34722 height: 100%; 34723 overflow: hidden; 34724 34725 .responsive-image, 34726 picture { 34727 width: 100%; 34728 height: 100%; 34729 } 34730 34731 img { 34732 width: 100%; 34733 height: 100%; 34734 aspect-ratio: ${h}; 34735 object-fit: cover; 34736 object-position: center; 34737 } 34738 } 34739 34740 ${g} { 34741 padding-bottom: ${(0,r.Kq)(1)}; 34742 } 34743 34744 ${c.Ng} { 34745 position: absolute; 34746 display: flex; 34747 justify-content: flex-end; 34748 flex-direction: column; 34749 min-height: ${(0,r.Kq)(9.75)}; 34750 left: 0; 34751 /* 34752 * Avoid a 1px seam between image and overlay caused by sub-pixel rendering. 34753 */ 34754 bottom: -1px; 34755 right: 0; 34756 transform: none; 34757 z-index: 2; 34758 margin: 0; 34759 box-sizing: border-box; 34760 padding: ${(0,r.Kq)(1)}; 34761 width: 100%; 34762 max-width: 100%; 34763 background: var( 34764 --color-overlay-subtle-180deg, 34765 linear-gradient( 34766 180deg, 34767 rgba(0, 0, 0, 0) 0%, 34768 rgba(0, 0, 0, 0.25) 60% 34769 ) 34770 ); 34771 34772 ${(0,r.H4)(f)} { 34773 bottom: ${(0,r.Kq)(3)}; 34774 } 34775 } 34776 34777 ${c.j4} { 34778 display: inline-flex; 34779 gap: ${(0,r.Kq)(.75)}; 34780 margin-top: ${(0,r.Kq)(1)}; 34781 } 34782 34783 &&&& { 34784 ${c.Wu}, 34785 ${c.TX}, 34786 ${c.k$} { 34787 margin: 0; 34788 width: calc(100% - ${(0,r.Kq)(8)});
34789 overflow-wrap: anywhere; 34790 word-break: break-word; 34791 } 34792 34793 ${c.TX} { 34794 margin-bottom: ${(0,r.Kq)(.5)}; 34795 } 34796 } 34797 34798 ${c.Wu} { 34799 max-height: ${(0,r.Kq)(12)}; 34800 overflow: hidden; 34801 } 34802 34803 ${u.H6} { 34804 min-width: unset; 34805 width: auto; 34806 height: auto; 34807 border-radius: ${(0,r.Kq)(.25)}; 34808 padding: ${(0,r.Kq)(.5)}; 34809 line-height: 0; 34810 } 34811 34812 ${u.H6}, 34813 ${u.H6}:focus, 34814 ${u.H6}:hover { 34815 border: 1px solid 34816 ${(0,r.HK)(n,"colors.interactive.base.white")}; 34817 background-color: ${(0,r.HK)(n,"colors.interactive.base.white")}; 34818 34819 ${(0,r.iq)(n)?o.AH` 34820 border: none; 34821 background-color: rgba( 34822 ${(0,r.HK)(n,"colors.interactive.base.black",{rgbOnly:!0})}, 34823 0.4 34824 ); 34825 34826 ${(0,r.H4)(l.LO.xl)} { 34827 background-color: ${(0,r.HK)(n,"colors.interactive.base.black")}; 34828 } 34829 `:""} 34830 } 34831 34832 ${u.H6}:focus { 34833 border: 1px solid 34834 ${(0,r.HK)(n,"colors.interactive.base.brand-primary")}; 34835 ${(0,r.iq)(n)?o.AH` 34836 border: none; 34837 `:""} 34838 } 34839 34840 ${u.w6} { 34841 .icon-bookmark-outline path { 34842 ${(0,r._o)(n,"stroke","colors.interactive.base.white")}; 34843 } 34844 34845 .icon-bookmark-fill path { 34846 ${(0,r._o)(n,"stroke","colors.interactive.base.white")}; 34847 ${(0,r._o)(n,"fill","colors.interactive.base.white")}; 34848 } 34849 } 34850 `} 34851 34852 ${p} ${m.Z} { 34853 padding: ${(0,r.Kq)(2)} 0 ${(0,r.Kq)(1)}; 34854 34855 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("color","colors.interactive.base.white")}; 34856 } 34857 34858 ${p} ${m.q_} svg { 34859 width: fit-content; 34860 height: fit-content; 34861 34862 ${({theme:e})=>(0,r.iq)(e)&&(0,r._o)("fill","colors.interactive.base.white")}; 34863 } 34864 } 34865 34866 ${({showHorizontalLightboxExplore:e})=>e&&o.AH` 34867 overflow-y: auto; 34868 `} 34869`},65780(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({contentLabel:{id:"Lightbox.ContentLabel",defaultMessage:"Photo Gallery",description:"Lightbox component content label"},closeButtonIconLabel:{id:"Lightbox.CloseButtonIconLabel",defaultMessage:"Close Lightbox",description:"Lightbox component close button icon label"}})},67805(e,t,n){n.d(t,{D:()=>d,S:()=>c});var o=n(96540),i=n(5556),a=n.n(i),r=n(53499);const s=({children:e,name:t})=>{if(o.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(r.G.RENDER,{name:"Slot"})},[]),!t)throw new Error("A slot must contain a name!");return e};s.propTypes={children:a().node.isRequired,name:a().string.isRequired};const l={Slot:s,getSlots:(e,t=[])=>{const n=new Set(t),i={};let a;const r=[];return o.Children.forEach(e,e=>{a=e.props.name,r.push(e.props.url),e.type===s&&a&&(0===n.size||n.has(a))&&(i[a]=e)}),{slots:i,urlData:r}}},{Slot:d,getSlots:c}=l},48209(e,t,n){n.d(t,{A:()=>l});var o=n(5556),i=n.n(o),a=n(96540),r=n(53499);const s=({children:e,className:t,delta:n=10,shouldPreventDefaultEvent:o=!1,onSwipeDown:i,onSwipeLeft:s,onSwipeRight:l,onSwipeUp:d,touchAction:c="none"})=>{const[m,u]=(0,a.useState)(0),[p,g]=(0,a.useState)(0),[h,y]=(0,a.useState)(!1);(0,a.useEffect)(()=>{window.Kendra.TRACK_COMPONENT.broadcast(r.G.RENDER,{name:"Swipe"})},[]);const b=e=>{o&&e.preventDefault()},f={className:t,style:{touchAction:c},onTouchStart:e=>{b(e),u((e=>e.clientX||e.touches[0].clientX)(e)),g((e=>e.clientY||e.touches[0].clientY)(e)),y(!0)},onTouchMove:e=>{if(!h)return;b(e);const t=(e=>e.clientX||e.changedTouches[0].clientX)(e),o=(e=>e.clientY||e.changedTouches[0].clientY)(e),a=((e,t)=>{const o=e-m,a=t-p;return Math.abs(o)>=n&&Math.abs(o)>=Math.abs(a)?o>n?l:s:Math.abs(a)>=n&&(a>n?d:i)})(t,o);a&&(a(!0),y(!1))},onTouchEnd:e=>{b(e),u(0),g(0),y(!1)}};return a.createElement("span",{...f},e)};s.propTypes={children:i().node,className:i().string,delta:i().number,onSwipeDown:i().func,onSwipeLeft:i().func,onSwipeRight:i().func,onSwipeUp:i().func,touchAction:i().string,shouldPreventDefaultEvent:i().bool};const l=s},958(e,t,n){n.d(t,{A:()=>jn});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(62193),d=n.n(l),c=n(19607),m=n(57744),u=n(53499),p=n(38267),g=n(96472);const h=p.Ay.div.withConfig({displayName:"InterstitialWrapper"})` 34870 position: fixed;
34871 z-index: ${g.KV.interstitialLayer}; 34872`,y=({children:e})=>(s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"Interstitial"})},[]),s.createElement(h,null,e));y.propTypes={children:r().node};const b=y;var f=n(62282),w=n(38080),$=n(49870),v=n.n($),C=n(7307),k=n(45102),A=n(90090),x=n(31170);const E=e=>{const t=e.displayName||e.name||"Component";class n extends s.Component{componentDidUpdate(){this.emit()}emitIncognitoDetectionEvent(){(this.props.browser||{}).incognitoMode&&A.Uc.emitUniqueGoogleTrackingEvent("privacy-mode-true")}emitSparrowInViewPaywallTrackingEvent(){const{cnt:e,max:t,name:n,position:o}=function(e){const{name:t,position:n}=e,o=e.payment||{};let i,a;return o.form&&({max:a,cnt:i}=o[o.form]||{}),{cnt:i,max:a,name:t,position:n}}(this.props),i=t&&e&&t-e,a=o||n,r={...e&&{dim2:e},...i&&{dim3:i},...a&&{dim4:a}};x.Ay.emitUniqueSparrowTrackingEvent("paywall","in-view",r)}emit(){const{isVisible:e}=this.props;e&&(this.emitSparrowInViewPaywallTrackingEvent(),this.emitIncognitoDetectionEvent())}render(){return s.createElement(e,{...this.props})}}return n.propTypes={browser:r().shape({incognitoMode:r().bool}),isVisible:r().bool,name:r().string,payment:r().shape({sample:r().shape({cnt:r().number,max:r().number})}),position:r().string},n.displayName=`withAnalytics(${t})`,n};var S=n(56822);const L=e=>{const t=e.displayName||e.name||"Component",n=t,o="initialize-start",i="initialize-end";class a extends s.Component{constructor(t){super(t),this.render=()=>s.createElement(e,{...this.props}),(0,S.N9)((0,S.hK)(n,o))}componentDidMount(){(0,S.N9)((0,S.hK)(n,i)),(0,S.I6)((0,S._l)(n,o,i))}}return a.displayName=`withLifecycleTiming(${t})`,a};var T=n(20249),N=n.n(T);const H=e=>{let t=e.target.id||e.target.className||e.target.tagName;e.target.innerText&&(t+=`-${e.target.innerText}`),t=N()(t),x.Ay.trackSparrowEvent("paywall","click",{dim7:t})},I={},B=v()([L,E,e=>{const t=e.displayName||e.name||"Component",n=t=>s.createElement("div",{onClick:H,role:"none"},s.createElement(e,{...t}));return n.displayName=`withPaywallSparrowClickTracking(${t})`,n}]),O=e=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"PaywallConductor"})},[]);const{component:t,configuredComponentRef:n,name:o,payment:i,paywall:a}=e;if(void 0===i.form)return null;if(void 0===a.strategy)return null;const r=C.A[e.strategy||a.strategy];if(void 0===r)return null;if(!r.names.includes(o))return null;const l=I[o]||B(t);return I[o]=l,s.createElement(l,{...k.A.execute(r,e),configuredComponentRef:n})};O.propTypes={configuredComponentRef:r().func,component:r().func.isRequired,logo:r().object,name:r().string.isRequired,payment:r().object.isRequired,paywall:r().shape({strategy:r().string}),strategy:r().string,user:r().object.isRequired},O.displayName="PaywallConductor";const K=O;var D=n(2404),_=n.n(D),P=n(59867);const R=(e,t="scrolling")=>{const n=e.displayName||e.name;class o extends s.Component{constructor(){super(),this.setScrollState=e=>{const{scrollTop:t}=e.target.scrollingElement,n=function(e,t){const n=e-t;return n<0?"up":n>0?"down":""}(t,this.state.scrollTop),o=n&&n!==this.state.direction;this.setState({scrollTop:t}),o&&this.setState({direction:n})},this.render=()=>{const n={[t]:{direction:this.state.direction}};return s.createElement(e,{...this.props,...n})},this.state={scrollTop:0},this.setScrollState=this.setScrollState.bind(this),this.scrollSubscription=null}componentDidMount(){this.scrollSubscription=window.Kendra.WINDOW_EVENT.on(P.m.SCROLL_THROTTLE,this.setScrollState)}shouldComponentUpdate(e,t){return!_()(this.props,e)||this.state.direction!==t.direction}componentWillUnmount(){this.scrollSubscription&&(this.scrollSubscription.off(),this.scrollSubscription=null)}}return o.displayName=`withScrollingState(${n})`,o};var q=n(15356),M=n(13465);const F=(0,m.z5)("logo"),U=(0,m.z5)("user"),V=(0,m.z5)("paywall"),G=(0,m.z5)("payment"),W=(0,q.qj)({name:"footer",className:"site-footer"}),j=v()([q.qw,V,U,G,R,W,F])((0,M.y)(K,"PaywallConductor"));var z=n(49741),Y=n(46511),X=n(76081),Z=n(86936),J=n(85152),Q=n(42209),ee=n(58514),te=n(72631),ne=n(88631),oe=n(51257),ie=n(33735);const ae=p.Ay.aside.withConfig({displayName:"PaywallModalWrapper"})` 34873 position: fixed; 34874 top: 0; 34875 transition: height 0s, width 0s; 34876 overflow: hidden; 34877 34878 @media print { 34879 display: none; 34880 } 34881 34882 .cns-ads-container div { 34883 display: none; 34884 } 34885`,re=(0,p.Ay)(z.A).withConfig({displayName:"ConsumerMarketingUnitWrapper"})``,se=function(e){s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"PaywallModal"})},[]);const{className:t,position:n="paywall-modal-call-to-action"}=e;return s.createElement(ae,{className:i()("paywall-modal",t)},s.createElement(re,{className:"paywall-modal__consumer-marketing-unit",position:n,aria:{"aria-live":"assertive"}}))};
34885se.propTypes={className:r().string,position:r().string};const le=se;var de=n(9527),ce=n(66657),me=n(91668),ue=n(2820),pe=n(67198),ge=n(40307),he=n(52064),ye=n(76573),be=n(18106),fe=n(45135),we=n(6442),$e=n(94528),ve=n(30616),Ce=n(56187),ke=n(44354),Ae=n(14307),xe=n(91470);let Ee="https://openai-middleware-foodbrands.gp-nonprod-na-0.conde.digital/api/v1/responses";const Se=async(e,t,n,o=null)=>{if(!e)throw new Error("Missing required parameter: query");const i={input:e,prompt:t,previous_response_id:o,store:!0};"production"===n&&(Ee="https://openai-middleware-foodbrands.gp-prod-na-0.conde.digital/api/v1/responses");try{const e=await fetch(Ee,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)});if(!e.ok){const t=await e.json().catch(()=>({error:{message:"Unknown error"}}));throw new Error(`OpenAI API error: ${t.error?.message||e.statusText}`)}const t=await e.json(),n=t?.data;if(n?.status&&"completed"!==n?.status)throw new Error(`OpenAI API error: ${n.error?.message||n.status}`);return t}catch(e){throw e}},Le=e=>{try{const t={text:"",id:e?.data?.id||null};if(e?.success&&e?.data){if(e.data.output_text)return t.text=e.data.output_text,t.id=e.data.id,t;if(Array.isArray(e.data.output)){const n=e.data.output.find(e=>"message"===e.type);if(n?.content&&Array.isArray(n.content)){const o=n.content.find(e=>"output_text"===e.type&&e.text);if(o?.text)return t.text=o.text,t.id=e.data.id,t}}}return t.text="Unable to extract response content",t}catch(t){return{text:"Error processing response",id:e?.data?.id||null}}},Te=async(e,t,n,o=null)=>{try{const i=await Se(e,t,o,n);return Le(i)}catch(e){return{text:"Seems like I'm having trouble understanding your question. Please try again later.",id:null}}};var Ne=n(21686);const{useState:He,useEffect:Ie,useRef:Be,useMemo:Oe}=s;function Ke(e){try{const t=new URL(e).pathname;return t.startsWith("/recipe")?"recipe":t.startsWith("/story")?"article":null}catch(e){return"invalid_url"}}const De=({aiChatBotConfig:e,className:t,configuredComponentRef:n,contentType:o,env:i,isOpenAIModalVisible:a,engagementChatbotConfig:r,modalSource:l})=>{Ie(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"OpenAIModal"})},[]);const{data:d}=e||{},{inputPlaceholderText:c,promptHeaderText:m,disclaimer:p,title:g,subHed:h,promptInfo:y,navigationEntryPointPrompts:b,contentTypePrompts:f}=r||{},{formatMessage:w}=(0,we.A)(),$=Be(null),v=Be(null),C=Be(null),[k,A]=He(""),[x,E]=He([]),[S,L]=He(null),[T,N]=He(!1),[H,I]=He(!0),[B,O]=He(!1),[K,D]=He([]),[_,P]=He(!1),[R,q]=He(c||w($e.A.textInputPlaceholderText)),[M,F]=He(!1),[U,V]=He(!1),G=Oe(()=>[w($e.A.defaultPrompt1),w($e.A.defaultPrompt2),w($e.A.defaultPrompt3)],[w]),W=async(e,t=null)=>{e&&e.preventDefault(),F(!1),O(!0),$.current&&(V(!0),$.current.value="");const n=t||k;if(!n.trim())return O(!1),void($.current&&V(!1));try{if(n.trim()){E([...x,{text:n,isUser:!0}]),N(!0);let e=n;H&&d&&(e="Context:\n",e+=function(e,t,n,o,i){const a=e=>"string"==typeof e?e:Array.isArray(e)?e.every(e=>"string"==typeof e)?e.join(""):e.slice("object"!=typeof e[1]||Array.isArray(e[1])?1:2).map(a).join(" "):"",r=e=>e.replace(/"/g,'"').replace(/–/g,"â").replace(/—/g,"â").replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/ /g," ").replace(/'/g,"'").replace(/°/g,"°"),s=(l=r(a(e)),l.replace(/<\/?(?:div|p|a|strong|span|section|header)[^>]*>/g,"").trim()).replace(/\b(div|p|strong|span|section|header)\b(?!\w)/g,"");var l;const d=`Ingredients:\n${t?.map(e=>e.ingredients?.map(e=>r(e.dangerousDescription)).join("\n"))}`;return`${s} ${d}. Preparation:\n${n?.map(e=>e.steps?.map(e=>r(e.dangerousDescription.replace(/<[^>]+>/g,""))).join("\n"))} Serving Proportion: ${o?.description} Serving Time: ${i?.prepTime} prep, ${i?.activeTime} active, ${i?.totalTime} total`.replace(/\s+/g," ").trim()}(d.body,d.ingredientGroups,d.instructions,d.servingSizeInfo,d.times),e+=`\nUser Query: ${n}`,I(!1),F(!0));const t=await Te(e,y,S,i);t&&t.id&&L(t.id),E(e=>[...e,{text:t.text,isUser:!1}]),O(!1),$.current&&V(!1)}}catch(e){E(e=>[...e,{text:"Seems like I'm having trouble understanding your question. Please try again later.",isUser:!1}]),O(!1),$.current&&V(!1)}A("")};return Ie(()=>{if(a){document.body.style.overflow="hidden";const e="homepage"!==o&&"bundle"!==o?f||[]:b||[];D(e.length>0?e:G),E([]),L(null),I(!0),A("")}else document.body.style.overflow="unset"},[a]),Ie(()=>{const e=v.current;if(e){const t=()=>{const t=e.querySelector(".user-message:last-of-type, .bot-message:last-of-type");if(!t)return void P(!1);const n=e.scrollTop+e.clientHeight,o=t.offsetTop+t.offsetHeight;P(o>n+10)};return t(),e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}return()=>{}},[x]),Ie(()=>{if(!T||!C.current||!v.current)return;const e=C.current,t=v.current,n=t.clientHeight,o=e.offsetTop-n/2+e.offsetHeight/2;t.scrollTo({top:o,behavior:"smooth"}),N(!1)},[T,x]),Ie(()=>{const e=e=>{let t=e.target;if("A"!==e.target.tagName&&(t=e.target.closest("a")),t&&"A"===t.tagName&&((async(e,t)=>{const n={type:"click",label:t,subject:"chatbot",...e&&{items:[{content_title:t,content_url:e,content_type:Ke(e)}]}};await(0,Ce.c)(),(0,Ae.kg)(n,null,{skipDuplicateEvent:!1})})(t.href,t.textContent),"true"===t.getAttribute("data-chatbot-link"))){e.preventDefault();const n=t.getAttribute("data-track-url");setTimeout(()=>{window.open(n,"_blank")},100)}},t=v.current;return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}},[x]),s.createElement(Ne.uU,{configuredComponentRef:n,className:t,closeTimeoutMS:400,isOpen:a},s.createElement(Ne.uu,null,s.createElement(Ne.tc,null,g||w($e.A.hed)),s.createElement(Ne.M1,{isIconButton:!0,ariaLabel:w($e.A.closeButtonAriaLabel),label:w($e.A.closeButtonLabel),onClickHandler:async()=>{try{const e=l;(0,ke.hY)();const t={type:"close",label:"OpenAIModalCloseButton",subject:"chatbot",placement:"StackedNavigation"===e?"top_nav":"inline"};await(0,Ce.c)(),await(0,Ae.kg)(t,null,{skipDuplicateEvent:!1})}catch(e){}},role:"button",ButtonIcon:ve.A})),s.createElement(Ne.R5,null,s.createElement(Ne.sn,{ref:v,reducedPadding:M},s.createElement(Ne.lV,null,h||w($e.A.subHed)),x.length>0&&x.map((e,t)=>{const n=t===x.length-1&&e.isUser;return e.isUser?s.createElement(Ne.lN,{key:t,ref:n?C:null,className:"user-message",dangerouslySetInnerHTML:{__html:e.text}}
34885):s.createElement(Ne.tR,{key:t,className:"bot-message",dangerouslySetInnerHTML:{__html:(o=e.text,o?o.replace(/ã\d+:\d+â source\*\*]/g,"").replace(/#### (.*?)(\n|$)/g,"<h4>$1</h4>").replace(/### (.*?)(\n|$)/g,"<h3>$1</h3>").replace(/## (.*?)(\n|$)/g,"<h2>$1</h2>").replace(/# (.*?)(\n|$)/g,"<h1>$1</h1>").replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\*([^*]+)\*/g,"<em>$1</em>").replace(/```([\s\S]*?)```/g,"<pre><code>$1</code></pre>").replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\[(.*?)\]\((.*?)\)/g,(e,t,n)=>`<a href="${n}" target="_blank" rel="noopener noreferrer" data-chatbot-link="true" data-track-url="${n}" data-track-text="${t}">${t}</a>`).replace(/^- (.*?)$/gm,"<li>$1</li>").replace(/(<li>.*?<\/li>[\n\r]?)+/g,e=>`<ul>${e.replace(/[\n\r]/g,"")}</ul>`).replace(/\n/g,"<br>"):"")}});var o}),B&&s.createElement(Ne.Xg,{"data-testid":"loading-indicator"},w($e.A.loadingText),s.createElement(Ne.aj,null),s.createElement(Ne.aj,null),s.createElement(Ne.aj,null)),_&&s.createElement(Ne.Iw,{onClick:()=>{v.current&&(P(!1),F(!0),v.current.scrollTo({top:v.current.scrollHeight,behavior:"smooth"}))},"aria-label":w($e.A.scrollToBottomAriaLabel)},s.createElement(xe.Arrow,null)))),s.createElement(Ne.Ye,null,0===x.length&&K.length>0&&s.createElement(Ne.Ho,{className:"prompt-suggestions"},s.createElement(Ne.lU,null,m||w($e.A.promptHeaderText)),s.createElement(Ne.Xo,{className:"prompt-buttons"},K.map((e,t)=>s.createElement(Ne.tb,{key:t,className:"prompt-button",onClick:()=>(async e=>{A(e),await W(null,e),D([])})(e)},s.createElement(Ne.c3,null,e))))),s.createElement(Ne.$V,null,s.createElement(Ne.W5,{name:"aichatbot-form",action:"",method:"POST",onSubmit:W},s.createElement(Ne.cb,null,s.createElement(Ne.Iy,{submitted:U},s.createElement(Ne.Tq,{inputRef:$,type:"aichatbot-input",placeholder:R,name:"aichatbot-input",formName:"aichatbot-form",label:"aichatbot-input",hideLabel:!0,onInputFocus:()=>{q("")},onInputBlur:e=>{e?.target?.value||R||q(c||w($e.A.textInputPlaceholderText))},onInputChange:(e,t)=>
34885{A(t)}}),s.createElement(xe.Arrow,{onClick:e=>{e.preventDefault(),W(e)}})),s.createElement(xe.Arrow,{onClick:e=>{e.preventDefault(),W(e)}})))),s.createElement(Ne.R5,null,s.createElement(Ne.yE,null,p||w($e.A.disclaimerText)))))};De.displayName="OpenAIModal",De.propTypes={configuredComponentRef:r().func,aiChatBotConfig:r().object,className:r().string,contentType:r().string,engagementChatbotConfig:r().object,env:r().string,isOpenAIModalVisible:r().bool,modalSource:r().string};const _e=(0,M.y)(De,"OpenAIModal"),Pe=(0,fe.Ng)(e=>{const{openAIModalConfig:t,engagementChatbotConfig:n,coreDataLayer:{content:{contentType:o},site:{env:i}}}=e;return{...t,contentType:o,engagementChatbotConfig:n,env:i}})(_e);var Re=n(12501),qe=n(73275),Me=n(76399),Fe=n(84743),Ue=n.n(Fe),Ve=n(52037),Ge=n.n(Ve);const We=(e,t="en-US",n="America/New_York",o="MMMM DD [at] hh:mmA z")=>{const i=((e="")=>""===e?new Date:new Date(e))(e),a=new Date(e)-new Date;let r="";return n&&t&&i&&(r=Ue().tz(e,n).locale(t).format(o)),{duration:a,time:r}},je=e=>Ge()(e,2,"0");const ze=(0,n(72267).YK)({watchLiveOn:{id:"EventBanner.WatchLiveOn",defaultMessage:"Watch live on",description:"url where user can watch an event live"},liveOn:{id:"EventBanner.LiveOn",defaultMessage:"Live on",description:"Live event"},sponsorPreamble:{id:"EventBanner.SponsorPreamble",defaultMessage:"Countdown Presented By",description:"Event banner component sponsor preamble"},eventDays:{id:"EventBanner.eventDays",defaultMessage:"Days",description:"Event banner component days"},eventHours:{id:"EventBanner.eventHours",defaultMessage:"Hours",description:"Event banner component hours"},eventMinutes:{id:"EventBanner.eventMinutes",defaultMessage:"Minutes",description:"Event banner component minutes"},eventSeconds:{id:"EventBanner.eventSeconds",defaultMessage:"Seconds",description:"Event banner component seconds"},closeBanner:{id:"EventBanner.CloseBanner",defaultMessage:"Close Banner",description:"Close event banner"}});var Ye=n(23211);const Xe=({eventDate:e,hasLowerCaseText:t,days:n,hours:o,minutes:i,seconds:a})=>{const{formatMessage:r}=(0,we.A)();return e?s.createElement(Ye.DK,null,s.createElement(Ye.f9,null,s.createElement(Ye.aZ,null,s.createElement("span",{className:"notranslate"},n)),s.createElement(Ye.cw,{hasLowerCaseText:t},r(ze.eventDays))),s.createElement(Ye.v9,null,s.createElement("span",{className:"notranslate"},":")),s.createElement(Ye.f9,null,s.createElement(Ye.aZ,null,s.createElement("span",{className:"notranslate"},o)),s.createElement(Ye.cw,{hasLowerCaseText:t},r(ze.eventHours))),s.createElement(Ye.v9,null,s.createElement("span",{className:"notranslate"},":")),s.createElement(Ye.f9,null,s.createElement(Ye.aZ,null,s.createElement("span",{className:"notranslate"},i)),s.createElement(Ye.cw,{hasLowerCaseText:t},r(ze.eventMinutes))),s.createElement(Ye.v9,null,s.createElement("span",{className:"notranslate"},":")),s.createElement(Ye.f9,null,s.createElement(Ye.aZ,null,s.createElement("span",{className:"notranslate"},a)),s.createElement(Ye.cw,{hasLowerCaseText:t},r(ze.eventSeconds)))):null};Xe.propTypes={days:r().string,eventDate:r().number.isRequired,hasLowerCaseText:r().bool,hours:r().string,minutes:r().string,seconds:r().string};const Ze=Xe,Je=({getTrackingAttributes:e,hasLowerCaseText:t,isEventHappening:n,showButtonAndLogoOnTimeUp:o,timeUpMessage:i,trackingNamespace:a,urlData:r})=>{const l=e(`${a} post Timer Message`);return s.createElement(Ye.Fv,{"data-testid":"PostCountdownComponent",isEventHappening:n,showButtonAndLogoOnTimeUp:o},s.createElement(Ye.je,{"data-testid":"PostTimerMessage",dangerouslySetInnerHTML:{__html:i},isEventHappening:n,showButtonAndLogoOnTimeUp:o}),s.createElement(Ye.tj,{"data-testid":"EventLink",hasLowerCaseText:t,href:r.href,...l,isEventHappening:n},r.text))};Je.propTypes={getTrackingAttributes:r().func,hasLowerCaseText:r().bool,isEventHappening:r().bool,showButtonAndLogoOnTimeUp:r().bool,timeUpMessage:r().string,trackingNamespace:r().str
34885ing,urlData:r().object,watchLiveOnLabel:r().func},Je.displayName="PostCountdownComponent";const Qe=Je,et=({isEventHappening:e,notifyButton:t,onClickHandler:n,showButtonAndLogoOnTimeUp:o,shouldEnableBundleComponentAnalytics:i,trackingNamespace:a})=>e&&!o?null:s.createElement(Ye.KC,{shouldEnableBundleComponentAnalytics:i,trackingNamespace:`${a} Notify`,inputKind:"link",btnStyle:"filled",target:"_blank","aria-label":"Opens in a new window",isEventHappening:e,showButtonAndLogoOnTimeUp:o,...t,onClickHandler:n});et.propTypes={isEventHappening:r().bool,notifyButton:r().shape({href:r().string,label:r().string}),onClickHandler:r().func,shouldEnableBundleComponentAnalytics:r().bool,showButtonAndLogoOnTimeUp:r().bool,trackingNamespace:r().string},et.displayName="NotifyCTA";const tt=et;var nt=n(86157);const ot=({sponsorLogo:e,sponsorBaseUrl:t,formatMessage:n})=>{if(!e)return null;const o={};return t&&(o.href=t,o.as="a"),s.createElement(s.Fragment,null,n(ze.sponsorPreamble),s.createElement(Ye.CA,{"data-testid":"EventSponsoredLogoWrapper",...o},s.createElement(Ye.gu,{...e})))};ot.propTypes={formatMessage:r().func,sponsorBaseUrl:r().string,sponsorLogo:r().shape(nt.A.propTypes)},ot.displayName="SponsorLogo";const it=ot;var at=n(50531),rt=n(18608),st=n(40653);const lt=p.Ay.div.withConfig({displayName:"EventBannerCustomWrapper",shouldForwardProp:e=>!["isTiffanyCampaign"].includes(e)})` 34886 ${({isTiffanyCampaign:e})=>e?`\n @media (max-width: ${g.LO.md}) {\n ${Ye.z1} {\n display: flex!important;\n }\n ${Ye.Ri} {\n margin-top: 8px;\n margin-bottom: 8px;\n display: block;\n }\n }\n @media (min-width: ${g.LO.md}) {\n display: block;\n ${Ye.z1} {\n margin-left: 10px;\n align-items: flex-start;\n ${Ye.Ri} {\n height: auto;\n min-height: 2rem;\n align-items: flex-start;\n width: 100%;\n }\n ${Ye.gu} {\n height: auto;\n width: 100%;\n max-width: 100%;\n img {\n height: 20px;\n width: auto;\n }\n }\n }\n }\n @media (min-width: ${g.LO.lg}) {\n ${Ye.z1} {\n margin-left: 0;\n padding-left: 16px;\n display: flex;\n }\n }\n ${Ye.sT} {\n background: #81d8d0;\n ${Ye.aZ},\n ${Ye.v9},\n ${Ye.je} {\n color: black;\n }\n }\n ${Ye.cw} {\n color: black;\n }\n ${Ye.tj} {\n color: black;\n }\n ${Ye.PQ} {\n color: black;\n @media (min-width: ${g.LO.md}) {\n text-align: left;\n }\n }\n ${Ye.KC}, ${Ye.KC}:hover {\n color: black;\n background: #81d8d0;\n border-color: black;\n }\n ${Ye.PQ}, ${Ye.je}, ${at.Lj} {\n text-box: trim-both text alphabetic;\n }\n ${Ye.je} {\n text-align: center;\n }\n ${Ye.L$} {\n @media (max-width: ${g.LO.md}) {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n text-align: center;\n }\n > ${st.E}:first-child {\n display: block;\n }\n }\n `:""} 34887`,dt=(0,p.Ay)(rt.vm).withConfig({displayName:"EventBannerTiffanyWrapper"}).attrs(e=>({typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 34888 vertical-align: middle; 34889 @media (min-width: ${g.LO.md}) { 34890 margin-right: unset; 34891 text-align: left; 34892 } 34893`,ct=(0,p.Ay)(rt.vm).withConfig({displayName:"EventInfo"}).attrs(e=>({as:"span",typeIdentity:"typography.definitions.globalEditorial.context-secondary",...e}))` 34894 && { 34895 line-height: 1rem; 34896 } 34897 align-self: center; 34898 text-decoration: none; 34899 color: black; 34900 margin-top: 10px; 34901`,mt=({formatMessage:e,getTrackingAttributes:t,hasLowerCaseText:n,hasHiddenEventTimestamp:o,isEventHappening:i,isTiffanyCampaign:a=!1,notifyButton:r,showButtonAndLogoOnTimeUp:l,shouldEnableBundleComponentAnalytics:d,sponsorLogo:c,sponsorBaseUrl:m,trackingNamespace:u,urlData:p})=>{const g=t(`${u} Sponsored`),h=e=>{window.dataLayer&&e&&window.dataLayer.push({event:e.action,eventCategory:"click tracking",eventAction:e.action,eventLabel:e.label})};return s.createElement(Ye.hb,{isEventHappening:i,showButtonAndLogoOnTimeUp:l}
34901,(!i||i&&l)&&r?s.createElement(tt,{"data-testid":"EventBannerNotifyCTA",isEventHappening:i,notifyButton:r,showButtonAndLogoOnTimeUp:l,shouldEnableBundleComponentAnalytics:d,trackingNamespace:u,onClickHandler:()=>{h({action:`${u} Notify`,label:"Notify Me"})}}):s.createElement(it,{sponsorLogo:c,sponsorBaseUrl:m,formatMessage:e}),a&&s.createElement(ct,null,"Sponsored by Tiffany & Co."),(!a&&!i&&!o||!a&&i&&!l)&&s.createElement(Ye.tj,{hasLowerCaseText:n,href:p.href,...g,showButtonAndLogoOnTimeUp:l,isEventHappening:i,onClick:()=>h({action:`${u} Sponsored`,label:p.text})},p.text))};mt.propTypes={formatMessage:r().func,getTrackingAttributes:r().func,hasHiddenEventTimestamp:r().bool,hasLowerCaseText:r().bool,isEventHappening:r().bool,isTiffanyCampaign:r().bool,notifyButton:r().shape({href:r().string,label:r().string}),shouldEnableBundleComponentAnalytics:r().bool,showButtonAndLogoOnTimeUp:r().bool,sponsorBaseUrl:r().string,sponsorLogo:r().object,trackingNamespace:r().string,urlData:r().object,watchLiveOnLabel:r().func},mt.displayName="SponsoredComponent";const ut=mt;var pt=n(72362);const gt=({bannerExpiryTimeStamp:e,bannerStartTimeStamp:t,className:n,cls:o,configuredComponentRef:i,eventBannerTags:a=[],eventTimeStamp:r,isTiffanyCampaign:l=!1,logo:d,logoBaseUrl:c="/",pageTags:m,timeZone:p,timeFormat:g,hasHiddenEventTimestamp:h=!1,hasLowerCaseText:y=!0,showButtonAndLogoOnTimeUp:b=!1,shouldEnableBundleComponentAnalytics:f,shouldShowCloseButton:w=!1,shouldHideCloseButtonDuringEvent:$=!1,timeUpMessage:v,sponsorLogo:C,sponsorBaseUrl:k,notifyButton:x,trackingNamespace:E,url:S,timeUpUrl:L,locale:T,hasConsistentSpacing:N})=>{s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"EventBanner"})},[]);const{formatMessage:H}=(0,we.A)(),[I,B]=(0,s.useState)(),[O,K]=(0,s.useState)(!1),[D,_]=(0,s.useState)(!1),[P,R]=(0,s.use
34901State)("00"),[q,M]=(0,s.useState)("00"),[F,U]=(0,s.useState)("00"),[V,G]=(0,s.useState)("00"),W=(0,s.useCallback)(e=>{if(e>0){K(!1);const{days:t,hours:n,mins:o,secs:i}=(e=>{let t=Math.floor(e/1e3%60),n=Math.floor(e/6e4%60),o=Math.floor(e/36e5%24),i=Math.floor(e/864e5);return o=je(o),n=je(n),t=je(t),i=je(i),{days:i,hours:o,mins:n,secs:t}})(e);R(t),M(n),U(o),G(i)}else K(!0);return{days:P,hours:q,minutes:F,seconds:V}},[P,q,F,V]);(0,s.useEffect)(()=>{const{duration:e,time:t}=We(r,T,p,g);B(t);const n=setTimeout(()=>{W(e)},1e3);return()=>clearTimeout(n)},[r,T,g,p,W,I]);if(!e||void 0===O||D||!(()=>{if(!a?.length)return!0;return!!m.split("|").some(e=>a.includes(e))})()||((e,t)=>{const n=(new Date).valueOf();return!!(t&&new Date(t).valueOf()<n||e&&new Date(e).valueOf()>n)})(t,e))return null;const j=O&&L?L:S,z=!(l||O&&$)&&w,Y=e=>{if(!e||!f)return{};return(0,A.NY)(f,e)},X=Y(E);let Z={};o&&o.isEnabled&&O?Z={style:{minHeight:(0,pt.Zm)()?`${o.desktop.minHeightDuringEvent}px`:`${o.mobile.minHeightDuringEvent}px`}}:o&&o.isEnabled&&!O&&(Z={style:{minHeight:(0,pt.Zm)()?`${o.desktop.minHeightBeforeEvent}px`:`${o.mobile.minHeightBeforeEvent}px`}});let J=x;return l&&O&&(J={href:L.href,label:L.text}),s.createElement(lt,{ref:i,isTiffanyCampaign:l},s.createElement(Ye.sT,{hasConsistentSpacing:N,...Z},s.createElement(Ye.JR,{ButtonIcon:Me.A,onClickHandler:()=>{_(!0)},role:"button",label:H(ze.closeBanner),"aria-expanded":Me.A,shouldEnableBundleComponentAnalytics:f,trackingNamespace:`${E} close`,shouldShowCloseButton:z,isIconButton:!0}),s.createElement(Ye.L$,{className:n,isEventHappening:O,showButtonAndLogoOnTimeUp:b},s.createElement(Ye.z1,{...X},s.createElement(Ye.Ri,{"data-testid":"EventBannerLogoWrapper",isNotClickable:!c?.length,href:c,isEventHappening:O,showButtonAndLogoOnTimeUp:b,onClick:()=>{return e={action:E,label:""},void(window.dataLayer&&e&&window.dataLayer.push({event:e.action,eventCategory:"click tracking",eventAction:e.action,eventLabel:e.label}));var e}},s.createElement(Ye.gu,{...d})),l&&s.createElement(dt,null,s.createElement("b",null,"THE SEPTEMBER TO REMEMBER"),s.createElement("br",null)),!O&&!h&&s.createElement(Ye.PQ,{"data-testid":"EventBannerDek"},I)),O?s.createElement(Qe,{"data-testid":"PostCountdownComponent",getTrackingAttributes:Y,hasLowerCaseText:y,isEventHappening:O,showButtonAndLogoOnTimeUp:b,timeUpMessage:v,trackingNamespace:E,urlData:j}):s.createElement(Ze,{"data-testid":"EventCountdown",eventDate:r,hasLowerCaseText:y,days:P,hours:q,minutes:F,seconds:V}),s.createElement(s.Fragment,null,s.createElement(ut,{isTiffanyCampaign:l,formatMessage:H,getTrackingAttributes:Y,hasLowerCaseText:y,hasHiddenEventTimestamp:h,isEventHappening:O,notifyButton:J,showButtonAndLogoOnTimeUp:b,shouldEnableBundleComponentAnalytics:f,sponsorLogo:C,sponsorBaseUrl:k,trackingNamespace:E,urlData:j})))))};gt.propTypes={configuredComponentRef:r().func,bannerExpiryTimeStamp:r().number.isRequired,bannerStartTimeStamp:r().number,className:r().string,cls:r().object,eventBannerTags:r().array,eventTimeStamp:r().number.isRequired,hasConsistentSpacing:r().bool,hasHiddenEventTimestamp:r().bool,hasLowerCaseText:r().bool,isTiffanyCampaign:r().bool,locale:r().string.isRequired,logo:r().shape(qe.A.propTypes).isRequired,logoBaseUrl:r().string,notifyButton:r().shape({href:r().string,label:r().string}),pageTags:r().string,shouldEnableBundleComponentAnalytics:r().bool,shouldHideCloseButtonDuringEvent:r().bool,shouldShowCloseButton:r().bool,showButtonAndLogoOnTimeUp:r().bool,sponsorBaseUrl:r().string,sponsorLogo:r().shape(qe.A.propTypes),timeFormat:r().string,timeUpMessage:r().string.isRequired,timeUpUrl:r().object,timeZone:r().string.isRequired,trackingNamespace:r().str
34901ing,url:r().object.isRequired},gt.displayName="EventBanner";const ht=(0,m.M3)(gt,{keysToPluck:["hasConsistentSpacing"]}),yt=(0,M.y)(ht,"EventBanner");var bt=n(68089),ft=n(43428),wt=n(34854),$t=n(13446),vt=n(95928),Ct=n(29484);const kt=()=>{if(!(()=>{const e=(0,Ct.UA)(window.location.search);return e.utm_source&&"internal"===e.utm_medium||!1})())return!1;const e=`redirectedForFirstTimeFrom-${(0,Ct.UA)(window.location.search).utm_source}`;return!(!window.localStorage||window.localStorage.getItem(e))&&(window.localStorage.setItem(e,!0),!0)},At=new Set,xt=()=>{if(window.Kendra&&window.Kendra.TRACK_COMPONENT&&window.dataLayer)try{const e=window.Kendra.TRACK_COMPONENT.history();if(e&&e.length>0){const t=e.filter(e=>{const t=`${e.value.name}-${e.value.variation||"Default"}`;return!At.has(t)&&(!!(e=>{let t=!1,n=[];return n=document.querySelectorAll(`[class*=${e}]`),n&&!n.length&&(n=document.querySelectorAll(`[data-event-click*=${e}]`)),n&&!n.length&&(n=document.querySelectorAll(`[data-in-view*=${e}]`)),n&&!n.length&&(n=document.querySelectorAll(`[data-testid=${e}]`)),"CoreIcons"===e?t=!0:n&&n.length&&(t=Object.keys(n).some(e=>0!==n[e].clientWidth&&0!==n[e].clientHeight)),t})(e.value.name)&&(At.add(t),!0))});if(0===t.length)return;const n=t.map(e=>({name:e.value.name,variationName:e.value.variation||"Default"}));window.dataLayer.push({event:"components-loaded",components:n})}}catch(e){}};var Et=n(82873),St=n(22445),Lt=n(64687);const Tt=e=>e===Lt.UA?window?.Fides?.consent?.functional:window.OnetrustActiveGroups?.split(",").includes("C0003"),Nt=({isEnabled:e=!0,scriptPath:t="/verso/static/crash-detection.js"})=>{const n=window?.Fides?Lt.UA:void 0,[o,i]=(0,s.useState)(()=>Tt(n));return(0,Lt.qn)(()=>{i(Tt(n))}),(0,s.useEffect)(()=>{if(e&&o&&(()=>{try{const{userAgent:e}=window.navigator;return e.includes("Safari")&&!e.includes("Chrome")&&!e.includes("Edg")&&!e.includes("Edge")}catch(e){return!1}})()){const e=(0,St.A)(t,document.body,{type:"text/javascript",id:"crash-detection-script",async:!0},()=>{});return()=>{e&&e.parentNode&&e.parentNode.removeChild(e)}}},[e,o,t]),null};Nt.propTypes={isEnabled:r().bool,scriptPath:r().string};const Ht=Nt;var It=n(4081),Bt=n(40510);const Ot=(e,t)=>({type:e,subject:"trip_planner_banner",label:t?.cta?.text||"",placement:"bottom",items:t?.analytics?.items||[]});var Kt=n(8877),Dt=n(4808),_t=n(53788),Pt=n(79712),Rt=n(56892),qt=n(25203);const Mt=[...n(42735).a,"utm_medium","source"],Ft=[["bizproplus","executive"],["bizpro","professional"],["biz","standard"],["proplus","executive"],["pro","professional"],["basic","standard"]],Ut=Ft.map(([e])=>e),Vt=Object.fromEntries(Ft);const Gt=({container:e})=>{const t=e.querySelector("iframe[data-io-event]");var n;if(t instanceof HTMLIFrameElement)try{const e="string"!=typeof(n=t.getAttribute("data-io-products"))?[]:n.split(",").map(e=>e.trim()).filter(Boolean),o=function(){try{const e=(0,Rt.getCookie)(_t.A.accessCookie);if(!e)return[];const t=(0,Pt.A)(e),{martech:n=[],"org-access":o=[]}=t?.fct??{};return[...new Set([...n,...o])]}catch(e){return[]}}(),i=function({products:e=[]}){try{return Ut.find(t=>e.some(e=>e.endsWith(`:${t}`)||e.includes(`:${t}:`)))||"fallback"}catch(e){return"fallback"}}({products:e.length?o.filter(t=>e.includes(t)):[]}),a=function(e,t){try{if("string"!=typeof e)return null;const n=new URL(e),o=n.searchParams,i=t??"fallback",a=i in Vt?Vt[i]:"fallback",r=[...Object.values(Vt),"fallback"].find(e=>n.pathname.endsWith(`/${e}`));return r?r!==a&&(n.pathname=n.pathname.replace(new RegExp(`/${r}$`),`/${a}`)):n.pathname=`${n.pathname.replace(/\/$/,"")}/${a}`,n.search=o.toString(),n.toString()}catch(t){return e}}(function({targetUrl:e,keys:t=[]}){try{const n=(0,qt.hh)(t);if(!n)return e;const o=new URL(e);return new URLSearchParams(n).forEach((e,t)=>{o.searchParams.set(t,e)}),o.toString()}catch(t){return e}}({targetUrl:t.src,keys:[...Mt]}),i);t.src=a}catch(e){}},Wt=({container:e})=>{e.querySelectorAll("script").forEach(e=>{const t=document.createElement("script");Array.from(e.attributes).forEach(e=>{t.setAttribute(e.name,e.value)}),e.src||(t.textContent=e.textContent),e.parentNode?.replaceChild(t,e)})},jt={"magazine/2017/10/30/faces-of-an-epidemic":Wt,"story/welfare-state-algorithms":Wt,"hollywood/oscars-ballot":Wt},zt=({markup:e,canonicalUrl:t,className:n})=>{const o=(0,s.useRef)(null);return(0,s.useEffect)(()=>{const n=o.current;if(!n||!e)return;const i=(e=>{const t=/(?<=\.com\/).*$/.exec(e),n=t?.length?t[0]:"";return Object.keys(jt).find(e=>n.includes(e))})(t);if(i){(0,jt[i])({container:n})}Gt({container:n})},[t,e]),s.createElement("div",{ref:o,className:n,dangerouslySetInnerHTML:{__html:e}})};var Yt=n(36185),Xt=n(82511);const Zt=({navPattern:e=""})=>{const t="SiteHeader"===e;return(0,Xt.A)(()=>
34901{if(!window.MutationObserver)return;let n,o;const i={attributes:!0,attributeFilter:["style","class"]},a=(t=300)=>{clearTimeout(o),o=setTimeout(()=>(0,Bt._)(e),t)};try{if(t){const e=document.querySelector('[data-testid="SiteHeaderStickyWrapper"]'),t=document.querySelector('[data-testid="PersistentTop SiteHeaderWrapper"]');if(!e&&!t)return;n=new MutationObserver(()=>a(530)),e&&n.observe(e,i),t&&n.observe(t,i),requestAnimationFrame(()=>a(0))}else{const e=document.querySelector("header, nav");if(!e)return;n=new MutationObserver(()=>a(300)),n.observe(e,i);const t=document.getElementById("link-banner");t&&n.observe(t,i),requestAnimationFrame(()=>a(0))}}catch(e){}return()=>{n&&n.disconnect(),clearTimeout(o)}},[e,t]),t?null:s.createElement(Yt.LP,null)};Zt.propTypes={navPattern:r().string};const Jt=Zt;var Qt=n(75828);const en={PAYWALL_SCORE:"sophi:paywallScore",DECISION:"sophi:decision"};var tn=n(92704),nn=n(56475);const on=({groupingServiceUrl:e,isSophiEnabled:t})=>{const n=s.useRef(!1),[o,i]=s.useState(!1),[a,r]=s.useState(""),[l,d]=s.useState(null),c=s.useCallback(async()=>{if(!n.current){n.current=!0;try{const t=window.location.hostname,n={domain:t,referrer:document.referrer||"",url:`https://${t}${window.location.pathname||"/"}`,cookie:document.cookie||"",userAgent:navigator.userAgent||"",timestamp:(new Date).toISOString(),...l&&{sophiDecision:l},...a&&{xid:a}};await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n),credentials:"include"}),window.cnBus&&window.cnBus.emit("cngroups.updated",{})}catch(e){}}},[e,l,a]);return s.useEffect(()=>{const e=(0,Rt.getCookie)("CN_xid");if(e&&r(e),window.Kendra?.XID){const e=window.Kendra.XID.on(nn.b.SET,r);return()=>e?.off()}},[]),s.useEffect(()=>{if(!e)return;const t=({targeting:e})=>{i(!0===e)};if(window.Kendra?.CONSENT){const e=window.Kendra.CONSENT.on([tn.M.CONSENT_DEFAULT,tn.M.CONSENT_ACCEPTED,tn.M.CONSENT_REJECTED,tn.M.CONSENT_UPDATED],t,{emitLast:!0});return()=>e?.off()}},[e]),s.useEffect(()=>{if(!o||!t)return;const e=e=>d(e);if(window.cnBus?.on){return window.cnBus.on(en.DECISION,e)}},[o,t]),s.useEffect(()=>{o&&e&&(t?l&&c():a&&c())},[o,e,t,a,l,c]),null};on.propTypes={groupingServiceUrl:r().string,isSophiEnabled:r().bool};const an=on;var rn=n(10702),sn=n(89674),ln=n(26865),dn=n(1123),cn=n(22514),mn=n(73730);const un=(0,p.Ay)(cn.A).withConfig({displayName:"StyledNewsletterDrawer"})` 34902 height: auto; 34903 34904 &&.drawer, 34905 &&.drawer.drawer--open, 34906 &&.drawer.drawer--closing { 34907 background-color: ${({theme:e})=>(0,ln.HK)(e,"colors.background.white")}; 34908 } 34909`,pn=(0,p.Ay)("div").withConfig({displayName:"DrawerContent"})` 34910 ${(0,dn.VO)()} 34911 padding: 0 ${(0,ln.Kq)(3)} ${(0,ln.Kq)(3)} 34912 ${(0,ln.Kq)(3)}; 34913 max-height: 60vh; 34914 overflow-y: auto; 34915 34916 ${(0,ln.H4)(g.LO.md)} { 34917 /* Keep the scroll container full-width; center content via inner wrapper */ 34918 padding-right: 0; 34919 padding-left: 0; 34920 } 34921`,gn=(0,p.Ay)("div").withConfig({displayName:"DrawerContentInner"})` 34922 width: 100%; 34923 34924 ${(0,ln.H4)(g.LO.md)} { 34925 margin: 0 auto; 34926 padding: 0 var(--grid-margin, ${(0,ln.Kq)(6)}); 34927 max-width: 1600px; 34928 } 34929`,hn=(0,p.Ay)(mn.A.Primary).withConfig({displayName:"DrawerContinueButton"})` 34930 display: block; 34931 margin: ${(0,ln.Kq)(3)} auto 0; 34932 width: 100%; 34933 34934 @media (min-width: ${g.LO.lg}) { 34935 width: calc((100% - ${(0,ln.Kq)(2)} * 2) / 3); 34936 } 34937`,yn=(0,p.Ay)("div").withConfig({displayName:"DrawerSelectionControlListItems"})` 34938 display: grid; 34939 grid-template-columns: 1fr; 34940 gap: ${(0,ln.Kq)(2)}; /* ~1rem gutters between cards */ 34941 34942 @media (min-width: ${g.LO.md}) { 34943 grid-template-columns: repeat(2, 1fr); /* 768+ : 2 columns */ 34944 } 34945 34946 @media (min-width: ${g.LO.lg}) { 34947 grid-template-columns: repeat(3, 1fr); /* 1024+ : 3 columns */ 34948 } 34949`;(0,p.Ay)(rt.vm).withConfig({displayName:"DrawerNewsletterSectionHed"}).attrs(e=>({as:"div",colorToken:"colors.interactive.base.body",typeIdentity:"typography.definitions.discovery.subhed-section-collection",...e}))` 34950 display: block; 34951 margin: ${(0,ln.Kq)(2)} 0 ${(0,ln.Kq)(1)}; 34952 border-top: 1px solid ${(0,ln.HK)("colors.interactive.base.body")}; 34953 padding: ${(0,ln.Kq)(1)} 0 ${(0,ln.Kq)(2)};
34954`,(0,p.Ay)("div").withConfig({displayName:"DrawerNewsletterCategoryWrapper"})` 34955 padding-bottom: ${(0,ln.Kq)(4)}; 34956`;var bn=n(99010),fn=n(10604),wn=n(28846);const $n=p.i7` 34957 from { 34958 transform: translateX(-50%) translateY(20px); 34959 opacity: 0; 34960 } 34961 34962 to { 34963 transform: translateX(-50%) translateY(0); 34964 opacity: 1; 34965 } 34966`,vn=p.i7` 34967 from { 34968 transform: translateX(-50%) translateY(0); 34969 opacity: 1; 34970 } 34971 34972 to { 34973 transform: translateX(-50%) translateY(20px); 34974 opacity: 0; 34975 } 34976`,Cn=(0,p.Ay)("div").withConfig({displayName:"ToastWrapper"})` 34977 position: fixed; 34978 bottom: ${(0,ln.Kq)(2)}; 34979 left: 50%; 34980 transform: translateX(-50%); 34981 animation: ${({isExiting:e})=>e?vn:$n} 0.3s ease 34982 forwards; 34983 z-index: ${1e4}; 34984 border-radius: 6px; 34985 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 34986 background-color: ${(0,ln.HK)("colors.background.white")}; 34987 padding: ${(0,ln.Kq)(1.5)} ${(0,ln.Kq)(2)}; 34988 min-width: 280px; 34989 max-width: 90vw; 34990 text-align: center; 34991 color: ${(0,ln.HK)("colors.interactive.base.black")}; 34992 pointer-events: auto; 34993`,kn=(0,p.Ay)("div").withConfig({displayName:"ToastTitle"})` 34994 ${(0,ln.Gg)("typography.definitions.utility.card-heading")} 34995 margin-bottom: ${(0,ln.Kq)(.5)}; 34996 color: ${(0,ln.HK)("colors.interactive.base.black")}; 34997`,An=(0,p.Ay)("div").withConfig({displayName:"ToastMessage"})` 34998 ${(0,ln.Gg)("typography.definitions.utility.body")} 34999 color: ${(0,ln.HK)("colors.interactive.base.black")}; 35000`,xn=({title:e,message:t,isExiting:n=!1,onClose:o})=>s.createElement(Cn,{role:"status","aria-live":"polite",isExiting:n,"data-testid":"Toast",onAnimationEnd:()=>n&&o?.()},e&&s.createElement(kn,null,e),t&&s.createElement(An,null,t));xn.propTypes={isExiting:r().bool,message:r().string.isRequired,onClose:r().func,title:r().string},xn.displayName="Toast";const En=xn;var Sn=n(40961);const Ln=(0,s.createContext)(null),Tn=window.document,Nn=({children:e,autoDismissTimeout:t=5e3})=>{const[n,o]=(0,s.useState)(null),[i,a]=(0,s.useState)(!1),r=(0,s.useRef)(null),l=(0,s.useRef)(null),d=(0,s.useCallback)(()=>{r.current&&(clearTimeout(r.current),r.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]);(0,s.useEffect)(()=>()=>d(),[d]);const c=(0,s.useCallback)(()=>{a(!0),l.current=setTimeout(()=>{o(null),a(!1)},300)},[]),m=(0,s.useCallback)(({title:e,message:n,timeout:i})=>{d(),a(!1),o({title:e,message:n});const s=i||t;r.current=setTimeout(()=>{c()},s)},[t,d,c]),u=s.useMemo(()=>({addToast:m}),[m]),p=n&&Tn?Sn.createPortal(s.createElement(En,{title:n.title,message:n.message,isExiting:i,onClose:()=>{o(null),a(!1)}}),document.body):null;return s.createElement(Ln.Provider,{value:u},e,p)};Nn.propTypes={autoDismissTimeout:r().number,children:r().node.isRequired},Nn.displayName="ToastProvider";const Hn="Done",In="Select newsletters",Bn="newsletter-drawer",On="newsletter_onboarding_sheet_signups",Kn="newsletter_drawer",Dn="signup",_n="close",Pn="continue",Rn=({config:e={},userPlatform:t={},user:n={}})=>{const{onboardingTitle:o,onboardingDek:i}=e?.newsletter?.manage||{},[a,r]=s.useState(!1),[l,d]=s.useState({}),{addToast:c}=(()=>{const e=(0,s.useContext)(Ln);if(!e)throw new Error("useToast must be used within a ToastProvider");return e})(),m=s.useRef(!1),u=s.useMemo(()=>e?.newsletterList||[],[e?.newsletterList]),p=n?.isAuthenticated&&n?.amguuid&&n?.email,g=s.useMemo(()=>e?.newsletterList.filter(e=>e.showNewsletterInOnboarding).map(e=>{const t=e?.subscribe||{};return{id:e.newsletterId,name:`newsletter-list-${e.newsletterId}`,value:"true",inputAttributes:{"data-id":e.newsletterId},dangerousHed:e.newsletterHubCustomHed||t.dangerousHed,dangerousDek:e.newsletterHubCustomDek||t.dangerousDek,alertBadge:e.alertBadge||"",frequencyBadge:e.frequencyBadge||"",category:e.category||"Newsletters",image:t.imageUrl?{altText:t.imageAltText||void 0,sources:{sm:{url:t.imageUrl}}}:void 0}}),[e?.newsletterList]);if(s.useEffect(()=>{if(m.current)return;if(!p||0===u.length)return;const{postLoadAction:e}=(0,fn.A)(window.location.search||"");if("newsletter"!==e)return;m.current=!0;const o=new URL(window.location.href);o.searchParams.delete("postLoadAction"),window.history.replaceState({},"",o.toString());(async()=>{try{const e=u.map(e=>e.newsletterId),o=await wn.A.getNewsletterSubscriptions({amgUUID:n.amguuid,xClientID:t?.xClientID,newsletterIds:e,sendAllNewsletterIds:!0}),i=new Set((o?.newsletterSubscriptions?.data||[]).filter(e=>"SUBSCRIBED"===e?.attributes?.status).map(e=>e?.attributes?.newsletterId?.toString()));d(u.reduce((e,t)=>
35000(e[t.newsletterId]=i.has(t.newsletterId),e),{}))}catch(e){}r(!0),(0,Ae.pu)({type:"impression",subject:Kn})})()},[p,u,g,n?.amguuid,t?.xClientID]),!a||0===u.length)return null;const h=async e=>{const o=e?.target?.getAttribute("data-id"),i=Boolean(e?.target?.checked);if(o&&(d(e=>({...e,[o]:i})),n?.isAuthenticated)){const e=o;try{await wn.A.saveNewsletterSubscriptions({amgUUID:n.amguuid,payload:{email:n.email,siteCode:t.siteCode,sourceCode:On,formName:Bn,subscriptions:[{status:"SUBSCRIBED",newsletterId:e}]},xClientID:t.xClientID});const o=g.find(t=>String(t.id)===String(e));if((0,Ae.pu)({type:Dn,newsletter_id:String(e),newsletter_title:o?.dangerousHed,cadence:o?.frequencyBadge,subject:Kn}),i){const e=o?.dangerousHed,t=e?e.replace(/<[^>]*>/g,""):"Newsletter";c({title:t,message:"You've signed up to this newsletter"})}}catch(e){}}},y=()=>{if("fixed"===document.body.style.position){document.querySelector("body").classList.remove("body__drawer--open");const e=parseInt(document.body.style.top,10)||0;document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,-1*e)}};return s.createElement(un,{isOpen:a,onClose:()=>{(0,Ae.pu)({type:_n,subject:Kn}),y(),r(!1)},showCloseButton:!0,shouldCloseOnOverlayClick:!1,hideChannelNavigation:!0,overlayColor:"black",contentLabel:"Newsletter sign up",drawerTitle:o,drawerDek:i,variations:{animation:"slide-up",align:"bottom"}},s.createElement(pn,null,s.createElement(gn,null,s.createElement("div",null,s.createElement(sn.A,{dangerousLegend:In,formName:Bn,items:g},s.createElement(yn,null,g.map((e,t)=>{const o=l?l[e.id]:void 0;return s.createElement(bn.A,{key:`${e.name}.${e.value}`,id:e.id,name:e.name,value:e.value,inputAttributes:e.inputAttributes,dangerousHed:e.dangerousHed,dangerousDek:e.dangerousDek,alertBadge:e.alertBadge,frequencyBadge:e.frequencyBadge,image:e.image,formName:Bn,index:t,isChecked:o,isAuthenticated:Boolean(n?.isAuthenticated),onChangeHandler:h,variant:"compact"})})))),s.createElement(hn,{label:Hn,onClickHandler:()=>{(0,Ae.pu)({type:Pn,subject:Kn}),y(),r(!1)},shouldUseFullWidth:!0}))))};Rn.propTypes={config:r().shape({newsletterList:r().arrayOf(r().shape({newsletterId:r().oneOfType([r().string,r().number]),category:r().string,alertBadge:r().string,frequencyBadge:r().string,slug:r().string,subscribe:r().shape({buttonLabel:r().string,dangerousDek:r().string,dangerousHed:r().string,imageAltText:r().string,imageUrl:r().string})}))}),user:r().shape({isAuthenticated:r().bool,amguuid:r().string,email:r().string}),userPlatform:r().shape({siteCode:r().string,userPlatformProxy:r().string,xClientID:r().string})};const qn=(0,fe.Ng)(e=>({config:e.config,user:e.user,userPlatform:e.userPlatform}))(e=>s.createElement(Nn,null,s.createElement(Rn,{...e})));var Mn=n(21424),Fn=n(24656);const Un=new Set(["StackedNavigation","StandardNavigation","SiteHeader"]),Vn=(e,t)=>Boolean(e&&t?.enabledAppView&&new URLSearchParams(window.location.search).get("appView")===t.enabledAppView),Gn=(e,t,n)=>Boolean(e&&t?.hiddenPositions?.includes(n)),Wn=({aboveTheFoldClassName:e,configuredComponentRef:t,attributes:n,additionalNavigation:o=null,children:a,className:r,componentConfig:l,config:m,crossDomainLinks:g,crashDetectionScriptPath:h,hasBaseAds:y=!1,hasContentHeaderLogo:$,hasFooterAdsMargins:v=!1,hasFooterMargins:C=!0,hasEventBannerHidden:k,hasTopStory:A=!1,hideFooter:x=!1,hideHeader:E=!1,coreDataLayer:S,deepLinkImageId:L,engagementChatbotConfig:T,featureFlags:N,featureValue:H,fullPageTheme:I="standard",groupingServiceConfig:B,isHeroAdVisible:O=!0,interactiveOverride:K,redirectMsg:D,showContentFooterWithHeaderOverride:_=!1,showNavWithHeaderOverride:R=!0,theme:q="standard",navigationTheme:M,hasFooterAd:F=!0,shouldPrioritizeSeriesPagination:U=!1,seriesData:V,linkBannerData:G,globalMessage:W=null,showBackgroundGradientColor:ae=!1,fourd:re,hasLinkbannerCrossSlideAnimation:se=!1,snowplow:fe,mainRef:we=null,fingerprint:$e,persistentLogin:ve,idmapper:Ce,shouldScrollToTopStory:ke,hasExtraMarginForHeader:xe=!1,user:Ee,lang:Se=be.xN,shouldBeStickyVideo:Le=!1,hasConsistentSpacing:Te,aiChatBotConfig:Ne,dis
35000patch:He,payment:Ie,sophiConfig:Be={enabled:!1,hostId:""},hidePrimaryNavigationBar:Oe,tripPlannerBanner:Ke,webviewContentOnlyAdConfig:De})=>{const _e=(0,s.useContext)(p.Dx),qe=_e?.themeName,Me=I||"standard",Fe=m?.newsletterList?.some(e=>e.showNewsletterInOnboarding),Ue="US"===(0,Rt.getCookie)("CN_geo_country_code")&&Be.enabled&&Be.hostId;(0,ne.ck)(Ue?Be.hostId:null);let Ve=!1,Ge=!1,We=!1,je=!1,ze=[];const Ye=[],Xe=[],Ze=[],Je=s.useRef(),Qe=s.useRef(null),et=s.useRef(!1),[tt,nt]=s.useState(!1),[ot,it]=s.useState(0);s.useEffect(()=>{Ke&&!et.current&&((e=>{(0,Ae.kg)(Ot("impression",e),null,{skipDuplicateEvent:!1})})(Ke),et.current=!0)},[Ke]);const at=s.useCallback(e=>{((e,t)=>{(0,Ae.kg)(Ot("click",e),null,{targetElement:t,skipDuplicateEvent:!1})})(Ke,e.currentTarget)},[Ke]),rt=e=>{(0,Ae.kg)({type:"scroll",placement:"vertical",index:e})};let st=!0;const lt=(0,Kt.B)(),dt=Vn(lt,De),ct=Gn(dt,De,"hero"),mt=Gn(dt,De,"footer"),ut=dt?De?.hiddenPositions:[],pt=E||dt,gt=x||dt,ht=e=>{const t=window.Fides?(0,wt.be)():(e=>Array.isArray(e?.detail)?e?.detail:[])(e),n=["C0004"],o=!!t.some(e=>n.includes(e));Je.current.updateConsent(t);const i=window?.dataLayer.find(e=>"data-layer-loaded"===e.event),a=i?.site?.env;(0,Ae.JE)((0,Ae.Ec)()||o,a,fe?.slug),(()=>{const e=(0,Ae.iw)?.(),{collectorURL:t,slug:n,enableSnowplow:o,appInfoObj:i}=fe,a=S?.site?.env;if(("staging"===a||Ae.QD.includes(n))&&(e?.C0009||e?.C0004)&&!window.__snowplowAlreadyInitialized&&(window.__snowplowAlreadyInitialized=!0,fe&&o)){const e=[S,Ee];(0,Ae.up)(t,n,e,i,g)}})()},Ct=()=>{(0,Ae.Ec)()||(0,Rt.deleteCookie)("sp_client")},At=()=>{const e=window&&window.document&&window.document.documentElement.scrollHeight,t=(window&&window.pageYOffset)/(e-(window&&window.innerHeight))*100;t>=25&&!Ve&&(rt(25),(0,Ae.Hh)(),Ve=!0),t>=50&&!Ge&&(rt(50),(0,Ae.Hh)(),Ge=!0),t>=75&&!We&&(rt(75),(0,Ae.Hh)(),We=!0),t>=100&&!je&&(rt(100),(0,Ae.Hh)(),je=!0),st=(0,oe.W)(st,window.scrollY)},St=()=>{if(L){if(!new URLSearchParams(window.location.search).get("image"))return;const e=document.getElementById(L);e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},1)}else(0,pe.A)(window.location.hash)},Lt=e=>()=>{e.scrollBy({left:-300,behavior:"smooth"}),(0,Ae.kg)({type:"back",subject:"table",placement:"mid-content"})},Tt=e=>()=>{e.scrollBy({left:300,behavior:"smooth"}),(0,Ae.kg)({type:"forward",subject:"table",placement:"mid-content"})},Nt=(e,t,n)=>()=>{const{scrollLeft:o,scrollWidth:i,clientWidth:a}=e,r=0===o,s=o>=i-a;t.disabled=r,n.disabled=s,s?e.classList.remove("has-shadow"):e.classList.add("has-shadow")},_t=()=>{const e=document.querySelectorAll("table"),t=[];e.length>0&&(e.forEach(e=>{const n=(e=>{const t=e.parentElement;if(t&&t.classList.contains("scrollable-table-container"))return t;const n=document.createElement("div");n.className="table-container";const o=document.createElement("div");return o.className="scrollable-table-container",e.classList.contains("simple-table")||e.classList.add("simple-table"),e.parentNode.insertBefore(n,e),n.appendChild(o),o.appendChild(e),o})(e);n&&!t.includes(n)&&t.push(n)}),ze=document.querySelectorAll(".scrollable-table-container"),ze.forEach((e,t)=>{const n=document.createElement("div"),o=document.createElement("button"),i=document.createElement("button"),a=e.scrollWidth>e.clientWidth;Ye[t]=o,Xe[t]=i,Ze[t]=n,a?(e.classList.add("has-shadow"),n.classList.add("scroll-arrows"),o.classList.add("chevron","left"),i.classList.add("chevron","right"),o.disabled=!0,n.appendChild(o),n.appendChild(i),e.parentElement.insertAdjacentElement("afterend",n),o.addEventListener("click",Lt(e)),i.addEventListener("click",Tt(e)),e.addEventListener("scroll",Nt(e,o,i))):(e.parentElement.classList.add("has-bottom-margin"),e.classList.remove("has-shadow"));const r=e.parentElement,s=r.querySelectorAll("a"),l=Array.from(s).some(e=>e.href.includes("cna.st"));if(r&&l&&!r.classList.contains("table-impression-tracked")){const e=new IntersectionObserver(n=>{n.forEach(n=>{if(n.isIntersecting&&!n.target.classList.contains("table-impression-tracked")){n.target.classList.add("table-impression-tracked");const o=n.target.querySelectorAll('a[href*="cna.st"]');if(o.length>0){const e=[];
35000if(Array.from(o).forEach((t,n)=>{const o={currentTarget:t,target:t,type:"impression"};(0,ft.P)({event:o,linkProps:t.getAttribute("href"),setLinkProps:()=>{},onClickHandler:(o,i)=>{e.push({...i,target:t,currentTarget:t,label:t.textContent||`Product ${n+1}`,link:t.getAttribute("href"),position:n+1})},type:"AffiliateLinkSimpleTable",label:"affiliate_link_simple_table"})}),e.length>3)for(let t=0;t<e.length;t+=3)(0,Ae.F$)(e.slice(t,t+3));else e.length>0&&(0,Ae.F$)(e)}window.dataLayer&&window.dataLayer.push({event:"table-impression",table:{index:t,position:t+1}}),e.unobserve(n.target)}})},{root:null,rootMargin:"0px",threshold:.5});e.observe(r)}}))};s.useEffect(()=>{if(vt.A.persistentLogin(ve),Je.current=new $t.wp($e||{}),window.Fides||window.addEventListener("OneTrustGroupsUpdated",ht),window.addEventListener("FidesUpdated",ht),Qe.current=window.Kendra.WINDOW_EVENT.on(P.m.SCROLL_DEBOUNCE,At),window.addEventListener("load",()=>{_t(),St()}),N.showRedirectMsg&&D&&kt()&&nt(!0),fe){const{collectorURL:e,slug:t,enableSnowplow:n,appInfoObj:o}=fe;if(n){const n=window.document.getElementsByTagName("a");for(let e=0;e<n.length;e++)n[e].addEventListener("click",e=>{const t=(0,Ae.D3)(e.target);t&&(0,Ae.UP)(t)});const i=[S,Ee];(0,Ae.up)(e,t,i,o,g),document?.body?.addEventListener("ceros-analytics-event",Ae.iu)}}return window.Kendra.TRACK_COMPONENT.broadcast(u.G.RENDER,{name:"BasePage"}),(()=>{const e=()=>{xt()};"complete"===document.readyState?setTimeout(e,2e3):"interactive"===document.readyState?window.addEventListener("load",()=>{setTimeout(e,2e3)}):document.addEventListener("DOMContentLoaded",()=>{window.addEventListener("load",()=>{setTimeout(e,2e3)})})})(),window?.Fides?.initialized?Ct():window.addEventListener("FidesInitialized",Ct),window.addEventListener("FidesUpdated",Ct),()=>{window.removeEventListener("load",()=>{_t(),St()}),window.removeEventListener("OneTrustGroupsUpdated",ht),window.removeEventListener("FidesUpdated",ht),Qe.current&&Qe.current.off(),window.removeEventListener("FidesInitialized",Ct),window.removeEventListener("FidesUpdated",Ct),ze.forEach((e,t)=>{const n=Ye[t],o=Xe[t],i=Ze[t];n.removeEventListener("click",Lt(e)),o.removeEventListener("click",Tt(e)),e.removeEventListener("scroll",Nt(e,n,o)),i&&i.remove()})}},[]),s.useEffect(()=>{window.cnBus.on("journey.unit.render.end",()=>{const e=document.querySelector(".journey-unit__container .NewsletterRibbonComponent");
35000e&&it(e.offsetHeight)})},[]),(0,ne.Xz)({user:Ee,payment:Ie,dispatch:He});const{bannerType:Pt}=G,qt="visual-link-banner"===Pt,Mt=qt&&!$,Ft=S?.content?.tags||"",Ut="header"===(0,bt.u)(K),Vt="all"===(0,bt.u)(K),Gt=re?re.enableFourdUser:null;if(Vt)return s.createElement(s.Fragment,null,s.createElement(zt,{canonicalUrl:S?.page?.canonical||"",className:"interactive-override-container interactive-override-container--all",markup:K.markup}),fe?.enableSnowplow&&s.createElement(ee.A,{brand:fe.slug||""}),s.createElement(Ht,{isEnabled:!0}),s.createElement(Q.A,{shouldEnableFourdUser:Gt,shouldEnableInfinityId:N.enableInfinityId,idmConfig:Ce}));const Wt=(R||!Ut)&&!pt,jt=U&&V&&G.links.length>0,Yt=l?.ConnectedNavigation?.settings?.navPattern||"",Xt=T?.enableChatBot||!1,Zt=!Ut&&!ct&&Un.has(Yt),en=!jt&&l?.[Yt]?.variation||"",tn="OneNav"===Yt,nn=v?6:0,on=q,sn={fullPageTheme:Me,theme:on},ln="main-content",dn=s.createElement(It.qX,{ref:t,...n,className:i()("page",{"page-prioritize-series-pagination":jt,[`theme-${Me}`]:null==qe&&Me===on&&"standard"!==Me,[`theme-${qe}`]:null!=qe&&"standard"!==qe},r),hasConsistentSpacing:Te,hasFooterMargins:C&&"inverted"!==Me,hasContentHeaderLogo:$,isNavigationHidden:!Wt,shouldBeStickyVideo:Le,showScrolledLinkBannerSpacing:se,isVisualLinkBanner:qt,hasExtraMarginForHeader:xe,journeyRibbonHeight:ot},tt&&s.createElement(f.A,{contentAlign:"center",isFixed:!0,delayDuration:1e4},s.createElement("p",null,D)),Xt&&s.createElement(Pe,{aiChatBotConfig:Ne}),N.showGlobalMessage&&W&&s.createElement(f.A,{contentAlign:"center",delayDuration:W.delayDuration},s.createElement("p",null,W.text)),s.createElement(ue.A.Provider,{value:sn},s.createElement(Fn.cY,{hiddenPositions:ut},s.createElement(Mn.Ay,null,s.createElement(It.B3,{isNavigationHidden:!Wt}),y&&s.createElement(w.Z,{group:"ads"},s.createElement(It.UU,{position:"out-of-page"}),s.createElement(It.UU,{position:"outstream"}),s.createElement(It.UU,{position:"overlay"})),s.createElement(It.S6,{href:ke?"#topstory-content":`#${ln}`,"data-testid":"BasePageSkipLink"},"Skip to main content"),s.createElement(b,null,s.createElement(w.Z,{group:"paywall"},s.createElement(le,{className:"paywall-modal--paywall",position:"paywall-modal-full-barrier"}),s.createElement(j,{name:"incognito-modal",component:le,className:"paywall-modal--incognito"})),s.createElement(Re.v0,null)),Wt&&s.createElement(ge.A,{featureValue:H,navigationTheme:[M,Me,on].find(e=>"standard"!==e&&null!=e),hasContentHeaderLogo:$,shouldEnableFullArticleInverted:"inverted"===Me,hasLinkbannerCrossSlideAnimation:se,journeyRibbonHeight:ot,hasBaseAds:y&&!ct,hidePrimaryNavigationBar:Oe}),Mt&&s.createElement(Et.A,{hasDivider:qt}),o,s.createElement(de.A,null,s.createElement(Re.RJ,null),s.createElement(w.Z,{group:"paywall"},s.createElement(ie.A,null)),s.createElement(Y.A,null),s.createElement(X.A,null),s.createElement(Z.A,null),s.createElement(J.A,null),N.hasRiser&&s.createElement(z.A,{position:"cm-riser"}),Fe&&s.createElement(qn,null)),Ke&&s.createElement(It.bq,{"data-testid":"trip-planner-banner"},s.createElement(It.Yl,null,Ke.text),s.createElement(It.vm,{href:Ke.cta.url,onClick:at},Ke.cta.text)),Zt&&s.createElement(Jt,{navPattern:Yt}),!tn&&y&&O&&!Ut&&!ct&&s.createElement(c.$,{navVariation:en}),s.createElement(Dt.A,{experimentFlags:H}),s.createElement(It.vY,{id:ln,tabIndex:"-1",isInverted:"inverted"===Me,className:i()("page__main-content"),hasTopStory:A,showBackgroundGradientColor:ae,ref:we,hasConsistentSpacing:Te},!A&&s.createElement(ce.A,{className:e},s.createElement(Re.Rv,null)),!d()(m?.eventBanner)&&!k&&s.createElement(yt,{"data-testid":"EventBanner",className:"page__event_banner",pageTags:Ft}),Ut?s.createElement(s.Fragment,null,s.createElement(zt,{canonicalUrl:S?.page?.canonical||"",className:"interactive-override-container interactive-override-container--header",markup:K.markup}),_&&(0,Bt.X)(a)):a),s.createElement(It.fu,{className:"page__main-footer-filler"}),y&&F&&!mt&&s.createElement(ce.A,{topSpacing:nn},lt&&s.createElement(Re.wi,null),s.createElement(w.Z,{group:"consumer-marketing"},s.createElement(z.A,{position:"cm-footer"}))),((e,t,n,o)=>e?null:s.createElement(It.dW,{hasMargins:t,noFooterMargin:"inverted"===n,hasConsistentSpacing:o},s.createElement(It.do,null,s.createElement(me.A,null))))(gt,C,Me,Te)))),s.createElement(Q.A,{shouldEnableFourdUser:Gt,shouldEnableInfinityId:N.enableInfinityId,idmConfig:Ce}),N.enableUserContext&&s.createElement(te.A,null),N.enableBotSignals&&s.createElement(rn.Ay,null),B?.isEnabled&&"US"===(0,Rt.getCookie)("CN_geo_country_code")&&s.createElement(an,{groupingServiceUrl:B?.endpoint,isSophiEnabled:Ue}),fe?.enableSnowplow&&s.createElement(ee.A,{brand:fe.slug||""}),s.createElement(Ht,{isEnabled:!0,scriptPath:h}),s.createElement(Qt.h,null));return s.createElement(he.CZ,null,s.createElement(ye.pd,{lang:Se},dn))};
35000Wn.propTypes={aboveTheFoldClassName:r().string,additionalNavigation:r().node,aiChatBotConfig:r().object,attributes:r().object,children:r().node.isRequired,className:r().string,componentConfig:r().shape({ConnectedNavigation:r().shape({settings:r().shape({navPattern:r().string})})}),config:r().shape({eventBanner:r().object,groupingServiceUrl:r().string,newsletterList:r().array}),configuredComponentRef:r().func,coreDataLayer:r().shape({content:r().shape({tags:r().string,contentType:r().string}),page:r().shape({canonical:r().string})}),crashDetectionScriptPath:r().string,crossDomainLinks:r().array,deepLinkImageId:r().string,engagementChatbotConfig:r().object,eventBannerTags:r().array,groupingServiceConfig:r().shape({endpoint:r().string,isEnabled:r().bool}),featureFlags:r().shape({hasRiser:r().bool,showRedirectMsg:r().bool,showGlobalMessage:r().bool,enableInfinityId:r().bool,enableUserContext:r().bool,enableBotSignals:r().bool}),featureValue:r().object,fingerprint:r().object,fourd:r().shape({enableFourdUser:r().bool}),fullPageTheme:r().oneOf(["standard","inverted"]),globalMessage:r().shape({text:r().string.isRequired,delayDuration:r().number}),hasBaseAds:r().bool,hasConsistentSpacing:r().bool,hasContentHeaderLogo:r().bool,hasEventBannerHidden:r().bool,hasExtraMarginForHeader:r().bool,hasFooterAd:r().bool,hasFooterAdsMargins:r().bool,hasFooterMargins:r().bool,hasLinkbannerCrossSlideAnimation:r().bool,hasTopStory:r().bool,hideFooter:r().bool,hideHeader:r().bool,idmapper:r().shape({isEnabled:r().bool,publicKey:r().string}),interactiveOverride:r().shape({markup:r().string,behavior:r().string}),isHeroAdVisible:r().bool,lang:r().oneOf(be.YZ),linkBannerData:r().shape({bannerType:r().string,hed:r().hed,dek:r().dek,image:r().shape(qe.A.propTypes),links:r().arrayOf(r().shape({url:r().string,text:r().string,isExternal:r().bool})),tracking:r().shape({trackingIdentifier:r().string,attributes:r().object})}),mainRef:r().object,navigationTheme:r().string,persistentLogin:r().object,redirectMsg:r().string,seriesData:r().shape({hed:r().string,dek:r().string,image:r().object,links:r().arrayOf(r().shape({hed:r().string,dek:r().string,image:r().object,isPublished:r().bool,promoHed:r().string,url:r().string}))}),shouldBeStickyVideo:r().bool,shouldEnableFullArticleInverted:r().bool,hidePrimaryNavigationBar:r().bool,tripPlannerBanner:r().shape({text:r().string,cta:r().shape({text:r().string,url:r().string}),analytics:r().shape({items:r().arrayOf(r().shape({content_id:r().string,content_title:r().string,content_type:r().string,content_url:r().string}))})}),shouldPrioritizeSeriesPagination:r().bool,shouldScrollToTopStory:r().bool,showBackgroundGradientColor:r().bool,showContentFooterWithHeaderOverride:r().bool,showNavWithHeaderOverride:r().bool,snowplow:r().shape({collectorURL:r().string,enableSnowplow:r().bool,slug:r().string,appInfoObj:r().object}),theme:r().oneOf(["standard","inverted","special"]),user:r().object,webviewContentOnlyAdConfig:r().shape({enabledAppView:r().string,hiddenPositions:r().arrayOf(r().string)}),dispatch:r().func,payment:r().shape({negotiation:r().shape({content:r().shape({contentType:r().string,channelSlug:r().string})})}),sophiConfig:r().shape({enabled:r().bool,hostId:r().string})},Wn.displayName="BasePage";const jn=(0,m.M3)(Wn,{keysToPluck:["config","redirectMsg","componentConfig","coreDataLayer","crashDetectionScriptPath","deepLinkImageId","featureFlags","hasTopStory","hidePrimaryNavigationBar","seriesData","linkBannerData","globalMessage","snowplow","fourd","user","fingerprint","idmapper","crossDomainLinks","engagementChatbotConfig","payment","groupingServiceConfig","sophiConfig","persistentLogin"]})},40510(e,t,n){n.d(t,{X:()=>o,_:()=>d});const o=e=>{if(Array.isArray(e)){const t=e.filter(Boolean).find(e=>e&&"ArticlePageContentFooterGrid"===e.type?.displayName);return t||null}return e&&e.props?e:null};let i=null,a=0;const r=()=>(i||(i={stickyHeroAdWrapper:document.querySelector('[class*="StickyHeroAdWrapper"]'),adsSpacer:document.querySelector('[class*="AdsSpacer"]'),navbar:document.querySelector("header, nav"),linkBanner:document.getElementById("link-banner"),mainContent:document.getElementById("main-content")}),i),s=()=>{i=null,a=0},l=(e,t)=>
35000{const n=r(),o=`${Math.round(t)}px`;try{n.stickyHeroAdWrapper&&n.stickyHeroAdWrapper.style.setProperty(e,o),n.adsSpacer&&n.adsSpacer.style.setProperty(e,o)}catch(e){s()}},d=e=>{try{const{navbar:t,linkBanner:n,mainContent:o}=r();let i=0,s=0;if("SiteHeader"===e)return i=(()=>{const{navbar:e}=r();if(!e)return 0;const t=window.getComputedStyle(e),n=parseFloat(t.top),o=e.offsetHeight;return 0===n?o:0})(),void l("--header-height",i);if(o&&t&&o.contains(t))return void l("--header-height",i);if(n&&t&&!t.contains(n)&&(s=(e=>{if(!e)return 0;try{if(e.classList.contains("visual-link-banner--is-scrolled"))return 0;const t=window.getComputedStyle(e),n=parseFloat(t.paddingTop)||0,o=parseFloat(t.paddingBottom)||0,i=parseFloat(t.borderTopWidth)||0,a=parseFloat(t.borderBottomWidth)||0;return Math.max(0,e.offsetHeight-n-o-i-a)}catch(e){return 0}})(n),i=s),i+=(e=>{if(!e)return 0;try{if(e.tagName&&"nav"===e.tagName.toLowerCase()){const{position:t}=window.getComputedStyle(e);if("relative"===t)return 0}const t=e.offsetHeight||0,n=Math.abs(e.offsetTop||0);return Math.max(0,t-n)}catch(e){return 0}})(t),s>0&&n){const e=i-s;try{n.style.setProperty("--header-height",`${Math.round(e)}px`),l("--banner-height",e)}catch(e){}}(0===a||Math.abs(i-a)>.5)&&(l("--header-height",i),a=i)}catch(e){s()}};d.clearCache=s},30543(e,t,n){n.d(t,{A:()=>r});var o=n(13465),i=n(958),a=n(46269);const r=(0,o.y)((0,a.T)(i.A),"BasePage")},4081(e,t,n){n.d(t,{B3:()=>k,S6:()=>A,UU:()=>T,Yl:()=>L,bq:()=>E,dW:()=>b,do:()=>N,fu:()=>x,qX:()=>C,vY:()=>v,vm:()=>S});var o=n(38267),i=n(18608),a=n(52813),r=n(66657),s=n(96472),l=n(19607),d=n(86659),c=n(40653),m=n(26865),u=n(16800),p=n(66228),g=n(89085),h=n(67275),y=n(75163);const b=(0,o.Ay)(r.A).withConfig({displayName:"BasePageSiteFooterRow"})` 35001 background-color: ${(0,m.HK)("colors.foundation.footer.bg")}; 35002 35003 ${({noFooterMargin:e})=>e&&o.AH` 35004 margin-top: 0; 35005 `} 35006 35007 ${({hasMargins:e,hasConsistentSpacing:t,noFooterMargin:n,theme:i})=>e&&!n?t&&"0px"!==(0,u.F)(i,"padding-top-md")?o.AH` 35008 margin-top: ${(0,m.Kq)(0)}; 35009 `:o.AH` 35010 margin-top: ${(0,m.Kq)(6)}; 35011 `:o.AH``} 35012`,f=`\n .standardnavigation-site-navigation[class*='link-banner'] & {\n &.page {\n .grid-layout__aside {\n .sticky-box {\n @media (min-width: ${s.LO.md}) {\n top: ${(0,m.Kq)(20)};\n }\n }\n }\n\n .ad-stickymidcontent {\n .ad.ad--mid-content {\n @media (max-width: ${s.LO.md}) {\n top: ${(0,m.Kq)(15.7,"px")};\n }\n }\n }\n }\n &.page-prioritize-series-pagination {\n padding-top: ${(0,m.Kq)(7)};\n }\n }\n`,w=`\n .fixed-header-logo-with-search-bar-nav-variation & {\n .ad-stickymidcontent {\n .ad.ad--mid-content {\n @media (max-width: ${s.LO.md}) {\n top: ${(0,m.Kq)(15.5,"px")};\n }\n }\n }\n\n &.homepage {\n .sticky-box {\n top: ${(0,m.Kq)(20)};\n }\n }\n\n .grid-layout__aside {\n .sticky-box {\n @media (min-width: ${s.LO.md}) {\n top: ${(0,m.Kq)(17)};\n }\n }\n }\n }\n`,$=o.AH` 35013 @media print { 35014 .${s.h2} { 35015 display: none; 35016 } 35017 } 35018`,v=o.Ay.main.withConfig({displayName:"BasePageMainContent"})` 35019 ${(0,g.HS)(h.Lz)} 35020 ${h.Lz} { 35021 ${({hasConsistentSpacing:e,theme:t})=>{const n=(0,u.F)(t,"gap-md");return e&&"0px"!==n?o.AH` 35022 gap: ${n}; 35023 margin-bottom: ${(0,u.F)(t,"padding-bottom-md")}; 35024 `:null}} 35025 35026 @media (max-width: ${s.LO.md}) { 35027 ${({hasConsistentSpacing:e,theme:t})=>{const n=(0,u.F)(t,"gap-sm");return e&&"0px"!==n?o.AH` 35028 gap: ${n}; 35029 margin-bottom: ${(0,u.F)(t,"padding-bottom-sm")}; 35030 `:null}} 35031 } 35032 } 35033 35034 &:focus { 35035 outline: unset; 35036 } 35037 35038 ${({isInverted:e,theme:t,showBackgroundGradientColor:n})=>e&&!n&&o.AH` 35039 background: ${(0,m.HK)(t,"colors.consumption.lead.inverted.background")}; 35040 `} 35041 35042 ${({hasTopStory:e})=>!e&&o.AH` 35043 ${p.gg} { 35044 padding-top: 0; 35045 padding-bottom: 16px; 35046 } 35047 `} 35048 35049 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35050 padding-top: ${(0,u.F)(t,"padding-top-md")}; 35051 padding-bottom: ${(0,u.F)(t,"padding-bottom-md")}; 35052 @media (max-width: ${s.LO.md}) { 35053 padding-top: ${(0,u.F)(t,"padding-top-sm")}; 35054 padding-bottom: ${(0,u.F)(t,"padding-bottom-sm")}; 35055 } 35056 `:null} 35057 35058 /* Added this to remove margin-bottom at RowWrapper at Ad Footer just before Page footer on pages with consistent spacing */ 35059 [class*='RowWrapper-']:has(> .ad--footer) { 35060 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35061 margin-bottom: 0; 35062 `:o.AH``} 35063 } 35064 35065 /* Added this to add a margin bottom to ContentFooterWrapper on pages with consistent spacing */ 35066 [class*='ContentFooterWrapper-'] { 35067 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35068 margin-bottom: ${(0,u.F)(t,"gap-md")}; 35069 @media (max-width: ${s.LO.md}) { 35070 margin-bottom: ${(0,u.F)(t,"gap-sm")}; 35071 } 35072 `:o.AH``} 35073 } 35074 35075 /* Added this to remove the extra padding from top and bottom from Section Header in a Curated Show */ 35076 [class*='RowWrapper-'] 35077 [data-testid='CuratedShowsSection'] 35078 [class*='CuratedShowsSectionTitle-'] { 35079 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35080 padding-top: 0; 35081 padding-bottom: 0; 35082 `:o.AH``} 35083 } 35084 35085 &&&&& { 35086 figure.asset-embed { 35087 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35088 margin: 0 auto; 35089 35090 ${(0,m.L7)(`calc(${s.LO.md} - 1px)`)} { 35091 margin: 16px auto; 35092 } 35093 `:null} 35094 } 35095 } 35096`,C=o.Ay.div.withConfig({displayName:"BasePageWrapper"})` 35097 &[class*='theme-'] { 35098 background: var(${y.pT.Color.Surface}); 35099 } 35100 35101 [class*='SectionHeaderWrapper-'] + [class*='MultiPackageContainer-'], 35102 [class*='BundleHeaderWrapper-'] + [class*='MultiPackageContainer-'] { 35103 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35104 margin-top: ${(0,u.F)(t,"padding-top-md")}; 35105 35106 @media (max-width: ${s.LO.md}) { 35107 margin-top: ${(0,u.F)(t,"padding-top-sm")}; 35108 } 35109 `:null} 35110 } 35111 35112 [class*='SectionHeaderWrapper-'] + [class*='NavWrapper-'], 35113 [class*='SectionHeaderWrapper-'] + * + [class*='NavWrapper-'], 35114 [class*='SectionHeaderWrapper-'] + * > [class*='NavWrapper-'] { 35115 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35116 margin-top: 24px; 35117 margin-bottom: ${(0,u.F)(t,"padding-bottom-md")}; 35118 @media (max-width: ${s.LO.md}) { 35119 margin-top: 12px; 35120 margin-bottom: ${(0,u.F)(t,"padding-bottom-sm")}; 35121 } 35122 `:null} 35123 } 35124 35125 && { 35126 .fixed-header-nav-variation & { 35127 .grid-layout__aside { 35128 .sticky-box { 35129 @media (min-width: ${s.LO.md}) { 35130 top: ${(0,m.Kq)(15)}; 35131 } 35132 } 35133 } 35134 } 35135 35136 ${({hasExtraMarginForHeader:e})=>e&&o.AH` 35137 padding-top: ${(0,m.Kq)(13)}; 35138 35139 ${(0,m.H4)(s.LO.lg)} { 35140 padding-top: ${(0,m.Kq)(26)}; 35141 } 35142 `} 35143 35144 .fixed-header-with-link-banner-nav-variation & { 35145 padding-top: ${(0,m.Kq)(14)}; 35146 ${(0,m.H4)(s.LO.lg)} { 35147 padding-top: ${({isVisualLinkBanner:e})=>!e&&(0,m.Kq)(15.5)}; 35148 } 35149 } 35150 35151 .fixed-header-with-link-banner-nav-variation &, 35152 .fixed-header-large-logo-nav-variation & { 35153 .grid-layout__aside { 35154 .sticky-box { 35155 @media (min-width: ${s.LO.md}) { 35156 top: ${({shouldBeStickyVideo:e})=>e?(0,m.Kq)(36):(0,m.Kq)(19)}; 35157 } 35158 } 35159 } 35160 } 35161 35162 ${f} 35163 35164 .logo-center-with-search-bar-nav-variation & { 35165 &.page { 35166 padding-top: ${(0,m.Kq)(15.5)}; 35167 35168 @media (min-width: ${s.LO.lg}) { 35169 padding-top: ${(0,m.Kq)(7,"px")}; 35170 } 35171 } 35172 } 35173 35174 ${w} 35175 35176 .table-container.has-bottom-margin { 35177 margin: ${(0,m.Kq)(3)} 0; 35178 } 35179 35180 .table-container { 35181 position: relative; 35182 margin-top: ${(0,m.Kq)(3)}; 35183 margin-bottom: 0;
35184 border: 1px solid var(${y.pT.Color.Divider}); 35185 border-radius: 4px; 35186 width: 100%; 35187 overflow: hidden; 35188 35189 .has-shadow::after { 35190 position: absolute; 35191 top: 0; 35192 left: 100%; 35193 box-shadow: -15px 0 10px rgba(0, 0, 0, 0.05); 35194 width: ${(0,m.Kq)(6.25)}; 35195 height: 100%; 35196 content: ''; 35197 } 35198 35199 > div { 35200 overflow-x: auto; 35201 } 35202 35203 > div::-webkit-scrollbar { 35204 border-radius: ${(0,m.Kq)(6.25)}; 35205 height: 3px; 35206 } 35207 35208 > div::-webkit-scrollbar-thumb { 35209 background-color: black; 35210 } 35211 35212 > div::-webkit-scrollbar-track { 35213 background: rgba(236, 236, 236, 0.5); 35214 } 35215 35216 .simple-table { 35217 width: 100%; 35218 border-collapse: unset; 35219 35220 thead th, 35221 tbody td { 35222 padding: ${(0,m.Kq)(2)}; 35223 min-width: ${(0,m.Kq)(18.75)}; 35224 max-width: ${(0,m.Kq)(25)}; 35225 text-align: left; 35226 color: var(${y.pT.Color.Text}); 35227 ${({theme:e})=>(0,m.Gg)(e,"typography.definitions.utility.body")}; 35228 font-size: ${(0,m.Kq)(1.75)}; 35229 } 35230 35231 thead th { 35232 border: none; 35233 border-bottom: 1px solid var(${y.pT.Color.Divider}); 35234 background-color: var(${y.pT.Color.SurfaceSubtle}); 35235 font-weight: bold; 35236 } 35237 35238 tbody td { 35239 border: none; 35240 border-bottom: 1px solid var(${y.pT.Color.Divider}); 35241 background: var(${y.pT.Color.Surface}); 35242 } 35243 35244 tbody tr:last-child td { 35245 border-bottom: none; 35246 } 35247 } 35248 } 35249 35250 .scroll-arrows { 35251 display: none; 35252 } 35253 @media only screen and (min-width: 768px) { 35254 .scroll-arrows { 35255 display: flex; 35256 justify-content: flex-end; 35257 margin-bottom: ${(0,m.Kq)(3)}; 35258 35259 button { 35260 margin: 0 ${(0,m.Kq)(1)}; 35261 background: none; 35262 } 35263 35264 button[disabled] { 35265 opacity: 0.2; 35266 pointer-events: none; 35267 } 35268 35269 .chevron::before { 35270 display: inline-block; 35271 position: relative; 35272 top: 0.8em; 35273 left: 0.1em; 35274 transform: rotate(-135deg); 35275 border-width: 2px 2px 0 0; 35276 border-style: solid; 35277 width: ${(0,m.Kq)(1)}; 35278 height: ${(0,m.Kq)(1)}; 35279 vertical-align: top; 35280 content: ''; 35281 } 35282 35283 .chevron.right::before { 35284 left: 0; 35285 transform: rotate(45deg); 35286 } 35287 } 35288 } 35289 } 35290 35291 ${({hasContentHeaderLogo:e})=>e&&o.AH` 35292 &&& { 35293 padding-top: 0; 35294 } 35295 `} 35296 35297 ${({isNavigationHidden:e})=>e?o.AH` 35298 &&&, 35299 &&&.homepage { 35300 padding-top: 0; 35301 } 35302 `:o.AH``} 35303 35304 ${$} 35305 35306 [data-testid="RowWrapper"] > .consumer-marketing-unit > .journey-unit:not(:empty) { 35307 ${({hasConsistentSpacing:e,theme:t})=>e&&"0px"!==(0,u.F)(t,"gap-md")?o.AH` 35308 padding-bottom: ${(0,u.F)(t,"gap-md")}; 35309 `:o.AH``} 35310 } 35311 35312 [data-testid='RowWrapper'] > .journey-footer__component { 35313 ${({hasConsistentSpacing:e,hasFooterMargins:t,theme:n})=>!t||e&&"0px"!==(0,u.F)(n,"gap-md")?o.AH` 35314 padding-bottom: ${(0,m.Kq)(6)}; 35315 `:o.AH``} 35316 } 35317`,k=o.Ay.div.withConfig({displayName:"BasePageNavigationBackgroundFiller"})` 35318 display: ${({isNavigationHidden:e})=>e?o.AH`none`:o.AH`block`}; 35319 position: absolute; 35320 top: 0; 35321 35322 background: var(${y.pT.Color.Surface}); 35323 width: 100%; 35324 height: 0; 35325 35326 .fixed-header-nav-variation & { 35327 @media (min-width: ${s.LO.lg}) { 35328 height: ${(0,m.Kq)(14,"px")}; 35329 } 35330 } 35331 35332 @media print { 35333 display: none; 35334 } 35335`,A=(0,o.Ay)(i.sH).withConfig({displayName:"BasePageSkipLink"})` 35336 ${a.YE} 35337 35338 &:hover, 35339 &:focus { 35340 position: fixed; 35341 z-index: ${(0,m.fl)("skipLink")}; 35342 background-color: white; 35343 color: black; 35344 } 35345`,x=o.Ay.div.withConfig({displayName:"BasePageMainFooterFiller"})``,E=o.Ay.div.withConfig({displayName:"TripPlannerFooterBanner"})` 35346 ${({theme:e})=>o.AH` 35347 border: 1px solid 35348 ${(0,m.HK)(e,"colors.interactive.base.brand-primary")}; 35349 box-shadow: 0 0 ${(0,m.Kq)(4)} 0 35350 rgba( 35351 ${(0,m.HK)(e,"colors.interactive.base.black",{rgbOnly:!0})}, 35352 0.2 35353 ); 35354 background-color: ${(0,m.HK)(e,"colors.background.white")}; 35355 `} 35356 display: flex; 35357 position: fixed; 35358 bottom: ${(0,m.Kq)(4)}; 35359 left: 50%; 35360 flex-wrap: wrap; 35361 align-items: center; 35362 justify-content: center; 35363 transform: translateX(-50%); 35364 z-index: ${10001}; 35365 box-sizing: border-box; 35366 border-radius: ${(0,m.Kq)(.5)}; 35367 padding: ${(0,m.Kq)(1.25)}; 35368 width: calc(100% - ${(0,m.Kq)(12)}); 35369 min-height: ${(0,m.Kq)(5)}; 35370 line-height: normal; 35371 35372 ${(0,m.L7)(s.LO.md)} { 35373 bottom: ${(0,m.Kq)(2)}; 35374 width: calc(100% - ${(0,m.Kq)(6)}); 35375 } 35376 35377 @media print { 35378 display: none; 35379 } 35380`,S=o.Ay.a.withConfig({displayName:"TripPlannerFooterBannerCta"})` 35381 margin-left: ${(0,m.Kq)(.5)}; 35382 font-weight: 700; 35383 ${({theme:e})=>o.AH` 35384 ${(0,m.Gg)(e,"typography.definitions.foundation.title-secondary")} 35385 35386 &&&[href] { 35387 text-align: center; 35388 text-transform: none; 35389 text-decoration: underline; 35390 color: ${(0,m.HK)(e,"colors.interactive.base.black")}; 35391 } 35392 `} 35393`,L=o.Ay.span.withConfig({displayName:"TripPlannerFooterBannerText"})` 35394 ${({theme:e})=>o.AH` 35395 color: ${(0,m.HK)(e,"colors.interactive.base.black")}; 35396 ${(0,m.Gg)(e,"typography.definitions.utility.body")} 35397 `} 35398`,T=(0,o.Ay)(l.A).withConfig({displayName:"BasePageAd"})` 35399 position: absolute; 35400 z-index: -1; 35401`,N=(0,o.Ay)(d.A.WithMargins).withConfig({displayName:"BasePageSiteFooterRowGrid"})` 35402 ${c.E} { 35403 grid-column: 1 / -1; 35404 } 35405`},18284(e,t,n){n.d(t,{A:()=>A});var o=n(32485),i=n.n(o),a=n(96540),r=n(5556),s=n.n(r),l=n(2820),d=n(57744),c=n(14307),m=n(52064),u=n(76573),p=n(4081),g=n(18106),h=n(73275),y=n(58514),b=n(82873),f=n(42209),w=n(72631),$=n(10702),v=n(34854),C=n(59867);const k=e=>{const{attributes:t,children:n,className:o,fullPageTheme:r="standard",hasContentHeaderLogo:s,lang:d=g.xN,theme:h="standard",snowplow:b,shouldBeStickyVideo:k,hasLinkbannerCrossSlideAnimation:A,hasExtraMarginForHeader:x,shouldScrollToTopStory:E,featureFlags:S,fourd:L={enableFourdUser:!1},coreDataLayer:T,user:N,crossDomainLinks:H}=e,I=(0,a.useRef)(null),B=(0,a.useRef)(!1),O=(0,a.useRef)(!1),K=(0,a.useRef)(!1),D=(0,a.useRef)(!1),_=(0,a.useCallback)(e=>
35405Array.isArray(e?.detail)?e?.detail:[],[]),P=(0,a.useCallback)(e=>{const t=window.Fides?(0,v.be)():_(e),n=["C0004"],o=!!t.some(e=>n.includes(e));(0,c.JE)((0,c.Ec)()||o)},[_]),R=(0,a.useCallback)(e=>{(0,c.kg)({type:"scroll",placement:"vertical",index:e})},[]),q=(0,a.useCallback)(()=>{const e=window&&window.document&&window.document.documentElement.scrollHeight,t=(window&&window.pageYOffset)/(e-(window&&window.innerHeight))*100;t>=25&&!B.current&&(R(25),B.current=!0),t>=50&&!O.current&&(R(50),O.current=!0),t>=75&&!K.current&&(R(75),K.current=!0),t>=100&&!D.current&&(R(100),D.current=!0)},[R]);(0,a.useEffect)(()=>{function e(e){let t=e;for(;t&&"A"!==t.tagName;)t=t.parentElement;return t}if(window.Fides||window.addEventListener("OneTrustGroupsUpdated",P),I.current=window.Kendra.WINDOW_EVENT.on(C.m.SCROLL_DEBOUNCE,q),b&&window&&window.dataLayer){const{collectorURL:t,slug:n,enableSnowplow:o,appInfoObj:i}=b;if(o){const o=window.document.getElementsByTagName("a");for(let t=0;t<o.length;t++)o[t].addEventListener("click",t=>{const n=e(t.target);n&&(0,c.UP)(t,n)});const a=[T,N];(0,c.up)(t,n,a,i,H)}}return()=>{window.removeEventListener("OneTrustGroupsUpdated",P),I.current&&(I.current.off(),I.current=null)}},[b,T,N,H,P,q]);const M=(({fullPageTheme:e,theme:t})=>"standard"!==e?e:t)({fullPageTheme:r,theme:h}),F={fullPageTheme:r,theme:M},U=a.createElement(p.qX,{...t,className:i()("page","dynamic-page",o),hasContentHeaderLogo:s,shouldBeStickyVideo:k,showScrolledLinkBannerSpacing:A,hasExtraMarginForHeader:x},a.createElement(l.A.Provider,{value:F},a.createElement(p.S6,{href:E?"#topstory-content":"#main-content","data-testid":"BasePageSkipLink"},"Skip to main content"),n),a.createElement(f.A,{shouldEnableFourdUser:L.enableFourdUser,shouldEnableInfinityId:S.enableInfinityId}),S.enableUserContext&&a.createElement(w.A,null),S.enableBotSignals&&a.createElement($.Ay,null),b?.enableSnowplow&&a.createElement(y.A,{brand:b.slug||""}));return a.createElement(m.CZ,null,a.createElement(u.pd,{lang:d},U))};k.propTypes={additionalNavigation:s().node,attributes:s().object,children:s().node.isRequired,className:s().string,componentConfig:s().shape({ConnectedNavigation:s().shape({settings:s().shape({navPattern:s().string})})}),coreDataLayer:s().shape({content:s().shape({tags:s().string,contentType:s().string})}),crossDomainLinks:s().array,deepLinkImageId:s().string,eventBannerTags:s().array,featureFlags:s().shape({hasRiser:s().bool,showRedirectMsg:s().bool,showGlobalMessage:s().bool,enableInfinityId:s().bool,enableUserContext:s().bool,enableBotSignals:s().bool}),fingerprint:s().object,fourd:s().shape({enableFourdUser:s().bool}),fullPageTheme:s().oneOf(["standard","inverted"]),globalMessage:s().shape({text:s().string.isRequired,delayDuration:s().number}),hasBaseAds:s().bool,hasContentHeaderLogo:s().bool,hasEventBannerHidden:s().bool,hasExtraMarginForHeader:s().bool,hasFooterAd:s().bool,hasFooterAdsMargins:s().bool,hasFooterMargins:s().bool,hasLinkbannerCrossSlideAnimation:s().bool,hasTopStory:s().bool,hideFooter:s().bool,hideHeader:s().bool,interactiveOverride:s().shape({markup:s().string,behavior:s().string}),lang:s().oneOf(g.YZ),linkBannerData:s().shape({bannerType:s().string,hed:s().hed,dek:s().dek,image:s().shape(h.A.propTypes),links:s().arrayOf(s().shape({url:s().string,text:s().string,isExternal:s().bool})),tracking:s().shape(b.A.propTypes.tracking)}),mainRef:s().object,redirectMsg:s().string,seriesData:s().shape({hed:s().string,dek:s().string,image:s().object,links:s().arrayOf(s().shape({hed:s().string,dek:s().string,image:s().object,isPublished:s().bool,promoHed:s().string,url:s().string}))}),shouldBeStickyVideo:s().bool,shouldEnableFullArticleInverted:s().bool,shouldPrioritizeSeriesPagination:s().bool,shouldScrollToTopStory:s().bool,showBackgroundGradientColor:s().bool,showContentFooterWithHeaderOverride:s().bool,showNavWithHeaderOverride:s().bool,snowplow:s().shape({collectorURL:s().string,enableSnowplow:s().bool,slug:s().string,appInfoObj:s().object}),theme:s().oneOf(["standard","inverted","special"]),user:s().object},k.displayName="DynamicBasePage";const A=(0,d.M3)(k,{keysToPluck:["redirectMsg","componentConfig","coreDataLayer","deepLinkImageId","featureFlags","hasTopStory","seriesData","linkBannerData","globalMessage","snowplow","fourd","user","fingerprint","crossDomainLinks"]})},15564(e,t,n){n.d(t,{A:()=>
35405o});const o=n(96540).createContext()},72665(e,t,n){n.d(t,{A:()=>ke});var o=n(32485),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(45135),d=n(19607),c=n(38080),m=n(3247),u=n(69148),p=n(41598),g=n(25203),h=n(92920),y=n(80471),b=n(13465),f=n(54370),w=n(59749),$=n(24532),v=n(49741),C=n(63510),k=n(6442),A=n(38759),x=n(39832),E=n(73275),S=n(50700),L=n(20460),T=n(90090),N=n(55082);const H=({contentType:e,dangerousHed:t,hedHref:n,image:o,isLazy:i,locationInfo:a,offers:r,order:l,overallRating:d})=>{const{formatMessage:c}=(0,k.A)(),m=JSON.stringify({pattern:"AwardsListSlide"}),u=o&&{...o},p=`#${l+1}`,{city:g,country:h}=a,y=u&&(0,A.Qu)(u),b=n?s.createElement(x.A,{href:n,dangerouslySetInnerHTML:{__html:t}}):s.createElement("span",{dangerouslySetInnerHTML:{__html:t}});return s.createElement(N.jZ,{"data-event-boundary":"click","data-in-view":m,"data-event-click":m,shouldOrderedGallery:!1,contentAlign:"left",awardList:!0,hasBackground:!1},s.createElement(N.MC,null,d&&s.createElement(N.Mw,null,s.createElement(N.lM,null,s.createElement("h2",null,"Ranking"),p),s.createElement(N.pt,null,s.createElement("h2",null,"Score"),d)),t&&s.createElement(N.TX,null,b),g&&h&&s.createElement(N.Wu,null,`${g}, ${h}`),u&&s.createElement(N.p0,{orientation:y,contentType:e},s.createElement(N.xU,null,s.createElement(N.je,null,s.createElement(N.a_,{...u,isLazy:i})))),r?.length?s.createElement(S.A,{buttonVariation:"Primary",btnStyle:"filled",className:"gallery-slide__aside-offers",dataAttrs:{"data-component-position":"awards-list-slide"},defaultCTAText:c(L.A.productOfferCTAText),offers:r.slice(0,1),onClickHandler:()=>{(0,T.W8)("awards-list-slide-button-click")},showCount:1,showOffersSeller:!0,venueSellerPreviewText:c(L.A.venueSellerPreviewText)}):null))};H.propTypes={contentType:r().string.isRequired,dangerousHed:r().string,hedHref:r().string,image:r().shape(E.A.propTypes),isLazy:r().bool,locationInfo:r().shape({city:r().string,country:r().string}),offers:r().array,order:r().number,overallRating:r().number},H.displayName="AwardsListSlide";const I=H;var B=n(7350),O=n.n(B),K=n(57744),D=n(73730),_=n(38267),P=n(18608),R=n(26865);const q=_.Ay.div.withConfig({displayName:"VotingWrapper"})` 35406 margin-bottom: ${(0,R.Kq)(2)}; 35407`,M=(0,_.Ay)(P.vm).withConfig({displayName:"VotingPrompt"}).attrs(e=>({colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.button-utility",...e}))` 35408 margin-top: ${(0,R.Kq)(2)}; 35409 margin-bottom: ${(0,R.Kq)(2)}; 35410`,F=_.Ay.div.withConfig({displayName:"VotingButtons"})` 35411 display: flex; 35412 35413 > * { 35414 width: 50%; 35415 max-width: 165px; 35416 35417 &:first-child { 35418 margin-right: ${(0,R.Kq)(1)}; 35419 } 35420 35421 &:last-child { 35422 margin-left: ${(0,R.Kq)(1)}; 35423 } 35424 } 35425`;var U=n(53499);const V=({answers:e=[],onVoteCast:t,prompt:n,hasVoted:o=!1,votedMessage:i})=>(s.useEffect(()=>{window.Kendra.TRACK_COMPONENT.broadcast(U.G.RENDER,{name:"Voting"})},[]),e.length?s.createElement(q,{"data-testid":"voting"},o?s.createElement(M,{"data-testid":"response"},i):s.createElement(M,{"data-testid":"prompt"},n),s.createElement(F,{"data-testid":"voting-button"},e.map(e=>{const n=e.selected?"filled":"outlined";return s.createElement(D.A.Utility,{key:e.text,type:"button",btnStyle:n,"data-testid":"answer",onClickHandler:()=>{!e.selected&&t({value:e.value})},selected:e.selected,label:e.text})}))):null);V.propTypes={answers:r().array,hasVoted:r().bool,onVoteCast:r().func,prompt:r().string,votedMessage:r().string};const G=V;var W=n(15564),j=n(96472);const z=_.Ay.div.withConfig({displayName:"GalleryVotingSlideWrapper"})` 35426 ${({hasBottomDivider:e,theme:t})=>e&&`\n border-bottom: 1px solid ${(0,R.HK)(t,"colors.consumption.body.standard.divider")};;\n `}; 35427 margin: 0 0 ${(0,R.Kq)(5)}; 35428 ${(0,R.H4)(j.LO.lg)} { 35429 margin: 0 0 ${(0,R.Kq)(5)}; 35430 } 35431`;var Y=n(3820);const X=s.memo(G),Z=({alternateVotingPrompt:e,configuredComponentRef:t,defaultVotingPrompt:n,hasBottomDivider:o=!0,imageId:i,shouldShowPercentVotedMessage:a=!0,votingProps:r={},options:l})=>{const{formatMessage:d}=(0,k.A)(),c=s.useContext(W.A),m=c?.onVoteCast,u=c?.votes?.find(e=>e.imageId===i),p=c?.allVotes?.find(e=>e.imageId===i),g=!!u,h=r?.votedMessage||d(Y.A.votingSlideVotedMessage),y=r?.percentVotedMessage||d(Y.A.votingSlidePercentVotedMessage),b=((e,t,n,o,i)=>{if(!e||!t||!n)return o;const a=n.tallyResults.find(e=>!0===e?.result),r=n.tallyResults.reduce((e,t)=>
35431e+t.count,0);if(a?.percentage&&r>5){const e=`${Math.round(a.percentage)}%`;return i.replace("{percent}",`${e}`)}return o})(g,a,p,h,y),f=e||n,w=s.useMemo(()=>{const e=l||r?.answers||[{text:d(Y.A.votingSlideAnswerNo),value:!1},{text:d(Y.A.votingSlideAnswerYes),value:!0}];return e?.map(e=>({...e,selected:!!g&&e.value===u?.result}))},[l,r?.answers,g,u?.result,d]),$=s.useRef(m);s.useEffect(()=>{$.current=m},[m]);const v=s.useMemo(()=>O()(({value:e})=>{$.current?.({value:e,imageId:i})},500),[i]);return s.createElement(z,{ref:t,hasBottomDivider:o},s.createElement(X,{...r,answers:w,hasVoted:g,onVoteCast:v,votedMessage:b,prompt:f}))};Z.propTypes={configuredComponentRef:r().func,alternateVotingPrompt:r().string,defaultVotingPrompt:r().string,hasBottomDivider:r().bool,imageId:r().string,options:r().array,shouldShowPercentVotedMessage:r().bool,votingProps:r().object},Z.displayName="GalleryVotingSlide";const J=(0,K.M3)((0,b.y)(Z,"GalleryVotingSlide"),{keysToSpread:["pollConfig"]});var Q=n(75828),ee=n(14307);const te=e=>{if(!e||!Array.isArray(e))return{};const t={};e.forEach(e=>{if(!e||!e.hierarchy||3!==e.hierarchy.length)return;const[n={},o={}]=e.hierarchy||[],i=o.name||"",a=n.name||"";i&&!t[i]&&(t[i]=[]),a&&t[i]&&t[i].push(a)});const n={};return Object.keys(t).forEach(e=>{const o=t[e];o&&o.length>0&&(n[e]=o.sort().join(", "))}),n},ne=({label:e,type:t,subject:n,index:o,no_of_results_returned:i,result_type:a,content_id:r,content_title:s,content_type:l,setFilters:d=[],search_keyword:c}={})=>{const m={...e&&{label:e},...t&&{type:t},...n&&{subject:n},...d.length&&{criteria:{filter:d}},...void 0!==o&&{index:o},platform:"verso",...null!==i&&{no_of_results_returned:i},...(r||s||l)&&{items:[{content_id:r,content_title:s,content_type:l}]},...null!==i&&{results_content:[{result_type:a,no_of_results_returned:i}]},...c&&{criteria:{search_keyword:c}}};(0,ee.ce)(m)};var oe=n(64325),ie=n(12501);const ae=(0,w.sA)($.A),re={"award-list":I};let se=!1;const le=(e,t,n,o)=>{t(!0),(e=>{const t={type:"impression",subject:"gallery_image",index:e.order,total_index:e.totalCount,placement:"vertical"},n=e.isInLightbox,o=e?.image?.searchFilterEventData;if(n){if(!o){const n=e?.image?.segmentedSources,o=n?n.lg[0].url:"",i={items:[{content_title:e.dangerousHed,content_type:"photo",content_id:e.id,content_url:o}],index:e.index,total_index:e.totalItemCount};return void(0,ee.kg)({...t,...i,subject:"lightbox_gallery_slide_image"})}se?ne({...o,type:"result_in_view"}):(ne(o),se=!0)}else(0,ee.kg)({...t,label:e.dangerousHed||""})})({...e,totalItemCount:n,isInLightbox:o})},de=({alternateVotingPrompt:e,className:t,configuredComponentRef:n,defaultVotingPrompt:o,getRef:i,hasCM:a,hasPhotoBookmark:r,showOfferUrl:l,interlude:m,isInContentSlot:g,slideFormat:h,isLazy:b,isModalClosed:w,item:$,shouldHoldImageSpace:k=!1,shouldUpdateUrl:A=!1,shouldEnableBookmarkDrawers:x,shouldEnableCardLevelBookmark:E,shouldEnableCommentsCount:S,isInLightbox:L,hasBlackGallerySlideBackgroundInLightbox:T=!1,showHorizontalLightboxExplore:N=!1,showZoomedImage:H,totalItemCount:I,shouldEagerLoad:B=!1,enableAffiliateDisclaimerLabel:O=!1})=>{const K=$&&"product"===$.contentType?`${$.id}`:"",D=(0,p.qn)($.image),[_,P]=(0,y.Wx)({threshold:.5}),[R,q]=(0,s.useState)(!1),M=(0,oe.e1)($.cardRouting),F=M?Q.A:re[h]||C.A;!R&&P&&le($,q,I,L),w&&(se=!1),A&&((e,t)=>{const n=new URLSearchParams(window.location.search),o=window.location.pathname,i=window.location.hash,a=()=>{const e=n.toString();window.history.replaceState({},"",`${o}${e&&`?${e}`}${i}`)};t?(n.set("image",e.id),a()):n.get("image")===e.id&&(n.delete("image"),a())})($,P);const U={...$,layout:"ProductEmbed"};return s.createElement("li",{ref:(0,f.P)(e=>i(e,$.id,P),n),className:t,id:L?`lightbox-gallery-${$.id}`:$.id},s.createElement("div",{ref:_},!$?.isMidGalleryAd&&s.createElement(F,{...$,...F===C.A&&L&&T&&{componentConfigOverride:{hasGallerySlideBackground:!1}},defaultVotingPrompt:o,showOfferUrl:l,isLazy:!!$.isUpcEnabled||b,hasPhotoBookmark:r,productId:K,data_item:U,hasImpressionTracking:!0,hasImageCreditText:D,shouldEnableBookmarkDrawers:x,shouldEnableCardLevelBookmark:E,shouldEnableCommentsCount:S,shouldHoldImageSpace:k,isInLightbox:L,showHorizontalLightboxExplore:N,showZoomedImage:H,awards:te($.awards),shouldEagerLoad:B,...M&&{enableAffiliateDisclaimerLabel:O,componentConfigOverride:{...$.componentConfigOverride,enableAffiliateDisclaimerLabel:O}},venueAwards:{awardsIcons:{}},hideLandscapeLayout:(0,oe.fx)($.cardRouting)}),o&&s.createElement(J,{imageId:$.id,alternateVotingPrompt:e,defaultVotingPrompt:o}),a&&s.createElement(c.Z,{group:"consumer-marketing"},s.createElement("div",{className:"gallery-slide__cm-container"},s.createElement(v.A,{position:"gallery-slide",secondPosition:"in-content"}),s.createElement(ie.W3,null),s.createElement(ie.UT,null))),$?.isMidGalleryAd&&s.createElement(c.Z,{group:"ads"},s.createElement(d.A,{position:"mid-gallery",className:"gallery__item__slide--mid-gallery-ad",shouldHoldSpace:!0,index:$.midGalleryAdIndex})),g&&s.createElement(c.Z,{group:"ads"},s.createElement(d.A,{position:"in-content",shouldDisplayLabel:!0,instance:0,index:0})),m&&m.include&&s.createElement(s.Fragment,null,s.createElement(u.A,{...m})),$.recirc&&$.recirc.include&&s.createElement(ae,{reelId:$.recirc.reelId})))};de.propTypes={configuredComponentRef:r().func,alternateVotingPrompt:r().str
35431ing,className:r().string,defaultVotingPrompt:r().string,enableAffiliateDisclaimerLabel:r().bool,getRef:r().func,hasCM:r().bool,hasBlackGallerySlideBackgroundInLightbox:r().bool,hasPhotoBookmark:r().bool,interlude:r().shape({...u.A.propTypes,include:r().bool}),isInContentSlot:r().bool,isInLightbox:r().bool,isLazy:r().bool,isModalClosed:r().bool,isNative:r().bool,item:r().shape(C.A.propTypes).isRequired,shouldEnableBookmarkDrawers:r().bool,shouldEagerLoad:r().bool,shouldEnableCardLevelBookmark:r().bool,shouldEnableCommentsCount:r().bool,shouldHoldImageSpace:r().bool,shouldUpdateUrl:r().bool,showOfferUrl:r().bool,showHorizontalLightboxExplore:r().bool,showZoomedImage:r().bool,slideFormat:r().string,totalItemCount:r().number},de.displayName="GalleryItem";const ce=(0,b.y)(de,"GalleryItem");var me=n(38221),ue=n.n(me),pe=n(26695),ge=n(67611),he=n(86659),ye=n(72899);var be=n(60162);const fe=({hasImageGrid:e,hasProductPriceColor:t,hasProductNewPriceColor:n,isProductCardName:o,chunk:i,dropShipSellers:a,enableAffiliateDisclaimerLabel:r=!1})=>{const l="GalleryShopView",[d,,c]=(0,y.Wx)({threshold:(0,pe.N)()}),[m,u]=s.useState(!1);return s.useEffect(()=>{!m&&c&&c.intersectionRatio&&window.dataLayer&&(u(!0),setTimeout(()=>{(0,be.Yp)(l,document.getElementsByClassName("impressionTracking"))},1e3)),window.addEventListener("scroll",ue()(()=>(0,be.Yp)(l,document.getElementsByClassName("impressionTracking")),1e3))},[l,c,m]),s.createElement("div",{ref:d},r&&i?.length>0&&s.createElement(ye.A,{enableAffiliateDisclaimerLabel:!0}),i&&s.createElement(he.A.EvenTwo,null,i.map((i,r)=>{const d={name:i?.brand||""};let c=[];if(i.offers&&i.offers.length)for(const e in i.offers)c=[{purchaseUri:i?.offers[e]?.offerUrl||"",price:i?.offers[e]?.price||"",currency:i?.offers[e]?.currency||"",shortUrl:i?.offers[e]?.purchaseUri||"",sellerName:i?.offers[e]?.sellerName||"",comparisonPrice:i?.offers[e]?.reducedPrice||""}];else c=[{purchaseUri:"",price:"",currency:"",shortUrl:"",sellerName:"",comparisonPrice:""}];const m=(e=>({altText:e?.image?.altText,sources:{sm:e?.image?.segmentedSources?.sm?{aspectRatio:"1:1",width:e?.image?.segmentedSources.sm[(e?.image?.segmentedSources?.sm?.length??0)-1].width,url:e?.image?.segmentedSources.sm[(e?.image?.segmentedSources?.sm?.length??0)-1].url,srcset:e?.image?.segmentedSources.sm.map(e=>`${e.url} ${e.width}w`).join(", ")}:{},lg:e?.image?.segmentedSources?.lg?{aspectRatio:"1:1",width:e?.image?.segmentedSources.lg[(e?.image?.segmentedSources?.lg?.length??0)-1].width,url:e?.image?.segmentedSources.lg[(e?.image?.segmentedSources?.lg?.length??0)-1].url,srcset:e?.image?.segmentedSources.lg.map(e=>`${e.url} ${e.width}w`).join(", ")}:{}}}))(i);let u="";i&&i.dangerousHed&&(u=i.dangerousHed.replace(/&#{0,1}[a-z0-9]+;/gi,"").replace(/(<([^>]+)>)/gi,""));const p={...i,dangerousHed:u};return s.createElement(ge.A,{hasImageGrid:e,hasProductPriceColor:t,hasProductNewPriceColor:n,isProductCardName:o,dangerousHed:u,image:m,offers:c,contentId:i.id,brand:d,item:i,key:i.id||r,isDropshipProduct:!0,dropShipSellers:a,data_item:p,layout:l,hasImpressionTracking:!0,onClick:(e,t)=>{(0,be.g1)({window,product:p,index:r,actionId:t,layout:l,event:e})}})})))};fe.propTypes={chunk:r().array.isRequired,dropShipSellers:r().arrayOf(r().string),enableAffiliateDisclaimerLabel:r().bool,hasImageGrid:r().bool,hasProductNewPriceColor:r().bool,hasProductPriceColor:r().bool,isProductCardName:r().bool},fe.displayName="GalleryShopViewPage";const we=fe,$e=new Set(["ItemOrderedLeft","ItemOrderedCenter","CardOrderedLeft","CardOrderedCenter"]),ve=(e={})=>(0,p.ti)(e?.contentType),Ce=({alternateVotingPrompt:e,chunk:t,className:n,defaultVotingPrompt:o,dropShipSellers:a,getRef:r=()=>{},hasPhotoBookmark:l,inContentChunkIndex:u,inContentAdItemIndex:p,index:y,isInContentAdsDisabled:b,isReadViewShopViewEnabled:f=!1,items:w=t,sponsoredProductChunkIndex:$,sponsorProductIndex:v,interlude:C={},shouldIncludeInterlude:k,isModalClosed:A,hasProduct:x,newslettersInline:E,nodeIndexForNewsletterPosition:S,shouldHoldImageSpace:L=!1,slideFormat:T,showVirtuosoGallery:N=!1,shouldLoadOnScroll:H=!1,isInLightbox:I,shouldShowCM:B,showOfferUrl:O,slideVariation:K,shouldEnableBookmarkDrawers:D,shouldEnableCardLevelBookmark:_,shouldEnableCommentsCount:P,showHorizontalLightboxExplore:R=!1,showZoomedImage:q,shopTypeView:M,shouldEagerLoad:F=!1,enableAffiliateDisclaimerLabel:U=!1})=>
35431{const V=$e.has(K)?"ol":"ul",[,G,W]=(0,m.qe)(),j=(0,s.useMemo)(()=>({newsletterType:"slim-newsletter",newsletters:E}),[E]),z=(0,s.useMemo)(()=>Math.floor((t.length-1)/2),[t.length]),Y=(0,s.useMemo)(()=>({...C,include:k||C.include}),[C,k]),X=(0,s.useMemo)(()=>({...C,include:!1}),[C]),Z=()=>s.createElement(s.Fragment,null,t.map((n,a)=>{let m=!1;a===v&&$===y&&(m=!0);let f=!1;b||a!==p||u!==y||(f=!0);const C=a===S&&E?.length>=1,k=H?!H:!(0===y&&0===a),x=a===z,K=w===t||"number"!=typeof n.order?a:n.order,M=(0,g.ft)({enableAffiliateDisclaimerLabel:U,item:n,items:w,itemIndex:K,isAffiliateItem:ve});return s.createElement(s.Fragment,{key:n.id||a},E&&C&&s.createElement(h.A,{...j}),s.createElement(ce,{alternateVotingPrompt:e,defaultVotingPrompt:o,totalItemCount:t.length,isInLightbox:I,shouldHoldImageSpace:L,getRef:r,hasCM:B&&0===a,showOfferUrl:O,isInContentSlot:f,hasPhotoBookmark:l,interlude:x?Y:X,slideFormat:T,item:n,isLazy:N?!N:k,shouldEagerLoad:F,enableAffiliateDisclaimerLabel:M,componentConfigOverride:{enableAffiliateDisclaimerLabel:M},shouldEnableBookmarkDrawers:D,shouldEnableCardLevelBookmark:_,shouldEnableCommentsCount:P,showHorizontalLightboxExplore:R,showZoomedImage:q,className:i()("gallery__slides__slide",{"gallery__slides__slide--rca":"award-list"===T}),isModalClosed:A}),m&&s.createElement("li",{className:i()("gallery__slides__slide",G)},s.createElement(c.Z,{group:"ads"},s.createElement(d.A,{position:"sponsor-product",className:i()("gallery-slide"),onFilled:W,index:0}))))}));return s.createElement(V,{className:n},f&&x&&"shop"===M?s.createElement(we,{hasImageGrid:!0,hasProductPriceColor:!0,hasProductNewPriceColor:!0,isProductCardName:!0,chunk:t,dropShipSellers:a,enableAffiliateDisclaimerLabel:U}):Z())};Ce.propTypes={alternateVotingPrompt:r().string,chunk:r().array.isRequired,className:r().string,defaultVotingPrompt:r().string,dropShipSellers:r().arrayOf(r().string),enableAffiliateDisclaimerLabel:r().bool,getRef:r().func,hasPhotoBookmark:r().bool,hasProduct:r().bool,inContentAdItemIndex:r().number,inContentChunkIndex:r().number,index:r().number,interlude:r().shape({...u.A.propTypes,include:r().bool}),isInContentAdsDisabled:r().bool,isInLightbox:r().bool,isModalClosed:r().bool,isReadViewShopViewEnabled:r().bool,items:r().array,newslettersInline:r().array,nodeIndexForNewsletterPosition:r().number,shopTypeView:r().string,shouldEnableBookmarkDrawers:r().bool,shouldEnableCardLevelBookmark:r().bool,shouldEnableCommentsCount:r().bool,shouldHoldImageSpace:r().bool,shouldIncludeInterlude:r().bool,shouldLoadOnScroll:r().bool,shouldShowCM:r().bool,showOfferUrl:r().bool,showHorizontalLightboxExplore:r().bool,showVirtuosoGallery:r().bool,showZoomedImage:r().bool,slideFormat:r().string,slideVariation:r().string.isRequired,sponsoredProductChunkIndex:r().number,sponsorProductIndex:r().number,shouldEagerLoad:r().bool};const ke=(0,l.Ng)(function(e){return{slideVariation:e.componentConfig?.GallerySlide?.variation}})(Ce)},3820(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({SignInCalloutLinkText:{id:"GalleryPage.SignInCalloutLinkText",defaultMessage:"Sign in or create an account to vote",description:"GalleryPage component sign in callout SignIn link text"},galleryVotingDangerousHed:{id:"GalleryVoting.galleryVotingDangerousHed",defaultMessage:"To vote, sign in or",description:"GalleryVoting Page component sign in callout SignIn link text"},galleryVotingDangerousHedSpanTag:{id:"GalleryVoting.galleryVotingDangerousHedSpanTag",defaultMessage:"create an account",description:"GalleryVoting Page component sign in callout SignIn link text"},galleryVotingDangerousDek:{id:"GalleryVoting.galleryVotingDangerousDek",defaultMessage:"You can also save stories and manage newsletter preferences",description:"GalleryVoting Page component sign in callout SignIn link text"},votingSlideAnswerNo:{id:"GalleryVotingSlide.AnswerNo",defaultMessage:"no",description:"GalleryVotingSlide component voting answer no"},votingSlideAnswerYes:{id:"GalleryVotingSlide.AnswerYes",defaultMessage:"yes",description:"GalleryVotingSlide component voting answer yes"}
35431,votingSlidePercentVotedMessage:{id:"GalleryVotingSlide.PercentVotedMessage",defaultMessage:"{percent} voted yes",description:"GalleryVotingSlide component percent voted message"},votingSlideVotedMessage:{id:"GalleryVotingSlide.VotedMessage",defaultMessage:"Your vote is in. Check back for results soon.",description:"GalleryVotingSlide component voted confirmation message"}})},48887(e,t,n){n.d(t,{A:()=>N});var o=n(2404),i=n.n(o),a=n(5556),r=n.n(a),s=n(96540),l=n(1165),d=n(69148),c=n(29670),m=n(57744),u=n(66657),p=n(11025),g=n(15316),h=n(19607),y=n(26938),b=n(38080),f=n(36382),w=n(23618),$=n(39832),v=n(94631);const C=(0,m.z5)("payment"),k=(0,m.z5)("featureFlags");const A=new l.default({a:function(e){const{isExternal:t,...n}=e;return{type:t?$.A:"a",props:n}},h2:function(e={}){return"sidebar:heading"===e.type?{type:f.A,props:e.props}:e},"inline-embed":w.A,blockquote:({props:e})=>({type:y.A,props:e})});function x(e){return function(e){return Array.isArray(e)&&"string"==typeof e[0]}(e)&&e[1]&&"object"==typeof e[1]&&!Array.isArray(e[1])?e.slice(2):e.slice(1)}function E(e){const[t,n]=e,o=n||{},i="inline-embed"===t&&"callout:feature-large"===o.type,a="inline-embed"===t&&"callout:feature-medium"===o.type;return i||a||"ad"===t}function S(e,t){return`${e}-${t}`}class L{constructor({GeneralContentWrapper:e=()=>null,FullBleedContentWrapper:t=()=>null,RailContent:n=()=>null,payment:o,featureFlags:i,interlude:a,shouldUsePaddingTopForHomePageBody:r}){this.interludeProps=a,this.interludePosition=a?.strategy&&(0,g.Kq)(a,g.em),this.GeneralContentWrapper=e,this.FullBleedContentWrapper=t,this.shouldUsePaddingTopForHomePageBody=r,this.RailContent=n,this.chunkCount=0,this.shouldRenderMidContent=!(0,c.D)("ads",o,i)}closeSmallGroup(e,t,n){let o=t;if(e.length>0){++this.chunkCount;const i=this.GeneralContentWrapper;o=[...t,s.createElement(i,{shouldUsePaddingTopForHomePageBody:this.shouldUsePaddingTopForHomePageBody,key:S("small-group",n)},s.createElement(v.ie,{className:"body__container article__body",shouldEnableDataJourneyHook:!1},A.convert(["div",{className:"body__inner-container"},...e])),s.createElement(v.$R,null,s.createElement(p.A,null,this.RailContent(this.chunkCount))))]}return o}wrapInFullSizeContainer(e,t,n){const o=this.FullBleedContentWrapper;return[...t,s.createElement(o,{key:S("full",n)},s.createElement(v.ie,{className:"channel--body body__container",shouldEnableDataJourneyHook:!1},A.convert(e)))]}visit(e){const t=x(e);let n=[],o=[];return this.isSingleChunk=!t.some(e=>"ad"===e[0]),this.finalAdSet=!1,t.forEach((e,t)=>{const[i]=e;if("ad"===i?this.shouldRenderMidContent&&(n=this.closeSmallGroup(o,n,t),o=[],n=[...n,s.createElement(u.A,{className:"full-bleed-ad row-mid-content-ad",key:S("ad",t)},s.createElement(b.Z,{group:"ads"},s.createElement(h.A,{position:"mid-content",shouldDisplayLabel:!0,shouldHoldSpace:!0})))]):E(e)?(n=this.closeSmallGroup(o,n,t),o=[],n=this.wrapInFullSizeContainer(e,n,t)):o=[...o,e],this.interludePosition===t)if(E(e)||"ad"===i)n=[...n,s.createElement(d.A,{...this.interludeProps,isRightRail:!1})];else{const e=(({brand:e,interludeOverrideId:t,playerBase:n,isRailEligible:o,isTitleLinkDisabled:i})=>["inline-embed",{type:"cneinterlude",props:{brand:e,interludeOverrideId:t,playerBase:n,isRailEligible:o,isRightRail:!1,isTitleLinkDisabled:i}}])({...this.interludeProps,isRightRail:!1});o=[...o,e]}}),n=this.closeSmallGroup(o,n,"final"),this.finalAdSet=!0,n}}const T=({FullBleedContentWrapper:e,GeneralContentWrapper:t,RailContent:n,jsonml:o,payment:i,featureFlags:a,interlude:r,shouldUsePaddingTopForHomePageBody:s})=>new L({FullBleedContentWrapper:e,GeneralContentWrapper:t,RailContent:n,jsonml:o,payment:i,featureFlags:a,interlude:r,shouldUsePaddingTopForHomePageBody:s}).visit(o);T.propTypes={className:r().string,featureFlags:r().object,FullBleedContentWrapper:r().oneOfType([r().func,r().object]),GeneralContentWrapper:r().oneOfType([r().func,r().object]),interlude:r().object,jsonml:r().array.isRequired,payment:r().object,RailContent:r().func};const N=s.memo(C(k(T)),i())},40133(e,t,n){n.d(t,{A:()=>o});const o=(0,n(72267).YK)({relatedArticleHed:{id:"PodcastDetailedPage.relatedArticleHed",defaultMessage:"Related Articles",description:"Default section hed text for PodcastDetailedPage page summary river"},contextualHeader:{id:"PodcastDetailedPage.contextualHeader",defaultMessage:"You Might Like This",description:"Contextual Header for podcast recirc unit"},primaryCTALabel:{id:"PodcastDetailedPage.primaryCTALabel",defaultMessage:"Start Listening Now",description:"Default CTA text for Start Listening Now button"}})},5303(e,t,n){n.d(t,{B:()=>a,q:()=>r});var o=n(96472),i=n(89957);const a=({breakpoint:e,initialValue:t=!1})=>(0,i.Ub)({query:`(min-width: ${e})`,initialValue:t}),r=({initialValue:e=!1}={})=>a({breakpoint:o.LO.md,initialValue:e})},50483(e,t,n){n.d(t,{A:()=>pt});var o=n(5556),i=n.n(o),a=n(96540),r=n(38798),s=n(69389),l=n(37384),d=n(57744),c=n(73275),m=n(58156),u=n.n(m),p=n(70251),g=n(29484),h=n(14307),y=n(60162),b=n(6442),f=n(76896),w=n(74148),$=n(5344);function v(e=4){return Number(Math.random().toFixed(e))}function C(e){if(e){const t=/video\/(.*)\.js/,n=e.match(t);if(n&&n[1])return n[1]}return null}function k(e,t,n={}){const{formatMessage:o,translations:i,discountPercentage:a}=n;
35431if(t){const n="function"==typeof o&&i?function(e,t,n){return"number"!=typeof n||isNaN(n)||n<=0?"":` (${e(t.productOfferDiscountPercentageLabel,{percentage:n})})`}(o,i,a):"";return`<del>${e}</del> ${t}${n}`}return`${e}`}function A(e){const{formatMessage:t}=(0,b.A)();if("product"!==e?.contentType&&"commerce-product"!==e?.contentType||!Array.isArray(e.offers)||!e.offers[0])return"";const n=(0,$.rM)(e.offers[0].currency,e.offers[0].price),o=e.offers[0].comparisonPrice?(0,$.rM)(e.offers[0].currency,e.offers[0].comparisonPrice):null,i=function(e){return"product"===e?.contentType&&Array.isArray(e.offers)&&e.offers[0]?(0,w.uA)(""+e.offers[0].price,""+e.offers[0].comparisonPrice):null}(e);return k(n,o,{formatMessage:t,translations:f.A,discountPercentage:i})}var x=n(38267),E=n(96472),S=n(73730),L=n(26865),T=n(10553);const N="24px",H="32px",I="16px",B=10,O=x.Ay.div.withConfig({displayName:"StoryContainer"})` 35432 display: block; 35433 position: relative; 35434 margin: 0 auto; 35435 background-color: ${(0,L.HK)("colors.interactive.base.black")}; 35436 35437 ${({isProduct:e,theme:t})=>e&&x.AH` 35438 &&& { 35439 background-color: ${(0,L.HK)(t,"colors.discovery.body.light.background")}; 35440 } 35441 `} 35442 35443 width: 100vw; 35444 height: 100%; 35445 35446 ${({isRecirculationSlide:e})=>e&&x.AH` 35447 &&& { 35448 background-color: inherit; 35449 overflow: hidden; 35450 @media (min-width: 480px) { 35451 background-color: black; 35452 } 35453 } 35454 `}; 35455 35456 ${({centerContent:e})=>e&&x.AH` 35457 align-items: center; 35458 justify-content: center; 35459 35460 > span.responsive-asset { 35461 position: absolute; 35462 top: 50%; 35463 transform: translateY(-50%); 35464 width: 100%; 35465 } 35466 `}; 35467 35468 @media (min-width: 480px) { 35469 ${({width:e,height:t})=>x.AH` 35470 border-radius: ${I}; 35471 width: ${e}px; 35472 height: ${t}px; 35473 `}; 35474 } 35475 35476 .responsive-asset { 35477 @media (min-width: 480px) { 35478 border-radius: ${I}; 35479 } 35480 35481 &.productLandscape, 35482 &.productSquare { 35483 border-radius: 0; 35484 } 35485 35486 &.productPortrait { 35487 border-radius: ${I} ${I} 0 0; 35488 } 35489 35490 &&& { 35491 figure.cne-video-embed { 35492 display: block; 35493 border-radius: ${I}; 35494 width: 100%; 35495 max-width: inherit; /* reset max-width in cnevideoembed component */ 35496 height: 100%; 35497 overflow: hidden; 35498 35499 .video-container { 35500 width: 100%; 35501 height: 100%; 35502 } 35503 } 35504 } 35505 35506 img, 35507 .responsive-image, 35508 .responsive-clip { 35509 width: 100%; 35510 height: 100%; 35511 object-fit: cover; 35512 } 35513 } 35514`,K=x.Ay.div.withConfig({displayName:"StoryHeader"})` 35515 position: absolute; 35516 top: 0; 35517 left: 0; 35518 z-index: ${B}; 35519 background: linear-gradient( 35520 0deg, 35521 rgba(80, 80, 80, 0) 19.64%, 35522 rgba(0, 0, 0, 0.4) 79.47% 35523 ); 35524 ${({isRecirculationSlide:e})=>e&&x.AH` 35525 background: none; 35526 `}; 35527 35528 width: 100%; 35529 height: 200px; 35530 text-align: center; 35531 35532 @media (min-width: 480px) { 35533 border-radius: ${I}; 35534 } 35535 35536 h1 { 35537 position: absolute; 35538 top: calc((${I} * 2) + 3px); 35539 right: calc((${I} * 2) + ${N}); 35540 left: ${I}; 35541 margin: 0; 35542 overflow: hidden; 35543 text-align: left; 35544 text-overflow: ellipsis; 35545 line-height: 20px; 35546 white-space: nowrap; 35547 color: ${(0,L.HK)("colors.interactive.base.white")}; 35548 ${({theme:e})=>(0,L.Gg)(e,"typography.definitions.discovery.hed-bulletin-secondary")}; 35549 font-size: 16px; 35550 } 35551 35552 h4 { 35553 display: block; 35554 position: relative; 35555 margin-top: ${I}; 35556 margin-bottom: ${N}; 35557 padding-top: 4px; 35558 height: 24px; 35559 color: ${(0,L.HK)("colors.interactive.base.white")}; 35560 ${({theme:e})=>(0,L.Gg)(e,"typography.definitions.globalEditorial.context-tertiary")}; 35561 } 35562`,D=(0,x.Ay)(T.A).withConfig({displayName:"CNEVideoEmbedWrapper"})` 35563 display: none; 35564 margin: 0; 35565 padding: 0; 35566 width: 100%; 35567 max-width: inherit; /* reset max-width in cnevideoembed component */ 35568 height: 100%; 35569 object-fit: cover; 35570 35571 ${({showVideo:e})=>e&&x.AH` 35572 display: block; 35573 `} 35574 35575 iframe { 35576 width: 100%; 35577 height: 100%; 35578 @media (min-width: 480px) { 35579 border-radius: ${I}; 35580 } 35581 } 35582`,_=x.Ay.div.withConfig({displayName:"SlideInfoWrapper"})` 35583 position: absolute; 35584 bottom: 20px; 35585 z-index: ${20}; 35586 outline: none; 35587 padding: ${I}; 35588 width: 100%; 35589 line-height: 1; 35590 35591 span { 35592 display: block; 35593 border-radius: ${I}; 35594 background: rgba(0, 0, 0, 0.5); 35595 cursor: pointer; 35596 padding: ${I}; 35597 width: 100%; 35598 text-align: center; 35599 text-decoration: none; 35600 box-sizing: border-box; 35601 backdrop-filter: blur(10px); 35602 35603 p.title { 35604 display: -webkit-box; /* stylelint-disable-line */ 35605 -webkit-line-clamp: 3; 35606 -webkit-box-orient: vertical; 35607 margin: 0 0 4px 0; 35608 overflow: hidden; 35609 line-height: 1; 35610 color: ${(0,L.HK)("colors.interactive.base.white")}; 35611 ${({theme:e})=>
35611(0,L.Gg)(e,"typography.definitions.discovery.hed-bulletin-primary")}; 35612 font-size: ${I}; 35613 } 35614 35615 p.cta { 35616 margin: 0; 35617 text-transform: uppercase; 35618 color: ${(0,L.HK)("colors.interactive.base.white")}; 35619 font-size: 12px; 35620 font-weight: 600; 35621 ${({theme:e})=>(0,L.Gg)(e,"typography.definitions.utility.button-utility")}; 35622 35623 a { 35624 text-decoration: none; 35625 pointer-events: none; 35626 color: ${(0,L.HK)("colors.interactive.base.white")}; 35627 } 35628 35629 &.ctaProduct { 35630 padding: 1px ${N}; 35631 ${({theme:e})=>(0,L.Gg)(e,"typography.definitions.commerce.call-to-action")}; 35632 color: ${(0,L.HK)("colors.interactive.base.light")}; 35633 35634 a { 35635 display: inline-block; 35636 border: 1px solid white; 35637 padding: 6px ${N}; 35638 } 35639 } 35640 } 35641 35642 &:hover { 35643 p.cta { 35644 text-decoration: underline; 35645 35646 &.ctaProduct { 35647 text-decoration: none; 35648 35649 a { 35650 background-color: white; 35651 color: black; 35652 } 35653 } 35654 } 35655 } 35656 } 35657`,P=x.Ay.h2.withConfig({displayName:"SlideTitle"})` 35658 position: absolute; 35659 top: 63px; 35660 right: calc((${I} * 2) + ${N}); 35661 left: ${I}; 35662 z-index: ${B}; 35663 margin: 0; 35664 display: -webkit-box; /* stylelint-disable-line */ 35665 -webkit-line-clamp: 3; 35666 -webkit-box-orient: vertical; 35667 overflow: hidden; 35668 text-align: left; 35669 color: ${(0,L.HK)("colors.interactive.base.white")}; 35670 font-size: ${I}; 35671 ${({theme:e})=>(0,L.Gg)(e,"typography.definitions.discovery.description-core")}; 35672`,R=x.Ay.div.withConfig({displayName:"SlideCredits"})` 35673 display: grid; 35674 position: absolute; 35675 right: 0; 35676 bottom: 0; 35677 left: 0; 35678 align-items: end; 35679 justify-content: start; 35680 z-index: ${B}; 35681 background: linear-gradient( 35682 180deg, 35683 rgba(80, 80, 80, 0) 19.64%, 35684 rgba(0, 0, 0, 0.4) 79.47% 35685 ); 35686 height: 140px; 35687 35688 ${({liveIndicator:e})=>e&&x.AH` 35689 justify-content: center; 35690 `}; 35691 35692 @media (min-width: 480px) { 35693 border-radius: ${I}; 35694 } 35695 35696 .marquee { 35697 display: inline-block; 35698 margin: 6px ${I} 2px ${I}; 35699 overflow: hidden; 35700 text-align: left; 35701 white-space: nowrap; 35702 } 35703`,q=x.Ay.p.withConfig({displayName:"MarqueeText"})` 35704 ${({calculatedCreditLenght:e})=>e<0&&x.AH` 35705 animation-name: marquee; 35706 animation-duration: 10s; 35707 animation-timing-function: linear; 35708 animation-delay: 1s; 35709 animation-iteration-count: 1; 35710 animation-direction: normal; 35711 animation-fill-mode: forwards; 35712 animation-play-state: play; 35713 `}; 35714 ${({shouldPause:e})=>e&&x.AH` 35715 animation-play-state: paused; 35716 `}; 35717 35718 color: rgba( 35719 ${(0,L.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 35720 0.5 35721 ); 35722 35723 ${({theme:e})=>(0,L.Gg)(e,"typography.definitions.globalEditorial.accreditation-core")}; 35724 35725 /* Make it move */ 35726 @keyframes marquee { 35727 ${({calculatedCreditLenght:e})=>e<0&&x.AH` 35728 0% { 35729 transform: translateX(0); 35730 } 35731 35732 100% { 35733 transform: translateX(calc(-100%)); 35734 } 35735 `}; 35736 } 35737`,M=x.Ay.div.withConfig({displayName:"ProgressBarContainer"})` 35738 display: grid; 35739 position: absolute; 35740 top: ${I}; 35741 right: ${I}; 35742 left: ${I}; 35743 grid-gap: 5px; 35744 35745 ${({maxItemVisibile:e})=>e&&x.AH` 35746 grid-template-columns: repeat(${e}, 1fr); 35747 `}; 35748 z-index: ${B}; 35749 35750 height: 3px; 35751 35752 ${({lowerIndex:e})=>e&&x.AH` 35753 > div:nth-child(-n + ${e}) { 35754 display: none; 35755 } 35756 `}; 35757 ${({upperIndex:e})=>e&&x.AH` 35758 > div:nth-child(n + ${e+2}) { 35759 display: none; 35760 } 35761 `}; 35762 35763 .iconPrevNext { 35764 text-align: center; 35765 line-height: 0px; 35766 font-size: 0; 35767 } 35768 35769 .prevIcon { 35770 display: ${({showPrevIcon:e})=>e?"block !important":"none !important"}; 35771 } 35772 35773 .nextIcon { 35774 display: ${({showNextIcon:e})=>e?"block !important":"none !important"}; 35775 35776 svg { 35777 rect { 35778 fill: rgba( 35779 ${(0,L.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 35780 0.6 35781 ); 35782 } 35783 } 35784 } 35785`,F=x.Ay.div.withConfig({displayName:"ProgressBar"})` 35786 position: relative; 35787 border-radius: 3px; 35788 35789 background-color: rgba( 35790 ${(0,L.HK)("colors.interactive.base.white",{rgbOnly:!0})}, 35791 0.6 35792 ); 35793 cursor: pointer; 35794 height: 3px; 35795`,U=x.Ay.div.withConfig({displayName:"ProgressBarActive"})` 35796 position: absolute; 35797 top: 0; 35798 right: 0; 35799 bottom: 0; 35800 left: 0; 35801 border-radius: 3px; 35802 background-color: ${(0,L.HK)("colors.interactive.base.white")}; 35803 cursor: pointer; 35804 ${({width:e})=>e&&x.AH` 35805 width: ${e}px; 35806 `}; 35807 height: 3px; 35808`,V=x.Ay.div.withConfig({displayName:"StoryNavigation"})` 35809 display: flex; 35810 position: absolute; 35811 top: 0; 35812 align-items: center; 35813 justify-content: center; 35814 z-index: ${11}; 35815 width: 100%; 35816 height: 100%; 35817 35818 @media (min-width: ${E.LO.md}) { 35819 top: 0; 35820 left: calc(-${H} - ${I}); 35821 margin: 0 auto; 35822 width: calc(100% + (${H} * 2) + (${I} * 2)); 35823 height: 100%; 35824 } 35825 35826 div { 35827 display: flex; 35828 align-items: center; 35829 justify-content: center; 35830 cursor: pointer; 35831 width: 50%; 35832 height: 100%; 35833 font-size: 0; 35834 35835 user-select: none; 35836 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 35837 35838 @media (min-width: ${E.LO.md}) { 35839 width: ${H}; 35840 height: ${H}; 35841 color: ${(0,L.HK)("colors.interactive.base.white")}; 35842 35843 &:nth-child(1) { 35844 position: absolute; 35845 left: 0; 35846 35847 .button__icon-container { 35848 position: relative; 35849 } 35850 } 35851 35852 &:nth-child(2) { 35853 position: absolute; 35854 right: 0; 35855 35856 .button__icon-container { 35857 position: relative; 35858 } 35859 } 35860 } 35861 } 35862 35863 .adv-visible & { 35864 @media (max-width: ${E.LO.md}) { 35865 position: static; 35866 35867 div.previousWrapper { 35868 position: absolute; 35869 top: 25%; 35870 left: 0; 35871 z-index: ${40}; 35872 width: 25%; 35873 height: 50%; 35874 } 35875 35876 div.nextWrapper { 35877 position: absolute; 35878 top: 25%; 35879 right: 0; 35880 z-index: ${40}; 35881 width: 25%; 35882 height: 50%; 35883 } 35884 } 35885 } 35886`,G=(0,x.Ay)(S.A.Primary).withConfig({displayName:"ButtonSlideRight"})` 35887 display: flex; 35888 justify-content: center; 35889 outline: none; 35890 border: none; 35891 background: none; 35892 cursor: pointer; 35893 width: ${H}; 35894 height: ${H}; 35895 font-size: 24px; 35896 35897 user-select: none; 35898 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 35899 35900 svg { 35901 display: block; 35902 35903 rect { 35904 fill: ${({theme:e})=>(0,L._o)(e,"fill","colors.interactive.base.white")}; 35905 } 35906 35907 path { 35908 ${({theme:e})=>(0,L._o)(e,"fill","colors.interactive.base.black")}; 35909 } 35910 } 35911 35912 &:hover { 35913 border: unset; 35914 background: none; 35915 } 35916`,W=(0,x.Ay)(G).withConfig({displayName:"ButtonSlideLeft"})` 35917 svg { 35918 transform: rotate(180deg); 35919 } 35920`,j=x.Ay.div.withConfig({displayName:"StoryButtons"})` 35921 position: absolute; 35922 top: 36px; 35923 right: ${I}; 35924 z-index: ${12}; 35925 35926 ${({isRecirculationSlide:e})=>!e&&x.AH` 35927 @media (min-width: ${E.LO.md}) { 35928 top: 0; 35929 right: calc(-${I} - ${N} - 4px); 35930 } 35931 `}; 35932 35933 ${({isRecirculationSlide:e})=>e&&x.AH` 35934 top: ${I}; 35935 right: ${I}; 35936 `}; 35937 35938 .adv-visible & { 35939 display: none; 35940 } 35941`,z=(0,x.Ay)(S.A.Primary).withConfig({displayName:"ButtonClose"})` 35942 border: none; 35943 background: none; 35944 cursor: pointer; 35945 padding: 0; 35946 width: ${N}; 35947 height: ${N}; 35948 35949 user-select: none; 35950 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 35951 35952 &, 35953 &:focus, 35954 &:hover { 35955 outline: 0; 35956 border: unset; 35957 background: none; 35958 } 35959 35960 svg { 35961 path, 35962 stroke { 35963 ${({theme:e})=>(0,L._o)(e,"fill","colors.interactive.base.white")}; 35964 } 35965 } 35966 35967 .button-icon { 35968 width: ${N}; 35969 height: ${N}; 35970 } 35971 35972 ${({isRecirculationSlide:e})=>e&&x.AH` 35973 margin-top: 4px; 35974 width: ${I}; 35975 height: ${I}; 35976 35977 .button-icon { 35978 width: ${I}; 35979 height: ${I}; 35980 } 35981 `}; 35982`,Y=(0,x.Ay)(z).withConfig({displayName:"ButtonPlayPause"})` 35983 margin-top: ${N}; 35984`,X=(0,x.Ay)(z).withConfig({displayName:"ButtonVolume"})` 35985 margin-top: ${N}; 35986`,Z=(0,x.Ay)(z).withConfig({displayName:"ButtonBack"})` 35987 position: absolute; 35988 top: ${I}; 35989 left: ${I}; 35990 z-index: ${12}; 35991 35992 svg { 35993 transform: rotate(180deg); 35994 35995 rect { 35996 fill: ${({theme:e})=>(0,L._o)(e,"fill","colors.interactive.base.white")}; 35997 } 35998 35999 path { 36000 ${({theme:e})=>(0,L._o)(e,"fill","colors.interactive.base.white")}; 36001 } 36002 } 36003`,J=x.Ay.div.withConfig({displayName:"RecirculationGrid"})` 36004 display: flex; 36005 position: absolute; 36006 top: 70px; 36007 flex-wrap: wrap; 36008 align-content: flex-start; 36009 justify-content: flex-start; 36010 z-index: ${20}; 36011 padding: 0 ${I}; 36012 width: 100%; 36013 height: calc(100% - 70px);
36014 overflow-y: scroll; 36015 36016 ::-webkit-scrollbar { 36017 width: 6px; 36018 } 36019 36020 ::-webkit-scrollbar-track { 36021 background-color: transparent; 36022 } 36023 36024 ::-webkit-scrollbar-thumb { 36025 border: 1px solid transparent; 36026 border-radius: 20px; 36027 background-clip: content-box; 36028 background-color: ${(0,L.HK)("colors.interactive.base.deemphasized")}; 36029 } 36030 36031 ::-webkit-scrollbar-thumb:hover { 36032 background-color: ${(0,L.HK)("colors.interactive.base.deemphasized")}; 36033 } 36034`,Q=x.Ay.a.withConfig({displayName:"RecirculationItem"})` 36035 margin: 0 1% ${N} 1%; 36036 width: 31%; 36037 max-height: 180px; 36038 overflow: hidden; 36039 text-align: center; 36040 text-decoration: none; 36041 36042 .responsive-asset { 36043 margin: 0 auto; 36044 padding: 0 calc(${I} / 2); 36045 max-width: 130px; 36046 height: fit-content; 36047 max-height: 130px; 36048 36049 img { 36050 margin: 3px auto; 36051 border: 3px solid transparent; 36052 border-radius: 50%; 36053 box-shadow: 0 0 0 2px 36054 ${({theme:e})=>(0,L.HK)(e,"colors.interactive.base.white")}; 36055 } 36056 } 36057 36058 p { 36059 ${({theme:e,bubbleFont:t})=>(0,L.Gg)(e,t)}; 36060 display: -webkit-box; /* stylelint-disable-line */ 36061 overflow: hidden; 36062 -webkit-line-clamp: 2; 36063 line-clamp: 2; 36064 -webkit-box-orient: vertical; 36065 text-align: center; 36066 color: ${(0,L.HK)("colors.interactive.base.white")}; 36067 } 36068`,ee=x.Ay.div.withConfig({displayName:"ads-wrapper"})` 36069 display: flex; 36070 position: absolute; 36071 top: 0; 36072 left: 0; 36073 flex-direction: column; 36074 justify-content: center; 36075 z-index: ${20}; 36076 36077 background: #000000; 36078 width: 100%; 36079 height: 100%; 36080 @media (min-width: 480px) { 36081 border-radius: ${I}; 36082 } 36083 36084 .divAdPlayerPro { 36085 @media (min-width: 480px) { 36086 border-radius: ${I}; 36087 } 36088 /* stylelint-disable-next-line declaration-no-important */ 36089 height: 100% !important; 36090 36091 > div.orp-player-wrapper { 36092 @media (min-width: 480px) { 36093 border-radius: ${I}; 36094 } 36095 } 36096 } 36097 36098 .divAdPlayerPro .orp-player-wrapper { 36099 /* stylelint-disable-next-line declaration-no-important */ 36100 width: 100% !important; 36101 /* stylelint-disable-next-line declaration-no-important */ 36102 height: 100% !important; 36103 } 36104 36105 .orp-force-hide-player::before { 36106 /* stylelint-disable-next-line declaration-no-important */ 36107 background: #000000 !important; 36108 } 36109`,te=x.Ay.div.withConfig({displayName:"tracker"})` 36110 position: absolute; 36111 top: 0; 36112 left: 0; 36113 visibility: hidden; 36114 z-index: 0; 36115 width: 100%; 36116 height: 100%; 36117`,{useState:ne,useEffect:oe,useRef:ie}=a;let ae=0,re=.1;const se=({defaultDuration:e,hasSlidePassed:t,isActive:n,isPaused:o,onGotoClick:i,slide:r})=>{const s=ie(null),l=ie(null),[d,c]=ne(!1);return oe(()=>{c(!(o||!n)&&!!n)},[n,o]),oe(()=>{s.current&&(s.current.style.width=t?`${l?.current?.offsetWidth}px`:"0px")},[t,n]),function(e,t){const n=(0,a.useRef)(),o=(0,a.useRef)(),i=(0,a.useRef)(e);(0,a.useEffect)(()=>{i.current=e},[e]),(0,a.useEffect)(()=>!1!==t?(n.current=requestAnimationFrame(function e(t){if(void 0!==o.current&&null!==o.current){const e=t-o.current;i.current(e)}o.current=t,n.current=requestAnimationFrame(e)}),()=>{cancelAnimationFrame(n.current),n.current=null,o.current=null}):()=>{n.current&&(n.current=null),cancelAnimationFrame(n.current),o.current=null},[t])}(t=>{s.current&&l.current&&(ae=Number((s.current.style.width||"1px").slice(0,s.current.style.width.length-2))||0,ae>l.current.offsetWidth?c(!1):(re=l.current.offsetWidth/((r.duration||e)/t),s.current.style.width=`${ae+re}px`))},d),a.createElement(F,{ref:l,onClick:()=>{i(r.index)}},a.createElement(U,{ref:s}))};se.propTypes={defaultDuration:i().number,hasSlidePassed:i().bool,isActive:i().bool,isPaused:i().bool,onGotoClick:i().func,slide:i().shape({index:i().number.isRequired,duration:i().number}).isRequired},se.displayName="StoryProgressBar";const le=se,de='<svg width="24" height="3" xmlns="http://www.w3.org/2000/svg"><rect width="6" height="3" x="0" y="0" rx="1" ry="3" fill="#FFFFFF" /><rect width="6" height="3" x="9" y="0" rx="1" ry="3" fill="#FFFFFF" /><rect width="6" height="3" x="18" y="0" rx="1" ry="3" fill="#FFFFFF" /></svg>',ce=12;let me=1,ue=ce,pe=!1,ge=!1,he=!1;
36117const ye=({activeSlideIndex:e=0,defaultDuration:t=1e4,isPaused:n=!1,onGotoClick:o=()=>{},items:i=[]})=>{const r=e+1,s=i.length,l=s<=ce?s:ce;if(s>ce&&(he=!0),he){if(1===r&&(me=1,ue=11,pe=!1,ge=l!==s),r===ue+1){let e=2;pe=!0;const t=s-r+1;let n=t>4?4:t;5===t?(ge=!1,n++):t>n?(ge=!0,e++):ge=!1,ue+=n,me=ue-ce+e}if(r===me-1&&1!==me){let e=2;ge=!0;const t=me-1;let n=t>4?4:t;5===t?(pe=!1,n++):t>n?(pe=!0,e++):pe=!1,me-=n,ue=me+ce-e}}return a.createElement(M,{columns:i.length,maxItemVisibile:l,lowerIndex:me,upperIndex:ue,showPrevIcon:pe,showNextIcon:ge,"data-testid":"story-progress-container"},a.createElement("div",{className:"prevIcon iconPrevNext","data-testid":"story-progress-prev-icon",dangerouslySetInnerHTML:{__html:de}}),i&&i.map((i,r)=>a.createElement(le,{index:r,key:i.index,defaultDuration:t,hasSlidePassed:i.index<e,isActive:i.index===e,isPaused:i.index===e&&n,onGotoClick:o,slide:i})),a.createElement("div",{className:"nextIcon iconPrevNext","data-testid":"story-progress-next-icon",dangerouslySetInnerHTML:{__html:de}}))};ye.propTypes={activeSlideIndex:i().number,defaultDuration:i().number,isPaused:i().bool,items:i().array,onGotoClick:i().func},ye.displayName="StoryProgress";const be=ye;var fe=n(80471),we=n(59561),$e=n(63799);const{useRef:ve,useState:Ce,useEffect:ke,useCallback:Ae}=a;function xe(e){if(!e||"product"!==e.contentType&&"commerce-product"!==e.contentType)return"";const t=e.image?.orientation;return"landscape"===t?"productLandscape":"portrait"===t?"productPortrait":"square"===t?"productSquare":""}function Ee(e){return e&&e.match(/href=(["'])(.*?)(["'])/)}function Se(e){if(!e||"string"!=typeof e)return null;try{const t=window.location&&window.location.origin||"http://localhost",n=new URL(e,t);return"http:"===n.protocol||"https:"===n.protocol?n.href:null}catch{try{const t=new URL(`https://${e}`);return"http:"===t.protocol||"https:"===t.protocol?t.href:null}catch{return null}}}const Le=({isAdvVisibile:e=!1,isFirstSlide:t=!1,isPaused:n=!1,shouldMute:o=!1,showLocalisedOffers:i=!1,slide:r={},trackingHandler:s=null})=>{const l=ve(null),[d,m]=Ce(0),[u,p]=Ce(0);ke(()=>{l.current&&(m(l.current.scrollWidth),p(l.current.offsetWidth))},[n]);const{ref:g,entry:h}=(0,fe.Wx)({threshold:.2,trackVisibility:!0,delay:100,triggerOnce:!0}),{ref:y,entry:b}=(0,fe.Wx)({threshold:.2,trackVisibility:!0,delay:100,triggerOnce:!0});ke(()=>{h?.isIntersecting&&s("impression")},[h]),ke(()=>{if(b?.isIntersecting){const e=r.slideCtaLink?.match(/href="([^"]+)"/);s("CTA",e?e[1]:null)}},[b,s,r.slideCtaLink]);const f=Ae((e,t,n)=>{e.preventDefault();const o=t.querySelector("a[href]");if(!o)return;const i=o.getAttribute("href"),a=o.getAttribute("target");try{n("CTAlabel",i,o.textContent),a?window.open(i,a):window.location.href=i}catch(e){}},[]);ke(()=>{const e=window?.document?.querySelector(".slideInfoWrapper");if(!e)return()=>{};const t=t=>f(t,e,s);return e.addEventListener("click",t),()=>{e.removeEventListener("click",t)}},[s,f]);const w=i?(0,$e.P)("US",r.offers):r.offers,$=w?{...r,offers:w}:r,v=A($);return a.createElement(a.Fragment,null,!e&&a.createElement(te,{ref:g}),r.slideTitle&&a.createElement(P,{dangerouslySetInnerHTML:{__html:r.slideTitle}}),"cnevideo"!==r.contentType&&a.createElement(c.A,{...r.image,isLazy:!t,shouldEnableExternalControl:!0,shouldPause:n,shouldYieldControlOfVideoPlayPause:!0,shouldMute:o,shouldDisableAds:!0,className:xe(r)}),!e&&function(e,t,n,o){if("product"!==e.contentType&&"commerce-product"!==e.contentType)return null;const i=e.offers?.[0]?.shortUrl&&o(e.offers[0].shortUrl);return a.createElement(_,{ref:t,className:"slideInfoWrapper"},a.createElement("span",null,e.slideCtaHeadline&&a.createElement("p",{className:"title",dangerouslySetInnerHTML:{__html:e.slideCtaHeadline}}),i&&a.createElement("p",{className:"cta ctaProduct"},a.createElement("a",{href:o(e.offers[0].shortUrl),target:"_blank",rel:"noopener noreferrer nofollow",dangerouslySetInnerHTML:{__html:n+" "+e.offers[0].sellerName}}))))}($,y,v,Se),!e&&function(e,t,n){const o=e.slideCtaLink&&n(e.slideCtaLink);return o&&"product"!==e.contentType?a.createElement(_,{ref:t,className:"slideInfoWrapper"},a.createElement("span",null,e.slideCtaHeadline&&a.createElement("p",{className:"title",dangerouslySetInnerHTML:{__html:e.slideCtaHeadline}}),o&&a.createElement("p",{className:"cta",dangerouslySetInnerHTML:{__html:e.slideCtaLink}}))):null}
36117(r,y,Ee),e?null:r.isLive?a.createElement(R,{liveIndicator:!0},a.createElement(we.A,{hasBackground:!0,shouldEnableAnimation:!0})):"product"===r.contentType?a.createElement(R,null):!r.isLive&&r.dangerousCredit?a.createElement(R,null,a.createElement("div",{className:"marquee"},a.createElement(q,{ref:l,shouldPause:n,calculatedCreditLenght:u-d,dangerouslySetInnerHTML:{__html:r.dangerousCredit}}))):null)};Le.propTypes={isAdvVisibile:i().bool,isFirstSlide:i().bool,isPaused:i().bool,shouldMute:i().bool,showLocalisedOffers:i().bool,slide:i().object,trackingHandler:i().func},Le.displayName="StorySlide";const Te=Le;var Ne=n(80046),He=n(11118),Ie=n(13148),Be=n(29186),Oe=n(3711),Ke=n(32586),De=n(69571),_e=n(60663);const{useState:Pe,useRef:Re,useEffect:qe}=a,Me=(0,_e.Y)(()=>window.sessionStorage),Fe=({closeRecirculation:e,forceNoRecirc:t=!1,isCNEVideo:n=!1,isFirstSlide:o=!0,isLastSlide:i=!1,isPaused:r=!1,hidePlayPause:s=!1,onCloseButtonAction:l,onNextClick:d,onPrevClick:c,onTogglePause:m,onToggleVolume:u,shouldMute:p,showRecirculationSLide:g=!1,trackingHandler:h})=>{const y=Object.freeze({LEFT:"left",RIGHT:"right"}),[b,f]=Pe(!1),w=Re(null);function $(e){e.cancelable&&e.preventDefault(),e.cancelable&&e.stopPropagation(),clearTimeout(w.current),w.current=setTimeout(()=>{m(!0),f(!0)},200)}function v(e,t){return t.cancelable&&t.stopPropagation(),t.cancelable&&t.preventDefault(),clearTimeout(w.current),b?(m(),void f(!1)):e===y.LEFT?(h("back"),void c()):(h("forward"),void d())}function C(e){return{onMouseUp:t=>v(e,t),onTouchEnd:t=>v(e,t),onTouchStart:e=>$(e),onMouseDown:e=>$(e)}}const k=()=>{if(h("close"),l)l();else{const e=Me.getItem("visual_story_origin");e?(Me.removeItem("visual_story_origin"),window.location.href=e):window.location.href="/"}};return qe(()=>{const e=e=>{switch(e.code){case"Space":m();break;case"ArrowRight":v(y.RIGHT,e);break;case"ArrowLeft":v(y.LEFT,e);break;case"ArrowUp":u(!1);break;case"ArrowDown":u(!0);break;case"Escape":k()}};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),a.createElement("div",{"data-testid":"story-actions-container"},!g&&a.createElement(V,null,o?a.createElement("div",null):a.createElement("div",{...C(y.LEFT),className:"previousWrapper","data-testid":"story-prev-button story-left-region"},a.createElement(W,{label:"Go to previous slide",ariaLabel:"Go to previous slide",btnStyle:"text",ButtonIcon:Ke.A,isIconButton:!0,shouldEnableClickTracking:!1})),(!t||!i)&&a.createElement("div",{...C(y.RIGHT),className:"nextWrapper","data-testid":"story-next-button story-right-region"},a.createElement(G,{label:"Go to next slide",ariaLabel:"Go to next slide",btnStyle:"text",ButtonIcon:Ke.A,isIconButton:!0,shouldEnableClickTracking:!1}))),a.createElement(j,{isRecirculationSlide:g},a.createElement(z,{isRecirculationSlide:g,label:"Close Visual Story",ariaLabel:"Close Visual Story",btnStyle:"text",ButtonIcon:Ne.A,isIconButton:!0,onClickHandler:k,shouldEnableClickTracking:!1,"data-testid":"story-close-button"}),!g&&!s&&a.createElement(Y,{label:"Toggle play on/off",ariaLabel:"Toggle play on/off",btnStyle:"text",ButtonIcon:r?He.A:Ie.A,isIconButton:!0,onClickHandler:()=>{m()},shouldEnableClickTracking:!1,"data-testid":"story-pause-button"}),n&&!g&&a.createElement(X,{label:"Toggle sound on/off",ariaLabel:"Toggle sound on/off",btnStyle:"text",ButtonIcon:p?Oe.A:Be.A,isIconButton:!0,onClickHandler:()=>{u()},shouldEnableClickTracking:!1,"data-testid":"story-volume-button"})),g&&a.createElement(Z,{ariaLabel:"Back to slides",label:"Back to slides",btnStyle:"text",ButtonIcon:De.A,isIconButton:!0,onClickHandler:e,shouldEnableClickTracking:!1}))};Fe.propTypes={closeRecirculation:i().func,forceNoRecirc:i().bool,isCNEVideo:i().bool,isFirstSlide:i().bool,isLastSlide:i().bool,isPaused:i().bool,hidePlayPause:i().bool,onCloseButtonAction:i().func,onNextClick:i().func,onPrevClick:i().func,onTogglePause:i().func,onToggleVolume:i().func,shouldMute:i().bool,showRecirculationSLide:i().bool,trackingHandler:i().func},Fe.displayName="StoryActions";const Ue=Fe,Ve=({bubbleFont:e,items:t=[]})=>{const{ref:n}=(0,fe.Wx)({threshold:.2,trackVisibility:!0,delay:100,triggerOnce:!0}),o=t.map((t,n)=>t&&t.image&&a.createElement(Q,{key:n,href:t.url,bubbleFont:e},a.createElement(c.A,{...t.image,isLazy:!1,shouldYieldControlOfVideoPlayPause:!0,shouldDisableAds:!0}),a.createElement("p",{dangerouslySetInnerHTML:{__html:t.dangerousHed}})));return a.createElement(J,{ref:n,className:"recirculationWrapper","data-testid":"story-recirculation-grid"},o)};
36117Ve.propTypes={bubbleFont:i().string,items:i().array},Ve.displayName="StoryRecirculation";const Ge=Ve;var We=n(56892);const{useEffect:je}=a,ze=({vastParameter:e,vpmute:t=0})=>{je(()=>{let n="";void 0!==window.__tcfapi&&window.__tcfapi("getTCData",2,(e,t)=>{t&&(n=e.addtlConsent)});let o="$$RANDOM_10$$";void 0!==window.googletag?.pubads&&void 0!==window.googletag.pubads().getCorrelator&&(o=window.googletag.pubads().getCorrelator());const i=(0,We.getCookie)("CN_xid",""),a=i?i.replace(/-/g,""):"",r=window.location.pathname.replace(/\/+$/,"").split("/").pop(),s=`https://pubads.g.doubleclick.net/gampad/ads?iu=${e}&ad_rule=0&tfcd=0&npa=0&sz=9x16&max_ad_duration=60000&gdfp_req=1&unviewed_position_start=1&correlator=${o}&hl=en&vpos=preroll&output=vast&env=vp&vpmute=${t}&vpa=auto&gdpr=$$GDPR$$&gdpr_consent=$$GDPR_CONSENT$$&plcmt=3&addtl_consent=${n}&ppid=${a}&description_url=$$REFERER$$&url=$$REFERER$$&cust_params=IAB_player_type%3DInterstitial%26ctx_page_slug%3D${r}`;window.adPlayerPro=AdPlayerPro("divAdPlayerPro").setup({placementId:"E4PwNl4FEpNx",muted:!1,autoStart:!0,width:"300",height:"600",type:"inPage",advertising:{tag:[{url:s}]}}),window.adPlayerPro.on("AdVideoComplete",()=>{window.closeVisualStoryAdv(!0)}),window.adPlayerPro.on("AdError",()=>{window.closeVisualStoryAdv()}),window.adPlayerPro.on("AdSkipped",()=>{window.closeVisualStoryAdv()})},[t]);const{ref:n,entry:o}=(0,fe.Wx)({threshold:.2,trackVisibility:!0,delay:100,triggerOnce:!0});return je(()=>{},[o]),a.createElement(ee,{ref:n,"data-testid":"story-adv-wrapper"},a.createElement("div",{id:"divAdPlayerPro",className:"divAdPlayerPro","data-testid":"story-adv-player"}))};ze.propTypes={vastParameter:i().string,vpmute:i().number};const Ye=ze,{useState:Xe,useRef:Ze,useEffect:Je,useMemo:Qe}=a,et={hideControls:!0,aspectRatio:"9x16"},tt=[];let nt=1,ot=!1;function it(){if(!ot){ot=!0;const e="video::cue {visibility: hidden;}",t=document.createElement("style");t.textContent=e,document.querySelector("#video-container iframe")?.contentDocument?.head?.appendChild(t)}}function at(e,t,n){!function(e){const t=(0,a.useRef)(e);(0,a.useEffect)(()=>{t.current=e},[e]),(0,a.useEffect)(()=>{function e(){t.current(!1)}return window.addEventListener("blur",e),()=>{window.removeEventListener("blur",e)}},[])}(o=>{e&&n(!!t||!o)})}const rt=({appConfig:e={},componentConfig:t={},configuredComponentRef:n,copilotCode:o="",currentIndex:i=0,dangerousHed:r="",defaultDuration:s=1e4,forceNoRecirc:l=!1,id:d="",isMobileDevice:c=!0,isNoAds:m=!1,items:b=[],onCloseButtonAction:f,onSlideChange:w=()=>{},recirculation:$=[],shouldPauseSlideWhenInActiveWindow:k=!0})=>{const A=u()(e,"tenant.showLocalisedOffers",!1),x=Qe(()=>function(e=[],t=1e4){let n=0;return e.map((e,o)=>{let{duration:i}=e;i||("cnevideo"===e.contentType?(i=e.image?.duration??t,e.isLive&&(i=3*t)):i=t),i=Math.min(i,3*t);let a=i+v();return a===n&&(a=i+v(6)),n=a,{...e,index:o,duration:i,calculatedDuration:a}})}(b,s),[b,s]),E=x.length-1,[S,L]=Xe(x[0]),[T,N]=Xe(!1),[H,I]=Xe(!1),[B,_]=Xe(!0),[P,R]=Xe(!1),[q,M]=Xe(!1),[F,U]=Xe(c?550:1011),V=Ze(null);V.current=function(e){const t=(0,a.useRef)(null);return window.cns&&(t.current=window.cns.config?.config?.network),null===t.current||void 0===t.current?null:`/${t.current}/conde.verticaldiscovery/${e}`}(o);const G=(e,t,n)=>{let o;switch(e){case"impression":case"forward":case"back":o={type:e,subject:"visual_story",index:S?.index,total_index:E+1},(0,h.kg)(o),"forward"!==e&&"back"!==e||(nt=0);break;case"CTA":"product"===S.contentType&&(S.component="visual_story_cta",(0,y.QM)("product-impression",{actionField:null,impressions:[(0,y.TZ)(S,window)]},null,null,0,null,null)),o={type:"impression",subject:"visual_story_cta",index:S?.index,total_index:E+1,items:[{content_url:t}]},(0,h.kg)(o);break;case"CTAlabel":"product"===S.contentType&&(S.component="visual_story_cta",(0,y.g1)({window,product:S,index:S.index})),o={type:"click",subject:"visual_story_cta",index:S?.index,total_index:E+1,items:[{content_url:t}],label:n},(0,h.kg)(o);break;case"close":case"unmute":case"mute":case"play":case"pause":o={type:e,subject:"visual_story"},(0,h.kg)(o),nt=0}},W=e=>{e%5==0&&!tt.includes(e)&&e<=E&&null!==V.current&&!m&&function(){const{hostname:e}=window.location;
36117return"stg-copilot-app.condenast.io"!==e&&"copilot-app.condenast.io"!==e}()&&(tt.push(e),N(!0),I(!0),document.getElementsByClassName("StoryContainer")[0].classList.add("adv-visible"))},j=e=>{setTimeout(()=>{window.adPlayerPro.remove(),N(!1),I(!1),document.getElementsByClassName("StoryContainer")[0].classList.remove("adv-visible")},!0===e?2500:0)};Je(()=>{window.closeVisualStoryAdv=j},[]);const{extractedId:z,fallBackVideo:Y}=function(e,t,n){const o=e.find(e=>"cnevideo"===e.contentType)?.image?.scriptUrl,[i,a]=Xe(C(o));return Je(()=>{if(t&&(n(t?.index),"cnevideo"===t?.contentType)){const e=C(t?.image.scriptUrl);t?.image.scriptUrl.includes(i)||a(e)}},[i,n,t]),{extractedId:i,fallBackVideo:o}}(x,S,w);Je(()=>{const e=x[i];e&&L(e)},[i,b,x]);const X=()=>{if(T)j();else{if(S?.index===E){const e=!l&&Array.isArray($)&&$.some(e=>e?.id!==d);return I(!0),void(e?(R(!0),L(x[0])):M(!0))}M(!1),L(e=>{if(!e)return x[0];const t=e.index+1||0;return W(t),x[t]})}};!function(e){Je(()=>{if(!e&&!document.getElementById("AdPlayerPro")){const e=document.createElement("script");e.id="AdPlayerPro",e.src="https://static.adplayer.pro/player/AdPlayerPro.js",e.async=!0,document.body.appendChild(e)}},[e])}(m),function(e,t,n){const o=(0,a.useRef)(),i=(0,a.useRef)(t),r=(0,a.useRef)(Date.now());(0,a.useEffect)(()=>{o.current=e},[e]),(0,a.useEffect)(()=>{i.current=t},[t]),(0,a.useEffect)(()=>{if(null!==t&&!1===n){r.current=Date.now();const e=setTimeout(function(){o.current()},i.current);return()=>{clearTimeout(e)}}return()=>{}},[t,n]),(0,a.useEffect)(()=>{n&&(i.current-=Date.now()-r.current)},[n])}(()=>{X()},S?.calculatedDuration??null,H),at(k,T,I);const Z=()=>{const e=document.getElementsByClassName("visual-story-page");if(!e||!e[0])return;let t=Math.min(e[0].clientHeight-64,1011);t<550&&(t=550),U(t)};(0,p.w)(()=>Z()),Je(()=>{Z()},[]);const J=u()(t,"VisualStoryCarousel.settings.bubbleFont")||"typography.definitions.globalEditorial.context-tertiary";return"cnevideo"===S?.contentType&&window.dispatchEvent(new Event("scroll")),a.createElement(O,{ref:n,height:Math.round(F),width:Math.round(F/16*9),className:"StoryContainer",isRecirculationSlide:P,isProduct:"product"===S?.contentType,centerContent:"product"===S?.contentType&&"portrait"!==S?.image?.orientation,"data-testid":"story-container"},function(e,t){return a.createElement(K,{isRecirculationSlide:e,"data-testid":"story-header"},!e&&a.createElement("h1",{"data-testid":"story-title",dangerouslySetInnerHTML:{__html:t}}),e&&a.createElement("h4",{"data-testid":"recirculation-title"},"More Stories"))}(P,r),function(e,t,n,o,i,r){return e?null:a.createElement(be,{"data-testid":"story-progress",activeSlideIndex:t?.index,defaultDuration:n,isPaused:o,items:i,onGotoClick:r})}(P,S,s,H,x,e=>{M(!1),L(()=>x[e])}),function(e,t,n,o,i,r,s,l){return e?null:a.createElement(Te,{"data-testid":"story-slide",key:t?.index,isFirstSlide:t?.index===n,isPaused:o,shouldMute:i,slide:t,trackingHandler:r,isAdvVisibile:s,showLocalisedOffers:l})}(P,S,0,H,B,G,T,A),function(e,t,n,o,i,r,s){return e?a.createElement(D,{"data-testid":"cne-video-embed-wrapper",hasCompanion:!1,onVideoLoad:o,showVideo:"cnevideo"===t?.contentType&&!n,shouldAutoplay:!0,shouldDisableAds:!0,shouldEnableExternalControl:!0,shouldPlayContinuously:!1,scriptUrl:i(),shouldPause:"cnevideo"!==t?.contentType||r,shouldMute:"cnevideo"!==t?.contentType||s,videoIdToLoad:e}):null}(z,S,P,it,()=>S?.image?.scriptUrl?(0,g.OE)(S?.image.scriptUrl,et):Y?(0,g.OE)(Y,et):null,H,B),function(e,t,n,o){return e&&t?.length?a.createElement(Ge,{"data-testid":"story-recirculation",items:n(),bubbleFont:o}):null}(P,$,()=>Array.isArray($)&&$.length?$.filter(e=>e?.id!==d):[],J),function(e,t,n,o,i,r,s,l,d,c,m,u,p,g,h){return a.createElement(Ue,{"data-testid":"story-actions",closeRecirculation:e,forceNoRecirc:r,isCNEVideo:"cnevideo"===n?.contentType,isFirstSlide:n?.index===o,isLastSlide:n?.index===i,isPaused:s,hidePlayPause:l,onCloseButtonAction:t,onNextClick:d,onPrevClick:c,onTogglePause:m,onToggleVolume:u,shouldMute:p,showRecirculationSLide:g,trackingHandler:h})}(()=>{R(!1),L(x[E]),I(!1),M(!1)},f,S,0,E,l,H,q,X,()=>{T?j():(M(!1),0!==S?.index&&L(e=>{if(!e)return x[0];const t=e.index-1||0;return x[t]}))},e=>{I(!!e||!H),G(H?"play":"pause")},e=>{_(e||!B),G(B?"unmute":"mute")},B,P,G),function(e,t,n){return e&&t.current?a.createElement(Ye,{"data-testid":"story-adv",vastParameter:t.current,vpmute:n}):null}(T,V,nt))};rt.propTypes={configuredComponentRef:i().func,appConfig:i().object,componentConfig:i().object,copilotCode:i().string,currentIndex:i().number,dangerousHed:i().string,defaultDuration:i().number,forceNoRecir
36117c:i().bool,id:i().string,isMobileDevice:i().bool,isNoAds:i().bool,items:i().arrayOf(i().shape(c.A.propTypes)).isRequired,onCloseButtonAction:i().func,onSlideChange:i().func,recirculation:i().array,shouldPauseSlideWhenInActiveWindow:i().bool};const st=(0,d.M3)(rt,{keysToPluck:["isNoAds","componentConfig","appConfig"]}),lt="32px",dt=x.Ay.div.withConfig({displayName:"VisualStoryPageStyle"})` 36118 display: grid; 36119 position: relative; 36120 grid-column-gap: 0; 36121 grid-template-columns: 1fr; 36122 grid-template-rows: 100dvh; 36123 grid-row-gap: 0; 36124 align-content: center; 36125 align-items: center; 36126 justify-content: center; 36127 background: var( 36128 --bg, 36129 linear-gradient( 36130 104deg, 36131 #fff 25.08%, 36132 ${(0,L.HK)("colors.background.brand")} 74.24%, 36133 #000 107.26% 36134 ) 36135 ); 36136 overflow: hidden; 36137 36138 @media (orientation: landscape) and (max-device-width: 480px) { 36139 grid-template-rows: initial; 36140 } 36141 36142 @media (min-width: 480px) { 36143 grid-template-rows: calc(100dvh - (${lt} * 2)); 36144 padding: ${lt} 0; 36145 min-height: 550px; 36146 } 36147 36148 @media (min-width: ${E.LO.lg}) { 36149 padding: ${lt} ${"48px"}; 36150 } 36151 36152 &::before { 36153 position: absolute; 36154 top: 0; 36155 left: 0; 36156 36157 box-shadow: 0 0 50px -25px rgba(0, 0, 0, 0.5); 36158 36159 background: linear-gradient( 36160 109deg, 36161 rgba(0, 0, 0, 0.6) 0%, 36162 rgba(0, 0, 0, 0.6) 29.35%, 36163 rgba(0, 0, 0, 0.6) 100% 36164 ); 36165 width: 100%; 36166 height: 100%; 36167 content: ''; 36168 backdrop-filter: blur(80px); 36169 } 36170 36171 /* a lot of fix to remove white space inherit from base-page */ 36172 .standardnavigation-site-navigation[class*='link-banner'] & { 36173 margin-top: -${(0,L.Kq)(14.5)}; 36174 } 36175 36176 .header-with-gql-link-banner.link-banner-visual-link-banner &, 36177 .fixed-header-large-logo-nav-variation.header-with-gql-link-banner.link-banner-visual-link-banner 36178 & { 36179 margin-top: -${(0,L.Kq)(6.5)}; 36180 @media (min-width: ${E.LO.lg}) { 36181 /* stylelint-disable declaration-no-important */ 36182 margin-top: -${(0,L.Kq)(19.5)} !important; 36183 /* stylelint-enable declaration-no-important */ 36184 } 36185 } 36186`,ct=x.Ay.a.withConfig({displayName:"Logo"})` 36187 display: none; 36188 position: absolute; 36189 top: 36px; 36190 left: 36px; 36191 filter: brightness(0) invert(1); 36192 text-decoration: none; 36193 36194 @media (min-width: ${E.LO.lg}) { 36195 display: block; 36196 } 36197 36198 img { 36199 width: 128px; 36200 } 36201`,mt=({copilotCode:e="",defaultDuration:t=1e4,forcedIndex:n=0,forceNoRecirc:o=!1,header:i={},id:r="",isMobileDevice:s=!0,items:d=[],logo:c=null,onCloseButtonAction:m,recirculation:u={items:[]}})=>{const p=d,g=i,h=c,y=p.length,b=(()=>{if("number"==typeof n&&n>=0)return n;const e=decodeURIComponent(window.location.hash);if(!e)return 0;const t=parseInt(e.substring(1),10);if(isNaN(t))return 0;return Math.max(Math.min(t,y-1),0)})();return y&&a.createElement(dt,{className:"visual-story-page","data-testid":"visual-story-page"},h&&a.createElement(ct,{href:"/","data-testid":"visual-story-logo"},a.createElement(l.A,{...h})),a.createElement(st,{copilotCode:e,currentIndex:b,dangerousHed:g.dangerousHed,defaultDuration:t,forceNoRecirc:o,id:r,isMobileDevice:s,items:p,onCloseButtonAction:m,recirculation:u.items}))};mt.propTypes={copilotCode:i().string,defaultDuration:i().number,forcedIndex:i().number,forceNoRecirc:i().bool,header:i().shape(s.A.propTypes).isRequired,id:i().string,isMobileDevice:i().bool,items:i().arrayOf(i().shape(c.A.propTypes)).isRequired,logo:i().object.isRequired,onCloseButtonAction:i().func,recirculation:i().shape({items:i().array})},mt.displayName="VisualStoryPage";const ut=(0,d.M3)((0,r.Ay)(mt),{keysToPluck:[]});ut.WrappedComponent=mt;const pt=ut},90698(e,t,n){n.d(t,{xg:()=>o.x,Rp:()=>a.R,Fb:()=>i});var o=n(208);class i extends o.x{constructor(e,t,n){super(),this.cssProperty=e,this.cssDefaultValue=t,this.cssMediaQueryValues=n}getStyleForBreakpoint(e){return[[this.cssProperty,this.cssMediaQueryValues?.[e]??this.cssDefaultValue]]}}var a=n(19635)},19635(e,t,n){var o;n.d(t,{R:()=>o}),function(e){e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(o||(o={}))},96756(e,t,n){n.d(t,{t:()=>i});var o=n(96540);class i extends o.Component{constructor(){super(...arguments),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,t){}render(){return null!==this.state.errorMessage?null:this.props.children}}},52813(e,t,n){n.d(t,{Ic:()=>i,YE:()=>r,_3:()=>a,xY:()=>s});var o=n(38267);function i(){return o.AH` 36202 position: absolute; 36203 margin: 0; 36204 border: 0; 36205 padding: 0; 36206 width: 1px; 36207 height: 1px; 36208 overflow: hidden; 36209 clip: rect(0 0 0 0); 36210 clip-path: inset(50%); 36211 white-space: nowrap; 36212 `}const a="\n position: absolute;\n margin: -1px;\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n";function r(){return o.AH` 36213 ${i} 36214 36215 &:active, 36216 &:focus { 36217 position: static; 36218 width: auto; 36219 height: auto; 36220 overflow: visible; 36221 clip: auto; 36222 clip-path: none; 36223 white-space: initial; 36224 } 36225 `}function s(){return o.AH` 36226 text-indent: -9999px; 36227 `}},96472(e,t,n){n.d(t,{Ay:()=>h,KV:()=>r,L6:()=>o,LO:()=>i,Ni:()=>a,SI:()=>s,Yq:()=>d,h2:()=>g,ob:()=>m,p1:()=>u,qx:()=>c,uM:()=>p,xD:()=>l});const o={timingButtonDefault:"200ms",timingLinkDefault:"200ms",timingLinkNavigation:"200ms"},i={sm:"320px",md:"768px",lg:"1024px",xl:"1280px",xxl:"1600px",max:"1280px",fullBleed:"1600px"},a={sm:["0px","320px"],md:["320px","768px"],lg:["768px","1024px"],xl:["1024px","1280px"],xxl:["1280px","1600px"]},r={skipLink:800,hyperstitialLayer:700,interstitialLayer:600,stickyLayer:350,persistentTopLayer:500,persistentBottomLayer:400,persistentAsideLayer:300,oneNav:450,navFixed:80,tooltip:50,dropdown:50,content:30},s={normal:{text:7,icon:7,background:5,border:6},active:{text:8,icon:8,background:5,border:8},valid:{text:8,icon:8,background:5,border:7},invalid:{text:3,icon:3,background:5,border:3},disabled:{text:7,icon:7,background:6,border:7}},l={1:"colors.interactive.base.brand-primary",2:"colors.interactive.base.brand-secondary",3:"colors.interactive.feedback.invalid-primary",4:"colors.interactive.feedback.invalid-secondary",5:"colors.interactive.base.white",6:"colors.interactive.base.light",7:"colors.interactive.base.dark",8:"
36227colors.interactive.base.black"},d={sm:2,md:3,lg:4},c=!(!window.document||!window.document.createElement),m={link:{style:"null"},visited:{style:"null"},hover:{style:"underline"},active:{style:"underline"},focus:{style:"underline"}},u={KEY_ENTER:"Enter",KEY_SPACE:" ",KEY_TAB:"Tab",KEY_ESCAPE:"Escape"},p={USD:"$",EUR:"â¬",GBP:"£",INR:"â¹",JPY:"Â¥",TWD:"NT$",PHP:"â±",PLN:"zÅ",KRW:"â©",UAH:"â´",VND:"â«",MXN:"Mex$"},g="CommentingMainContent",h={BREAKPOINTS:i,BREAKPOINTS_RANGE:a,CAN_USE_DOM:c,GLOBAL_LINKS:m,GRID_GAP:d,INPUT_FIELD_PALETTE:s,INTERACTIVE:o,INTERACTIVE_PALLETE_TO_COLOR:l,SHOPIFY_IMAGE_SIZE_MAP:{large:"",medium:"&width=640",small:"&width=320"},ZINDEX_MAP:r,ACCESSIBILITY:u,CURRENCY_SYMBOLS:p,COMMENTING_SECTION_CLASS:g}},54318(e,t,n){n.d(t,{$:()=>a});var o=n(67098),i=n.n(o);const a=(e,t)=>{if(e[t]){const n=i()(e[t])?.trim();return n?.replace(/[^a-zA-Z0-9 ]/g,""),n?.toLowerCase().split(" ").join("-")}return null}},30(e,t,n){n.d(t,{j:()=>c});var o=n(61448),i=n.n(o),a=n(58156),r=n.n(a);const s=e=>{const t=r()(e,"gradient-style"),n=r()(e,"color-stops");let o=r()(e,"angle");"radial"===t&&(o=null);const i=((e,t,n=null)=>null===n?`${e}-gradient(${t})`:`${e}-gradient(${n}, ${t})`)(t,n,o);return`background: ${i}; position: sticky;`},l=e=>{const t=r()(e,"url"),n=r()(e,"repeat"),o=r()(e,"color"),i=r()(e,"attachment"),a=r()(e,"size");return((e,t="no-repeat",n="center",o="cover",i="scroll",a="transparent")=>{let r,s="";if(null!==e&&(r=e),s=`background-image:${r};\n background-attachment:${i};\n background-color:${a};\n background-repeat:${t};\n background-position:${n};`,"string"==typeof o)s+=`background-size:${o};`;else{const e=[];o.forEach(t=>{e.push(t)}),s+=`background-size:${o.toString()};`}return s})(t,n,r()(e,"position"),a,i,o)},d=e=>{return i()(e,"gradient")?s(r()(e,"gradient")):i()(e,"image")?l(r()(e,"image")):i()(e,"solid")?(t=r()(e,"solid"),`background-color:${r()(t,"color")};`):"background: none;";var t},c=(e,t)=>{let n;if(!e||0===Object.keys(e).length||!t)return"background: none;";if(i()(e,"container-styles")){const o=e["container-styles"];if(!o[t])return"background: none;";n=o[t];const a=i()(n,"pattern")?n.pattern:null;if(a&&a.length){let e="";return a.length>=2?(a.forEach((t,n)=>{let o=n;if(i()(t,"gradient"))e+=s(r()(t,"gradient"));else if(i()(t,"image")){let n="";r()(t,"image").size&&(n=r()(t,"url")),n.size?e+=`'url(${n})'`:o=a.length,l(r()(t,"image"))}else if(i()(t,"solid")){const n=r()(t,"solid");n&&(e+=r()(n,"color"))}o!==a.length-1&&(e+=",")}),e.toString()):d(a[0])}}return"background: none;"}},94409(e,t,n){n.d(t,{A:()=>o});const o=e=>{if(!window)return{};const{bottom:t,left:n,right:o,top:i}=e.getBoundingClientRect(),a=e.currentStyle||window.getComputedStyle(e);return{bottom:t+parseFloat(a.marginBottom),left:n-parseFloat(a.marginLeft),right:o+parseFloat(a.marginRight),top:i-parseFloat(a.marginTop)}}}
36227,56341(e,t,n){n.d(t,{j:()=>r});var o=n(38267),i=n(26865),a=n(52813);function r(e,t=!0,n="colors.foundation.collapsed-menu.nav-link.default",r="colors.foundation.collapsed-menu.nav-link.hover"){const s=t?"justify-content: flex-start;":"";return o.AH` 36228 display: flex; 36229 position: relative; 36230 align-items: center; 36231 border: 0; 36232 border-radius: 0; 36233 background-color: transparent; 36234 padding: 0 ${(0,i.Kq)(1)}; 36235 width: 100%; 36236 min-width: ${(0,i.Kq)(5)}; 36237 height: 100%; 36238 ${s} 36239 36240 svg { 36241 display: block; 36242 width: 100%; 36243 height: 100%; 36244 36245 path { 36246 fill: ${(0,i.HK)(e,n)}; 36247 } 36248 } 36249 36250 &:focus, 36251 &:hover { 36252 border: 0; 36253 background-color: transparent; 36254 36255 svg path { 36256 fill: ${(0,i.HK)(e,r)}; 36257 } 36258 } 36259 36260 .button__icon-container { 36261 width: ${(0,i.Kq)(4)}; 36262 height: ${(0,i.Kq)(4)}; 36263 } 36264 36265 .button__label { 36266 ${(0,a.Ic)()} 36267 } 36268 `}},49829(e,t,n){n.d(t,{W:()=>l});var o=n(38267),i=n(26865),a=n(96472),r=n(50531),s=n(75163);function l({shouldUseDesignColorTokens:e=!1}={}){return o.AH` 36269 display: flex; 36270 position: relative; 36271 margin: 0 ${(0,i.Kq)(2)} 0 auto; 36272 border: 0; 36273 background-color: transparent; 36274 padding: 0; 36275 width: ${(0,i.Kq)(4)}; 36276 36277 ${(0,i.H4)(a.LO.md)} { 36278 margin: 0 ${(0,i.Kq)(3)} 0 ${(0,i.Kq)(2)}; 36279 } 36280 36281 &:hover, 36282 &:focus { 36283 border: 0; 36284 background-color: transparent; 36285 36286 svg path { 36287 fill: ${e?`var(${s.pT.Color.TextNavigation})`:(0,i.HK)("colors.foundation.icon.hover")}; 36288 } 36289 } 36290 36291 ${r.ny} { 36292 display: flex; 36293 flex-direction: column; 36294 align-items: center; 36295 justify-content: center; 36296 width: 100%; 36297 max-width: ${(0,i.Kq)(4)}; 36298 height: 100%; 36299 36300 ${r.a2} { 36301 width: 100%; 36302 height: auto; 36303 } 36304 } 36305 36306 svg path { 36307 fill: ${e?`var(${s.pT.Color.TextNavigation})`:(0,i.HK)("colors.foundation.icon.default")}; 36308 } 36309 `}},89085(e,t,n){n.d(t,{AQ:()=>r,HS:()=>d,QA:()=>l,VG:()=>s});var o=n(26865),i=n(96472),a=n(1123);const r=()=>`\n @media (min-width: ${i.LO.md}) {\n --border-offset: ${(0,o.Kq)(1.5)} ;\n\n @media (min-width: ${i.LO.xl}) {\n --border-offset: ${(0,o.Kq)(2)};\n }\n }\n `,s=(e=!0)=>`\n \n ${(0,a.VO)()}\n display: grid;\n // four for mobile, default\n grid-template-columns: repeat(4, 1fr);\n column-gap: var(--grid-gap);\n row-gap: ${e?"var(--grid-gap)":"0"};\n margin: 0 auto;\n width: 100%;\n max-width: ${i.LO.xxl};\n \n @media (min-width: ${i.LO.md}) {\n grid-template-columns: repeat(12, 1fr);\n }\n `,l=(e,t="div")=>`\n &:nth-child(${e}n+1):nth-last-child(-n+${e}),\n &:nth-child(${e}n+1):nth-last-child(-n+${e}) ~ ${t}\n `;const d=e=>`\n ${e} {\n display: flex;\n flex-flow: row wrap;\n align-items: stretch;\n justify-content: center;\n\n > * {\n width: 100%;\n }\n\n ${function(){let e="";for(let t=1;t<=100;t++)e+=`\n > *:nth-child(${t}) {\n order: ${t};\n }\n `;return`\n ${e}\n `}()}\n }\n `},15737(e,t,n){n.d(t,{gO:()=>r,or:()=>s});var o=n(38267),i=n(26865);const a=(e=!0)=>`\n ${e?"":"\n text-decoration: none;\n\n &:hover,\n &:focus {\n text-decoration: underline;\n }\n "}\n\n cursor: pointer;\n `,r=()=>a(!1),s=()=>o.AH` 36310 ${a()} 36311 color: ${(0,i.HK)("colors.interactive.base.light")}; 36312 transition-property: color, background, text-shadow; 36313 transition-duration: 0.2s; 36314 transition-timing-function: ease-in-out; 36315 `},95788(e,t,n){n.d(t,{X:()=>o,q:()=>i});const o=e=>{const t=(e.current?.getBoundingClientRect().top??0)+window.pageYOffset,{scrollHeight:n}=document.documentElement;return t<n/3?"top":t>n/1.5?"bottom":""},i=e=>{const t=(e.current?.getBoundingClientRect().top??0)+(e.current?.getBoundingClientRect().height??0);return t>=0&&t<=window.innerHeight}},54495(e,t,n){n.d(t,{n:()=>i});var o=n(96540);const i=(e,t=!1,n=1)=>{let i=!1;return{enhancedChildren:o.Children.map(e,e=>o.isValidElement(e)&&"product"===e.props.contentType&&e.props.isUpcEnabled?(i=!0,o.cloneElement(e,{hideLandscapeLayout:!0,hasImageCreditText:t,productMultiImageCount:n})):e),hasUnifiedProductCard:i}}},94776(e,t,n){n.d(t,{F:()=>o});const o={Paginated:{isPaginated:!0,isGrid:!1,hasRail:!0,map:!1},PaginatedOneColumn:{isPaginated:!0,isGrid:!1,hasRail:!0,map:!1},PaginatedThreeColumns:{isPaginated:!0,isGrid:!0,hasRail:!0,map:!1},OneColumn:{isPaginated:!1,isGrid:!1,hasRail:!0,map:!1},ThreeColumns:{isPaginated:!1,isGrid:!0,hasRail:!0,map:!1}
36315,OneColumnAlternating:{isPaginated:!1,isGrid:!1,hasRail:!1,map:["SideBySideCenterImageLeft","SideBySideCenterImageRight"]}}},48346(e,t,n){n.d(t,{A:()=>o});const o=[{label:"ð¦ð© AD â Andorra",value:"AD",flag:"ð¦ð©"},{label:"ð¦ðª AE â United Arab Emirates",value:"AE",flag:"ð¦ðª"},{label:"ð¦ð« AF â Afghanistan",value:"AF",flag:"ð¦ð«"},{label:"ð¦ð¬ AG â Antigua and Barbuda",value:"AG",flag:"ð¦ð¬"},{label:"ð¦ð® AI â Anguilla",value:"AI",flag:"ð¦ð®"},{label:"ð¦ð± AL â Albania",value:"AL",flag:"ð¦ð±"},{label:"ð¦ð² AM â Armenia",value:"AM",flag:"ð¦ð²"},{label:"ð¦ð´ AO â Angola",value:"AO",flag:"ð¦ð´"},{label:"ð¦ð¶ AQ â Antarctica",value:"AQ",flag:"ð¦ð¶"},{label:"ð¦ð· AR â Argentina",value:"AR",flag:"ð¦ð·"},{label:"ð¦ð¸ AS â American Samoa",value:"AS",flag:"ð¦ð¸"},{label:"ð¦ð¹ AT â Austria",value:"AT",flag:"ð¦ð¹"},{label:"ð¦ðº AU â Australia",value:"AU",flag:"ð¦ðº"},{label:"ð¦ð¼ AW â Aruba",value:"AW",flag:"ð¦ð¼"},{label:"ð¦ð½ AX â Ã
land Islands",value:"AX",flag:"ð¦ð½"},{label:"ð¦ð¿ AZ â Azerbaijan",value:"AZ",flag:"ð¦ð¿"},{label:"ð§ð¦ BA â Bosnia and Herzegovina",value:"BA",flag:"ð§ð¦"},{label:"ð§ð§ BB â Barbados",value:"BB",flag:"ð§ð§"},{label:"ð§ð© BD â Bangladesh",value:"BD",flag:"ð§ð©"},{label:"ð§ðª BE â Belgium",value:"BE",flag:"ð§ðª"},{label:"ð§ð« BF â Burkina Faso",value:"BF",flag:"ð§ð«"},{label:"ð§ð¬ BG â Bulgaria",value:"BG",flag:"ð§ð¬"},{label:"ð§ð BH â Bahrain",value:"BH",flag:"ð§ð"},{label:"ð§ð® BI â Burundi",value:"BI",flag:"ð§ð®"},{label:"ð§ð¯ BJ â Benin",value:"BJ",flag:"ð§ð¯"},{label:"ð§ð± BL â Saint Barthélemy",value:"BL",flag:"ð§ð±"},{label:"ð§ð² BM â Bermuda",value:"BM",flag:"ð§ð²"},{label:"ð§ð³ BN â Brunei Darussalam",value:"BN",flag:"ð§ð³"},{label:"ð§ð´ BO â Bolivia",value:"BO",flag:"ð§ð´"},{label:"ð§ð¶ BQ â Bonaire, Sint Eustatius and Saba",value:"BQ",flag:"ð§ð¶"},{label:"ð§ð· BR â Brazil",value:"BR",flag:"ð§ð·"},{label:"ð§ð¸ BS â Bahamas",value:"BS",flag:"ð§ð¸"},{label:"ð§ð¹ BT â Bhutan",value:"BT",flag:"ð§ð¹"},{label:"ð§ð» BV â Bouvet Island",value:"BV",flag:"ð§ð»"},{label:"ð§ð¼ BW â Botswana",value:"BW",flag:"ð§ð¼"},{label:"ð§ð¾ BY â Belarus",value:"BY",flag:"ð§ð¾"},{label:"ð§ð¿ BZ â Belize",value:"BZ",flag:"ð§ð¿"},{label:"ð¨ð¦ CA â Canada",value:"CA",flag:"ð¨ð¦"},{label:"ð¨ð¨ CC â Cocos (Keeling) Islands",value:"CC",flag:"ð¨ð¨"},{label:"ð¨ð© CD â Congo (Democratic Republic)",value:"CD",flag:"ð¨ð©"},{label:"ð¨ð« CF â Central African Republic",value:"CF",flag:"ð¨ð«"},{label:"ð¨ð¬ CG â Congo",value:"CG",flag:"ð¨ð¬"},{label:"ð¨ð CH â Switzerland",value:"CH",flag:"ð¨ð"},{label:"ð¨ð® CI â Côte d'Ivoire",value:"CI",flag:"ð¨ð®"},{label:"ð¨ð° CK â Cook Islands",value:"CK",flag:"ð¨ð°"},{label:"ð¨ð± CL â Chile",value:"CL",flag:"ð¨ð±"},{label:"ð¨ð² CM â Cameroon",value:"CM",flag:"ð¨ð²"},{label:"ð¨ð³ CN â China",value:"CN",flag:"ð¨ð³"},{label:"ð¨ð´ CO â Colombia",value:"CO",flag:"ð¨ð´"},{label:"ð¨ð· CR â Costa Rica",value:"CR",flag:"ð¨ð·"},{label:"ð¨ðº CU â Cuba",value:"CU",flag:"ð¨ðº"},{label:"ð¨ð» CV â Cape Verde",value:"CV",flag:"ð¨ð»"},{label:"ð¨ð¼ CW â Curaçao",value:"CW",flag:"ð¨ð¼"},{label:"ð¨ð½ CX â Christmas Island",value:"CX",flag:"ð¨ð½"},{label:"ð¨ð¾ CY â Cyprus",value:"CY",flag:"ð¨ð¾"},{label:"ð¨ð¿ CZ â Czechia",value:"CZ",flag:"ð¨ð¿"},{label:"ð©ðª DE â Germany",value:"DE",flag:"ð©ðª"},{label:"ð©ð¯ DJ â Djibouti",value:"DJ",flag:"ð©ð¯"},{label:"ð©ð° DK â Denmark",value:"DK",flag:"ð©ð°"},{label:"ð©ð² DM â Dominica",value:"DM",flag:"ð©ð²"},{label:"ð©ð´ DO â Dominican Republic",value:"DO",flag:"ð©ð´"},{label:"ð©ð¿ DZ â Algeria",value:"DZ",flag:"ð©ð¿"},{label:"ðªð¨ EC â Ecuador",value:"EC",flag:"ðªð¨"},{label:"ðªðª EE â Estonia",value:"EE",flag:"ðªðª"},{label:"ðªð¬ EG â Egypt",value:"EG",flag:"ðªð¬"},{label:"ðªð EH â Western Sahara",value:"EH",flag:"ðªð"},{label:"ðªð· ER â Eritrea",value:"ER",flag:"ðªð·"},{label:"ðªð¸ ES â Spain",value:"ES",flag:"ðªð¸"},{label:"ðªð¹ ET â Ethiopia",value:"ET",flag:"ðªð¹"},{label:"ð«ð® FI â Finland",value:"FI",flag:"ð«ð®"},{label:"ð«ð¯ FJ â Fiji",value:"FJ",flag:"ð«ð¯"},{label:"ð«ð° FK â Falkland Islands (Malvinas)",value:"FK",flag:"ð«ð°"},{label:"ð«ð² FM â Micronesia (Federated States of)",value:"FM",flag:"ð«ð²"},{label:"ð«ð´ FO â Faroe Islands",value:"FO",flag:"ð«ð´"},{label:"ð«ð· FR â France",value:"FR",flag:"ð«ð·"},{label:"ð¬ð¦ GA â Gabon",value:"GA",flag:"ð¬ð¦"},{label:"ð¬ð§ GB â United Kingdom",value:"GB",flag:"ð¬ð§"},{label:"ð¬ð© GD â Grenada",value:"GD",flag:"ð¬ð©"},{label:"ð¬ðª GE â Georgia",value:"GE",flag:"ð¬ðª"},{label:"ð¬ð« GF â French Guiana",value:"GF",flag:"ð¬ð«"},{label:"ð¬ð¬ GG â Guernsey",value:"GG",flag:"ð¬ð¬"},{label:"ð¬ð GH â Ghana",value:"GH",flag:"ð¬ð"},{label:"ð¬ð® GI â Gibraltar",value:"GI",flag:"ð¬ð®"},{label:"ð¬ð± GL â Greenland",value:"GL",flag:"ð¬ð±"},{label:"ð¬ð² GM â Gambia",value:"GM",flag:"ð¬ð²"},{label:"ð¬ð³ GN â Guinea",value:"GN",flag:"ð¬ð³"},{label:"ð¬ðµ GP â Guadeloupe",value:"GP",flag:"ð¬ðµ"},{label:"ð¬ð¶ GQ â Equatorial Guinea",value:"GQ",flag:"ð¬ð¶"},{label:"ð¬ð· GR â Greece",value:"GR",flag:"ð¬ð·"},{label:"ð¬ð¸ GS â South Georgia and the South Sandwich Islands",value:"GS",flag:"ð¬ð¸"},{label:"ð¬ð¹ GT â Guatemala",value:"GT",flag:"ð¬ð¹"},{label:"ð¬ðº GU â Guam",value:"GU",flag:"ð¬ðº"},{label:"ð¬ð¼ GW â Guinea-Bissau",value:"GW",flag:"ð¬ð¼"},{label:"ð¬ð¾ GY â Guyana",value:"GY",flag:"ð¬ð¾"},{label:"ðð° HK â Hong Kong",value:"HK",flag:"ðð°"},{label:"ðð² HM â Heard Island and McDonald Islands",value:"HM",flag:"ðð²"},{label:"ðð³ HN â Honduras",value:"HN",flag:"ðð³"},{label:"ðð· HR â Croatia",value:"HR",flag:"ðð·"},{label:"ðð¹ HT â Haiti",value:"HT",flag:"ðð¹"},{label:"ððº HU â Hungary",value:"HU",flag:"ððº"},{label:"ð®ð© ID â Indonesia",value:"ID",flag:"ð®ð©"},{label:"ð®ðª IE â Ireland",value:"IE",flag:"ð®ðª"},{label:"ð®ð± IL â Israel",value:"IL",flag:"ð®ð±"},{label:"ð®ð² IM â Isle of Man",value:"IM",flag:"ð®ð²"},{label:"ð®ð³ IN â India",value:"IN",flag:"ð®ð³"},{label:"ð®ð´ IO â British Indian Ocean Territory",value:"IO",flag:"ð®ð´"},{label:"ð®ð¶ IQ â Iraq",value:"IQ",flag:"ð®ð¶"},{label:"ð®ð· IR â Iran",value:"IR",flag:"ð®ð·"},{label:"ð®ð¸ IS â Iceland",value:"IS",flag:"ð®ð¸"},{label:"ð®ð¹ IT â Italy",value:"IT",flag:"ð®ð¹"},{label:"ð¯ðª JE â Jersey",value:"JE",flag:"ð¯ðª"},{label:"ð¯ð² JM â Jamaica",value:"JM",flag:"ð¯ð²"},{label:"ð¯ð´ JO â Jordan",value:"JO",flag:"ð¯ð´"},{label:"ð¯ðµ JP â Japan",value:"JP",flag:"ð¯ðµ"},{label:"ð°ðª KE â Kenya",value:"KE",flag:"ð°ðª"},{label:"ð°ð¬ KG â Kyrgyzstan",value:"KG",flag:"ð°ð¬"},{label:"ð°ð KH â Cambodia",value:"KH",flag:"ð°ð"},{label:"ð°ð® KI â Kiribati",value:"KI",flag:"ð°ð®"},{label:"ð°ð² KM â Comoros",value:"KM",flag:"ð°ð²"},{label:"ð°ð³ KN â Saint Kitts and Nevis",value:"KN",flag:"ð°ð³"},{label:"ð°ðµ KP â Korea (Democratic People's Republic of)",value:"KP",flag:"ð°ðµ"},{label:"ð°ð· KR â Korea (Republic of)",value:"KR",flag:"ð°ð·"},{label:"ð°ð¼ KW â Kuwait",value:"KW",flag:"ð°ð¼"},{label:"ð°ð¾ KY â Cayman Islands",value:"KY",flag:"ð°ð¾"},{label:"ð°ð¿ KZ â Kazakhstan",value:"KZ",flag:"ð°ð¿"},{label:"ð±ð¦ LA â Lao People's Democratic Republic",value:"LA",flag:"ð±ð¦"},{label:"ð±ð§ LB â Lebanon",value:"LB",flag:"ð±ð§"},{label:"ð±ð¨ LC â Saint Lucia",value:"LC",flag:"ð±ð¨"},{label:"ð±ð® LI â Liechtenstein",value:"LI",flag:"ð±ð®"},{label:"ð±ð° LK â Sri Lanka",value:"LK",flag:"ð±ð°"},{label:"ð±ð· LR â Liberia",value:"LR",flag:"ð±ð·"},{label:"ð±ð¸ LS â Lesotho",value:"LS",flag:"ð±ð¸"},{label:"ð±ð¹ LT â Lithuania",value:"LT",flag:"ð±ð¹"},{label:"ð±ðº LU â Luxembourg",value:"LU",flag:"ð±ðº"},{label:"ð±ð» LV â Latvia",value:"LV",flag:"ð±ð»"},{label:"ð±ð¾ LY â Libya",value:"LY",flag:"ð±ð¾"},{label:"ð²ð¦ MA â Morocco",value:"MA",flag:"ð²ð¦"},{label:"ð²ð¨ MC â Monaco",value:"MC",flag:"ð²ð¨"},{label:"ð²ð© MD â Moldova (Republic of)",value:"MD",flag:"ð²ð©"},{label:"ð²ðª ME â Montenegro",value:"ME",flag:"ð²ðª"},{label:"ð²ð« MF â Saint Martin (French part)",value:"MF",flag:"ð²ð«"},{label:"ð²ð¬ MG â Madagascar",value:"MG",flag:"ð²ð¬"},{label:"ð²ð MH â Marshall Islands",value:"MH",flag:"ð²ð"},{label:"ð²ð° MK â North Macedonia",value:"MK",flag:"ð²ð°"},{label:"ð²ð± ML â Mali",value:"ML",flag:"ð²ð±"},{label:"ð²ð² MM â Myanmar",value:"MM",flag:"ð²ð²"},{label:"ð²ð³ MN â Mongolia",value:"MN",flag:"ð²ð³"},{label:"ð²ð´ MO â Macao",value:"MO",flag:"ð²ð´"},{label:"ð²ðµ MP â Northern Mariana Islands",value:"MP",flag:"ð²ðµ"},{label:"ð²ð¶ MQ â Martinique",value:"MQ",flag:"ð²ð¶"},{label:"ð²ð· MR â Mauritania",value:"MR",flag:"ð²ð·"},{label:"ð²ð¸ MS â Montserrat",value:"MS",flag:"ð²ð¸"},{label:"ð²ð¹ MT â Malta",value:"MT",flag:"ð²ð¹"},{label:"ð²ðº MU â Mauritius",value:"MU",flag:"ð²ðº"},{label:"ð²ð» MV â Maldives",value:"MV",flag:"ð²ð»"},{label:"ð²ð¼ MW â Malawi",value:"MW",flag:"ð²ð¼"},{label:"ð²ð½ MX â Mexico",value:"MX",flag:"ð²ð½"},{label:"ð²ð¾ MY â Malaysia",value:"MY",flag:"ð²ð¾"},{label:"ð²ð¿ MZ â Mozambique",value:"MZ",flag:"ð²ð¿"},{label:"ð³ð¦ NA â Namibia",value:"NA",flag:"ð³ð¦"},{label:"ð³ð¨ NC â New Caledonia",value:"NC",flag:"ð³ð¨"},{label:"ð³ðª NE â Niger",value:"NE",flag:"ð³ðª"},{label:"ð³ð« NF â Norfolk Island",value:"NF",flag:"ð³ð«"},{label:"ð³ð¬ NG â Nigeria",value:"NG",flag:"ð³ð¬"},{label:"ð³ð® NI â Nicaragua",value:"NI",flag:"ð³ð®"},{label:"ð³ð± NL â Netherlands",value:"NL",flag:"ð³ð±"},{label:"ð³ð´ NO â Norway",value:"NO",flag:"ð³ð´"},{label:"ð³ðµ NP â Nepal",value:"NP",flag:"ð³ðµ"},{label:"ð³ð· NR â Nauru",value:"NR",flag:"ð³ð·"},{label:"ð³ðº NU â Niue",value:"NU",flag:"ð³ðº"},{label:"ð³ð¿ NZ â New Zealand",value:"NZ",flag:"ð³ð¿"},{label:"ð´ð² OM â Oman",value:"OM",flag:"ð´ð²"},{label:"ðµð¦ PA â Panama",value:"PA",flag:"ðµð¦"},{label:"ðµðª PE â Peru",value:"PE",flag:"ðµðª"},{label:"ðµð« PF â French Polynesia",value:"PF",flag:"ðµð«"},{label:"ðµð¬ PG â Papua New Guinea",value:"PG",flag:"ðµð¬"},{label:"ðµð PH â Philippines",value:"PH",flag:"ðµð"},{label:"ðµð° PK â Pakistan",value:"PK",flag:"ðµð°"},{label:"ðµð± PL â Poland",value:"PL",flag:"ðµð±"},{label:"ðµð² PM â Saint Pierre and Miquelon",value:"PM",flag:"ðµð²"},{label:"ðµð³ PN â Pitcairn",value:"PN",flag:"ðµð³"},{label:"ðµð· PR â Puerto Rico",value:"PR",flag:"ðµð·"},{label:"ðµð¸ PS â Palestine, State of",value:"PS",flag:"ðµð¸"},{label:"ðµð¹ PT â Portugal",value:"PT",flag:"ðµð¹"},{label:"ðµð¼ PW â Palau",value:"PW",flag:"ðµð¼"},{label:"ðµð¾ PY â Paraguay",value:"PY",flag:"ðµð¾"},{label:"ð¶ð¦ QA â Qatar",value:"QA",flag:"ð¶ð¦"},{label:"ð·ðª RE â Réunion",value:"RE",flag:"ð·ðª"},{label:"ð·ð´ RO â Romania",value:"RO",flag:"ð·ð´"},{label:"ð·ð¸ RS â Serbia",value:"RS",flag:"ð·ð¸"},{label:"ð·ðº RU â Russian Federation",value:"RU",flag:"ð·ðº"},{label:"ð·ð¼ RW â Rwanda",value:"RW",flag:"ð·ð¼"},{label:"ð¸ð¦ SA â Saudi Arabia",value:"SA",flag:"ð¸ð¦"},{label:"ð¸ð§ SB â Solomon Islands",value:"SB",flag:"ð¸ð§"},{label:"ð¸ð¨ SC â Seychelles",value:"SC",flag:"ð¸ð¨"},{label:"ð¸ð© SD â Sudan",value:"SD",flag:"ð¸ð©"},{label:"ð¸ðª SE â Sweden",value:"SE",flag:"ð¸ðª"},{label:"ð¸ð¬ SG â Singapore",value:"SG",flag:"ð¸ð¬"},{label:"ð¸ð SH â Saint Helena, Ascension and Tristan da Cunha",value:"SH",flag:"ð¸ð"},{label:"ð¸ð® SI â Slovenia",value:"SI",flag:"ð¸ð®"},{label:"ð¸ð¯ SJ â Svalbard and Jan Mayen",value:"SJ",flag:"ð¸ð¯"},{label:"ð¸ð° SK â Slovakia",value:"SK",flag:"ð¸ð°"},{label:"ð¸ð± SL â Sierra Leone",value:"SL",flag:"ð¸ð±"},{label:"ð¸ð² SM â San Marino",value:"SM",flag:"ð¸ð²"},{label:"ð¸ð³ SN â Senegal",value:"SN",flag:"ð¸ð³"},{label:"ð¸ð´ SO â Somalia",value:"SO",flag:"ð¸ð´"},{label:"ð¸ð· SR â Suriname",value:"SR",flag:"ð¸ð·"},{label:"ð¸ð¸ SS â South Sudan",value:"SS",flag:"ð¸ð¸"},{label:"ð¸ð¹ ST â Sao Tome and Principe",value:"ST",flag:"ð¸ð¹"},{label:"ð¸ð» SV â El Salvador",value:"SV",flag:"ð¸ð»"},{label:"ð¸ð½ SX â Sint Maarten (Dutch part)",value:"SX",flag:"ð¸ð½"},{label:"ð¸ð¾ SY â Syrian Arab Republic",value:"SY",flag:"ð¸ð¾"},{label:"ð¸ð¿ SZ â Eswatini",value:"SZ",flag:"ð¸ð¿"},{label:"ð¹ð¨ TC â Turks and Caicos Islands",value:"TC",flag:"ð¹ð¨"},{label:"ð¹ð© TD â Chad",value:"TD",flag:"ð¹ð©"},{label:"ð¹ð« TF â French Southern Territories",value:"TF",flag:"ð¹ð«"},{label:"ð¹ð¬ TG â Togo",value:"TG",flag:"ð¹ð¬"},{label:"ð¹ð TH â Thailand",value:"TH",flag:"ð¹ð"},{label:"ð¹ð¯ TJ â Tajikistan",value:"TJ",flag:"ð¹ð¯"},{label:"ð¹ð° TK â Tokelau",value:"TK",flag:"ð¹ð°"},{label:"ð¹ð± TL â Timor-Leste",value:"TL",flag:"ð¹ð±"},{label:"ð¹ð² TM â Turkmenistan",value:"TM",flag:"ð¹ð²"},{label:"ð¹ð³ TN â Tunisia",value:"TN",flag:"ð¹ð³"},{label:"ð¹ð´ TO â Tonga",value:"TO",flag:"ð¹ð´"},{label:"ð¹ð· TR â Turkey",value:"TR",flag:"ð¹ð·"},{label:"ð¹ð¹ TT â Trinidad and Tobago",value:"TT",flag:"ð¹ð¹"},{label:"ð¹ð» TV â Tuvalu",value:"TV",flag:"ð¹ð»"},{label:"ð¹ð¼ TW â Taiwan, Province of China",value:"TW",flag:"ð¹ð¼"},{label:"ð¹ð¿ TZ â Tanzania, United Republic of",value:"TZ",flag:"ð¹ð¿"},{label:"ðºð¦ UA â Ukraine",value:"UA",flag:"ðºð¦"},{label:"ðºð¬ UG â Uganda",value:"UG",flag:"ðºð¬"},{label:"ðºð² UM â United States Minor Outlying Islands",value:"UM",flag:"ðºð²"},{label:"ðºð¸ US â United States",value:"US",flag:"ðºð¸"},{label:"ðºð¾ UY â Uruguay",value:"UY",flag:"ðºð¾"},{label:"ðºð¿ UZ â Uzbekistan",value:"UZ",flag:"ðºð¿"},{label:"ð»ð¦ VA â Holy See (Vatican City State)",value:"VA",flag:"ð»ð¦"},{label:"ð»ð¨ VC â Saint Vincent and the Grenadines",value:"VC",flag:"ð»ð¨"},{label:"ð»ðª VE â Venezuela (Bolivarian Republic of)",value:"VE",flag:"ð»ðª"},{label:"ð»ð¬ VG â Virgin Islands (British)",value:"VG",flag:"ð»ð¬"},{label:"ð»ð® VI â Virgin Islands (U.S.)",value:"VI",flag:"ð»ð®"},{label:"ð»ð³ VN â Viet Nam",value:"VN",flag:"ð»ð³"},{label:"ð»ðº VU â Vanuatu",value:"VU",flag:"ð»ðº"},{label:"ð¼ð« WF â Wallis and Futuna",value:"WF",flag:"ð¼ð«"},{label:"ð¼ð¸ WS â Samoa",value:"WS",flag:"ð¼ð¸"},{label:"ð¾ðª YE â Yemen",value:"YE",flag:"ð¾ðª"},{label:"ð¾ð¹ YT â Mayotte",value:"YT",flag:"ð¾ð¹"},{label:"ð¿ð¦ ZA â South Africa",value:"ZA",flag:"ð¿ð¦"},{label:"ð¿ð² ZM â Zambia",value:"ZM",flag:"ð¿ð²"},{label:"ð¿ð¼ ZW â Zimbabwe",value:"ZW",flag:"ð¿ð¼"}]},40391(e,t,n){n.d(t,{O:(
36315)=>o,e:()=>i});const o=["activity","bar","hotel","restaurant","ship","shop","skiresort","spa","venue"],i=e=>!(!e||"string"!=typeof e)&&o.includes(e.toLowerCase())},46269(e,t,n){n.d(t,{T:()=>s,h:()=>l});var o=n(7462),i=n(96540),a=n(57744);function r(e,t){for(const n in t)t[n]&&"object"==typeof t[n]&&!Array.isArray(t[n])?e[n]=r(e[n]&&"object"==typeof e[n]?e[n]:{},t[n]):e[n]=t[n];return e}const s=e=>(0,a.M3)(t=>{const n=(0,i.useContext)(o.Gj),{growthbook:a}=n;let s={},l={};const d=a??window._growthbook;if(d){const t=Object.keys(d.getFeatures()),n=e.displayName||"";for(const e of t){const t=d.getFeatureValue(e,{targets:[]}),{targets:o}=t;Array.isArray(o)&&o.includes(n)&&t.props&&(l=r(l,t.props)),s={...s,[e]:t}}}const c=r({...t},l);return i.createElement(e,{...c,featureValue:s})},{keysToPluck:[]}),l=()=>{const e=(0,i.useContext)(o.Gj),{growthbook:t}=e;return t?.ready??!1}},84410(e,t,n){n.d(t,{Gy:()=>a,On:()=>i,mK:()=>o});const o={CLIENT_ASSIGNMENT:"CLIENT_ASSIGNMENT",EDGE_ASSIGNMENT:"EDGE_ASSIGNMENT"},i={AMG_USER_PARTNER:"amg_user_partner",CN_XID:"CN_xid",CN_SEGMENTS:"CN_segments",CN_GROUPS:"CN_groups",CN_GEO_COUNTRY_CODE:"CN_geo_country_code",CN_DEBUG:"cn-debug"},a={[i.AMG_USER_PARTNER]:"amgUserPartner",[i.CN_XID]:"id",[i.CN_SEGMENTS]:"segment",[i.CN_GROUPS]:"userGroups"}},67506(e,t,n){n.d(t,{O6:()=>a,T5:()=>i,mJ:()=>r,pH:()=>s});n(29484);const o=["category","color","brand"],i=e=>!!(e.metadata&&"contentreference"===e.metadata.contentType&&"commerce-tools"===e.provider||"commerce-product"===e.contentType),a=e=>{if(!e)return"";const t=e.replace("?","").split("&"),n=[];let i="",a="";return t.forEach(e=>{const[t,r]=e.split("=");if(o.includes(t)){const e=decodeURIComponent(r).replace(/ /g,"+");n.push(`${t}=${e}`)}else"sort"===t?i=decodeURIComponent(r):"page"===t&&(a=r)}),{queryString:n.join("&"),sort:i,page:a}},r=e=>e.toLowerCase().replace(/[^\w ]+/g,"").replace(/ +/g,"-"),s=({key:e,value:t},n)=>{const o=n.find(t=>t.label.toLowerCase()===e.toLowerCase()),i=o&&o.children.filter(e=>t.includes(r(e.label))).map(e=>e.value);return{key:o?.value||e,value:i}}},31558(e,t,n){n.d(t,{KN:()=>s,oR:()=>l});var o=n(58156),i=n.n(o),a=n(32925);const r=e=>i()(e,"account.bookmark.boardsContentTypes",[]),s=(e,t)=>{if(!e)return!1;const n=r(e);return 0!==n.length&&n.includes(t)},l=e=>r(e).length>1?a.f.BOARDS:a.f.IMAGES},67616(e,t,n){function o(e){return Array.isArray(e)?e.length>0&&e.some(e=>e?.credit&&""!==e.credit):Boolean(e?.credit&&""!==e.credit)}n.d(t,{q:()=>o})},52009(e,t,n){n.d(t,{$:()=>a,I:()=>i});var o=n(82692);function i(e){return{sm:[(0,o.G)([e.md,e.sm],null)],lg:[(0,o.G)([e.xxl,e.xl,e.lg],null)]}}function a(e,t){const n=i(e);if(!t?.length)return n;const o=t.reduce((t,n)=>(t[n]=[e[n]??null],t),{});return o.lg?.[0]||(o.lg=n.lg),o}},28423(e,t,n){n.d(t,{t:()=>c});const o={sections:[{heading:"SPECIALS",sectionTitleVariation:"TextLeftWithLineBelowTitle",slotsByDevice:{desktop:[{displayId:"9bccc8ed-aacc-43f0-b59a-f578b6084b87"}],mobile:[{displayId:"ebdc6bde-b8d7-492d-969f-f680aaaa9575"}]}},{heading:"GQ RECOMMENDS",sectionTitleVariation:"TextLeftWithLineBelowTitle",slotsByDevice:{desktop:[{displayId:"25794a02-fde0-4b32-b1c8-392fdd50fc89"}],mobile:[{displayId:"b2973aa2-8027-46c7-8050-8645dcc46c23"}]}}]},i={sections:[{heading:"SPECIALS",sectionTitleVariation:"TextLeftWithLineBelowTitle",shouldWrapHeadingWithMargins:!1,slotsByDevice:{desktop:[{displayId:"86e9fde7-84f4-4411-82c9-6f56caac1891"}],mobile:[{displayId:"04d80ee4-62d0-4439-b76e-c87d881b6adf"}]}}]},a={sections:[{heading:"FEATURE",sectionTitleVariation:"LineAboveLineBelowTextLeft",slotsByDevice:{desktop:[{displayId:"e5989ce4-839a-4b2c-8ee5-aeb55994bce2"}],mobile:[{displayId:"973eec43-86f0-488e-95c5-9b5e459fb0a5"}]}},{heading:"VOGUE RECOMMENDS",sectionTitleVariation:"LineAboveLineBelowTextLeft",slotsByDevice:{desktop:[{displayId:"0b7660c9-e5f7-430a-820c-62c5ebfb3570"}],mobile:[{displayId:"0b0bdfa1-0191-4bff-96c4-c80be83a193b"}]}}]},r={sections:[{heading:"FEATURE",sectionTitleVariation:"LineAboveLineBelowTextLeft",shouldWrapHeadingWithMargins:!1,slotsByDevice:{desktop:[{displayId:"9a087b65-91bc-4f5c-a6d5-da89c6fbded1"}],mobile:[{displayId:"161b0088-e324-4d93-a206-113eb339ebb5"}]}}]},s={sections:[{heading:"RECOMMEND STORIES",sectionTitleVariation:"LineAboveLineBelowTextLeft",slotsByDevice:{desktop:[{displayId:"5c67d007-b96f-49db-b6ad-641591df72ea"}],mobile:[{displayId:"5f18d1b2-ef12-41ab-b78a-c412f12f312d"}]}},{heading:"READ MORE",sectionTitleVariation:"LineAboveLineBelowTextLeft",slotsByDevice:{desktop:[{displayId:"1127df39-a4fb-4a5a-bffb-bdcde131a8e4"}],mobile:[{displayId:"30bd3ffe-451c-4cd6-b523-6da3e5a74981"}]}}]},l={sections:[{heading:"RECOMMEND STORIES",sectionTitleVariation:"LineAboveLineBelowTextLeft",shouldWrapHeadingWithMargins:!1,slotsByDevice:{desktop:[{displayId:"ffe0eaad-cfde-43fe-8a0e-f8a590646da5"}
36315],mobile:[{displayId:"9b793977-4918-41e5-bdfe-6205ad69ce23"}]}}]},d={"gq-japan":{article:o,gallery:o,homepage:i},"gq-japan-staging":{article:o,gallery:o,homepage:i},"gq-jp":{article:o,gallery:o,homepage:i},"vogue-japan":{article:a,gallery:a,homepage:r},"vogue-japan-staging":{article:a,gallery:a,homepage:r},"vogue-jp":{article:a,gallery:a,homepage:r},"wired-japan":{article:s,gallery:s,homepage:l},"wired-japan-staging":{article:s,gallery:s,homepage:l},"wired-jp":{article:s,gallery:s,homepage:l}},c=({organizationSlug:e,deprecatedSlug:t,pageType:n,isMobileDevice:o=!1})=>{const i=o?"mobile":"desktop";for(const o of(({organizationSlug:e,deprecatedSlug:t})=>[e,t].filter(e=>Boolean(e)))({organizationSlug:e,deprecatedSlug:t})){const e=d[o]?.[n],t=e?.sections?.map(e=>({heading:e.heading,sectionTitleVariation:e.sectionTitleVariation,shouldWrapHeadingWithMargins:e.shouldWrapHeadingWithMargins,slots:e.slotsByDevice?.[i]||[]})).filter(e=>e.slots.length>0)||[];if(t.length)return{sections:t}}return{sections:[]}}},60824(e,t,n){n.d(t,{V:()=>a,c:()=>o});var o,i=n(53836);!function(e){e.LIBRARY_PUBADS_READY="library.pubads_ready",e.LIBRARY_SLOT_RENDER_ENDED_FILLED="library.slot_render_ended.filled",e.LIBRARY_SLOT_RENDER_ENDED_EMPTY="library.slot_render_ended.empty",e.LIBRARY_STICKY_HERO_RENDER_ENDED="library.sticky_hero.render_ended",e.LIBRARY_STICKY_HERO_IMPRESSION_VIEWABLE="library.sticky_hero.impression_viewable",e.LIBRARY_CREATIVE_SPACER="library.creative.spacer",e.LIBRARY_CREATIVE_SUPPRESSED="library.creative.suppressed",e.LIBRARY_COMPONENT_DID_UPDATE="library.component_did_update",e.LIBRARY_ADBLOCK_DETECTED="library.environment.adblock.detected",e.LIBRARY_ADBLOCK_NOT_DETECTED="library.environment.adblock.notdetected",e.LIBRARY_ROADBLOCK_DETECTED="library.roadblock.detected",e.LIBRARY_EXCLUDE_POSITIONS="library.exclude_positions",e.VERSO_CMU_COMPONENT_DID_MOUNT="verso.cmu.component_did_mount",e.VERSO_CMU_COMPONENT_DID_UPDATE="verso.cmu.component_did_update"}(o||(o={}));class a extends i.J{constructor(){super(100)}}},7883(e,t,n){n.d(t,{R:()=>a,m:()=>o});var o,i=n(53836);!function(e){e.BOT_SIGNALS_RECEIVED="BOT_SIGNALS_RECEIVED",e.BOT_SIGNALS_ERROR="BOT_SIGNALS_ERROR"}(o||(o={}));class a extends i.J{constructor(){super(5)}}},92704(e,t,n){n.d(t,{M:()=>o,N:()=>a});var o,i=n(53836);!function(e){e.CONSENT_DEFAULT="CONSENT_DEFAULT",e.CONSENT_ACCEPTED="CONSENT_ACCEPTED",e.CONSENT_REJECTED="CONSENT_REJECTED",e.CONSENT_UPDATED="CONSENT_UPDATED"}(o||(o={}));class a extends i.J{constructor(){super(10)}}},3624(e,t,n){n.d(t,{N:()=>a,U:()=>o});var o,i=n(53836);!function(e){e.EXPERIMENTS_ASSIGNMENTS_PROCESSED="experiments.assignments.processed"}(o||(o={}));class a extends i.J{constructor(){super(2)}}},16092(e,t,n){n.d(t,{N:()=>a,U:()=>o});var o,i=n(53836);!function(e){e.FIREWORK="firework"}(o||(o={}));class a extends i.J{constructor(){super(10)}}},79694(e,t,n){n.d(t,{h:()=>o,i:()=>a});var o,i=n(53836);!function(e){e.IDM_RESULTS_EVENT="idm.results"}(o||(o={}));class a extends i.J{constructor(){super(5)}}},53499(e,t,n){n.d(t,{G:()=>o,J:()=>a});var o,i=n(53836);!function(e){e.RENDER="RENDER"}(o||(o={}));class a extends i.J{constructor(){super(500)}}},70099(e,t,n){n.d(t,{R:()=>a,Y:()=>o});var o,i=n(53836);!function(e){e.EMAIL_SHA_UPDATED="EMAIL_SHA_UPDATED",e.ONE_TRUST_LOADED="ONE_TRUST_LOADED",e.UPDATED="UPDATED"}(o||(o={}));class a extends i.J{constructor(){super(5)}}},59867(e,t,n){n.d(t,{j:()=>a,m:()=>o});var o,i=n(53836);!function(e){e.RESIZE_DEBOUNCE="resize-debounce",e.SCROLL_DEBOUNCE="scroll-debounce",e.RESIZE_THROTTLE="resize-throttle",e.SCROLL_THROTTLE="scroll-throttle",e.LOAD_DEBOUNCE="load-debounce",e.UNLOAD_DEBOUNCE="unload-debounce",e.FOCUS_DEBOUNCE="focus-debounce",e.BLUR_DEBOUNCE="blur-debounce",e.KEY_DOWN="keydown",e.KEY_DOWN_DEBOUNCE="keydown-debounce",e.MESSAGE="message"}(o||(o={}));class a extends i.J{constructor(){super(50),this.debounceTimers={},this.throttleTimers={},this.delays={[o.RESIZE_DEBOUNCE]:200,[o.SCROLL_DEBOUNCE]:100,[o.RESIZE_THROTTLE]:200,[o.SCROLL_THROTTLE]:100,[o.LOAD_DEBOUNCE]:20,[o.UNLOAD_DEBOUNCE]:20,[o.FOCUS_DEBOUNCE]:20,[o.BLUR_DEBOUNCE]:20,[o.KEY_DOWN_DEBOUNCE]:20},this.attachNativeListeners()}attachNativeListeners(){const e={resize:[o.RESIZE_THROTTLE,o.RESIZE_DEBOUNCE],scroll:[o.SCROLL_THROTTLE,o.SCROLL_DEBOUNCE],key
36315down:[o.KEY_DOWN,o.KEY_DOWN_DEBOUNCE],load:[o.LOAD_DEBOUNCE],unload:[o.UNLOAD_DEBOUNCE],focus:[o.FOCUS_DEBOUNCE],blur:[o.BLUR_DEBOUNCE],message:[o.MESSAGE]};Object.entries(e).forEach(([e,t])=>{window.addEventListener(e,e=>{t.forEach(t=>{t.includes("throttle")?this.throttledBroadcast(t,e):t.includes("debounce")?this.debouncedBroadcast(t,e):this.broadcast(t,e)})})})}throttledBroadcast(e,t){const n=Date.now(),o=this.delays[e],i=this.throttleTimers[e];!i||n-i.lastRun>=o?(this.broadcast(e,t),this.throttleTimers[e]={timer:null,lastRun:n}):i.timer||(this.throttleTimers[e]={timer:setTimeout(()=>{this.broadcast(e,t),this.throttleTimers[e]={timer:null,lastRun:Date.now()}},o-(n-i.lastRun)),lastRun:i.lastRun})}debouncedBroadcast(e,t){this.debounceTimers[e]&&clearTimeout(this.debounceTimers[e]);const n=this.delays[e];this.debounceTimers[e]=setTimeout(()=>{this.broadcast(e,t),this.debounceTimers[e]=void 0},n)}}},56475(e,t,n){n.d(t,{Q:()=>a,b:()=>o});var o,i=n(53836);!function(e){e.SET="SET"}(o||(o={}));class a extends i.J{constructor(){super(2)}}},42131(e,t,n){n.r(t),n.d(t,{default:()=>i,getWindowSwg:()=>o});const o=(e=window)=>new Promise((t,n)=>{(e.SWG=e.SWG||[]).push(e=>t(e))}),i={getWindowSwg:o}},38807(e,t,n){n.d(t,{A:()=>k});var o=n(42131);const i={receiveSwgMessage:function(e){if(!e||!e.data||!e.data.type||"swgcta"!==e.data.type)return;const t=e.data.sku||i.defaultSku;i.swgClient.subscribe(t)}};var a=n(15822),r=n(57743);const s=n(42131),l={};l.updateConsent=function(e){const{amguuid:t,siteCode:n,userPlatformProxy:o,xClientID:i}=l;return function({amgUUID:e,body:t,userPlatformProxy:n,xClientID:o}){return(0,r.u)(`${n}${a.v.userDetails}/${e}/oauth2/consent`,{body:JSON.stringify(t),credentials:"include",headers:{"Content-Type":"application/json","x-client":o},method:"PUT"},5e3)}({amgUUID:t,body:[{clientId:e,consentScopeName:"entitlements:read",consentStatus:!0,siteCode:n}],userPlatformProxy:o,xClientID:i})},l.receiveAccountLinkingMessage=function(e){if(!(e&&e.data&&e.data.type&&e.data.clientId&&"swglinkingcta"===e.data.type))return;const t=function(e){const{amguuid:t,siteCode:n,clientId:o,xClientID:i,userPlatformProxy:r}=e,s=`${r}${a.v.userDetails}/${t}/oauth2/token?clientId=${o}&siteCode=${n}`;return fetch(s,{headers:{"Content-Type":"application/json","x-client":i},method:"GET"}).then(e=>e.json())}({amguuid:l.amguuid,siteCode:l.siteCode,clientId:e.data.clientId,xClientID:l.xClientID,userPlatformProxy:l.userPlatformProxy}).then(e=>{const{data:{access_token:t}}=e;return{token:t}});l.swgClient.saveSubscription(()=>t).then(t=>{t&&l.updateConsent(e.data.clientId),document.cookie=`CN_userLinkAccountCTA=1; domain=${l.domain}; path=/; max-age=31536000;`}).catch(()=>{})};var d=n(58156),c=n.n(d),m=n(90090),u=n(89434),p=n(57745),g=n(26830),h=n(34143);const y={receiveLwgMessage:function(e){const t=["login","registration"];if(e&&e.data&&e.data.type&&"lwgcta"===e.data.type){const{paywallSource:n,registrationSourceCode:o}=e.data;y.platformData.registrationSourceCode=o,y.platformData.source=n,g.A.trackGoogleSignInAttempt({paywallSource:n}),(0,u.o)().then(e=>{e.load("client:auth2",()=>{e.auth2.init({}).signIn().then(async e=>{const{payment:o,platformData:i}=y,a=await p.A.googleSignIn(e,i,{paywallSource:n}),{loginResult:r}=a;if(t.indexOf(r)>-1){m.Uc.emitGoogleTrackingEvent(`${r}-complete`,{user:{account:{authProvider:"google"}},paywallSource:n});const e=c()(o,"sample.iss");"wir_high_prop"!==e&&"wir_reg_gate"!==e&&"vf_high_prop"!==e&&"vf_reg_gate"!==e&&"tny_high_prop"!==e&&"tny_reg_gate"!==e||await h.Ay.resetEntitlementSampleMax({iss:e}),"registration"===r?window.postMessage({type:"lwg-registration"},window.origin):window.location.reload()}}).catch(e=>{g.A.trackGoogleSignInFailure({paywallSource:n,user:{account:{loginFailureMessage:e&&e.error}}})})})})}}};var b=n(91287);const f=async(e,t)=>{let n={};try{await(async(e,t)=>{if(e.isLoggedIn)return;const{registrationSourceCode:n,siteCode:o,userPlatformProxy:i,xClientID:a}=e;if("error"===await h.Ay.googleAuthenticate({googleIdToken:t.userData.idToken,registrationSourceCode:n,siteCode:o,source:"verso-swg-flow",userPlatformProxy:i,xClientID:a}))throw new Error("authentication failed")})(e,t),n=await((e,t)=>{const{siteCode:n,userPlatformProxy:o,xClientID:i}=e;return fetch(`${o}${a.v.swgSubscribe}`,{body:JSON.stringify({signature:t.purchaseData.signature,siteCode:n,subscriptionToken:t.purchaseData.raw}),credentials:"include",headers:{"Content-Type":"application/json","x-client":i},method:"POST"}).then(e=>{if(200!==e.status)throw new Error(`failed to send subscription. response status: ${e.status}`);return e.json()})})(e,t),await(0,b.k$)(e)}catch(e){}await(0,b.Gb)(n,t,e),await t.complete(),(0,b.Vx)()},w=async(e,t,n)=>{const o=(async(e,t)=>{const{siteCode:n,userPlatformProxy:o,xClientID:i}=e;if(t.entitlements){const a=t.entitlements.find(t=>t.source===e.swgPublicationId&&!!t.subscriptionToken);if(a)return h.Ay.swgAuthenticate({payload:{condeSubscriptionToken:a.subscriptionToken,persistSession:!0,siteCode:n},userPlatformProxy:o,xClientID:i}).then(e=>e.ok?(m.Uc.emitGoogleTrackingEvent("swg-entitlements-authenticate-success",{tokenType:"conde subscription token"}),!0):(m.Uc.emitGoogleTrackingEvent("swg-entitlements-authenticate-failure",{tokenType:"conde subscription token"}),!1))}return h.Ay.swgAuthenticate({payload:{entitlementsToken:t.raw,persistSession:!0,siteCode:n},userPlatformProxy:o,xClientID:i}).then(e=>e.ok?(m.Uc.emitGoogleTrackingEvent("swg-entitlements-authenticate-success",{tokenType:"entitlements token"}),!0):(m.Uc.emitGoogleTrackingEvent("swg-entitlements-authenticate-failure",{tokenType:"entitlements token"}),!1))})(n,e);await t.waitForSubscriptionLookup(o).then(o=>o?t.showLoginNotification().then(()=>(0,b.k$)(n)):(async(e,t,n)=>{let o;m.Uc.emitGoogleTrackingEvent("subscription-defer-account-creation-attempt",{subscriptionSource:"verso-subscribe-with-google"});try{o=await e.completeDeferredAccountCreation({entitlements:n,consent:!0}),m.Uc.emitGoogleTrackingEvent("subscription-defer-account-creation-complete",{subscriptionSource:"verso-subscribe-with-google"})}catch(e){m.Uc.emitGoogleTrackingEvent("subscription-defer-account-creation-failure",{subscriptionSource:"verso-subscribe-with-google",user:{account:{loginFailureMessage:e.toString()}}})}await f(t,o)})(t,n,e)).then(()=>{e.ack(),(0,b.EG)()})},$=n(62193),v=n(63560),C={handleReadyToPay:function(e){const{entitlements:t=[],isReadyToPay:n}=e||{};v(window,"CN.user.isReadyToPay",t.length<=0&&n||!1),n&&window.dataLayer.push({event:"swg-readytopay",user:{swgReadyToPay:!0}})},linkAccount:async function(e,t){const{entitlements:n}=e,{acceptableFormsOfTenderedPayment:o=[],isLoggedIn:i}=t,a=!document.cookie.includes("CN_userLinkAccountCTA");new URLSearchParams(window.location.search).has("swglinking")&&i&&$(n)&&o.includes("sub")&&a&&u.o().then(e=>{e.load("client:auth2",()=>{e.auth2.init({}).then(()=>{e.auth2.getAuthInstance().isSignedIn.get()&&window.postMessage({type:"swglinkingcta",clientId:"google.production.w0obnuvb21refjgr0g6y1d1jrd7uvt43"})})})})}},k={getWindowSwg:o.getWindowSwg,registerLwgCTA:(e,t)=>
36315{y.platformData=e,y.payment=t,window.addEventListener("message",y.receiveLwgMessage)},registerSwgSubscribeCTA:async e=>{const t=await(0,o.getWindowSwg)();i.defaultSku=e,i.swgClient=t,window.addEventListener("message",i.receiveSwgMessage)},registerSwgAccountLinkCTA:async function(e,t,n){const o=await s.getWindowSwg();l.swgClient=o,l.siteCode=n.siteCode,l.userPlatformProxy=n.userPlatformProxy,l.amguuid=e,l.domain=n.domain,l.xClientID=n.xClientID,window.addEventListener("message",l.receiveAccountLinkingMessage)},registerOnEntitlementsResponseHandler:async(e,t)=>{const n=await o.default.getWindowSwg();n.setOnEntitlementsResponse(((e,t,n)=>async o=>{const i=await o;if(C.handleReadyToPay(i),C.linkAccount(i,t),n&&i.enablesThis())try{await w(i,e,t)}catch(e){}})(n,e,t))},registerOnSubscribeResponseHandler:async e=>{(await o.default.getWindowSwg()).setOnSubscribeResponse((e=>async t=>{const n=await t;await f(e,n)})(e))}}},91287(e,t,n){n.d(t,{EG:()=>s,Gb:()=>a,Rt:()=>d,Vx:()=>r,k$:()=>l});var o=n(95928),i=n(90090);const a=async(e,t,n)=>{const o=JSON.parse(t.purchaseData.raw),{orderId:a,productId:r}=o,{siteCode:s,xClientID:l}=n,{introductoryPriceInfo:{introductoryPriceCurrencyCode:d,introductoryPriceAmountMicros:c}={},priceCurrencyCode:m,priceAmountMicros:u,subscriptionLength:p=12,subscriptionType:g="Bundle",subscriptionValue:h=9.99}=e,y=d||m||"",b=c&&u?(c||u)/1e6:void 0,f=l.slice(6);i.Uc.emitUniqueGoogleTrackingEvent("transaction",{ecommerce:{currencyCode:y,purchase:{actionField:{id:a,affiliation:f,revenue:b,tax:"",coupon:"",paymentType:"Subscribe with Google",keycode:"",source:""},products:[{id:s,name:f,brand:"",price:b,category:"",variant:"",quantity:"1",coupon:"",sku:r,dimension94:p,dimension95:b,dimension96:"",dimension100:g,dimension101:p,dimension102:h}]}}})},r=()=>{window.location.assign(window.location.href)},s=()=>{window.location.reload(!0)},l=({domain:e,server:t,acceptableForms:n,acceptableScopes:i})=>o.A.validatePayment({acceptableForms:n,acceptableScopes:i,entitlement:{domain:e,enabled:!0,server:t}}),d=(e,t,n,o)=>{const{acceptableForms:i=[],acceptableFormsOfTenderedPayment:a=[],acceptableScopes:r=[],entitlement:s={}}=t;return{acceptableForms:i,acceptableFormsOfTenderedPayment:a,acceptableScopes:r,domain:s.domain||"",isLoggedIn:n.isAuthenticated,registrationSourceCode:e.registrationSourceCode,server:s.server||"",siteCode:o.siteCode,swgPublicationId:e.swgPublicationId,userPlatformProxy:o.userPlatformProxy,xClientID:o.xClientID}}},62067(e,t,n){n.d(t,{A:()=>o});const o=e=>({setShopifyCartItems:t=>{e({type:"SET_KEY",key:"shopifyCartItems",value:t})},setShopifyWidgetState:t=>{e({type:"SET_KEY",key:"isShopifyCartWidgetOpen",value:t})}})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.