(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[888],{2098:function(t,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return r(4804)}])},4804:function(t,e,r){"use strict";r.r(e),r.d(e,{default:function(){return v}});var n=r(7458),l=r(2983),u=r(3730);function o(t){return t?"hidden":"auto"}function c(t,e,r,n){void 0===n&&(n=20);let l=e-r,u=Math.max(n,l/t*l);return{thumbSize:u,ratio:(l-u)/(t-e)}}function i(t,e,r){t&&(r?t.scrollLeft=e:t.scrollTop=e)}function s(t){let e=(0,l.useRef)(t);return e.current=t,e}function a(t,e,r,n){let u=s(e);(0,l.useEffect)(()=>{function e(t){u.current(t)}let l=r?r():window;return l&&l.addEventListener(t,e,n),()=>{l&&l.removeEventListener(t,e)}},[])}function f(t,e){let{leading:r=!1,maxWait:n,wait:u=n||0}=e,o=s(t),c=(0,l.useRef)(0),i=(0,l.useRef)(),a=()=>i.current&&clearTimeout(i.current);return(0,l.useEffect)(()=>()=>{c.current=0,a()},[u,n,r]),(0,l.useCallback)(function(){var t=[].slice.call(arguments);let e=Date.now();function l(){c.current=e,a(),o.current.apply(null,t)}let s=c.current,f=e-s;if(0===s){if(r)return void l();c.current=e}if(void 0!==n){if(f>n)return void l()}else f<u&&(c.current=e);a(),i.current=setTimeout(()=>{l(),c.current=0},u)},[u,n,r])}function m(t){let{scrollRef:e,visible:r,trackStyle:n,thumbStyle:u,minThumbSize:o,start:i,gap:s,horizontal:a,pin:f,trackRef:m,boxSize:p,update:d,onScroll:S}=t,{CW:h,CH:b,PT:v,PR:g,PB:y,PL:k,SW:E,SH:w}=p,[C,T,R]=a?["width",h,E]:["height",b,w],P={...e.current===document.documentElement?{[C]:s>0?`calc(100% - ${s}px)`:void 0}:{[C]:T-s,...a?{bottom:-y,left:-k+i}:{top:v-s+i,right:-g,transform:"translateY(-100%)"}},...n&&n(a)};return l.createElement("div",{className:`ms-track${a?" ms-x":" ms-y"}${f?" ms-active":r?" ms-track-show":""}`,onClick:function(t){let{scrollLeft:r,scrollTop:n}=e.current,l=a?r:n,u=t.target.getBoundingClientRect();S((a?(t.clientX-u.left)/u.width:(t.clientY-u.top)/u.height)>l/R?Math.min(R,l+T):Math.max(0,l-T),a)},ref:m,style:P},l.createElement("div",{className:"ms-thumb",draggable:!0,onDragStartCapture:t=>{t.preventDefault(),t.stopPropagation()},onMouseDown:function(t){t.stopPropagation();let{scrollLeft:r,scrollTop:n}=e.current;d({pinX:a,pinY:!a,lastST:n,lastSL:r,startX:t.clientX,startY:t.clientY})},onClick:t=>t.stopPropagation(),style:{[C]:c(R,T,s,o).thumbSize,...u&&u(a)}}))}let p={CW:0,SW:0,CH:0,SH:0,PT:0,PR:0,PB:0,PL:0},d={pinX:!1,pinY:!1,lastST:0,lastSL:0,startX:0,startY:0};function S(t,e,r){let{skin:n="light",trackGap:u=16,trackStyle:o,thumbStyle:i,minThumbSize:s,suppressAutoHide:S,suppressScrollX:h,suppressScrollY:b}=void 0===r?{}:r,v=(0,l.useRef)(null),g=(0,l.useRef)(null),[y,k]=(0,l.useState)(p),[E,w]=(0,l.useState)(d),[C,T]=(0,l.useState)(!0),R=f(()=>!S&&T(!1),{wait:1e3}),{CW:P,SW:X,CH:x,SH:H}=y,Y=X-P>0,L=H-x>0,[W,z,_,N]=function(t,e,r){let n=t;if("function"==typeof n&&(n=n(e,r)),Array.isArray(n)){let[t,e,r,l]=n;return[t,t+e,r,r+l]}let l=e&&r?n:0;return[0,l,0,l]}(u,Y,L),$=f(t=>{T(!0),R(),function(t,e,r,n,l,u,o){let{SW:i,SH:s,CW:a,CH:f}=t,{scrollTop:m,scrollLeft:p}=e;if(r){let t=p*c(i,a,l,o).ratio;r.firstChild.style.transform=`translateX(${t}px)`}if(n){let t=m*c(s,f,u,o).ratio;n.firstChild.style.transform=`translateY(${t}px)`}}(y,t,v.current,g.current,z,N,s)},{maxWait:8,leading:!0});a("mousemove",t=>{E.pinX&&e(Math.floor(1/c(X,P,z,s).ratio*(t.clientX-E.startX)+E.lastSL),!0),E.pinY&&e(Math.floor(1/c(H,x,N,s).ratio*(t.clientY-E.startY)+E.lastST))},void 0,{capture:!0}),a("mouseup",()=>w(d));let M=(0,l.useCallback)(()=>{t.current&&(k(function(t){let{paddingTop:e,paddingRight:r,paddingBottom:n,paddingLeft:l}=window.getComputedStyle(t),{clientWidth:u,scrollWidth:o,clientHeight:c,scrollHeight:i}=t;return{CW:u,SW:o,CH:c,SH:i,PT:parseInt(e,10),PR:parseInt(r,10),PB:parseInt(n,10),PL:parseInt(l,10)}}(t.current)),$(t.current))},[]);return a("mouseenter",M,()=>t.current),a("mouseleave",R,()=>t.current),function(t,e){let r=f(e,{maxWait:8,leading:!0});(0,l.useEffect)(()=>{let e=new ResizeObserver(()=>{r()}),n=new MutationObserver(()=>{l()});function l(){t.current&&(t.current===document.documentElement?e.observe(document.body):(e.observe(t.current),Array.from(t.current.children).forEach(t=>{e.observe(t)})))}return t.current&&n.observe(t.current,{childList:!0}),l(),()=>{e.disconnect(),n.disconnect()}},[t])}(t,M),[l.createElement("div",{className:`ms-track-box ms-theme-${n}`},!h&&Y&&l.createElement(m,{scrollRef:t,visible:C,trackStyle:o,thumbStyle:i,minThumbSize:s,start:W,gap:z,horizontal:!0,pin:E.pinX,trackRef:v,boxSize:y,update:w,onScroll:e}),!b&&L&&l.createElement(m,{scrollRef:t,visible:C,trackStyle:o,thumbStyle:i,minThumbSize:s,start:_,gap:N,pin:E.pinY,trackRef:g,boxSize:y,update:w,onScroll:e})),$,M]}function h(t){let e=(0,l.useRef)(document.documentElement),[r,n]=S(e,(t,r)=>i(e.current,t,r),t);return a("scroll",()=>n(e.current)),(0,u.createPortal)(r,document.body)}function b(t){let[e,r]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{r(!0);let t="ms-global",{classList:e}=document.body;return e.add(t),()=>{r(!1),e.remove(t)}},[]),l.createElement(l.Fragment,null,e&&l.createElement(h,{...t}))}function v(t){let{Component:e,pageProps:r}=t;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e,{...r}),(0,n.jsx)(b,{})]})}(0,l.forwardRef)((t,e)=>{let{className:r="",onScroll:n,children:u,style:c,skin:s,trackGap:a,trackStyle:f,thumbStyle:m,minThumbSize:p,suppressAutoHide:d,suppressScrollX:h,suppressScrollY:b,as:v="div",...g}=t,y=(0,l.useRef)(null);(0,l.useImperativeHandle)(e,()=>y.current);let[k,E]=S(y,(t,e)=>i(y.current,t,e),{skin:s,trackGap:a,trackStyle:f,thumbStyle:m,minThumbSize:p,suppressAutoHide:d,suppressScrollX:h,suppressScrollY:b});return l.createElement(v,{className:`ms-container${r&&` ${r}`}`,ref:y,onScroll:function(t){n&&n(t),E(t.target)},style:{overflowX:o(h),overflowY:o(b),...c},...g},k,u)}),r(8318),r(5546),r(8730),r(2909)},8318:function(){},8730:function(){},2909:function(){},5546:function(){}},function(t){var e=function(e){return t(t.s=e)};t.O(0,[774,179],function(){return e(2098),e(1696)}),_N_E=t.O()}]);