https://www.elle.com/_assets/fre/scopes/hdm/_next/static/chunks/67731-30a002602864e4fc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67731],{5914:(e,t,r)=>{r.d(t,{G:()=>i,P:()=>l});var n=r(800),o=r(20339);function i(e){let t=(0,o.Bd)("content.feed.theLatest"),r=(0,n.OA)("metadata.seo_block_title",t);return e||r}function l({pageType:e,blockTypeName:t,slot:r,heading:n}){return{"data-vars-block-curation":e,"data-vars-block-type":t,"data-vars-block-slot":`${r}`,"data-vars-block-heading":n}}},9351:(e,t,r)=>{r.d(t,{ER:()=>b,Ft:()=>s,GX:()=>p,Hd:()=>f,ad:()=>g,fC:()=>m,l8:()=>u,we:()=>y});var n=r(93682),o=r(38536),i=r(28270),l=r(28080);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let s={display:{_:"none",lg:"flex"},justifyContent:"center",alignItems:"center",backgroundColor:"var(--comp-ad-bg)",padding:"var(--dim-space-sm) var(--_size-0)",minWidth:"var(--comp-ad-leaderboard-dim-min-width-mobile)",width:"100%",maxWidth:"100%",textAlign:"center","@media print":{display:"none !important"},"> div":{width:"100%"},"@media (prefers-reduced-motion: reduce)":{transition:"none"}},d={elevation:"var(--dim-layout-elevation-subnav)",position:{_:"static",lg:"sticky"},transition:{_:"none",lg:"top 0.5s ease-in, transform 0.5s ease-in, backgroundColor 0.5s ease-in, boxSh

1adow 0.5s ease-in"}},u=c(c({},d),{},{top:`-${l.vf}px`}),p=c(c({},d),{},{top:"calc(var(--sticky-header-height, var(--_size-0)) + var(--sticky-secondary-header-height, var(--_size-0)) + var(--sticky-navs-height))"}),g={backgroundColor:"color-mix(in srgb, var(--comp-ad-bg) 90%, transparent)",boxShadow:"0 var(--_size-2) var(--_size-4) color-mix(in srgb, var(--palette-neutral-200) 80%, transparent)"},m=(0,o.A)("div",{target:"eqqxtmf2"})((0,i.Ay)({display:{_:"none",lg:"flex"},flexDirection:"column",width:"100%",".ad-disclaimer":{m:"var(--_size-0)"},"&:after":{content:'""',borderBottom:"var(--dim-border-width-sm) solid var(--comp-ad-border)",display:"flex"},py:e=>e.isBelowTheFold?"var(--dim-space-2xl)":void 0}),""),f={transform:{_:"none",lg:`translateY(-${l.vf}px)`}},y=(0,o.A)("div",{target:"eqqxtmf1"})((0,i.Ay)(c(c({},s),{},{padding:"var(--_size-0)",alignItems:e=>e.isTallLeaderboardAd?"flex-start":"center",height:e=>`${e.reservedHeight}px`})),""),b=(0,o.A)("div",{target:"eqqxtmf0"})((0,i.Ay)({display:"flex",flexDirection:"column",width:"100%",textAlign:"center"}),"")},16313:(e,t,r)=>{r.r(t),r.d(t,{default:()=>D});var n=r(93682),o=r(71055),i=r(68014),l=r.n(i),a=r(47382),c=r(87754),s=r(92759),d=r(28080);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let g={display:{_:"none",smd:"flex"},justifyContent:"center",alignItems:"center",backgroundColor:"greyLight",padding:"{s} 0",minWidth:"45.5rem",width:"100%",textAlign:"center","@media print":{display:"none !important"},"> div":{width:"100%"},"@media (prefers-reduced-motion: reduce)":{transition:"none"}},m={elevation:"subnav",position:{_:"static","sdm>":"sticky"},transition:{_:"none","sdm>":"top 0.5s ease-in, transform 0.5s ease-in, backgroundColor 0.5s ease-in, boxSh

1adow 0.5s ease-in"}},f=p(p({},m),{},{top:`-${d.vf}px`}),y=p(p({},m),{},{top:"calc(var(--sticky-header-height, 0px) + var(--sticky-secondary-header-height, 0px) + var(--sticky-navs-height))"}),b={backgroundColor:"rgba(248, 248, 248, 0.9)",boxShadow:"0 2px 4px rgba(237, 237, 237, 0.8)"},v={transform:{"sdm>":`translateY(-${d.vf}px)`}};var h=r(9351),w=r(99916),O=r(800),k=r(50881),x=r(62508),E=r(37717);let A=new a.default("sticky-leaderboard");var _=r(52134),j=r(10379),P=r(9954);function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let S=l()(()=>r.e(6906).then(r.bind(r,6906)),{id:"5393820",loadableGenerated:{webpack:()=>[6906]}}),R=new a.default("sticky-leaderboard");function D({isBelowTheFold:e=!1,sx:t={}}){let r,n,i=(0,_.Z)(h.Ft,g),l=(0,_.Z)(h.l8,f),a=(0,_.Z)(h.GX,y),u=(0,_.Z)(h.ad,b),p=(0,_.Z)(h.Hd,v),m="gpt_lb_a",{adHeight:I,exceedsMinHeight:T}=(0,x.A)(m),{0:L,1:Y}=(0,o.useState)(!1),{0:z,1:B}=(0,o.useState)(!1),{0:V,1:H}=(0,o.useState)(!1),{0:F,1:G}=(0,o.useState)(!1),W=(0,o.useRef)(!1),M=(0,o.useRef)(null),N=(0,o.useRef)(null),$=(0,o.useRef)(null),U=(0,o.useRef)(null),Z=(0,o.useRef)(!1),q=(0,o.useRef)(!1),K=(0,o.useRef)(!0),X=(0,s.e0)(),J=(0,_.Z)(),Q=(0,O.BV)("layoutContextProps.siteData.metadata.adConfig.settings.stickyLeaderboardAd",!1),ee=(0,O.BV)("layoutContextProps.isAdsFree",!1),et=(0,j.b7)(),er=!J&&Q,{stickyTableOfContents:en,immersiveTableOfContents:eo,listicleTocToggle:ei}=(0,k.A)(),el=en||eo||ei,ea=X?d.w_:d.dR,ec=(r=(0,E.o)().get("stickyLeaderboardTime"),n=(0,w.T_)(r,d.Vt),A.log("Hook called",{param:r,result:n}),n);(0,o.useEffect)(()=>{R.log("Syncing stickyDurationRef",{stickyDuration:ec}),U.current=ec},[ec]),(0,o.useEffect)(()=>{let e=L?ea:0;document.documentElement.style.setProperty("--sticky-leaderboard-height",`${e}px`)},[L,ea]);let es=()=>{M.current&&(M.current.disconnect(),M.current=null),N.current&&(N.current.disconnect(),N.current=null)};(0,o.useEffect)(()=>{if(Z.current)return void R.log("Effect skipped - listener already setup",{listenerSetupRef:Z.current});R.log("Effect running - setting up sticky behavior",{stickyDuration:ec});let t={removeAdListener:()=>{}};return(async()=>{let r=await (0,w.WN)($);if(R.log("Checking sticky behavior conditions",{isStickyLeaderboardAdEnabled:er,isAutos:X,isStickyTocPresent:el,isBelowTheFold:e,isRightBelowNav:r}),!er||X||el||e||!r){R.log("Sticky behavior disabled - conditions not met"),es();return}let n=async e=>{let t,r=["728x90","970x90"],{size:o,id:i}=e.detail;if(R.log("Ad rendered callback triggered",{size:o,id:i}),W.current||i!==m||!r.includes(o))return void R.log("Skipping sticky logic",{wasStickyRef:W.current,idMatch:i===m,sizeMatch:r.includes(o)});R.log("Setting up sticky behavior for ad"),W.current=!0,window.removeEventListener("adRendered",n),es(),(t=document.getElementById(m))&&(N.current=new IntersectionObserver(e=>{e.forEach(({isIntersecting:e})=>{R.log("Leaderboard ad visibility changed",{isIntersecting:e}),K.current=e})},{threshold:0,rootMargin:"0px"}),N.current.observe(t)),$.current&&(M.current=new IntersectionObserver(e=>{e.forEach(({isIntersecting:e})=>{R.log("Original area visibility changed",{isIntersecting:e}),q.current=e})},{threshold:0,rootMargin:"50px 0px 0px 0px"}),M.current.observe($.current)),K.current||(R.log("Ad not in view - sliding down"),document.documentElement.style.setProperty("--rr-ad-transition-duration",".5s"),H(!0)),Y(!0),R.log("Ad set to sticky"),await (0,w.cb)(0),H(!1);let l=()=>{window.scrollY>0&&(R.log("Scroll detected",{scrollY:window.scrollY}),G(!0),window.removeEventListener("scroll",l))};if(window.scrollY>0?(R.log("Already scrolled on init",{scrollY:window.scrollY}),G(!0)):(R.log("Adding scroll listener"),window.addEventListener("scroll",l,{passive:!0})),R.log("Checking sticky duration",{stickyDurationRef:U.current}),null===U.current)return void R.log("Sticky duration is null - staying sticky indefinitely");R.log("Waiting for sticky duration",{duration:U.current}),await (0,w.cb)(U.current);let a=window.scrollY;R.log("Checking if animation should run",{currentScrollY:a,LEADERBOARD_MIN_HEIGHT:d.dR,isOriginalAreaVisible:q.current}),a>d.dR&&!q.current?(R.log("Starting return animation"),B(!0),await (0,w.BD)(),R.log("Animation complete - setting to non-sticky"),Y(!1),B(!1)):(R.log("Skipping animation - user scrolled back or at top"),Y(!1)),window.removeEventListener("scroll",l),es()};window.addEventListener("adRendered",n),Z.current=!0,t.removeAdListener=()=>window.removeEventListener("adRendered",n)})(),()=>{t.removeAdListener(),es()}},[ec]);let ed={height:`${d.vf}px`},eu=e?{minHeight:`${d.j0}px`}:{height:`${T&&I?I:ea}px`},ep=J&&X,eg=L?C(C(C(C(C(C(C(C({},i),ep&&{backgroundColor:"var(--color-palette-bg-page)"}),a),eu),V?C(C({},l),ed):{}),F?C(C({},u),ed):{}),z?C(C({},p),ed):{}),t):C(C(C(C({},i),ep&&{backgroundColor:"var(--color-palette-bg-page)"}),eu),t),em=ep?h.fC:o.Fragment,ef=ep?{isBelowTheFold:e}:{};return ee||et?null:(0,P.Y)(em,ef,(0,P.Y)("div",{ref:$,style:{width:0,height:0,pointerEvents:"none",opacity:0}

1,"aria-hidden":"true"}),ep?(0,P.Y)(S,null):null,(0,P.Y)(c.A,{id:"gpt-leaderboard-ad",sx:eg}))}},28080:(e,t,r)=>{r.d(t,{Vt:()=>l,dR:()=>i,j0:()=>o,vf:()=>a,w_:()=>n});let n=121,o=121,i=121,l=3e3,a=121},31074:(e,t,r)=>{r.r(t),r.d(t,{FourAcrossGrid:()=>A,default:()=>_});var n=r(93682),o=r(71055),i=r(10352),l=r(72017),a=r(63254),c=r(23487),s=r(4927),d=r(38536),u=r(28270),p=r(930),g=r(72005),m=r(43119);let f=["adId","isImmersiveTemplate","isTwoColumn"],y=["adId","isImmersiveTemplate"],b=(0,d.A)(p.x,{shouldForwardProp:e=>!y.includes(e),target:"essghee3"})(({adId:e,isImmersiveTemplate:t})=>(0,u.Ay)({gridColumn:function({adId:e,isImmersiveTemplate:t}){return t?"1 / -1":{_:"1/-1",xxlg:e?"1 / -2":"1 / -1",xxxlg:e?"2 / -2":"2 / -1"}}({adId:e,isImmersiveTemplate:t})}),""),v=(0,d.A)(g.pZ,{target:"essghee2"})((0,u.Ay)({fontSize:{_:"var(--comp-collection-4-story-desc-type-size-mobile)",lg:"var(--comp-collection-4-story-desc-type-size-desktop)"},lineHeight:{_:"var(--comp-collection-4-story-desc-type-line-height-mobile)",lg:"var(--comp-collection-4-story-desc-type-line-height-desktop)"},fontFamily:"var(--comp-collection-4-story-desc-type-family-mobile)",fontWeight:"var(--comp-collection-4-story-desc-type-weight-mobile)",letterSpacing:"var(--comp-collection-4-story-desc-type-letter-spacing-mobile)",textTransform:"var(--comp-collection-4-story-desc-type-txt-case-mobile)"}),""),h=(0,d.A)(m.l,{target:"essghee1"})((0,u.Ay)({fontSize:{_:"var(--comp-collection-4-story-title-type-size-mobile)",md:"var(--comp-collection-4-story-title-type-size-tablet)",lg:"var(--comp-collection-4-story-title-type-size-desktop)"},lineHeight:{_:"var(--comp-collection-4-story-title-type-line-height-mobile)",md:"var(--comp-collection-4-story-title-type-line-height-tablet)",lg:"var(--comp-collection-4-story-title-type-line-height-desktop)"},fontFamily:"var(--comp-collection-4-story-title-type-family-mobile)",fontWeight:"var(--comp-collection-4-story-title-type-weight-mobile)",letterSpacing:"var(--comp-collection-4-story-title-type-letter-spacing-mobile)",textTransform:"var(--comp-collection-4-story-title-type-txt-case-mobile)"}),""),w=(0,d.A)("div",{shouldForwardProp:e=>!f.includes(e),target:"essghee0"})(({adId:e,isImmersiveTemplate:t,isTwoColumn:r})=>(0,u.Ay)({gridColumn:function({adId:e,isImmersiveTemplate:t,isTwoColumn:r}){return t?r?{_:"span 4",xs:"span 4",lg:"span 6"}:{_:"span 2",xs:"span 4",lg:e?"span 6":"span 3"}:{_:"span 2",xs:"span 2",lg:e?"span 6":"span 3"}}({adId:e,isImmersiveTemplate:t,isTwoColumn:r}),minWidth:"var(--dim-space-none)"}),"");var O=r(9954);function k({items:e=[],adId:t,isImmersiveTemplate:r=!1,isTwoColumn:n=!1,focusItemId:o=null,focusRef:i,renderItem:l}){return e.length?(0,O.Y)(b,{adId:t,isImmersiveTemplate:r},e.map((e,a)=>{let c=e.id===o;return(0,O.Y)(w,{key:e.id||a,adId:t,isImmersiveTemplate:r,isTwoColumn:n,ref:c?i:void 0,tabIndex:c?-1:void 0},l(e,a,c))})):null}function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function A({feeds:e,block:t,components:r={},dataAttrs:n,focusItemId:l=null,imageConfig:a,overrides:d,isImmersiveTemplate:u=!1,itemOnClick:p=null,itemPositionOffset:g=0,dataId:m}){let f=e?.[0]?.resources||[],y=t?.adId,b=t?.heading,w=u&&t?.settings?.layout==="transporter",x=w?E(E({},t),{},{settings:E(E({},t.settings),{},{layout:i.W_.noImage})}):t,_=a?E(E(E({crop:a.default?.crop??"1x1"},null!=a.width&&{width:a.width}),null!=a.height&&{height:a.height}),null!=a.priority&&{priority:a.priority}):{crop:u?"8x10":"1x1"},j=(0,o.useRef)(null);(0,o.useEffect)(()=>{j.current&&l&&"function"==typeof j.current.focus&&j.current.focus()},[l]);let P=(0,o.useCallback)(p?(e,t,r)=>p({event:e,feed:t,position:g+r,heading:b}):null,[p,g,b]),I=(0,o.useCallback)((t,o)=>(0,O.Y)(c.default,{block:x,feed:e[0],resource:t,position:o,feedPosition:o,imageProps:_,overrides:E(E({},d),{},{useShortTitle:!0}),components:E(E({},r),{},{dek:v,title:h,label:s.Cc}),dataAttrs:n,dataId:m,onClick:P?e=>P(e,t,o):void 0}),[x,e,_,d,r,n,m,P]);return(0,O.Y)(k,{items:f,adId:y,isImmersiveTemplate:u,isTwoColumn:w,focusItemId:l,focusRef:j,renderItem:

1I})}function _(e){let{block:t,dataAttrs:r,dataTrackingAttrs:n,block:{feeds:o,adId:i},hideAdOnMobile:c,imageConfig:s,itemIdToFocus:d=null,itemOnClick:u=null,itemPositionOffset:p=0,dataId:g}=e,m=(0,a.D)();return o?.length?(0,O.Y)(l.A,{block:t,adId:i,hideAdOnMobile:c,asGrid:!0},(0,O.Y)(A,{feeds:o,block:t,dataAttrs:r??n,imageConfig:s,focusItemId:d,itemOnClick:u,itemPositionOffset:p,dataId:g,isImmersiveTemplate:m})):null}},50881:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(800);function o(){let e=(0,n.BV)("data.content.0.metadata.sticky_table_of_contents");return{stickyTableOfContents:e,immersiveTableOfContents:(0,n.BV)("data.content.0.metadata.immersive_table_of_contents"),listicleTocToggle:(0,n.BV)("data.content.0.metadata.listicle_toc")}}},62508:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(71055),o=r(28080),i=r(92759);function l(e){let{0:t,1:r}=(0,n.useState)(null),l=(0,n.useRef)(null),a=(0,i.e0)()?o.w_:o.dR;return(0,n.useEffect)(()=>{let t=()=>{let t=document.getElementById(e);return t?(l.current&&l.current.disconnect(),l.current=new ResizeObserver(e=>{for(let t of e){let e=t.contentRect.height;e>a?r(e):r(null)}}),l.current.observe(t),l.current):null};if(!t()){let r=new MutationObserver(()=>{document.getElementById(e)&&(t(),r.disconnect())});return r.observe(document.body,{childList:!0,subtree:!0}),()=>{r.disconnect(),l.current&&l.current.disconnect()}}return()=>{l.current&&l.current.disconnect()}},[e]),{adHeight:t,exceedsMinHeight:null!==t&&t>a}}},63254:(e,t,r)=>{r.d(t,{D:()=>i});var n=r(800),o=r(89205);function i(){return(0,n.BV)("displayType")===o.rU.IMMERSIVE_FEED}},99916:(e,t,r)=>{r.d(t,{BD:()=>u,T_:()=>d,WN:()=>p,cb:()=>s,pK:()=>c});var n=r(89205),o=r(78860),i=r(89453);let l=new(r(47382)).default("sticky-leaderboard"),a=[n.rU.GALLERY,n.rU.RECIPE,n.rU.REVIEW_ARTICLE,n.rU.STANDARD_ARTICLE,n.rU.VEHICLE_SPECS,n.rU.VEHICLE_CATEGORY_RANKINGS,n.rU.LISTICLE];function c(e,t){return!a.includes(e)||(0,o.z)(t)}async function s(e){return new Promise(t=>setTimeout(t,e))}function d(e,t){if(null===e)return t;if(""===e)return null;let r=parseInt(e,10);return!isNaN(r)&&r>=0?1e3*r:t}let u=async()=>{document.documentElement.style.setProperty("--rr-ad-transition-duration",".5s"),document.documentElement.style.setProperty("--sticky-leaderboard-height","0px"),await s(500),document.documentElement.style.setProperty("--rr-ad-transition-duration","0s")};async function p(e){if(!e?.current)return!0;let t=e.current.nextElementSibling;if(!t)return!0;let r=(await (0,i.G)(t)).top+window.scrollY;return l.log("Leaderboard position from top of document",{adTop:r}),r<=250}}}]);