https://popvid.ai/_next/static/chunks/62600-ffacec9a3aa1beb7.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="4052434f-69df-4d7e-a078-906d71d71d34",e._sentryDebugIdIdentifier="sentry-dbid-4052434f-69df-4d7e-a078-906d71d71d34")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62600],{2309:(e,t,n)=>{n.d(t,{A:()=>r});let r=n(91884).A},62600:(e,t,n)=>{n.d(t,{A:()=>V});var r=n(12115),i=n(29722),o=n(96748),l=n(78700),u=n(42131),a=n(64874),s=n(71935),c=n(2309),d=n(13816);class p{static create(){return new p}static use(){let e=(0,d.A)(p.create).current,[t,n]=r.useState(!1);return e.shouldMount=t,e.setShouldMount=n,r.useEffect(e.mountEffect,[t]),e}constructor(){this.mountEffect=()=>{this.shouldMount&&!this.didMount&&null!==this.ref.current&&(this.didMount=!0,this.mounted.resolve())},this.ref={current:null},this.mounted=null,this.didMount=!1,this.shouldMount=!1,this.setShouldMount=null}mount(){let e,t,n;return this.mounted||(this.mounted=((n=new Promise((n,r)=>{e=n,t=r})).resolve=e,n.reject=t,n),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...e){this.mount().then(()=>this.ref.current?.start(...e))}stop(...e){this.mount().then(()=>this.ref.current?.stop(...e))}pulsate(...e){this.mount().then(()=>this.ref.current?.pulsate(...e))}}var h=n(97952),f=n(13901),m=n(23462),b=n(95155),g=n(24318);let v=(0,g.A)("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),y=(0,m.i7)`
2  0% {
3    transform: scale(0);
4    opacity: 0.1;
5  }
6
7  100% {
8    transform: scale(1);
9    opacity: 0.3;
10  }
11`,A=(0,m.i7)`
12  0% {
13    opacity: 1;
14  }
15
16  100% {
17    opacity: 0;
18  }
19`,M=(0,m.i7)`
20  0% {
21    transform: scale(1);
22  }
23
24  50% {
25    transform: scale(0.92);
26  }
27
28  100% {
29    transform: scale(1);
30  }
31`,x=(0,u.Ay)("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),E=(0,u.Ay)(function(e){let{className:t,classes:n,pulsate:o=!1,rippleX:l,rippleY:u,rippleSize:a,in:s,onExited:c,timeout:d}=e,[p,h]=r.useState(!1),f=(0,i.A)(t,n.ripple,n.rippleVisible,o&&n.ripplePulsate),m=(0,i.A)(n.child,p&&n.childLeaving,o&&n.childPulsate);return s||p||h(!0),r.useEffect(()=>{if(!s&&null!=c){let e=setTimeout(c,d);return()=>{clearTimeout(e)}}},[c,s,d]),(0,b.jsx)("span",{className:f,style:{width:a,height:a,top:-(a/2)+u,left:-(a/2)+l},children:(0,b.jsx)("span",{className:m})})},{name:"MuiTouchRipple",slot:"Ripple"})`
32  opacity: 0;
33  position: absolute;
34
35  &.${v.rippleVisible} {
36    opacity: 0.3;
37    transform: scale(1);
38    animation-name: ${y};
39    animation-duration: ${550}ms;
40    animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
41  }
42
43  &.${v.ripplePulsate} {
44    animation-duration: ${({theme:e})=>e.transitions.duration.shorter}ms;
45  }
46
47  & .${v.child} {
48    opacity: 1;
49    display: block;
50    width: 100%;
51    height: 100%;
52    border-radius: 50%;
53    background-color: currentColor;
54  }
55
56  & .${v.childLeaving} {
57    opacity: 0;
58    animation-name: ${A};
59    animation-duration: ${550}ms;
60    animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
61  }
62
63  & .${v.childPulsate} {
64    position: absolute;
65    /* @noflip */
66    left: 0px;
67    top: 0;
68    animation-name: ${M};
69    animation-duration: 2500ms;
70    animation-timing-function: ${({theme:e})=>e.transitions.easing.easeInOut};
71    animation-iteration-count: infinite;
72    animation-delay: 200ms;
73  }
74`,k=r.forwardRef(function(e,t){let{center:n=!1,classes:o={},className:l,...u}=(0,a.b)({props:e,name:"MuiTouchRipple"}),[s,c]=r.useState([]),d=r.useRef(0),p=r.useRef(null);r.useEffect(()=>{p.current&&(p.current(),p.current=null)},[s]);let m=r.useRef(!1),g=(0,f.A)(),y=r.useRef(null),A=r.useRef(null),M=r.useCallback(e=>{let{pulsate:t,rippleX:n,rippleY:r,rippleSize:l,cb:u}=e;c(e=>[...e,(0,b.jsx)(E,{classes:{ripple:(0,i.A)(o.ripple,v.ripple),rippleVisible:(0,i.A)(o.rippleVisible,v.rippleVisible),ripplePulsate:(0,i.A)(o.ripplePulsate,v.ripplePulsate),

74child:(0,i.A)(o.child,v.child),childLeaving:(0,i.A)(o.childLeaving,v.childLeaving),childPulsate:(0,i.A)(o.childPulsate,v.childPulsate)},timeout:550,pulsate:t,rippleX:n,rippleY:r,rippleSize:l},d.current)]),d.current+=1,p.current=u},[o]),k=r.useCallback((e={},t={},r=()=>{})=>{let i,o,l,{pulsate:u=!1,center:a=n||t.pulsate,fakeElement:s=!1}=t;if(e?.type==="mousedown"&&m.current){m.current=!1;return}e?.type==="touchstart"&&(m.current=!0);let c=s?null:A.current,d=c?c.getBoundingClientRect():{width:0,height:0,left:0,top:0};if(!a&&void 0!==e&&(0!==e.clientX||0!==e.clientY)&&(e.clientX||e.touches)){let{clientX:t,clientY:n}=e.touches&&e.touches.length>0?e.touches[0]:e;i=Math.round(t-d.left),o=Math.round(n-d.top)}else i=Math.round(d.width/2),o=Math.round(d.height/2);a?(l=Math.sqrt((2*d.width**2+d.height**2)/3))%2==0&&(l+=1):l=Math.sqrt((2*Math.max(Math.abs((c?c.clientWidth:0)-i),i)+2)**2+(2*Math.max(Math.abs((c?c.clientHeight:0)-o),o)+2)**2),e?.touches?null===y.current&&(y.current=()=>{M({pulsate:u,rippleX:i,rippleY:o,rippleSize:l,cb:r})},g.start(80,()=>{y.current&&(y.current(),y.current=null)})):M({pulsate:u,rippleX:i,rippleY:o,rippleSize:l,cb:r})},[n,M,g]),R=r.useCallback(()=>{k({},{pulsate:!0})},[k]),w=r.useCallback((e,t)=>{if(g.clear(),e?.type==="touchend"&&y.current){y.current(),y.current=null,g.start(0,()=>{w(e,t)});return}y.current=null,c(e=>e.length>0?e.slice(1):e),p.current=t},[g]);return r.useImperativeHandle(t,()=>({pulsate:R,start:k,stop:w}),[R,k,w]),(0,b.jsx)(x,{className:(0,i.A)(v.root,o.root,l),ref:A,...u,children:(0,b.jsx)(h.A,{component:null,exit:!0,children:s})})});var R=n(14770);function w(e){return(0,R.Ay)("MuiButtonBase",e)}let P=(0,g.A)("MuiButtonBase",["root","disabled","focusVisible"]),T=(0,u.Ay)("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${P.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}});function S(e,t,n,r=!1){return(0,c.A)(i=>(n&&n(i),r||e[t](i),!0))}let V=r.forwardRef(function(e,t){let n=(0,a.b)({props:e,name:"MuiButtonBase"}),{action:u,centerRipple:d=!1,children:h,className:f,component:m="button",disabled:g=!1,disableRipple:v=!1,disableTouchRipple:y=!1,focusRipple:A=!1,focusVisibleClassName:M,LinkComponent:x="a",onBlur:E,onClick:R,onContextMenu:P,onDragLeave:V,onFocus:$,onFocusVisible:j,onKeyDown:C,onKeyUp:D,onMouseDown:I,onMouseLeave:B,onMouseUp:L,onTouchEnd:O,onTouchMove:_,onTouchStart:N,tabIndex:z=0,TouchRippleProps:F,touchRippleRef:H,type:W,...U}=n,X=r.useRef(null),q=p.use(),K=(0,s.A)(q.ref,H),[Y,G]=r.useState(!1);g&&Y&&G(!1),r.useImperativeHandle(u,()=>({focusVisible:()=>{G(!0),X.current.focus()}}),[]);let J=q.shouldMount&&!v&&!g;r.useEffect(()=>{Y&&A&&!v&&q.pulsate()},[v,A,Y,q]);let Q=S(q,"start",I,y),Z=S(q,"stop",P,y),ee=S(q,"stop",V,y),et=S(q,"stop",L,y),en=S(q,"stop",e=>{Y&&e.preventDefault(),B&&B(e)},y),er=S(q,"start",N,y),ei=S(q,"stop",O,y),eo=S(q,"stop",_,y),el=S(q,"stop",e=>{(0,l.A)(e.target)||G(!1),E&&E(e)},!1),eu=(0,c.A)(e=>{X.current||(X.current=e.currentTarget),(0,l.A)(e.target)&&(G(!0),j&&j(e)),$&&$(e)}),ea=()=>{let e=X.current;return m&&"button"!==m&&!("A"===e.tagName&&e.href)},es=(0,c.A)(e=>{A&&!e.repeat&&Y&&" "===e.key&&q.stop(e,()=>{q.start(e)}),e.target===e.currentTarget&&ea()&&" "===e.key&&e.preventDefault(),C&&C(e),e.target===e.currentTarget&&ea()&&"Enter"===e.key&&!g&&(e.preventDefault(),R&&R(e))}),ec=(0,c.A)(e=>{A&&" "===e.key&&Y&&!e.defaultPrevented&&q.stop(e,()=>{q.pulsate(e)}),D&&D(e),R&&e.target===e.currentTarget&&ea()&&" "===e.key&&!e.defaultPrevented&&R(e)}),ed=m;"button"===ed&&(U.href||U.to)&&(ed=x);let ep={};"button"===ed?(ep.type=void 0===W?"button":W,ep.disabled=g):(U.href||U.to||(ep.role="button"),g&&(ep["aria-disabled"]=g));let eh=(0,s.A)(t,X),ef={...n,centerRipple:d,component:m,disabled:g,disableRipple:v,disableTouchRipple:y,focusRipple:A,tabIndex:z,focusVisible:Y},em=(e=>{let{disabled:t,focusVisible:n,focusVisibleClassName:r,classes:i}=e,l=(0,o.A)({root:["root",t&&"disabled",n&&"focusVisible"]},w,i);return n&&r&&(l.root+=` ${r}`),l})(ef);return(0,b.jsxs)(T,{as:ed,className:(0,i.A)(em.root,f),ownerState:ef,onBlur:el,onClick:R,onContextMenu:Z,onFocus:eu,onKeyDown:es,onKeyUp:ec,onMouseDown:Q,onMouseLeave:en,onMouseUp:et,onDragLeave:ee,onTouchEnd:ei,onTouchMove:eo,onTouchStart:er,ref:eh,tabIndex:g?-1:z,type:W,...ep,...U,children:[h,J?(0,b.jsx)(k,{ref:K,center:d,...F}

74):null]})})},78700:(e,t,n)=>{n.d(t,{A:()=>r});function r(e){try{return e.matches(":focus-visible")}catch(e){}return!1}},97952:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(23929),i=n(65672),o=n(79319),l=n(12115),u=n(96070);function a(e,t){var n=Object.create(null);return e&&l.Children.map(e,function(e){return e}).forEach(function(e){n[e.key]=t&&(0,l.isValidElement)(e)?t(e):e}),n}function s(e,t,n){return null!=n[t]?n[t]:e.props[t]}var c=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},d=function(e){function t(t,n){var r=e.call(this,t,n)||this,i=r.handleExited.bind(function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},r}(0,o.A)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,i=t.children,o=t.handleExited;

74return{children:t.firstRender?a(e.children,function(t){return(0,l.cloneElement)(t,{onExited:o.bind(null,t),in:!0,appear:s(t,"appear",e),enter:s(t,"enter",e),exit:s(t,"exit",e)})}):(Object.keys(r=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,i=Object.create(null),o=[];for(var l in e)l in t?o.length&&(i[l]=o,o=[]):o.push(l);var u={};for(var a in t){if(i[a])for(r=0;r<i[a].length;r++){var s=i[a][r];u[i[a][r]]=n(s)}u[a]=n(a)}for(r=0;r<o.length;r++)u[o[r]]=n(o[r]);return u}(i,n=a(e.children))).forEach(function(t){var u=r[t];if((0,l.isValidElement)(u)){var a=t in i,c=t in n,d=i[t],p=(0,l.isValidElement)(d)&&!d.props.in;c&&(!a||p)?r[t]=(0,l.cloneElement)(u,{onExited:o.bind(null,u),in:!0,exit:s(u,"exit",e),enter:s(u,"enter",e)}):c||!a||p?c&&a&&(0,l.isValidElement)(d)&&(r[t]=(0,l.cloneElement)(u,{onExited:o.bind(null,u),in:d.props.in,exit:s(u,"exit",e),enter:s(u,"enter",e)})):r[t]=(0,l.cloneElement)(u,{in:!1})}}),r),firstRender:!1}},n.handleExited=function(e,t){var n=a(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState(function(t){var n=(0,i.A)({},t.children);return delete n[e.key],{children:n}}))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,i=(0,r.A)(e,["component","childFactory"]),o=this.state.contextValue,a=c(this.state.children).map(n);return(delete i.appear,delete i.enter,delete i.exit,null===t)?l.createElement(u.A.Provider,{value:o},a):l.createElement(u.A.Provider,{value:o},l.createElement(t,i,a))},t}(l.Component);d.propTypes={},d.defaultProps={component:"div",childFactory:function(e){return e}};let p=d}}]);