"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6220],{93829:function(e,t,r){r.d(t,{T:function(){return v}});var a=r(67294),o=r(36834),n=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,a=Object.getOwnPropertySymbols(e);o<a.length;o++)0>t.indexOf(a[o])&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]]);return r},l=e=>{var{size:t=24,color:r=o.SQ,activeColor:l=o.SK,isActive:i}=e,s=n(e,["size","color","activeColor","isActive"]);return a.createElement("svg",Object.assign({width:t,height:t,fill:"none",viewBox:"0 0 24 24"},s),i?a.createElement("path",{fill:l,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6z"}):a.createElement("path",{fill:r,d:"M6 2c-1.156 0-2 .965-2 2v18.04l8-2.974 8 2.973V4c0-.523-.191-1.055-.566-1.43-.38-.379-.91-.57-1.434-.57H6zm0 2h12v15.16l-6-2.226-6 2.226V4z"}))},i=r(51698),s=r(81566),c=r(17679),m=r(10917),p={expertName:"PiqKaXk",anchor:"HgbW6-m",card:"_6lkfLYy",author:"j7c-onH"};let d=({avatarImg:e,authorName:t,authorLink:r,uploadTime:o,size:n})=>a.createElement("div",{className:p.author},a.createElement("div",{className:"author"},a.createElement("div",{className:"avatar","data-size":n},e),a.createElement("div",{className:"poster","data-is-disabled-url":!r},a.createElement(s.T,{size:"lg"===n?"p3":"p4"},a.createElement("a",{href:r},a.createElement("span",{className:"name"},t),"•"," "),a.createElement("span",null,o))))),u=({isMobile:e,avatarImg:t,name:r,link:o,size:n="lg",specialty:l})=>a.createElement("div",{className:p.author},a.createElement("div",{className:"author"},a.createElement("div",{className:"expert-avatar","data-size":n},t),a.createElement("div",{className:"expert","data-is-disabled-url":!o},e?a.createElement("a",{href:o},"lg"===n?a.createElement(a.Fragment,null,a.createElement(c.H,{tag:"h6",className:"expert__name",color:m.r.colors.gray600},r),a.createElement(s.T,{color:m.r.colors.gray500,size:"p3",className:"specialty"},l)):a.createElement(a.Fragment,null,a.createElement(c.H,{tag:"h6",className:"expert__name",color:m.r.colors.gray600},r))):a.createElement("a",{href:o},"lg"===n?a.createElement(a.Fragment,null,a.createElement(c.H,{tag:"h6",className:"expert__name",color:m.r.colors.gray600},r),a.createElement(s.T,{color:m.r.colors.gray500,size:"p3",className:"specialty"},l)):a.createElement(a.Fragment,null,a.createElement("h6",{color:m.r.colors.gray600,className:`${p.expertName} expert__name`},r),a.createElement(s.T,{color:m.r.colors.gray500,size:"p4",className:"specialty"},l)))))),f=(0,a.memo)(()=>a.createElement("div",{className:"shoppable"},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),a.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),v=({articleLink:e,authorLink:t,authorName:r,avatarImg:o,banner:n,categoryLink:m,categoryName:v,className:h,dataEventActionForBanner:g,dataEventActionForBookmark:b,dataEventActionForCategory:y,dataEventActionForTitle:E,dataEventCategoryForBanner:w,dataEventCategoryForBookmark:O,dataEventCategoryForCategory:k,dataEventCategoryForTitle:N,dataEventLabelForBanner:P,dataEventLabelForBookmark:x,dataEventLabelForCategory:C,dataEventLabelForTitle:j,direction:z="horizontal",hasAffiliate:F,isBookmark:M=!1,isBookmarkDisplayed:S=!0,isMobile:T=!0,onBookmark:D,onClickCategoryName:I,section:_="normal",size:H="md",specialty:B,style:R,styleBanner:L,styleLabel:A,styleTitle:Y,text:Z,title:$,type:K="author",uploadTime:V,articleLinkTarget:q,isPremium:G,headingAs:Q})=>{let X=e=>{e.stopPropagation(),null==D||D()},U="lg"===H&&"expert"===K?"h4":"lg"===H&&"home"===_?T?"h4":"h3":"lg"===H?"h4":"h5",W="lg"===H?"p3":"p4",J=T||"home"!==_||"lg"!==H||"author"!==K?"c2":"c1";return a.createElement("article",{className:`${p.card} ${h||""}`,"data-size":H,style:R,"data-direction":z,"data-is-expert":"expert"===K||void 0},a.createElement("div",{className:"banner",style:L},a.createElement("a",{className:p.anchor,"data-event-category":w,"data-event-action":g,"data-event-label":P,href:e||"#",target:q},n),G&&a.createElement("img",{loading:"lazy",className:"premium",src:i.C.getAssetPath("premium-crown.svg")}),F&&a.createElement(f,null)),a.createElement("div",{className:"content"},a.createElement("div",{className:"inner-content"},a.createElement(s.T,{style:A,className:"label",size:J,weight:"caption"},a.createElement("a",{className:p.anchor,"data-event-category":k,"data-event-action":y,"data-event-label":C,href:m||"#",onClick:I},v),S&&a.createElement("a",{className:"bookmark",onClick:X},M?a.createElement(l,{size:18,isActive:!0,"data-event-category":O,"data-event-action":b,"data-event-label":x,activeColor:"#2ED69E"}):a.createElement(l,{size:18,"data-event-category":O,"data-event-action":b,"data-event-label":x}))),a.createElement(c.H,{tag:U,style:Y,className:"title",as:Q||("lg"===H?"h2":"h3")},a.createElement("a",{className:p.anchor,"data-event-category":N,"data-event-action":E,"data-event-label":j,href:e||"#",target:q},$)),Z&&a.createElement("a",{href:e||"#",target:q},a.createElement(s.T,{size:W,className:"text"},Z))),a.createElement("div",{className:"footer"},"author"===K?a.createElement(d,{size:H,avatarImg:o,authorName:r,authorLink:t,uploadTime:V,handleClick:X,isBookmarked:M,dataEventCategoryForBookmark:O,dataEventActionForBookmark:b,dataEventLabelForBookmark:x}):a.createElement(u,{size:H,isMobile:T,avatarImg:o,specialty:B,name:r,link:t,handleClick:X,isBookmarked:M,dataEventCategoryForBookmark:O,dataEventActionForBookmark:b,dataEventLabelForBookmark:x}))))}},38623:function(e,t,r){r.d(t,{O:function(){return j}});var a=r(67294),o=r(64761),n=r(70917),l=r(56817),i=r(96768),s=Object.defineProperty,c=Object.defineProperties,m=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&f(e,r,t[r]);if(p)for(var r of p(t))u.call(t,r)&&f(e,r,t[r]);return e},h=(e,t)=>c(e,m(t));let g=(0,n.F4)({"from, to":{opacity:.4},"50%":{opacity:1}});var b=(0,l.k)((e,{height:t,width:r,radius:a,circle:o,animate:n})=>({root:{height:(0,i.h)(t),width:o?(0,i.h)(t):(0,i.h)(r),borderRadius:o?(0,i.h)(t):e.fn.radius(a),position:"relative",WebkitTransform:"translateZ(0)"},visible:{overflow:"hidden","&::before":h(v({},e.fn.cover(0)),{content:'""',background:"dark"===e.colorScheme?e.colors.dark[7]:e.white,zIndex:10}),"&::after":h(v({},e.fn.cover(0)),{content:'""',background:"dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3],animation:n?`${g} 1500ms linear infinite`:"none",zIndex:11})}})),y=r(64523),E=Object.defineProperty,w=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,N=(e,t,r)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,P=(e,t)=>{for(var r in t||(t={}))O.call(t,r)&&N(e,r,t[r]);if(w)for(var r of w(t))k.call(t,r)&&N(e,r,t[r]);return e},x=(e,t)=>{var r={};for(var a in e)O.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&w)for(var a of w(e))0>t.indexOf(a)&&k.call(e,a)&&(r[a]=e[a]);return r};let C={height:"auto",width:"100%",visible:!0,animate:!0},j=(0,a.forwardRef)((e,t)=>{let r=(0,o.N4)("Skeleton",C,e),{height:n,width:l,visible:i,animate:s,className:c,circle:m,radius:p,unstyled:d,variant:u}=r,f=x(r,["height","width","visible","animate","className","circle","radius","unstyled","variant"]),{classes:v,cx:h}=b({height:n,width:l,circle:m,radius:p,animate:s},{name:"Skeleton",unstyled:d,variant:u});return a.createElement(y.x,P({className:h(v.root,{[v.visible]:i},c),ref:t},f))});j.displayName="@mantine/core/Skeleton"},88393:function(e,t,r){r.d(t,{u:function(){return ei}});var a=r(67294),o=r(24241),n=r(80665),l=r(3594),i=r(64761),s=r(94993);let c=(0,a.createContext)(!1),m=c.Provider,p=()=>(0,a.useContext)(c);function d({children:e,openDelay:t=0,closeDelay:r=0}){return a.createElement(m,{value:!0},a.createElement(s.e0,{delay:{open:t,close:r}},e))}d.displayName="@mantine/core/TooltipGroup";var u=r(56817),f=Object.defineProperty,v=Object.defineProperties,h=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,w=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&E(e,r,t[r]);if(g)for(var r of g(t))y.call(t,r)&&E(e,r,t[r]);return e},O=(e,t)=>v(e,h(t)),k=(0,u.k)((e,{color:t,radius:r,width:a,multiline:o})=>({tooltip:O(w(w({},e.fn.fontStyles()),function(e,t){if(!t)return{backgroundColor:"dark"===e.colorScheme?e.colors.gray[2]:e.colors.gray[9],color:"dark"===e.colorScheme?e.black:e.white};let r=e.fn.variant({variant:"filled",color:t,primaryFallback:!1});return{backgroundColor:r.background,color:r.color}}(e,t)),{lineHeight:e.lineHeight,fontSize:e.fontSizes.sm,borderRadius:e.fn.radius(r),padding:`calc(${e.spacing.xs} / 2) ${e.spacing.xs}`,position:"absolute",whiteSpace:o?"unset":"nowrap",pointerEvents:"none",width:a}),arrow:{backgroundColor:"inherit",border:0,zIndex:1}}));let N={children:"Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"};var P=r(66037),x=r(37317),C=r(83143),j=r(64523),z=Object.defineProperty,F=Object.defineProperties,M=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,I=(e,t,r)=>t in e?z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))T.call(t,r)&&I(e,r,t[r]);if(S)for(var r of S(t))D.call(t,r)&&I(e,r,t[r]);return e},H=(e,t)=>F(e,M(t)),B=(e,t)=>{var r={};for(var a in e)T.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&S)for(var a of S(e))0>t.indexOf(a)&&D.call(e,a)&&(r[a]=e[a]);return r};let R={refProp:"ref",withinPortal:!0,offset:10,position:"right",zIndex:(0,l.w)("popover")};function L(e){var t;let r=(0,i.N4)("TooltipFloating",R,e),{children:l,refProp:c,withinPortal:m,portalProps:p,style:d,className:u,classNames:f,styles:v,unstyled:h,radius:g,color:b,label:y,offset:E,position:w,multiline:O,width:z,zIndex:F,disabled:M,variant:S}=r,T=B(r,["children","refProp","withinPortal","portalProps","style","className","classNames","styles","unstyled","radius","color","label","offset","position","multiline","width","zIndex","disabled","variant"]),{handleMouseMove:D,x:I,y:L,opened:A,boundaryRef:Y,floating:Z,setOpened:$}=function({offset:e,position:t}){let[r,o]=(0,a.useState)(!1),n=(0,a.useRef)(),{x:l,y:i,reference:c,floating:m,refs:p,update:d,placement:u}=(0,s.YF)({placement:t,middleware:[(0,P.uY)({crossAxis:!0,padding:5,rootBoundary:"document"})]}),f=u.includes("right")?e:t.includes("left")?-1*e:0,v=u.includes("bottom")?e:t.includes("top")?-1*e:0,h=(0,a.useCallback)(({clientX:e,clientY:t})=>{c({getBoundingClientRect:()=>({width:0,height:0,x:e,y:t,left:e+f,top:t+v,right:e,bottom:t})})},[c]);return(0,a.useEffect)(()=>{if(p.floating.current){let e=n.current;e.addEventListener("mousemove",h);let t=(0,x.Kx)(p.floating.current);return t.forEach(e=>{e.addEventListener("scroll",d)}),()=>{e.removeEventListener("mousemove",h),t.forEach(e=>{e.removeEventListener("scroll",d)})}}},[c,p.floating.current,d,h,r]),{handleMouseMove:h,x:l,y:i,opened:r,setOpened:o,boundaryRef:n,floating:m}}({offset:E,position:w}),{classes:K,cx:V}=k({radius:g,color:b,multiline:O,width:z},{name:"TooltipFloating",classNames:f,styles:v,unstyled:h,variant:S});if(!(0,o.k)(l))throw Error(N.children);let q=(0,n.Y)(Y,l.ref);return a.createElement(a.Fragment,null,a.createElement(C.q,H(_({},p),{withinPortal:m}),a.createElement(j.x,H(_({},T),{ref:Z,className:V(K.tooltip,u),style:H(_({},d),{zIndex:F,display:!M&&A?"block":"none",top:null!=L?L:"",left:null!=(t=Math.round(I))?t:""})}),y)),(0,a.cloneElement)(l,H(_({},l.props),{[c]:q,onMouseEnter:e=>{var t,r;null==(r=(t=l.props).onMouseEnter)||r.call(t,e),D(e),$(!0)},onMouseLeave:e=>{var t,r;null==(r=(t=l.props).onMouseLeave)||r.call(t,e),$(!1)}})))}L.displayName="@mantine/core/TooltipFloating";var A=r(85983),Y=r(58463),Z=r(83051),$=r(37048),K=r(30212),V=r(14870),q=r(58036),G=r(63468),Q=Object.defineProperty,X=Object.defineProperties,U=Object.getOwnPropertyDescriptors,W=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable,et=(e,t,r)=>t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,er=(e,t)=>{for(var r in t||(t={}))J.call(t,r)&&et(e,r,t[r]);if(W)for(var r of W(t))ee.call(t,r)&&et(e,r,t[r]);return e},ea=(e,t)=>X(e,U(t)),eo=(e,t)=>{var r={};for(var a in e)J.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&W)for(var a of W(e))0>t.indexOf(a)&&ee.call(e,a)&&(r[a]=e[a]);return r};let en={position:"top",refProp:"ref",withinPortal:!1,inline:!1,arrowSize:4,arrowOffset:5,arrowRadius:0,arrowPosition:"side",offset:5,transitionProps:{duration:100,transition:"fade"},width:"auto",events:{hover:!0,focus:!1,touch:!1},zIndex:(0,l.w)("popover"),positionDependencies:[]},el=(0,a.forwardRef)((e,t)=>{var r;let l=(0,a.useRef)(null),c=(0,i.N4)("Tooltip",en,e),{children:m,position:d,refProp:u,label:f,openDelay:v,closeDelay:h,onPositionChange:g,opened:b,withinPortal:y,portalProps:E,radius:w,color:O,classNames:x,styles:z,unstyled:F,style:M,className:S,withArrow:T,arrowSize:D,arrowOffset:I,arrowRadius:_,arrowPosition:H,offset:B,transitionProps:R,multiline:L,width:Q,events:X,zIndex:U,disabled:W,positionDependencies:J,onClick:ee,onMouseEnter:et,onMouseLeave:el,inline:ei,variant:es,keepMounted:ec}=c,em=eo(c,["children","position","refProp","label","openDelay","closeDelay","onPositionChange","opened","withinPortal","portalProps","radius","color","classNames","styles","unstyled","style","className","withArrow","arrowSize","arrowOffset","arrowRadius","arrowPosition","offset","transitionProps","multiline","width","events","zIndex","disabled","positionDependencies","onClick","onMouseEnter","onMouseLeave","inline","variant","keepMounted"]),{classes:ep,cx:ed,theme:eu}=k({radius:w,color:O,width:Q,multiline:L},{name:"Tooltip",classNames:x,styles:z,unstyled:F,variant:es}),ef=function(e){let[t,r]=(0,a.useState)(!1),o="boolean"==typeof e.opened?e.opened:t,n=p(),l=(0,Z.M)(),{delay:i,currentId:c,setCurrentId:m}=(0,s.tj)(),d=(0,a.useCallback)(e=>{r(e),e&&m(l)},[m,l]),{x:u,y:f,reference:v,floating:h,context:g,refs:b,update:y,placement:E,middlewareData:{arrow:{x:w,y:O}={}}}=(0,s.YF)({placement:e.position,open:o,onOpenChange:d,middleware:[(0,A.cv)(e.offset),(0,P.uY)({padding:8}),(0,P.RR)(),(0,Y.x7)({element:e.arrowRef,padding:e.arrowOffset}),...e.inline?[(0,P.Qo)()]:[]]}),{getReferenceProps:k,getFloatingProps:N}=(0,s.NI)([(0,s.XI)(g,{enabled:e.events.hover,delay:n?i:{open:e.openDelay,close:e.closeDelay},mouseOnly:!e.events.touch}),(0,s.KK)(g,{enabled:e.events.focus,keyboardOnly:!0}),(0,s.qs)(g,{role:"tooltip"}),(0,s.bQ)(g,{enabled:(e.opened,!1)}),(0,s.Qu)(g,{id:l})]);return(0,K.L)({opened:o,position:e.position,positionDependencies:e.positionDependencies,floating:{refs:b,update:y}}),(0,$.l)(()=>{var t;null==(t=e.onPositionChange)||t.call(e,E)},[E]),{x:u,y:f,arrowX:w,arrowY:O,reference:v,floating:h,getFloatingProps:N,getReferenceProps:k,isGroupPhase:o&&c&&c!==l,opened:o,placement:E}}({position:(0,V._)(eu.dir,d),closeDelay:h,openDelay:v,onPositionChange:g,opened:b,events:X,arrowRef:l,arrowOffset:I,offset:B+(T?D/2:0),positionDependencies:[...J,m],inline:ei});if(!(0,o.k)(m))throw Error(N.children);let ev=(0,n.Y)(ef.reference,m.ref,t);return a.createElement(a.Fragment,null,a.createElement(C.q,ea(er({},E),{withinPortal:y}),a.createElement(q.u,ea(er({keepMounted:ec,mounted:!W&&ef.opened},R),{transition:R.transition||"fade",duration:ef.isGroupPhase?10:null!=(r=R.duration)?r:100}),e=>{var t,r;return a.createElement(j.x,er(er({},em),ef.getFloatingProps({ref:ef.floating,className:ep.tooltip,style:ea(er(er({},M),e),{zIndex:U,top:null!=(t=ef.y)?t:0,left:null!=(r=ef.x)?r:0})})),f,a.createElement(G.Y,{ref:l,arrowX:ef.arrowX,arrowY:ef.arrowY,visible:T,position:ef.placement,arrowSize:D,arrowOffset:I,arrowRadius:_,arrowPosition:H,className:ep.arrow}))})),(0,a.cloneElement)(m,ef.getReferenceProps(er({onClick:ee,onMouseEnter:et,onMouseLeave:el,onMouseMove:e.onMouseMove,onPointerDown:e.onPointerDown,onPointerEnter:e.onPointerEnter,[u]:ev,className:ed(S,m.props.className)},m.props))))});el.Group=d,el.Floating=L,el.displayName="@mantine/core/Tooltip";let ei=el},44012:function(e,t,r){var a=r(97582),o=r(67294),n=r(86896),l=r(680);function i(e){var t=(0,n.Z)(),r=t.formatMessage,a=t.textComponent,l=void 0===a?o.Fragment:a,i=e.id,s=e.description,c=e.defaultMessage,m=e.values,p=e.children,d=e.tagName,u=void 0===d?l:d,f=r({id:i,description:s,defaultMessage:c},m,{ignoreTag:e.ignoreTag});return"function"==typeof p?p(Array.isArray(f)?f:[f]):u?o.createElement(u,null,o.Children.toArray(f)):o.createElement(o.Fragment,null,f)}i.displayName="FormattedMessage";var s=o.memo(i,function(e,t){var r=e.values,o=(0,a._T)(e,["values"]),n=t.values,i=(0,a._T)(t,["values"]);return(0,l.wU)(n,r)&&(0,l.wU)(o,i)});s.displayName="MemoizedFormattedMessage",t.Z=s}}]);