(self.webpackChunklite=self.webpackChunklite||[]).push([[8883],{33380:(e,t,r)=>{"use strict";r.d(t,{u6:()=>i,TA:()=>o});var a=r(67294),n={updateWatchedBounds:function(){},watchedBounds:new Map},i=a.createContext(n),o=function(e){var t=e.children,r=e.className,n=e.name,o=e.type,c=e.offset,l=a.useContext(i).updateWatchedBounds,u=a.useRef(null);return a.useEffect((function(){l&&l(n,u,{type:o,offset:c})}),[]),a.createElement("div",{className:r,ref:u},t)}},75845:(e,t,r)=>{"use strict";r.d(t,{sI:()=>w,Yj:()=>y,j$:()=>S,F5:()=>T,Xv:()=>k});var a=r(23450),n=r.n(a),i=r(67294),o=r(83263),c=r(17193),l=r(77355),u=r(93310),s=r(47230),d=r(87691),p=r(52069),h=r(18627),g=r(66411),f=r(14646),m=r(18122),x=r(43487),E=r(92305),v=r(50458),b={xs:277,sm:277,md:196,lg:196},w={xs:140,sm:195,md:90,lg:194},y={xs:105,sm:105,md:194,lg:194},S={sm:380},T=function(e,t){return function(r){return{display:"flex",backgroundColor:r.colorTokens.background.neutral.tertiary.base,justifyContent:"space-between",flexDirection:e?"column":"row",overflow:"hidden",border:"1px solid",borderColor:r.colorTokens.border.neutral.primary.base,borderRadius:"4px",maxHeight:"".concat(b[t],"px"),maxWidth:"100%",width:e?"100%":void 0,cursor:"pointer"}}},k=function(e){var t=e.catalog,r=(0,f.I)(),a=(0,x.v9)((function(e){return e.config.authDomain})),k=(0,h.A)(),R=(0,g.pK)(),O=(0,m.g)({onPresentedFn:function(){k.event("list.presented",{listId:t.id,source:R})}}),I=(0,o.Q)(S),W="sm"===I||"xs"===I,C=y[I],P=w[I],L=i.useCallback((function(e){e.stopPropagation()}),[]),_=i.useCallback((function(){window.top?window.top.location.href=(0,v.yk)(t,a):window.location.href=(0,v.yk)(t,a)}),[t,a]),N=i.useCallback((function(e){"Enter"===e.key&&_()}),[_]);i.useEffect((function(){window.parent.postMessage(JSON.stringify({src:window.location.toString(),context:"iframe.resize",height:b[I]}),"*")}),[I]);var M=i.useMemo((function(){return[t.postItemsCount>0?"".concat(t.postItemsCount," ").concat(n()("story",t.postItemsCount)):null].filter((function(e){return e})).join(", ")}),[t.postItemsCount]);return i.createElement("div",{role:"button",tabIndex:0,onKeyDown:N,onClick:_,className:r(T(W,I))},i.createElement(l.x,{ref:O,padding:"24px"},i.createElement(l.x,{display:"flex",alignItems:"center"},i.createElement(c.Yt,{user:t.creator,scale:"XXXS",target:"_top"}),i.createElement(l.x,{padding:"0 8px",flexShrink:"0"},i.createElement(d.F,{color:"LIGHTER",scale:"S",clamp:1},i.createElement(u.r,{target:"_top",onClick:L,href:(0,v.AW)(t.creator,a)},t.creator.name)))),i.createElement(l.x,{marginTop:W?"16px":"24px",marginBottom:W?"16px":"24px",height:W?"20px":"48px"},i.createElement(p.Dx,{scale:W?"XS":"S",clamp:W?1:2},t.predefined?(0,E.S6)(t.predefined):t.name)),i.createElement(l.x,{display:"flex",alignItems:"center"},i.createElement(l.x,{flexShrink:"0"},i.createElement(s.zx,{target:"_top",size:"SMALL",buttonStyle:"SUBTLE",href:(0,v.yk)(t,a)},"View list")),M&&i.createElement(l.x,{paddingLeft:"16px",flexShrink:"0"},i.createElement(d.F,{color:"LIGHTER",scale:"S",tag:"span"},M)))),i.createElement(o.f,{coverHeight:C,coverWidth:P,catalogItems:t.listItemsConnection.items,isEmbeded:!0,breakpoints:S}))}},38883:(e,t,r)=>{"use strict";r.d(t,{ZQ:()=>Te,lD:()=>ke,l:()=>Oe});var a=r(96156),n=r(34699),i=r(22122),o=r(67294),c=r(33380),l=r(6610),u=r(5991),s=r(10379),d=r(46070),p=r(77608),h=r(6809),g=r(60748),f=r(77355),m=o.forwardRef((function(e,t){var r=e.height,a=void 0===r?1:r,n=e.width,i=void 0===n?1:n,c=e.backgroundColor,l=void 0===c?"BASE_NORMAL":c,u=e.children,s=(i=i||1)/(a=a||1);return o.createElement(f.x,{position:"relative",margin:"auto",backgroundColor:l,ref:t,overflow:"hidden"},o.createElement(f.x,{paddingBottom:"".concat(100/s,"%"),height:"0"},u))})),x=r(87329),E=r(92780),v=r(29746),b=r(14646),w=r(97489),y=function(e){return function(t){return(0,a.Z)({marginTop:"10px",textAlign:e,maxWidth:"".concat((0,v.G)(t,8,!0),"px"),marginLeft:"left"===e?"0":"auto",marginRight:"auto"},w.lg(t),{marginLeft:"auto",textAlign:"center"})}},S=function(e){return function(){var t=e&&100*e;return{width:"".concat(t,"%"),position:"relative",left:"calc(".concat(100-t/2,"% - 8px)"),transform:"translateX(-50%)"}}},T=o.forwardRef((function(e,t){var r=e.children,a=e.richTextStyle,n=e.textAlign,i=void 0===n?"center":n,c=e.extendLeftRatio,l=(0,b.I)(),u=(0,E.n)({name:"detail",scale:"CARD"===a?"S":"M",color:"LIGHTER"});return o.createElement("figcaption",{className:l([y(i),u].concat((0,x.Z)(c?[S(c)]:[]))),ref:t},r)}));function k(e){var t=e.children,r=e.figCaption,a=e.className,n=e.figureRef;return o.createElement("figure",{className:a,ref:n},t,r)}var R=r(34135),O=r(96451),I=function(e){var t=e.rootMargin,r=e.children,a=e.target,i=o.useState(!1),c=(0,n.Z)(i,2),l=c[0],u=c[1],s=o.useCallback((function(e){!l&&e.isIntersecting&&u(!0)}),[l]);return(0,O.S)({onIntersect:s,target:a,disconnect:function(){return l},rootMargin:t},[l]),"function"==typeof r?o.createElement(o.Fragment,null,r(l)):l?o.createElement(o.Fragment,null,r):null},W=function(){return{width:"1px",minWidth:"100%","*width":"100%"}};function C(e){var t,r=e.src,a=e.title,c=e.height,l=e.width,u=e.allowFullScreen,s=e.frameBorder,d=e.rules,p=e.placeholderRef,h=e.iframeRef,g=(0,b.I)(),f={src:r,allowFullScreen:u,frameBorder:s,height:c,width:l},m=o.useState(!1),x=(0,n.Z)(m,2),E=x[0],v=x[1],w=o.useState(!1),y=(0,n.Z)(w,2),S=y[0],T=y[1];return S||R.V6.on("load",(function(){return T(!0)})),null!=h&&null!==(t=h.current)&&void 0!==t&&t.parentElement&&h.current.parentElement.offsetWidth<h.current.offsetWidth&&!E&&v(!0),S?o.createElement(I,{rootMargin:"200px 0px",target:p},(function(e){return e?o.createElement("iframe",(0,i.Z)({},f,{ref:h,title:a,className:g(E?[d,W]:d),scrolling:"no"})):null})):null}var P=r(92661),L=r(43210),_=r(52499),N=function(e){var t=e.paragraph,r=e.paragraphStyle,i=e.richTextStyle,c=e.spaceTop,l=e.updateWatchedBounds,u=(0,b.I)(),s=o.useRef(null),d=(t.iframe||{}).mediaResource,p=d||{},f=p.id,x=p.iframeSrc,E=p.iframeHeight,v=p.iframeWidth,y=p.title,S=(0,P.H2)(),R=x;R||(R=f?S("FetchMediaResourceEmbed",{mediaResourceId:f}):"");var O=function(e){var t=e.src,r=e.initialHeight,a=e.initialWidth,i=o.useRef(null),c=o.useState(r),l=(0,n.Z)(c,2),u=l[0],s=l[1],d=o.useState(a),p=(0,n.Z)(d,2),h=p[0],f=p[1];return o.useEffect((function(){if(""!==t){var e=(0,g.x)((function(e,r){i.current&&"MEASURE"===e.type&&e.details.height>0&&(f(i.current.offsetWidth),i.current.contentWindow===r&&s(e.details.height)),"iframe.resize"===e.context&&e.src===t&&e.height>0&&(i.current&&f(i.current.offsetWidth),s(e.height))})).destructor;return function(){e()}}}),[t,r]),[u,h,i]}({src:R,initialHeight:E||0,initialWidth:v||0}),I=(0,n.Z)(O,3),W=I[0],N=I[1],M=I[2],B=o.useRef(null);if(o.useEffect((function(){if(l&&d&&d.id&&N&&W){var e="";s.current&&(e=s.current.offsetTop.toString()),l("".concat(d.id,"-").concat(e),s,{type:"image"})}}),[]),!R)return null;var q=t.text?o.createElement(T,{richTextStyle:i},o.createElement(h.T,{paragraph:t,paragraphStyle:r,richTextStyle:i})):null,H=[(0,_.qB)(c)];return H.push((function(){return{clear:"both"}})),"OUTSET_LEFT"===(t.layout||void 0)&&"STREAM"!==i&&"INLINE"!==i&&H.push((function(e){var t;return t={background:e.backgroundColor,borderWidth:e.borderWidthThick+"px",borderStyle:e.borderStyle,borderColor:e.backgroundColor,float:"left",marginLeft:"-150px",marginRight:"30px",width:"75%",padding:"0",paddingBottom:"10px"},(0,a.Z)(t,w.md(e),{float:"none",marginLeft:"0",marginRight:"0",width:"100%"}),(0,a.Z)(t,"marginBottom","16px"),t})),o.createElement(k,{className:u(H),figCaption:q,figureRef:s},o.createElement(m,{height:W,width:N,backgroundColor:"NONE",ref:B},o.createElement(C,{placeholderRef:B,iframeRef:M,src:R,title:y||"",height:W,width:N,allowFullScreen:!0,frameBorder:"0",rules:L.m})))},M=o.memo(N),B=r(59854),q=r.n(B),H=r(10374),j=r(12519),Z=r(18155),A=r(46696),D=function(e){var t=(0,n.Z)(e,1)[0];return"number"==typeof t?"".concat(t,"px"):t},F=function(e){var t=(0,n.Z)(e,1)[0];return"".concat(t[0],"% ").concat(t[1],"%")},z=function(e){return(0,n.Z)(e,1)[0]};function U(e){var t=e.backgroundImage,r=e.boxShadowRules,a=e.miroId,n=e.height,i=e.width,c=e.minHeight,l=e.minWidth,u=e.imgHeight,s=e.imgWidth,d=e.focusPercent,p=e.strategy,h=void 0===p?A._S.Resample:p,g=e.freezeGifs,f=(0,b.I)(),m=t;if(!m){var x=(0,A.W6)({miroId:a,height:u,width:s,strategy:h,freezeGifs:g});m="url(".concat(x,")")}var E=(0,Z.mu)(D,n),v=(0,Z.mu)(D,i),w=c&&(0,Z.mu)(D,c),y=l&&(0,Z.mu)(D,l),S=(0,Z.mu)(F,d),T={backgroundImage:(0,Z.mu)(z,m),display:"block",backgroundOrigin:"border-box",backgroundSize:"cover",height:E,width:v,minHeight:w,minWidth:y,backgroundPosition:S,maxWidth:"100%"};return o.createElement("div",{className:f([T,r])})}U.defaultProps={focusPercent:[50,50]};var G=r(16793),X=function(e){return{backgroundColor:e.colorTokens.background.accent.quaternary.base}},V=function(e,t){var r=(0,A.W6)({freezeGifs:!1,miroId:e,strategy:A._S.Resample,width:t.breakpoints.sm}),a=(0,A.W6)({freezeGifs:!1,miroId:e,strategy:A._S.Resample,width:t.breakpoints.md}),n=(0,A.W6)({freezeGifs:!1,miroId:e,strategy:A._S.Resample,width:t.breakpoints.lg}),i=(0,A.W6)({freezeGifs:!1,miroId:e,strategy:A._S.Resample,width:t.breakpoints.xl});return{xl:"url('".concat(i,"')"),lg:"url('".concat(i,"')"),md:"url('".concat(n,"')"),sm:"url('".concat(a,"')"),xs:"url('".concat(r,"')")}};function Y(e){var t=e.metadata,r=(0,b.I)();return o.createElement(G.Z,null,(function(e){return o.createElement("div",{className:r(X)},o.createElement(U,{backgroundImage:V(t.id,e),miroId:t.id,height:"60vh",width:"100%",minHeight:{xl:500,lg:400,md:400,sm:300,xs:300},imgHeight:500,imgWidth:2e3,focusPercent:null===t.focusPercentX||void 0===t.focusPercentX||null===t.focusPercentY||void 0===t.focusPercentY?void 0:[t.focusPercentX,t.focusPercentY]}))}))}var Q=r(54188),J=r(94124),K=r(30555),$=r(12532),ee=function(e){var t=e.highlights,r=e.isSequenceCover,c=void 0!==r&&r,l=e.marginTopOverride,u=e.paragraph,s=e.paragraphStyle,d=e.privateNotes,p=e.richTextStyle,g=e.sequenceAspectRatio,m=e.spaceTop,x=e.updateWatchedBounds,E=e.loading,v=void 0===E?J.K.LAZY:E,y=e.marginBottomOverride,S=(0,b.I)(),R=o.useRef(null),O=(0,H.CF)(u,s);return o.useEffect((function(){if(x){var e=u.name,t=u.metadata&&u.metadata.id;if(e&&t){var r="";R.current&&(r=R.current.offsetTop.toString()),x("".concat(e,"-").concat(t,"-").concat(r),R,{type:"image"})}}}),[]),o.useMemo((function(){var e=u.metadata,r=u.layout;if(!e)return null;var x,E=e.id,b=e.originalHeight,I=e.originalWidth,W=e.alt,C=(0,A.JI)(E),P="CARD"===p||"INLINE"===p,L=(0,$.jg)({layout:r,originalWidth:I||0,originalHeight:b||0,sequenceAspectRatio:g,richTextStyle:p}),N=L.width,M=L.height,B=L.strategy;if("OUTSET_ROW_CONTINUE"===r&&I&&b&&g){var H=I/b;x=q()(g/H,2)}var D,F=u.text?o.createElement(T,{ref:O,richTextStyle:p,textAlign:c?"left":"center",extendLeftRatio:x},d&&o.createElement(j.A,{paragraph:u,privateNotes:d}),o.createElement(h.T,{highlights:t,paragraph:u,paragraphStyle:s,richTextStyle:p})):null;if(c)D=o.createElement(Y,{metadata:{id:E,focusPercentX:e.focusPercentX,focusPercentY:e.focusPercentY}});else{var z={alt:W||"",miroId:E,height:M,width:N,rules:[{width:"100%",maxWidth:"100%",height:"auto"}],maxWidth:M?void 0:"100%",strategy:B,freezeGifs:"STREAM"===p||"RESAMPLE"!==B,focusPercentX:e.focusPercentX,focusPercentY:e.focusPercentY,expectedWidth:N,loading:v,webp:!0};if("FULL_WIDTH"===r)D=o.createElement(Q.G,(0,i.Z)({},z,{height:e.originalHeight||z.height,width:e.originalWidth||z.width}));else if("OUTSET_LEFT"===r||"INSET_LEFT"===r||"INSET_CENTER"===r&&I||"OUTSET_CENTER"===r&&I){var U=I&&(C?I/2:I);D=o.createElement(K.X1,{isLinked:!!u.href,width:z.width,height:z.height,originalHeight:e.originalHeight,originalWidth:e.originalWidth,paragraphRef:R},o.createElement("div",{className:S((function(e){return{marginLeft:"auto",marginRight:"auto",maxWidth:"OUTSET_CENTER"===r&&U&&U<e.maxWidths.outset?"".concat(e.maxWidths.outset,"px"):"".concat(U,"px")}}))},o.createElement(Q.G,(0,i.Z)({},z,{height:z.height||e.originalHeight||void 0,width:z.width||e.originalWidth||void 0}))))}else D=I&&"INSET_CENTER"!==r?o.createElement(K.X1,{isLinked:!!u.href,width:z.width,height:z.height,originalHeight:e.originalHeight,originalWidth:e.originalWidth,paragraphRef:R},o.createElement(Q.G,(0,i.Z)({},z,{height:e.originalHeight||z.height,width:e.originalWidth||z.width}))):o.createElement(f.x,{display:"flex",justifyContent:"center",alignItems:"flex-start",sm:{display:"block"}},o.createElement(K.X1,{isLinked:!!u.href,width:z.width,height:z.height,originalHeight:e.originalHeight,originalWidth:e.originalWidth,paragraphRef:R},o.createElement(Q.G,(0,i.Z)({},z,{width:void 0,maxWidth:"100%",strategy:A._S.Proxy}))));u.href&&(D=o.createElement("a",{href:u.href},D))}var G=[void 0===l?(0,_.qB)(m):(0,_.qB)(l)];if(y&&G.push((function(){return{marginBottom:(0,Z.mu)((function(e){var t=(0,n.Z)(e,1)[0];return"".concat(t,"px")}),y)}})),G.push({clear:"both"}),c)G.push((function(e){return(0,a.Z)({},w.lg(e),{paddingLeft:"0px",paddingRight:"0px"})}));else if(("OUTSET_ROW"===r||"OUTSET_ROW_CONTINUE"===r)&&I&&b&&g){var X=I/b,V=q()(X/g*100,2);G.push({width:"".concat(V,"%"),marginRight:"10px",paddingTop:"5px",paddingBottom:"5px",":last-of-type":{marginRight:0}})}else"OUTSET_LEFT"===r&&P?G.push({marginLeft:"auto",marginRight:"auto"}):"OUTSET_LEFT"!==r||P?"INSET_LEFT"===r?G.push({float:"left",width:"50%",paddingBottom:"10px",paddingRight:"30px",marginBottom:"16px"}):"FULL_WIDTH"===r?G.push({width:"100%"}):"INSET_CENTER"===r?G.push({marginLeft:"auto",marginRight:"auto"}):"OUTSET_CENTER"===r&&G.push({paddingTop:"5px",paddingBottom:"5px"}):G.push((function(e){var t;return t={background:e.backgroundColor,borderWidth:e.borderWidthThick+"px",borderStyle:e.borderStyle,borderColor:e.backgroundColor,float:"left",marginLeft:"-150px",marginRight:"30px",width:"75%",padding:"0",paddingBottom:"10px"},(0,a.Z)(t,w.lg(e),{float:"none",marginLeft:"0",marginRight:"0",width:"100%"}),(0,a.Z)(t,"marginBottom","16px"),t}));return o.createElement(k,{className:"".concat(S(G)," paragraph-image"),figCaption:F,figureRef:R},D)}),[JSON.stringify(u),JSON.stringify(d),JSON.stringify(t)])},te=o.memo(ee),re=r(64718),ae=r(78882),ne=r(75845),ie=r(83263),oe=function(){var e=(0,b.I)(),t=(0,ie.Q)(ne.j$),r="sm"===t||"xs"===t,a=ne.Yj[t],n=ne.sI[t];return o.createElement("div",{className:e((0,ne.F5)(r,t))},o.createElement(f.x,{padding:"24px"},o.createElement(f.x,{display:"flex",alignItems:"center"},o.createElement(f.x,{height:"20px",width:"20px",borderRadius:"50%",backgroundColor:"BASE_NORMAL"}),o.createElement(f.x,{padding:"0 8px",flexShrink:"0"},o.createElement(f.x,{height:"4px",width:"50px",backgroundColor:"BASE_NORMAL"}))),o.createElement(f.x,{marginTop:r?"16px":"24px",marginBottom:r?"16px":"24px",height:r?"20px":"48px"},o.createElement(f.x,{height:"20px",width:"120px",backgroundColor:"BASE_NORMAL"})),o.createElement(f.x,{display:"flex",alignItems:"center"},o.createElement(f.x,{flexShrink:"0"},o.createElement(f.x,{height:"40px",width:"100px",borderRadius:"20px",backgroundColor:"BASE_NORMAL"})))),o.createElement(ie.f,{coverHeight:a,coverWidth:n,catalogItems:[],isEmbeded:!0,breakpoints:ne.j$}))},ce=function(e){var t=e.catalog;return e.loading?o.createElement(oe,null):t?o.createElement(ne.Xv,{catalog:t}):null},le=r(27323),ue=r(52069),se=r(90586),de=r(87691),pe=function(e){return{boxShadow:"inset 0 0 0 1px ".concat(e.colorTokens.border.neutral.primary.base)}},he=function(e){var t=e.paragraph,r=e.processedStructuredMarkup,a=t.mixtapeMetadata;if(!a||!a.href)return null;var n=a.href,i=r.title,c=r.description,l=r.domain;return o.createElement(le.P,{href:n||"",target:"_blank"},o.createElement(f.x,{display:"flex",flexShrink:"0",padding:"0px"},o.createElement(f.x,{padding:"16px 20px",flexShrink:"1",flexGrow:"1",display:"flex",justifyContent:"center",flexDirection:"column",sm:{padding:"10px 12px 10px"}},o.createElement(ue.Dx,{scale:"XS",clamp:2},i),c&&o.createElement(f.x,{marginTop:"8px"},o.createElement(se.QE,{scale:"S",clamp:2},c)),l&&o.createElement(f.x,{marginTop:"12px"},o.createElement(de.F,{scale:"S",clamp:2},l))),a&&a.thumbnailImageId&&o.createElement(f.x,{width:"160px"},o.createElement(U,{boxShadowRules:pe,miroId:a.thumbnailImageId,width:160,height:167,strategy:A._S.Resample,focusPercent:[50,50],imgHeight:167,imgWidth:160}))))},ge=function(e){return{boxShadow:"inset 0 0 0 1px ".concat(e.colorTokens.border.neutral.primary.base)}},fe=function(e){var t,r,a,n,i,c=e.paragraph,l=e.spaceTop,u=e.structuredMarkup,s=(0,b.I)(),d=!(null===(t=c.mixtapeMetadata)||void 0===t||null===(r=t.mediaResource)||void 0===r||!r.mediumCatalog),p=(0,re.a)(ae.d,{variables:{catalogId:null===(a=c.mixtapeMetadata)||void 0===a||null===(n=a.mediaResource)||void 0===n||null===(i=n.mediumCatalog)||void 0===i?void 0:i.id},skip:!d}),h=p.loading,g=p.data,f=p.error,m=c.mixtapeMetadata,x=c.type;if(!m||!m.href||!x)return null;var E,v=u||function(e){var t=e.text,r=e.markups;if(!t)return null;var a=r.find((function(e){return"STRONG"===e.type}));if(!a)return null;var n=r.find((function(e){return"EM"===e.type})),i=a.end,o=n?n.end:a.end;return{title:t.slice(a.start,i).trim(),description:n?t.slice(n.start,n.end).trim():null,domain:t.slice(o).trim()||null}}(c),w=[(0,_.qB)(l)],y=!!f||g&&"Catalog"!==g.catalogById.__typename;if(d&&!y)E=o.createElement(ce,{catalog:null==g?void 0:g.catalogById,loading:h});else{if(!v)return null;w.push(ge),E=o.createElement(he,{paragraph:c,processedStructuredMarkup:v})}return o.createElement("div",{className:s(w)},E)},me=r(37269),xe=r(32342),Ee=r(39202);var ve=function(e){(0,s.Z)(n,e);var t,r,a=(t=n,r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,a=(0,p.Z)(t);if(r){var n=(0,p.Z)(this).constructor;e=Reflect.construct(a,arguments,n)}else e=a.apply(this,arguments);return(0,d.Z)(this,e)});function n(){return(0,l.Z)(this,n),a.apply(this,arguments)}return(0,u.Z)(n,[{key:"render",value:function(){var e,t=this.props,r=t.highlights,a=t.inserts,n=t.marginTopOverride,i=t.paragraph,l=t.paragraphStyle,u=t.privateNotes,s=t.richTextStyle,d=t.sequenceAspectRatio,p=t.spaceTop,h=t.loading,g=t.marginBottomOverride;switch(l){case xe.qq.IMG:e=o.createElement(c.u6.Consumer,null,(function(e){var t=e.updateWatchedBounds;return o.createElement(te,{highlights:r,marginTopOverride:n,paragraph:i,paragraphStyle:l,privateNotes:u,richTextStyle:s,sequenceAspectRatio:d,spaceTop:p,updateWatchedBounds:t,loading:h,marginBottomOverride:g})}));break;case xe.qq.P:case xe.qq.BQ:case xe.qq.PQ:case xe.qq.H1:case xe.qq.H2:case xe.qq.H3:case xe.qq.H4:case xe.qq.ULI:case xe.qq.OLI:case xe.qq.PRE:case xe.qq.Kicker:case xe.qq.Subtitle:case xe.qq.Title:e=o.createElement(me.D,{highlights:r,marginTopOverride:n,paragraph:i,paragraphStyle:l,privateNotes:u,richTextStyle:s,spaceTop:p,marginBottomOverride:g});break;case xe.qq.IFRAME:e=o.createElement(c.u6.Consumer,null,(function(e){var t=e.updateWatchedBounds;return o.createElement(M,{paragraph:i,paragraphStyle:l,richTextStyle:s,spaceTop:p,updateWatchedBounds:t})}));break;case xe.qq.MIXTAPE_EMBED:e=o.createElement(fe,{paragraph:i,spaceTop:p});break;case xe.qq.COVER_TITLE:case xe.qq.SECTION_CAPTION:case xe.qq.HR:e=null;break;default:(0,Ee.vE)(l),e=null}return a&&a.length?o.createElement(o.Fragment,null,a.map((function(e){return"before"===e.order&&e.component})),e,a.map((function(e){return"after"===e.order&&e.component}))):e}}]),n}(o.Component),be=r(21638);function we(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function ye(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?we(Object(r),!0).forEach((function(t){(0,a.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):we(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Se=function(e){var t=e.styleGroup,r=e.postBodyInserts,a=e.loading,n=(0,b.I)(),l=Ie(t),u=t.paragraphViewModels.map((function(e){var t=e.paragraph.name,n=r&&r[null!=t?t:""],l=o.createElement(ve,(0,i.Z)({key:e.paragraph.name,inserts:n,loading:a},e));return"Title"===e.paragraphStyle||"Subtitle"===e.paragraphStyle?o.createElement(c.TA,{name:"title",type:"byline",offset:{left:-600},key:"".concat(e.paragraph.name,"-wb")},l):l}));return l?o.createElement(l,{className:n([Oe({paragraphStyle:t.paragraphStyle,topSpacing:t.topSpacing,paragraphLayout:t.paragraphLayout,richTextStyle:t.paragraphViewModels[0].richTextStyle,paragraph:t.paragraphViewModels[0].paragraph})])},u):o.createElement(o.Fragment,null,u)},Te=o.memo(Se),ke=function(e){var t=[];return e.forEach((function(e){var r=e.paragraphStyle,a=e.paragraph.layout,n=t[t.length-1];n&&Re(n,e)?n.paragraphViewModels.push(e):t.push({paragraphStyle:r,paragraphLayout:a,topSpacing:e.sequenceSpaceTop||0,paragraphViewModels:[e]})})),t},Re=function(e,t){if(e.paragraphStyle!==t.paragraphStyle)return!1;if("PRE"===e.paragraphStyle){var r,a=!(null===(r=e.paragraphViewModels[0].paragraph)||void 0===r||!r.codeBlockMetadata);return!t.paragraph.codeBlockMetadata&&!a}var n=t.paragraph.layout;return"OUTSET_ROW"===e.paragraphLayout?"OUTSET_ROW_CONTINUE"===n:e.paragraphLayout===n},Oe=function(e){var t=e.paragraphStyle,r=e.topSpacing,a=e.paragraphLayout,i=e.richTextStyle,o=e.paragraph;return function(e){var c={};switch(r&&(c.marginTop=(0,Z.mu)((function(e){var t=(0,n.Z)(e,1)[0];return"".concat(t,"px")}),r)),t){case"BQ":var l=e.colorTokens.border.neutral.secondary.base||"";return ye(ye({},c),{},{boxShadow:"inset ".concat(3,"px 0 0 0 ").concat(l),paddingLeft:"".concat(23,"px"),marginLeft:(0,xe.jH)(i)?"0px":"-20px"});case"PRE":var u=null==o?void 0:o.codeBlockMetadata,s=ye(ye({},c),{},{overflowX:"auto",fontFamily:be.zf}),d={padding:"32px",borderRadius:"4px",border:"".concat(e.borderWidth,"px solid ").concat(e.colorTokens.border.neutral.tertiary.base),background:e.colorTokens.background.neutral.tertiary.base,color:e.colorTokens.foreground.neutral.primary.base},p={padding:"20px",borderRadius:0,border:"none",background:e.colorTokens.background.neutral.secondary.base,color:e.colorTokens.foreground.neutral.primary.base};return ye(ye({},s),u?d:p);case"PQ":return ye(ye({},c),{},{paddingLeft:"SERIES"===i?"0px":"30px"})}return"OUTSET_ROW"===a?ye(ye({},c),{},{display:"flex",flexDirection:"row"}):c}},Ie=function(e){var t=e.paragraphStyle,r=e.paragraphLayout;switch(t){case"OLI":return"ol";case"ULI":return"ul";case"BQ":case"PQ":return"blockquote";case"PRE":return"pre"}return"OUTSET_ROW"===r?"div":null}},60748:(e,t,r)=>{"use strict";function a(e){e&&e.iframe&&e.height&&e.iframe.getAttribute&&"number"==typeof e.height&&o({context:"iframe.resize",height:e.height,src:e.iframe.getAttribute("src")||""})}function n(e){if(e.data&&"string"==typeof e.data){var t;try{t=JSON.parse(e.data)}catch(e){return}o(t,e.source)}}r.d(t,{x:()=>c});var i=[];function o(e,t){i.forEach((function(r){return r(e,t)}))}function c(e){return window._resizeIframe||(window._resizeIframe=a,window.addEventListener("message",n)),i.push(e),{destructor:function(){0===(i=i.filter((function(t){return e!==t}))).length&&"undefined"!=typeof window&&(window._resizeIframe=null,window.removeEventListener("message",n))}}}},54188:(e,t,r)=>{"use strict";r.d(t,{G:()=>h});var a=r(87329),n=r(96156),i=r(34699),o=r(67294),c=r(94124),l=r(30555),u=r(46696),s=r(12532);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var h=function(e){var t=e.alt,r=e.rules,n=e.miroId,d=e.width,h=e.maxWidth,g=e.expectedWidth,f=e.height,m=e.strategy,x=e.freezeGifs,E=e.focusPercentX,v=e.focusPercentY,b=e.loading,w=e.webp,y=void 0!==w&&w,S=(0,l.BO)(),T=(0,o.useState)(!1),k=(0,i.Z)(T,2),R=k[0],O=k[1],I=y&&!R,W={miroId:n,width:d,height:f,strategy:m,freezeGifs:x,focusPercentX:E,focusPercentY:v},C=(0,u.W6)(W),P=g===s.Hj||S?"100vw":"".concat(g,"px"),L=(0,o.useMemo)((function(){var e=[320,360,375,393,414,550];g&&e.push(g),S&&e.push(s.Hj);var t=e.map((function(e){var t=2*e,r=(0,u.W6)(p(p({},W),{},{width:t,ignorePixelRatio:!0}));return"".concat(r," ").concat(t,"w")})),r=e.map((function(e){var t=2*e,r=(0,u.W6)(p(p({},W),{},{ignorePixelRatio:!0,width:t,webp:!0}));return"".concat(r," ").concat(t,"w")})),n=(0,a.Z)(t).join(", "),i=(0,a.Z)(r).join(", ");return{sizes:"(min-resolution: 4dppx) and (max-width: ".concat(s.aM,"px) 50vw,\n                   (-webkit-min-device-pixel-ratio: 4) and (max-width: ").concat(s.aM,"px) 50vw, \n                   (min-resolution: 3dppx) and (max-width: ").concat(s.aM,"px) 67vw,\n                   (-webkit-min-device-pixel-ratio: 3) and (max-width: ").concat(s.aM,"px) 65vw, \n                   (min-resolution: 2.5dppx) and (max-width: ").concat(s.aM,"px) 80vw,\n                   (-webkit-min-device-pixel-ratio: 2.5) and (max-width: ").concat(s.aM,"px) 80vw,\n                   (min-resolution: 2dppx) and (max-width: ").concat(s.aM,"px) 100vw,\n                   (-webkit-min-device-pixel-ratio: 2) and (max-width: ").concat(s.aM,"px) 100vw,\n                   ").concat(P).replace(/\s+/g," "),srcSet:n,transcodedSrcSet:i}}),[S,g,s.aM,W,2]),_=L.sizes,N=L.srcSet,M=L.transcodedSrcSet,B=[],q={};return h&&(q.maxWidth=h,B=B.concat([q])),r&&(B=B.concat(r).concat((function(e){return{backgroundColor:e.backgroundColor}}))),o.createElement("picture",null,I&&o.createElement("source",{srcSet:M,sizes:_,type:"image/webp"}),o.createElement("source",{"data-testid":"og",srcSet:N,sizes:_}),o.createElement(c.E,{imgRef:function(e){return function(t){t&&!t.src&&(t.src=e)}}(C),alt:t,rules:B,width:g,height:f,loading:b,handleError:function(){return O(!0)}}))}},30555:(e,t,r)=>{"use strict";r.d(t,{BO:()=>v,X1:()=>b});var a=r(34699),n=r(96156),i=r(67294),o=r(91583),c=r(18627),l=r(14646),u=r(34135),s=r(37734),d=r(77241),p=r(21021);function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=(0,n.Z)({},(0,s.nk)("no-preference"),{transition:"transform 300ms cubic-bezier(0.2, 0, 0.2, 1)"}),m=function(e,t,r,a,n,i){var o=n*i,c=a*i,l=(e-c)/2,u=((t-o)/2-(r.left+(n-o)/2))/i,s=(l-(r.top+(a-c)/2))/i;return g(g({},f),{},{zIndex:d.ZP.floating,transform:"scale(".concat(i,") translate(").concat(u,"px, ").concat(s,"px)"),position:"absolute",cursor:"zoom-out",height:"".concat(a,"px"),width:"".concat(n,"px")})},x=function(e,t,r,a,n,i,o){if(!(n&&o&&i&&e))return{};var c=Math.min(Math.min(t,a||1/0)/o,Math.min(e,r||1/0)/i);return c<1?m(e,t,n,n.height,n.width,Math.min(t/n.width,e/n.height)):m(e,t,n,i,o,c)},E=(0,i.createContext)(!1),v=function(){return(0,i.useContext)(E)},b=function(e){var t=e.children,r=e.height,a=e.width,n=e.originalHeight,o=e.originalWidth,c=e.paragraphRef;return e.isLinked||!n||!o||!r||r===n&&a===o?t:i.createElement(w,{originalHeight:n,originalWidth:o,height:r,width:a,paragraphRef:c},t)},w=function(e){var t=e.children,r=e.originalHeight,n=e.originalWidth,s=e.height,h=e.width,m=e.paragraphRef,v=(0,i.useState)(null),b=(0,a.Z)(v,2),w=b[0],y=b[1],S=(0,i.useState)(0),T=(0,a.Z)(S,2),k=T[0],R=T[1],O=(0,i.useState)(0),I=(0,a.Z)(O,2),W=I[0],C=I[1],P=(0,l.I)(),L=(0,c.A)(),_=m&&m.current&&m.current.getBoundingClientRect(),N=(0,i.useRef)(null),M=(0,i.useCallback)((function(){L.event("client.action",{action:"zoom",eventType:"click"})}),[]),B=(0,i.useCallback)((function(){N.current&&N.current.focus(),y(!1)}),[null==N?void 0:N.current,y]);!function(e,t){var r=(0,i.useRef)(0),a=(0,i.useRef)(1),n=(0,i.useCallback)((function(){var e=window.visualViewport.scale;e===a.current&&Math.abs(r.current-window.scrollY)>40&&t(),a.current=e}),[t]);(0,i.useEffect)((function(){if(e)return r.current=window.scrollY,a.current=window.visualViewport.scale,u.V6.on("scroll",n),function(){u.V6.off("scroll",n)}}),[n,e])}(!!w,B);var q=(0,i.useCallback)((function(){R(window.innerHeight),C(window.innerWidth)}),[R,C]);(0,i.useEffect)((function(){return R(window.innerHeight),C(window.innerWidth),u.V6.on("resize",q),function(){u.V6.off("resize",q)}}),[R,C,q]);var H,j=(0,p.r)((function(){w?B():(M(),y(!0))}),[M,y,w,B]);return i.createElement(i.Fragment,null,i.createElement(E.Provider,{value:w},i.createElement("div",{onClick:j,onKeyDown:j,role:"button",tabIndex:0,ref:N,className:P(w?x(k,W,r,n,_,s,h):(H=w,g(g({},f),{},{cursor:"zoom-in",position:"relative",zIndex:null===H?"auto":d.ZP.floating,width:"100%",":focus":{transform:"scale(1.01)"}}))),onTransitionEnd:function(){w||y(null)}},t),i.createElement(o.V,{shouldTrapFocus:!1,padding:0,withPageScroll:!0,isVisible:!!w,hide:B,withCloseButton:!1},i.createElement(i.Fragment,null))))}},21021:(e,t,r)=>{"use strict";r.d(t,{r:()=>n});var a=r(67294),n=function(e,t){return a.useCallback((function(t){"key"in t&&"Enter"!==t.key&&" "!==t.key||("key"in t&&" "===t.key&&t.preventDefault(),e(t))}),t)}},12532:(e,t,r)=>{"use strict";r.d(t,{Hj:()=>n,aM:()=>o,jg:()=>c});var a=r(46696),n=2400,i=1e3,o=700,c=function(e){var t=e.layout,r=e.originalWidth,c=e.originalHeight,l=e.sequenceAspectRatio,u=e.richTextStyle,s=a._S.Resample,d=c&&r?c/r:null,p=r;switch(t){case"CROPPED_HEIGHT_PREVIEW":p=o,d=.3,s=a._S.Crop;break;case"CONSTRAINED_HEIGHT_PREVIEW":p=o,d&&240/d<p&&(p=240/d);break;case"INSET_LEFT":case"INSET_CENTER_SMALL":case"INSET_RIGHT":p=350;break;case"OUTSET_LEFT":p="CARD"===u?i:500;break;case"OUTSET_ROW":case"OUTSET_ROW_CONTINUE":p=i,l&&d&&(p*=1/d/l);break;case"OUTSET_CENTER":p=i;break;case"FULL_WIDTH":case"FULL_WIDTH_CROPPED_COVER":p=n;break;default:p=o}return r&&(p=Math.min(p,r)),{width:p=Math.ceil(p),height:d?Math.ceil(d*p):void 0,strategy:s}}}}]);
//# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/8883.c8b03d13.chunk.js.map