(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8840],{85128:function(e,t,n){"use strict";var l,a=n(67294);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;tt.indexOf(l)&&(n[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var a=0,l=Object.getOwnPropertySymbols(e);at.indexOf(l[a])&&Object.prototype.propertyIsEnumerable.call(e,l[a])&&(n[l[a]]=e[l[a]]);return n},h={topLeft:"top-start",topCenter:"top-center",topRight:"top-end",bottomLeft:"bottom-start",bottomCenter:"bottom-center",bottomRight:"bottom-end",leftTop:"left-start",leftCenter:"left-center",leftBottom:"left-end",rightTop:"right-start",rightCenter:"right-center",rightBottom:"right-end"},x=m.iH.small.fontSize*m.iH.small.lineHeight,f=u.Z.div(_templateObject(),(0,i.Rv)("background"),(0,i.Rv)("body"),(0,i.H5)("large"),(0,i.On)("bold"),(0,i.y3)("small"),(0,i.Xj)("medium"),function(e){return(0,i.ap)("max-width",e.maxWidth)},(0,i.u)((4-x)/2),(0,i.u)(1.5),function(e){return e.zIndex}),p=u.Z.div(_templateObject1(),(0,i.Rv)("backgroundActive"),(0,i.Rv)("grey3"),(0,i.On)("bold"),(0,i.y3)("small"),(0,i.u)(.5),(0,i.u)(.5)),ShortcutBox=function(e){var t=e.children;return r.createElement(p,null,t)},TooltipBox=function(e){var t=e.children,n=e.maxWidth,l=e.onMouseEnter,a=e.onMouseLeave,o=e.layerProps,s=e.zIndex,i=__rest(e,["children","maxWidth","onMouseEnter","onMouseLeave","layerProps","zIndex"]);return r.createElement(f,Object.assign({"data-lens-theme":"dark",maxWidth:n,onMouseEnter:l,onMouseLeave:a,zIndex:s},o,i),t)},g=u.Z.div(_templateObject2(),function(e){return e.isInline?"inline-block":"block"},function(e){return e.verticalAlign&&"vertical-align: ".concat(e.verticalAlign)});Object.keys(h),t.ZP=function(e){var t=e.children,n=e.content,a=e.shortcut,i=e.placement,u=e.keepOpen,m=e.triggerOffset,x=e.maxWidth,f=e.isInline,p=e.isDisabled,v=e.container,b=e.tabIndex,y=e.zIndex,j=e.verticalAlign,_=e.delay,w=__rest(e,["children","content","shortcut","placement","keepOpen","triggerOffset","maxWidth","isInline","isDisabled","container","tabIndex","zIndex","verticalAlign","delay"]),N=(0,l._)((0,c.XI)({delayEnter:function(e){switch(e){case"immediate":default:return 200;case"long":return 800}}(void 0===_?"immediate":_),delayLeave:200}),2),k=N[0],O=N[1],P=(0,l._)((0,r.useState)(!1),2),L=P[0],B=P[1],E=(0,l._)((0,r.useState)(!1),2),S=E[0],C=E[1],Z=(0,r.useRef)(),I=!n||p;(0,r.useEffect)(function(){if(I){C(!1);return}var e=L&&u;(k||e)&&C(!0),k||e||C(!1)},[n,p,L,I,u,C,k]);var handleBlur=function(){C(!1)};(0,r.useEffect)(function(){if(S){var keyListener=function(e){"Escape"===e.key&&(e.preventDefault(),handleBlur())};return window.addEventListener("keydown",keyListener),function(){window.removeEventListener("keydown",keyListener)}}},[S,C]);var A=(0,c.sJ)({isOpen:S,placement:h[void 0===i?"topCenter":i],ResizeObserver:d.Z,triggerOffset:void 0===m?4:m,container:v,auto:!0}),R=A.layerProps,T=A.triggerProps,z=A.renderLayer;return r.createElement(r.Fragment,null,r.createElement(g,Object.assign({},T,O,{onFocus:function(){I||C(!0)},onBlur:handleBlur,isInline:void 0===f||f,verticalAlign:void 0===j?"middle":j,tabIndex:I?-1:void 0===b?0:b,ref:(0,c.lq)(T.ref,Z)}),t),S&&z(r.createElement("div",Object.assign({},R,{style:Object.assign(Object.assign({},R.style),{zIndex:void 0===y?1100:y})}),r.createElement(TooltipBox,Object.assign({maxWidth:void 0===x?26:x,onMouseEnter:function(){return B(!0)},onMouseLeave:function(){return B(!1)}},w),r.createElement(o.Z,{gap:"small"},r.createElement(s.ZP,{size:"small",fontWeight:"bold"},n),a&&r.createElement(o.Z,{gap:"xsmall"},a.map(function(e,t){return r.createElement(ShortcutBox,{key:t},e)})))))))}},27403:function(e,t,n){"use strict";n.d(t,{Z:function(){return AspectRatio}});var l=n(24043),a=n(85893),r=n(93967),o=n.n(r);function AspectRatio(e){var t=e.children,n=e.className,r=e.ratio,s=e.as,i=(0,l._)(r.split(":"),2),c=i[0],d=parseInt(i[1],10)/parseInt(c,10);return(0,a.jsx)(void 0===s?"div":s,{className:o()("h-auto",n),children:(0,a.jsx)("div",{className:"relative w-full",style:{paddingBottom:"calc(100% * ".concat(d,")")},children:(0,a.jsx)("div",{className:"h-full left-0 right-0 absolute w-full",children:t})})})}},7482:function(e,t,n){"use strict";n.d(t,{Z:function(){return BlogAvatar}});var l=n(85893),a=n(85729),r=n(65970);function BlogAvatar(e){var t=e.src,n=e.name,o=e.title,s=e.slug;return(0,l.jsxs)(r.Z,{className:"thd-focus-thick thd-focus-thick-current-color rounded-sm inline-flex items-center",href:"/blog/authors/".concat(s),children:[(0,l.jsx)(a.Z,{alt:"",className:"hidden md:block rounded-full mr-8 object-cover flex-shrink-0 h-48 w-48",decoding:"async",height:"48",layout:"fixed-width",loading:"lazy",src:t,width:"48"}),(0,l.jsxs)("div",{className:"max-w-xs",children:[(0,l.jsx)("p",{className:"lm-blog-headline-xxs hover:underline",children:n}),(0,l.jsx)("p",{className:"lm-blog-headline-xxs-alt text-black",children:o})]})]})}},66017:function(e,t,n){"use strict";n.d(t,{Z:function(){return BlogPostCard}});var l=n(85893),a=n(93967),r=n.n(a),o=n(41664),s=n.n(o),i=n(27403),c=n(7482),d=n(85729),u=n(88148),m=n.n(u);function BlogPostCard(e){var t=e.className,n=e.postSlug,a=e.heroGraphic,o=e.postTitle,u=e.authorAvatar,h=e.authorName,x=e.authorTitle,f=e.authorSlug,p=e.isAllArticlesPage;return(0,l.jsxs)("div",{className:t,children:[(0,l.jsxs)(s(),{href:"/blog/".concat(n),className:"block mb-16",children:[a&&p?(0,l.jsx)(i.Z,{className:r()(m().image,"w-full mb-16 md:mb-24 hidden md:block"),ratio:"4:5",children:(0,l.jsx)(d.Z,{alt:"",className:"object-contain w-full h-full",src:a})}):null,(0,l.jsx)("p",{className:"lm-blog-headline-md",children:o})]}),(0,l.jsx)(c.Z,{name:h,slug:f,src:u,title:x})]})}},68197:function(e,t,n){"use strict";n.d(t,{Z:function(){return LoomButton}});var l=n(72253),a=n(14932),r=n(47702),o=n(24043),s=n(85893),i=n(83580),c=n(33238),d=n(84224),u=n(93967),m=n.n(u),h=n(5152),x=n.n(h),f=n(67294),p=n(93341),g=n.n(p),v={primary:g().variantPrimary,secondary:g().variantSecondary,play:g().variantPlay,playPrimary:g().variantPlayPrimary,text:g().variantText},b={purple:g().stylePurple,ghost:g().styleGhost,mute:g().styleMute,tealDark:g().styleTealDark},y=x()(function(){return Promise.all([n.e(5866),n.e(492)]).then(n.bind(n,30492))},{loadableGenerated:{webpack:function(){return[30492]}}});function LoomButton(e){var t=e.loom,n=e.style,i=e.className,c=e.variant,d=e.children,u=e.arrow,h=(0,r._)(e,["loom","style","className","variant","children","arrow"]),x=h.href?"a":"button",p=(0,o._)((0,f.useState)(!1),2),g=p[0],j=p[1];return(0,s.jsxs)("div",{children:[(0,s.jsxs)(x,(0,a._)((0,l._)({},h),{className:m()(v[c],b[n],i),onClick:function(e){var t;j(!0),null===(t=h.onClick)||void 0===t||t.call(h,e)},type:h.href?"a":"button",children:["play"===c&&(0,s.jsx)(PlayIcon,{className:"mr-4"}),"playPrimary"===c&&(0,s.jsx)(PlayIcon,{className:"mr-4"}),d,"primary"===c&&(void 0===u?"primary"===c:u)&&(0,s.jsx)(PrimaryIcon,{className:"ml-10"})]})),g&&(0,s.jsx)(y,{loomURL:t,onClose:function(){return j(!1)}})]})}function PlayIcon(e){return(0,s.jsx)("span",(0,a._)((0,l._)({},e),{children:(0,s.jsx)(d.Z,{color:"currentColor",icon:(0,s.jsx)(c.Z,{})})}))}function PrimaryIcon(e){return(0,s.jsx)("span",(0,a._)((0,l._)({},e),{children:(0,s.jsx)(d.Z,{color:"currentColor",icon:(0,s.jsx)(i.Z,{})})}))}},81989:function(e,t,n){"use strict";n.d(t,{a:function(){return LoadingScreen}});var l=n(85893),a=n(38030),r=n(87322);function LoadingScreen(){return(0,l.jsx)(r.Z,{footerOff:!0,headerOff:!0,name:"Loading",preview:!1,children:(0,l.jsx)("div",{className:"flex items-center justify-center py-180 md:py-96",children:(0,l.jsx)(a.Z,{size:"large"})})})}},27208:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return A},default:function(){return BlogPost}});var l,a,r,o,s=n(75766),i=n(24043),c=n(85893),d=n(86437),u=n(24918),m=n(93967),h=n.n(m),x=n(5152),f=n.n(x),p=n(11163),g=n(67294),v=n(7482),b=n(6710),y=n(27320),j=n(66017),_=n(68197),w=n(85729),N=n(81989),k=n(2031),O=n(16544),P=n(65970);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t