https://www.elle.com/_assets/fre/scopes/hdm/_next/static/chunks/35613-5b5a18cbabe30e06.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19768,29023,35613],{19768:(e,t,r)=>{r.d(t,{K:()=>i});function i(e,t,r){let i=e&&e.split?e.split("x"):[];return i.length<2?t&&r&&t>0&&r>0?r/t*100:100:Number(i[1])/Number(i[0])*100}},29023:(e,t,r)=>{r.r(t),r.d(t,{default:()=>i});let i=r(71055).Fragment},35140:(e,t,r)=>{r.d(t,{A:()=>i});let i=r(71055).Fragment},49691:(e,t,r)=>{r.d(t,{QR:()=>u,XC:()=>l,bE:()=>a,eX:()=>c,iP:()=>o,ol:()=>s,qr:()=>n});var i=r(53217);let l="right",n="left",a=async(e,t,r={})=>{if(!e||!t)return!1;let{tolerance:i=5,axis:l="horizontal"}=r,a=await Promise.resolve(e.getBoundingClientRect()),o=await Promise.resolve(t.getBoundingClientRect());if("vertical"===l){let e=r.direction??"top",l=r.offsetHeight??50,n=o[e],c=a[e],s=t.scrollHeight-t.clientHeight,u=t.scrollTop+("top"===e?c-n+i-l:c-n-i+l);return u<0?u=0:u>s&&(u=s),t.scrollTo({top:u,behavior:"smooth"}),!0}let c=r.direction??n,s=r.offsetWidth??50,u=o[c],d=a[c],f=t.scrollWidth-t.clientWidth,g=t.scrollLeft+(c===n?d-u+i-s:d-u-i+s);return g<0?g=0:g>f&&(g=f),t.scrollTo({left:g,behavior:"smooth"}),!0},o=(e,t)=>{let r=e.find(({key:e})=>!!t[e]);return 0===r.index?null:e.slice(0,r.index).pop()},c=(e,t)=>{let r=[...e].reverse().find(({key:e})=>!!t[e]),i=r.index===e.length-1?r.index:r.index+1;return e[i]},s=e=>{let t={},r=[];return e&&Object.keys(e).forEach((e,i)=>{let l={key:e,index:i};t[e]=l,r.push(l)}),{refsMap:t,refsArray:r}};function u(e,t,r,l){let n=(0,i.TD)(e),a=document.querySelector(`[data-anchor-id="${n}"]`),{top:o=0}=a?a.getBoundingClientRect():{};(0,i.lu)(e,!1,{offsetHeight:l&&!(o<0)?-(t/2)+r:t})}},52915:(e,t,r)=>{r.d(t,{$:()=>p,U:()=>g});var i=r(71055),l=r(12625),n=r(800),a=r(49691),o=r(53217),c=r(10848),s=r(174),u=r(27236),d=r(58813),f=r(68677);function g(e){let{position:t}=e;return"number"==typeof t?`slide-${t+1}`:t}function p({variant:e,isSticky:t=!0,wrapperRef:r,compactTocScroll:m,isTablet:h,enabled:y=!0}){let{0:b,1:v}=(0,i.useState)(null),{0:x,1:O}=(0,i.useState)(0),{0:A,1:w}=(0,i.useState)(!1),j=(0,i.useRef)(0),[k,P]=(0,l.fp)(f.Mj),_=(0,l.Xr)(f.aQ),Y=(0,n.BV)("embeddedListicleToc"),E=(0,n.BV)("tocList"),B=Y||E,[C,S]=(0,l.fp)(f.yK),{0:D,1:T}=(0,i.useState)(null),L=(0,i.useRef)(new Map),R=(0,n.BV)("embeddedListicleSlideCount"),V=(0,n.BV)("data.content.0.metadata.slide_count")??R,H=(0,l.md)(f.em)||0,z=(0,l.md)(f.PW)||V-1||0,W=(0,l.Xr)(f.bB),M=(0,l.md)(d.r3),$=(0,n.BV)("data.content.0.metadata.add_h2s_to_listicle_toc"),I=(0,n.BV)("data.content.0.embeddedContent.0.embedded_content_metadata.add_h2s_to_listicle_toc"),N=$||I,F="left-rail"===e||h?0:r?.current?.offsetHeight??0;(0,i.useEffect)(()=>{y&&("sticky-inline"!==e||t||S(null))},[y,e,t,S]);let U=(0,i.useCallback)(e=>{let t=L.current,r=t.get(e);return r||(r=i.default.createRef(),t.set(e,r)),r},[]),X=(0,i.useMemo)(()=>{let e=new Map;return B?.length&&B.forEach(t=>{let r=g(t);e.set(r,U(r))}),e},[B,U]),Q=(0,i.useCallback)(t=>{let i=X.get(t)?.current;"left-rail"===e?(0,a.bE)(i,r?.current,{axis:"vertical",offsetHeight:50}):(0,a.bE)(i,r?.current,{offsetWidth:m?5:50})},[X,e,r,m]),q=(0,i.useCallback)(r=>{("sticky-inline"!==e||t)&&r?X.get(r)?.current&&T(r):T(null)},[X,e,t]),K=(0,i.useCallback)((e,t,r,i)=>{if(!y)return;let l=i??F;j.current=l,v(e),w(!0),Q(e);let n=Number(e?.split?.("-")?.[1]||1)-1;if(t&&(0,s.A)("jumpLink","table-of-contents",{ctaText:t}),n>z)W(Math.ceil((n-z)/u.Tl)),P(!0),b||O(n);else{let t=r??e;(0,o.lu)(t,!1,{offsetHeight:l,debounce:c.A})}},[y,Q,z,F,P,W,b]);return(0,i.useEffect)(()=>{y&&q(C)},[y,C,q]),(0,i.useEffect)(()=>{if(!y||!k)return;let e=j.current;x>z?(_(b),(0,o.lu)(`slide-${z+1}`,!1,{offsetHeight:e-H})):((0,o.lu)(b,!1,{offsetHeight:e,debounce:c.A}),O(0),W(1))},[y,k,F,z,H,b,x,W,_]),(0,i.useEffect)(()=>{y&&C&&B.length&&!k&&(!A||b===C)&&(Q(C),v(null),w(!1))},[y,C,b,A,B.length,k,Q]),(0,i.useEffect)(()=>{if(!y)return;let{hash:e=""}=window?.location||{},t=e?.substring(1)||"";t.includes("slide")&&K(t)},[y]),(0,i.useEffect)(()=>{if(!y||!N)return;let e=window.innerHeight||0,t=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&S(e.target.getAttribute("data-anchor-id"))})},{rootMargin:`-130px 0px -${e-200}px 0px`});

1return M&&Object.values(M).forEach(e=>{e&&t.observe(e)}),()=>{t.disconnect()}},[y,S,M,N]),{tocList:B,refsMap:X,relocateById:K,highlightedTocItemID:D,relocate:A,activeID:C,enableH2sinListicleToc:N}}},58813:(e,t,r)=>{r.d(t,{Ab:()=>a,VZ:()=>n,r3:()=>l});var i=r(56317);let l=(0,i.eU)(null),n=(0,i.eU)([]),a=(0,i.eU)([])},65824:(e,t,r)=>{r.d(t,{Ew:()=>a,J8:()=>s,Q0:()=>c,Q7:()=>l,kJ:()=>n,zs:()=>o});var i=r(27236);function l(e,t,r,l){return e&&t&&r>=i.fp&&l===i.N$}function n(e,t,r,l,n){let o=a(i.Xl,n);return e&&t&&r>=i.fp&&l===o}function a(e,t){return e<t?0:Math.floor(e/t)}function o(e=[],t){return e.map((e,r)=>a(r,t))}function c(e){let t=Array.from({length:e.length}).map((e,t)=>+t).filter(t=>t<e.length).reduce((t,r)=>{let i=t.length>0?t[t.length-1]:-1;return e.slice(i+1,r+1).reduce((e,t)=>e+t,0)>=100?[...t,r]:t},[]);if(0===t.length)return Array.from({length:e.length},()=>0);let r=e.map((e,r)=>t.find(e=>r<=e)??t[t.length-1]),i=[...new Set(r)];return r.map(e=>i.indexOf(e))}function s(e=[]){return!!Array.isArray(e)&&e.reduce((e,t)=>{if(e)return e;let r=t?.image,i=r?.height||t.height,l=r?.width||t.width;return i&&l&&430*i/l<=70},!1)}},68859:(e,t,r)=>{r.d(t,{A:()=>z});var i=r(92759),l=r(30499),n=r(29023),a=r(78068),o=r(32214),c=r(22730),s=r(800),u=r(99916),d=r(5357),f=r(93682),g=r(71055),p=r(84913),m=r(52915),h=r(20339),y=r(38536),b=r(28270),v=r(90771);function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}let O=(0,y.A)("div",{target:"e16tfr347"})((0,b.Ay)("listicle-left-rail-outer",function(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,f.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}({display:{_:"block","lg>":"grid"},gridTemplateColumns:e=>"true"===e["data-two-col"]?{"lg>":"minmax(10.5rem, 12.5rem) minmax(0, 1fr)"}:{"lg>":"minmax(0, 1fr)"},columnGap:{"lg>":"1.5rem"},alignItems:{"lg>":"start"}},(0,v.Bi)())),""),A=(0,y.A)("nav",{target:"e16tfr346"})((0,b.Ay)("listicle-left-rail-sticky-nav",{display:{_:"none","lg>":"block"},position:{"lg>":"sticky"},top:{"lg>":"calc(var(--sticky-header-height, 0px) + var(--sticky-secondary-header-height, 0px) + var(--sticky-navs-height, 0px) + 1rem)"},alignSelf:{"lg>":"start"},paddingRight:{"lg>":"0.5rem"},minWidth:{"lg>":0}}),""),w=(0,y.A)("div",{target:"e16tfr345"})((0,b.Ay)("listicle-left-rail-toc-panel",{overflow:{_:"hidden","lg>":"auto"},maxHeight:{"lg>":"calc(100vh - var(--sticky-header-height, 0px) - var(--sticky-secondary-header-height, 0px) - var(--sticky-navs-height, 0px) - 2rem)"}}),""),j=(0,y.A)("h2",{target:"e16tfr344"})((0,b.Ay)("listicle-left-rail-jump-to",{margin:0,padding:"{*sizes.primitive-10} {*sizes.primitive-14}"}),""),k=(0,y.A)("div",{target:"e16tfr343"})((0,b.Ay)("listicle-left-rail-main",{minWidth:0,width:"100%"}),""),P=(0,y.A)("ol",{target:"e16tfr342"})((0,b.Ay)("listicle-left-rail-nav-list",{listStyle:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:0}),""),_=(0,y.A)("li",{target:"e16tfr341"})((0,b.Ay)("listicle-left-rail-nav-item",{margin:0,padding:0}),""),Y=(0,y.A)("a",{target:"e16tfr340"})((0,b.Ay)("listicle-left-rail-nav-link",{display:"block",padding:"{*sizes.primitive-10} {*sizes.primitive-14}",cursor:"pointer",transition:"background-color 0.15s ease, color 0.15s ease"}),"");var E=r(9954);function B(){let e=(0,h.Bd)("content.jumpToWithoutColon"),t=(0,g.useRef)(),{tocList:r,refsMap:i,relocateById:l,highlightedTocItemID:n,relocate:a}=(0,m.$)({variant:"left-rail",wrapperRef:t,isTablet:!1});return r?.length?(0,E.Y)(A,{role:"navigation","aria-labelledby":"listicle-left-rail-toc-heading"},(0,E.Y)(w,{ref:t},(0,E.Y)(j,{id:"listicle-left-rail-toc-heading","data-active":n?"false":"true"},e),(0,E.Y)(P,null,r.map(e=>{let t=(0,m.U)(e),{text:r,mediaId:o,position:c}=e,s=i.get(t),u=!a&&n===t;return(0,E.Y)(_,{key:o||c,"data-theme-key":"listicle-left-rail-nav-item"},(0,E.Y)(Y,{"data-theme-key":"listicle-left-rail-nav-link",ref:s,href:`#${t}`,"data-active":u?"true":"false","data-update-hash":!0,onClick:e=>{l(t,e?.target?.textContent,e)}},r))}))),(0,E.Y)(p.A,null)):null}function C(){return(0,c.Ay)("lg")?(0,E.Y)(B,null):null}function S({children:e,sx:t}){return(0,E.Y)(O,{"data-two-col":"true",sx:t},(0,E.Y)(C,null),(0,E.Y)(k,null,e))}

1var D=r(33911);function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach(function(t){(0,f.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function R({configs:e}){let{DisplayTypeComponent:t}=e,{isAboveTheFoldLayout:r}=(0,D.a)(),i=(0,c.Ay)("lg>"),l=r&&i?L(L({},{paddingTop:{"lg>":"1.063rem"},paddingLeft:v.FI,paddingRight:v.FI,boxSizing:{"lg>":"border-box"}}),{},{gridTemplateColumns:{lg:"minmax(6.5rem, 8rem) minmax(0, 1fr)",xlg:"minmax(7rem, 8.5rem) minmax(0, 1fr)",xxlg:"minmax(7.5rem, 9rem) minmax(0, 1fr)",xxxlg:"minmax(8rem, 9.5rem) minmax(0, 1fr)"},columnGap:{lg:"0.5rem",xlg:"0.5rem",xxlg:"0.5rem",xxxlg:"0.5rem"}}):void 0;return(0,E.Y)(S,{sx:l},(0,E.Y)(t,{configs:e}))}var V=r(3391),H=r(71055);let z=function({configs:e}){let t=(0,i.e0)(),r=(0,d.I)(),f=(0,c.Ay)(["xxs:smd"]),g=(0,s.BV)("displayType"),p=(0,s.BV)("data.content.0.metadata.hide_leaderboard"),m=(0,s.BV)("data.content.0.metadata.slide_count"),h=(0,s.BV)("embeddedListicleSlideCount"),y=(0,s.BV)("data.content.0.section.slug"),{DisplayTypeComponent:b}=e,v="left-rail-toc"===((0,s.Uk)("listiclePageLayout")||"classic")&&!r&&!f,x=(0,u.pK)(g,r||p),O=v?(0,E.Y)(R,{configs:e}):(0,E.Y)(b,{configs:e});return(0,E.Y)(H.Fragment,null,(0,E.Y)(a.A,null),(0,E.Y)(o.A,{hideLeaderboard:x},(0,E.Y)(V.B,{isLeftRailLayoutActive:v},O),(0,E.Y)(l.A,{dataLayerProps:{listicleSize:m||h,type:"photos"===y?"gallery-photos":void 0}}),t?(0,E.Y)(n.default,null):null))}},84913:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(37336),l=r(9954);let n=function(){return(0,l.Y)(i.qZ,{props:{datalayer:{embeddedMedia:{content_attribute:{listicle_ToC:1}}}}})}},90771:(e,t,r)=>{r.d(t,{Bi:()=>a,FI:()=>n});let i={lg:"var(--dim-layout-viewport-laptop)",xxlg:"var(--dim-layout-viewport-desktop)",xxxlg:"var(--dim-layout-viewport-max)"},l={_:"var(--dim-space-md)",xs:"var(--dim-space-xl)",lg:"var(--dim-layout-gutter-lg)",xxlg:"var(--dim-layout-gutter-xl)",xxxlg:"var(--dim-layout-gutter-2xl)"},n={lg:"var(--dim-layout-gutter-lg)",xxlg:"var(--dim-layout-gutter-xl)",xxxlg:"var(--dim-layout-gutter-2xl)"};function a({includeGutters:e=!1,paddingTop:t}={}){let r={width:"100%",margin:"var(--dim-space-none) auto",maxWidth:i,boxSizing:"border-box"};return e&&(r.paddingLeft=l,r.paddingRight=l),void 0!==t&&(r.paddingTop=t),r}},90810:(e,t,r)=>{r.d(t,{A:()=>s});var i=r(93682),l=r(78854),n=r(38536),a=r(28270);let o=(0,n.A)("div",{target:"eksj1ta0"})((0,a.Ay)("media-responsive-container",{mb:"s"}),"");function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,i)}return r}let s=function({children:e,aspectRatio:t,sx:r={}}){return(0,l.Y)(o,{className:"__resp-container",sx:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){(0,i.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({"--aspect-ratio":t},r),children:e})}}}]);