https://ventionteams.com/_next/static/chunks/7999.d513451f5c1de7b6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7999],{36795:(l,e,n)=>{n.d(e,{A:()=>w});var r=n(37876),t=n(48230),i=n.n(t),u=n(89099),s=n(14232),o=n(68212),a=n(67504),d=n(53782),h=n(88230),_=n(40606),c=n(75230),x=n(8014),m=n(86829),p=n(74401),v=n(77254),g=n(56043),b=n(35554),f=n(36042),j=n(68729),A=n(98920);let L=({article:l,orientation:e,onTopicClick:n,index:t})=>{let[u,o]=(0,s.useState)(!1),a=(0,b.Y)(),h=e===j.a.v,L=(0,s.useMemo)(()=>({mobile:264/(h?360:185),tablet:496/(h?677:345),desktop:400/(h?546:279)}),[h]);return(0,r.jsxs)(_.A,{sx:{flexDirection:"column",px:m.v.mainX,py:["m_16_18",null,"t_18_20",null,(0,v.vX)(20,38)],borderBottom:"1px solid",borderLeftWidth:[t%2?1:0,null,+(t>0)],borderLeftStyle:"solid",borderColor:"border"},onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:[l.image&&(0,r.jsx)(i(),{prefetch:!1,href:l.page_url,children:(0,r.jsx)(d.A,{sx:{position:"relative",overflow:"hidden",width:"100%",height:"100%"},children:(0,r.jsx)(g.A,{image:{...l.image,ratioOptions:L},sizes:{mobile:75,tablet:50,desktop:25}})})}),l.topics?(0,r.jsx)(d.A,{sx:{mt:["m_16_18",null,"t_18_20",null,"d_12_20"]},children:l.topics.map(e=>(0,r.jsxs)(c.A,{variant:p.YV.b2,sx:{mr:["m_5_7",null,"t_7_8",null,"d_5_10"],color:`secondary_${l.color}`,cursor:"pointer"},onClick:()=>n(e),children:["#",e.name]},e.name))}):null,(0,r.jsx)(i(),{prefetch:!1,href:l.page_url,children:(0,r.jsx)(c.A,{variant:p.YV.b1,sx:{display:"block",mt:["m_16_18",null,"t_18_20",null,"d_14_24"],...(0,f.O)({variant:p.YV.h3,isColored:!0,isHover:u,color:l.color}),...(0,x.kf)()},children:l.heading_line})}),l.preview_description&&(0,r.jsx)(c.A,{variant:p.YV.b2Light,sx:{mt:["m_12_13",null,(0,v.RX)(14,16),null,"d_12_20"]},children:l.preview_description}),l.publishing_date&&l.show_publishing_date&&(0,r.jsx)(c.A,{variant:p.YV.b2Light,sx:{mt:["m_30_34",null,"t_34_38",null,"d_24_47"]},children:(0,A.f)(l.publishing_date,a,!1)})]},l.heading_line)},X=({index:l})=>(0,r.jsxs)(d.A,{sx:{px:m.v.mainX,py:["m_16_18",null,"t_18_20",null,"d_20_38"],borderBottom:"1px solid",borderLeftWidth:[l%2?1:0,null,+(l>0)],borderLeftStyle:"1px solid",borderColor:"border"},children:[(0,r.jsx)(d.A,{sx:{height:[(0,v.fd)(185,370),null,(0,v.RX)(247,345),null,(0,v.vX)(160,279)],bg:"border"}}),(0,r.jsx)(d.A,{sx:{mt:["m_47_54",null,"t_54_59",null,"d_38_73"],height:[(0,v.ML)(22,28),null,null,null,(0,v.vX)(20,33)],bg:"border"}}),(0,r.jsx)(d.A,{sx:{mt:["m_14_15",null,"t_15_16",null,"d_12_20"],height:[(0,v.ML)(58,66),null,null,null,(0,v.vX)(51,84)],bg:"border"}}),(0,r.jsx)(d.A,{sx:{mt:["m_30_34",null,"t_34_38",null,"d_24_47"],height:[(0,v.ML)(20,22),null,null,null,(0,v.vX)(17,28)],width:"30%",bg

1:"border"}})]}),w=({value:l,imageOrientations:e,readMoreSortBy:n,allPostsUrl:t,articles:g})=>{let b=(0,u.useRouter)(),[f,j]=(0,s.useState)(!1),{heading_line:A,button_text:w}=l,M=l=>{(async()=>{await b.push({pathname:t,query:{topics:[l.name]}})})()};return(0,r.jsxs)(d.A,{children:[(0,r.jsx)(d.A,{sx:{borderTop:"1px solid",borderBottom:"1px solid",borderColor:"border",px:m.v.mainX,pt:m.v.headingPt,pb:m.v.headingPb},children:(0,r.jsx)(a.A,{variant:p.YV.h2,children:A})}),(0,r.jsx)(h.A,{sx:{gap:0,gridTemplateColumns:[null,null,"1fr 1fr",null,"repeat(4, 1fr)"],overflowX:"auto",gridAutoFlow:["column",null,"row"],gridAutoColumns:[(0,v.fd)(288,560),null,"inherit"]},children:g.length>0?g.map((l,n)=>(0,r.jsx)(L,{article:l,onTopicClick:M,orientation:e[n],index:n},l.page_url)):[1,2,3,4].map(l=>(0,r.jsx)(X,{index:l},l))}),(0,r.jsx)(h.A,{sx:{gap:0,gridTemplateColumns:"1fr 1fr"},children:(0,r.jsx)(d.A,{sx:{gridColumn:["1/-1",null,2],bg:"primary",color:"primary_text",borderRadius:"unset",cursor:"pointer",...(0,x.kf)(),":hover":{color:"primary_hover_text",bg:"secondary"}},onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),className:"no-tap-highlights",children:(0,r.jsx)(i(),{prefetch:!1,href:{pathname:t,query:{sort:n}},className:"card_square_cta_click",children:(0,r.jsx)(d.A,{sx:{px:m.v.mainX,py:["m_24_27",null,"t_27_30",null,"d_20_40"]},children:(0,r.jsxs)(_.A,{sx:{justifyContent:"space-between",alignItems:"start"},children:[(0,r.jsx)(c.A,{variant:p.YV.h3,children:w}),(0,r.jsx)(o.A,{isHover:f,variant:p.YV.h3})]})})})})})]})}},47999:(l,e,n)=>{n.r(e),n.d(e,{default:()=>i});var r=n(37876),t=n(36795);let i=({value:l,allPostsUrl:e,articles:n})=>(0,r.jsx)(t.A,{value:l,imageOrientations:["v","h","v","h"],readMoreSortBy:"editors-picks",allPostsUrl:e,articles:n})},53147:(l,e,n)=>{n.d(e,{A:()=>s,h:()=>u});var r,t=n(14232);function i(){return(i=Object.assign?Object.assign.bind():function(l){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)({}).hasOwnProperty.call(n,r)&&(l[r]=n[r])}return l}).apply(null,arguments)}let u=l=>t.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},l),r||(r=t.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M17 4.632V3.35H0V0h24v24h-3.349V7h-1.283L2.97 23.398.602 21.03z",clipRule:"evenodd"}))),s={src:"/_next/static/media/arrow-up-right.e84e6792.svg",height:24,width:24,blurWidth:0,blurHeight:0}},68212:(l,e,n)=>{n.d(e,{A:()=>a});var r=n(37876),t=n(59709),i=n(53147),u=n(74401),s=n(77254);let o={[u.YV.b1]:{width:[(0,s.ML)(16,20),null,null,null,(0,s.vX)(14,24)],height:[(0,s.ML)(16,20),null,null,null,(0,s.vX)(14,24)],ml:[(0,s.ML)(16,20),null,null,null,(0,s.vX)(14,24)],mt:[(0,s.ML)(3,4),null,null,null,(0,s.vX)(3,5)]},[u.YV.h3]:{width:[(0,s.ML)(16,20),null,null,null,(0,s.vX)(14,24)],height:[(0,s.ML)(16,20),null,null,null,(0,s.vX)(14,24)],ml:[(0,s.ML)(16,20),null,null,null,(0,s.vX)(14,24)],mt:[(0,s.ML)(6,7),null,null,null,(0,s.vX)(4,9)]},[u.YV.b2]:{width:[(0,s.ML)(12,14),null,null,null,(0,s.vX)(10,16)],height:[(0,s.ML)(20,30),null,null,null,(0,s.vX)(10,16)],ml:[(0,s.ML)(8,10),null,null,null,(0,s.vX)(6,14)],mt:[(0,s.ML)(4,6),null,null,null,(0,s.vX)(5,8)]},[u.YV.bigText]:{width:[(0,s.ML)(20,30),null,null,null,(0,s.vX)(10,16)],height:[(0,s.ML)(20,30),null,null,null,(0,s.vX)(10,16)],mt:[(0,s.ML)(10,14),null,null,null,(0,s.vX)(5,8)]}},a=l=>{let{variant:e,isColored:n,isHover:u,isReverse:s,sx:a,color:d,id:h,className:_}=l;return(0,r.jsx)(t.A,{className:_,id:h,isColored:n,isHover:u,isReverse:s,sx:{position:"relative",...e&&o[e],...a},color:d,children:(0,r.jsx)(i.h,{})})}}}]);