"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([["2000"],{75886:function(e,i,n){n.r(i),n.d(i,{default:()=>C});var t=n(52322),a=n(17845),r=n(11233),d=n(56111),l=n(73302),o=n(57046),s=n(69414),m=n(70992),c=n(83628),u=n(94633),p=n(79644),k=n(78943);let v=k.ZP.div.withConfig({componentId:"sc-321178bb-0"})(["border-top:1px solid ",";margin-top:24px;"],e=>e.theme.colorLightAccent),h=k.ZP.header.withConfig({componentId:"sc-321178bb-1"})(["margin:24px 0;"]),g=k.ZP.h2.withConfig({componentId:"sc-321178bb-2"})(["color:",";font-size:18px;letter-spacing:1.5px;line-height:28px;text-transform:uppercase;"],e=>e.theme.colorBrand),x=k.ZP.div.withConfig({componentId:"sc-321178bb-3"})(["@media ","{&:nth-child(4){display:none;}}"],p.Z.query.medium),b=k.ZP.figure.withConfig({componentId:"sc-321178bb-4"})(["margin:0 0 12px;"]),f=k.ZP.img.withConfig({componentId:"sc-321178bb-5"})(["aspect-ratio:16 / 9;display:block;height:auto;object-fit:cover;width:100%;"]),y=k.ZP.div.withConfig({componentId:"sc-321178bb-6"})([""]),N=k.ZP.h5.withConfig({componentId:"sc-321178bb-7"})(["color:",";font-family:",";font-size:13px;font-weight:400;line-height:16px;margin:0 0 8px;"],p.Z.colorMid,p.Z.fontPrimary),S=k.ZP.a.withConfig({componentId:"sc-321178bb-8"})(["align-items:center;color:",";display:inline-flex;gap:4px;text-decoration:none;transition:color .2s ease-out;svg{height:12px;width:12px;}&:focus,&:hover{color:",";text-decoration-color:",";text-decoration-line:underline;}"],e=>e.theme.colorBrand,e=>e.theme.colorStoryTileHeadlineHover,e=>e.theme.colorStoryTileHeadlineHoverUnderline),P=k.ZP.h3.withConfig({componentId:"sc-321178bb-9"})(["a{text-decoration:none;}"]),D=k.ZP.div.withConfig({componentId:"sc-321178bb-10"})(["display:grid;gap:24px;grid-template-columns:repeat(2,1fr);@media ","{grid-template-columns:repeat(3,1fr);}",""],p.Z.query.medium,({$stacked:e,theme:i})=>e&&(0,k.iv)(["display:flex;flex-direction:column;","{border-bottom:1px solid ",";display:flex;flex-direction:row-reverse;padding-bottom:16px;}",":last-child{border-bottom:0;margin-bottom:12px;padding-bottom:0;}","{height:80px;margin-left:16px;width:80px;}","{line-height:20px;}"],x,i.colorLightAccent,x,f,P));var w=n(50041),T=n(28067),_=n(2784),j=n(17741);let Z={kind:"Document",definitions:[{kind:"OperationDefinition",name:{kind:"Name",value:"DomainRecommendsQuery"},directives:[],variableDefinitions:[{kind:"VariableDefinition",directives:[],variable:{kind:"Variable",name:{kind:"Name",value:"brand"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Brand"}}}},{kind:"VariableDefinition",directives:[],variable:{kind:"Variable",name:{kind:"Name",value:"provider"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"AssetsByThirdPartyProvider"}}}},{kind:"VariableDefinition",directives:[],variable:{kind:"Variable",name:{kind:"Name",value:"type"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],operation:"query",selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"assetsByThirdParty"},arguments:[{kind:"Argument",name:{kind:"Name",value:"brand"},value:{kind:"Variable",name:{kind:"Name",value:"brand"}}},{kind:"Argument",name:{kind:"Name",value:"provider"},value:{kind:"Variable",name:{kind:"Name",value:"provider"}}},{kind:"Argument",name:{kind:"Name",value:"type"},value:{kind:"Variable",name:{kind:"Name",value:"type"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"assets"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"asset"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"headlines"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"headline"},arguments:[],directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"featuredImages"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"landscape16x9"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"data"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"altText"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"url"},arguments:[],directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"urls"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"external"},arguments:[],directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"error"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"message"},arguments:[],directives:[]}]}}]}}]}}],loc:{start:0,end:272,source:{body:"query DomainRecommendsQuery($brand:Brand!,$provider:AssetsByThirdPartyProvider!,$type:String!){assetsByThirdParty(brand:$brand,provider:$provider,type:$type){assets{asset{headlines{headline}}featuredImages{landscape16x9{data{altText}url}}id urls{external}}error{message}}}"}}},I=({asset:e,index:i,shortSiteName:n})=>{let a=e.featuredImages?.landscape16x9?.url||"",d=e.featuredImages?.landscape16x9?.data?.altText||"",s=e.asset?.headlines?.headline,m=e.urls?.external,c=m?(0,u.fA)(m,new URLSearchParams({utm_source:(0,u.xo)(n)})):void 0;return(0,t.jsxs)(x,{"data-an-position":i+1,"data-testid":"story-tile",children:[(0,t.jsx)(b,{children:(0,t.jsx)("a",{href:c,rel:"noopener noreferrer",tabIndex:-1,target:"_blank",children:(0,t.jsx)(f,{alt:d,src:a})})}),(0,t.jsxs)(y,{children:[(0,t.jsx)(N,{children:(0,t.jsxs)(S,{href:c,rel:"noopener noreferrer",target:"_blank",children:["Domain ",(0,t.jsx)(r.Z,{})]})}),(0,t.jsx)(P,{as:o.Headline,headlineSizes:l.Mo.XXS_XXS_XXS,children:(0,t.jsx)("a",{"data-testid":"article-link",href:c,rel:"noopener noreferrer",target:"_blank",children:s})})]})]},e.id)},C=({asset:e,rightRail:i})=>{let n=!(0,c.gg)(e),{brand:{shortSiteName:r}}=(0,d.Z)(),[l,{data:o,error:u}]=(e=>{let[i,n]=(0,w.t)(Z,{fetchPolicy:"no-cache"}),t=(0,j.w)(e);return[(0,_.useCallback)(()=>i({context:{clientName:"api-front"},variables:{brand:t,provider:T.hl.Domain,type:"recommended"}}),[i,t]),n]})(r),{ref:p}=(0,m.YD)({rootMargin:"0px 0px 500px 0px",triggerOnce:!0,skip:n,onChange:e=>{!n&&e&&l()}});if(n)return null;let k=u||o?.assetsByThirdParty?.error;if(k)return s.Y.error("DomainRecommends failure",a.log.EventType("domainRecommends","error"),a.log.Error(k)),null;if(!o)return(0,t.jsx)("div",{ref:p});let x=o?.assetsByThirdParty?.assets??[];if(0===x.length)return null;let b=x.slice(0,4);return(0,t.jsxs)(v,{className:"noPrint",children:[(0,t.jsx)(h,{children:(0,t.jsx)(g,{children:"Domain Recommends"})}),(0,t.jsx)(D,{$stacked:i,children:b.map((e,i)=>(0,t.jsx)(I,{asset:e,index:i,shortSiteName:r},e.id))})]})}}}]);