1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1818],{75283:function(e,t,r){"use strict";r.d(t,{Z:function(){return o}});var n=r(91373);let o=(0,n.Z)("image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]])},31850:function(e,t,r){"use strict";r.d(t,{Z:function(){return o}});var n=r(91373);let o=(0,n.Z)("mail-open",[["path",{d:"M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z",key:"1jhwl8"}],["path",{d:"m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10",key:"1qfld7"}]])},56953:function(e,t,r){"use strict";r.d(t,{Z:function(){return o}});var n=r(91373);let o=(0,n.Z)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},69590:function(e){var t="undefined"!=typeof Element,r="function"==typeof Map,n="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;e.exports=function(e,i){try{return function e(i,a){if(i===a)return!0;if(i&&a&&"object"==typeof i&&"object"==typeof a){var s,u,l,c;if(i.constructor!==a.constructor)return!1;if(Array.isArray(i)){if((s=i.length)!=a.length)return!1;for(u=s;0!=u--;)if(!e(i[u],a[u]))return!1;return!0}if(r&&i instanceof Map&&a instanceof Map){if(i.size!==a.size)return!1;for(c=i.entries();!(u=c.next()).done;)if(!a.has(u.value[0]))return!1;for(c=i.entries();!(u=c.next()).done;)if(!e(u.value[1],a.get(u.value[0])))return!1;return!0}if(n&&i instanceof Set&&a instanceof Set){if(i.size!==a.size)return!1;for(c=i.entries();!(u=c.next()).done;)if(!a.has(u.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(i)&&ArrayBuffer.isView(a)){if((s=i.length)!=a.length)return!1;for(u=s;0!=u--;)if(i[u]!==a[u])return!1;return!0}if(i.constructor===RegExp)return i.source===a.source&&i.flags===a.flags;if(i.valueOf!==Object.prototype.valueOf)return i.valueOf()===a.valueOf();if(i.toString!==Object.prototype.toString)return i.toString()===a.toString();if((s=(l=Object.keys(i)).length)!==Object.keys(a).length)return!1;for(u=s;0!=u--;)if(!Object.prototype.hasOwnProperty.call(a,l[u]))return!1;if(t&&i instanceof Element)return!1;for(u=s;0!=u--;)if(("_owner"!==l[u]&&"__v"!==l[u]&&"__o"!==l[u]||!i.$$typeof)&&!e(i[l[u]],a[l[u]]))return!1;return!0}return i!=i&&a!=a}(e,i)}catch(a){if((a.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw a}}},95237:function(e,t,r){"use strict";r.d(t,{D:function(){return ey}});var n=r(67294),o=r(73935);function i(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function a(e){var t=i(e).Element;return e instanceof t||e instanceof Element}function s(e){var t=i(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function u(e){if("undefined"==typeof ShadowRoot)return!1;var t=i(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}var l=Math.max,c=Math.min,d=Math.round;function f(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function p(){return!/^((?!chrome|android).)*safari/i.test(f())}function h(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,u=1;t&&s(e)&&(o=e.offsetWidth>0&&d(n.width)/e.offsetWidth||1,u=e.offsetHeight>0&&d(n.height)/e.offsetHeight||1);var l=(a(e)?i(e):window).visualViewport,c=!p()&&r,f=(n.left+(c&&l?l.offsetLeft:0))/o,h=(n.top+(c&&l?l.offsetTop:0))/u,v=n.width/o,m=n.height/u;return{width:v,height:m,top:h,right:f+v,bottom:h+m,left:f,x:f,y:h}}function v(e){var t,r=i(e);return{scrollLeft:r.pageXOffset,scrollTop:r.pageYOffset}}function m(e){return e?(e.nodeName||"").toLowerCase():null}function g(e){return((a(e)?e.ownerDocument:e.document)||window.document).documentElement}function b(e){return h(g(e)).left+v(e).scrollLeft}function y(e){return i(e).getComputedStyle(e)}function x(e){var t=y(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function w(e){var t=h(e),r=e.offsetWidth,n=e.offsetHeight;return 1>=Math.abs(t.width-r)&&(r=t.width),1>=Math.abs(t.height-n)&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function z(e){return"html"===m(e)?e:e.assignedSlot||e.parentNode||(u(e)?e.host:null)||g(e)}function S(e,t){void 0===t&&(t=[]);var r,n=function e(t){return["html","body","#document"].indexOf(m(t))>=0?t.ownerDocument.body:s(t)&&x(t)?t:e(z(t))}(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),a=i(n),u=o?[a].concat(a.visualVie
1wport||[],x(n)?n:[]):n,l=t.concat(u);return o?l:l.concat(S(z(u)))}function _(e){return["table","td","th"].indexOf(m(e))>=0}function M(e){return s(e)&&"fixed"!==y(e).position?e.offsetParent:null}function j(e){for(var t=i(e),r=M(e);r&&_(r)&&"static"===y(r).position;)r=M(r);return r&&("html"===m(r)||"body"===m(r)&&"static"===y(r).position)?t:r||function(e){var t=/firefox/i.test(f());if(/Trident/i.test(f())&&s(e)&&"fixed"===y(e).position)return null;var r=z(e);for(u(r)&&(r=r.host);s(r)&&0>["html","body"].indexOf(m(r));){var n=y(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var P="bottom",E="right",A="left",O="auto",I=["top",P,E,A],N="start",C="viewport",L="popper",R=I.reduce(function(e,t){return e.concat([t+"-"+N,t+"-end"])},[]),k=[].concat(I,[O]).reduce(function(e,t){return e.concat([t,t+"-"+N,t+"-end"])},[]),D=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"],T={placement:"bottom",modifiers:[],strategy:"absolute"};function B(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(e){return!(e&&"function"==typeof e.getBoundingClientRect)})}var H={passive:!0};function W(e){return e.split("-")[0]}function F(e){return e.split("-")[1]}function $(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Z(e){var t,r=e.reference,n=e.element,o=e.placement,i=o?W(o):null,a=o?F(o):null,s=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2;switch(i){case"top":t={x:s,y:r.y-n.height};break;case P:t={x:s,y:r.y+r.height};break;case E:t={x:r.x+r.width,y:u};break;case A:t={x:r.x-n.width,y:u};break;default:t={x:r.x,y:r.y}}var l=i?$(i):null;if(null!=l){var c="y"===l?"height":"width";switch(a){case N:t[l]=t[l]-(r[c]/2-n[c]/2);break;case"end":t[l]=t[l]+(r[c]/2-n[c]/2)}}return t}var U={top:"auto",right:"auto",bottom:"auto",left:"auto"};function G(e){var t,r,n=e.popper,o=e.popperRect,a=e.placement,s=e.variation,u=e.offsets,l=e.position,c=e.gpuAcceleration,f=e.adaptive,p=e.roundOffsets,h=e.isFixed,v=u.x,m=void 0===v?0:v,b=u.y,x=void 0===b?0:b,w="function"==typeof p?p({x:m,y:x}):{x:m,y:x};m=w.x,x=w.y;var z=u.hasOwnProperty("x"),S=u.hasOwnProperty("y"),_=A,M="top",O=window;if(f){var I=j(n),N="clientHeight",C="clientWidth";I===i(n)&&(I=g(n),"static"!==y(I).position&&"absolute"===l&&(N="scrollHeight",C="scrollWidth")),("top"===a||(a===A||a===E)&&"end"===s)&&(M=P,x-=(h&&I===O&&O.visualVie
1wport?O.visualViewport.height:I[N])-o.height,x*=c?1:-1),(a===A||("top"===a||a===P)&&"end"===s)&&(_=E,m-=(h&&I===O&&O.visualViewport?O.visualViewport.width:I[C])-o.width,m*=c?1:-1)}var L,R,k,D,T=Object.assign({position:l},f&&U),B=!0===p?(R=(L={x:m,y:x}).x,k=L.y,{x:d(R*(D=window.devicePixelRatio||1))/D||0,y:d(k*D)/D||0}):{x:m,y:x};return(m=B.x,x=B.y,c)?Object.assign({},T,((r={})[M]=S?"0":"",r[_]=z?"0":"",r.transform=1>=(O.devicePixelRatio||1)?"translate("+m+"px, "+x+"px)":"translate3d("+m+"px, "+x+"px, 0)",r)):Object.assign({},T,((t={})[M]=S?x+"px":"",t[_]=z?m+"px":"",t.transform="",t))}var Y={left:"right",right:"left",bottom:"top",top:"bottom"};function V(e){return e.replace(/left|right|bottom|top/g,function(e){return Y[e]})}var q={start:"end",end:"start"};function J(e){return e.replace(/start|end/g,function(e){return q[e]})}function Q(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&u(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function K(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function X(e,t,r){var n,o,s,u,c,d,f,m,x,w,z,S;return t===C?K(function(e,t){var r=i(e),n=g(e),o=r.visualViewport,a=n.clientWidth,s=n.clientHeight,u=0,l=0;if(o){a=o.width,s=o.height;var c=p();(c||!c&&"fixed"===t)&&(u=o.offsetLeft,l=o.offsetTop)}return{width:a,height:s,x:u+b(e),y:l}}(e,r)):a(t)?((s=h(t,!1,"fixed"===r)).top=s.top+t.clientTop,s.left=s.left+t.clientLeft,s.bottom=s.top+t.clientHeight,s.right=s.left+t.clientWidth,s.width=t.clientWidth,s.height=t.clientHeight,s.x=s.left,s.y=s.top,s):K((u=g(e),d=g(u),f=v(u),m=null==(c=u.ownerDocument)?void 0:c.body,x=l(d.scrollWidth,d.clientWidth,m?m.scrollWidth:0,m?m.clientWidth:0),w=l(d.scrollHeight,d.clientHeight,m?m.scrollHeight:0,m?m.clientHeight:0),z=-f.scrollLeft+b(u),S=-f.scrollTop,"rtl"===y(m||d).direction&&(z+=l(d.clientWidth,m?m.clientWidth:0)-x),{width:x,height:w,x:z,y:S}))}function ee(){return{top:0,right:0,bottom:0,left:0}}function et(e){return Object.assign({},ee(),e)}function er(e,t){return t.reduce(function(t,r){return t[r]=e,t},{})}function en(e,t){void 0===t&&(t={});var r,n,o,i,u,d,f,p,v,b,x=t,w=x.placement,_=void 0===w?e.placement:w,M=x.strategy,A=void 0===M?e.strategy:M,O=x.boundary,N=x.rootBoundary,R=x.elementContext,k=void 0===R?L:R,D=x.altBoundary,T=x.padding,B=void 0===T?0:T,H=et("number"!=typeof B?B:er(B,I)),W=e.rects.popper,F=e.elements[void 0!==D&&D?k===L?"reference":L:k],$=(r=a(F)?F:F.contextElement||g(e.elements.popper),v=(p=[].concat("clippingParents"===(n=void 0===O?"clippingParents":O)?(d=S(z(r)),f=["absolute","fixed"].indexOf(y(r).position)>=0&&s(r)?j(r):r,a(f)?d.filter(function(e){return a(e)&&Q(e,f)&&"body"!==m(e)}):[]):[].concat(n),[void 0===N?C:N]))[0],(b=p.reduce(function(e,t){var n=X(r,t,A);return e.top=l(n.top,e.top),e.right=c(n.right,e.right),e.bottom=c(n.bottom,e.bottom),e.left=l(n.left,e.left),e},X(r,v,A))).width=b.right-b.left,b.height=b.bottom-b.top,b.x=b.left,b.y=b.top,b),U=h(e.elements.reference),G=Z({reference:U,element:W,strategy:"absolute",placement:_}),Y=K(Object.assign({},W,G)),V=k===L?Y:U,q={top:$.top-V.top+H.top,bottom:V.bottom-$.bottom+H.bottom,left:$.left-V.left+H.left,right:V.right-$.right+H.right},J=e.modifiersData.offset;if(k===L&&J){var ee=J[_];Object.keys(q).forEach(function(e){var t=[E,P].indexOf(e)>=0?1:-1,r=["top",P].indexOf(e)>=0?"y":"x";q[e]+=ee[r]*t})}return q}function eo(e,t,r){return l(e,c(t,r))}function ei(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ea(e){return["top",E,P,A].some(function(t){return e[t]>=0})}var es,eu,el,ec,ed,ef,ep=(es={defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,a=void 0===o||o,s=n.resize,u=void 0===s||s,l=i(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&c.forEach(function(e){e.addEventListener("scroll",r.update,H)}),u&&l.addEventListener("resize",r.update,H),function(){a&&c.forEac
1h(function(e){e.removeEventListener("scroll",r.update,H)}),u&&l.removeEventListener("resize",r.update,H)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Z({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=r.adaptive,i=r.roundOffsets,a=void 0===i||i,s={placement:W(t.placement),variation:F(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:void 0===n||n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,G(Object.assign({},s,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:void 0===o||o,roundOffsets:a})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,G(Object.assign({},s,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var r=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];s(o)&&m(o)&&(Object.assign(o.style,r),Object.keys(n).forEach(function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(e){var n=t.elements[e],o=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce(function(e,t){return e[t]="",e},{});s(n)&&m(n)&&(Object.assign(n.style,i),Object.keys(o).forEach(function(e){n.removeAttribute(e)}))})}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,i=void 0===o?[0,0]:o,a=k.reduce(function(e,r){var n,o,a,s,u,l,c,d;return e[r]=(o=t.rects,u=[A,"top"].indexOf(s=W(r))>=0?-1:1,c=(l="function"==typeof i?i(Object.assign({},o,{placement:r})):i)[0],d=l[1],c=c||0,d=(d||0)*u,[A,E].indexOf(s)>=0?{x:d,y:c}:{x:c,y:d}),e},{}),s=a[t.placement],u=s.x,l=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=u,t.modifiersData.popperOffsets.y+=l),t.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0===a||a,u=r.fallbackPlacements,l=r.padding,c=r.boundary,d=r.rootBoundary,f=r.altBoundary,p=r.flipVariations,h=void 0===p||p,v=r.allowedAutoPlacements,m=t.options.placement,g=W(m),b=[m].concat(u||(g!==m&&h?function(e){if(W(e)===O)return[];var t=V(e);return[J(e),t,J(t)]}(m):[V(m)])).reduce(function(e,r){var n,o,i,a,s,u,f,p,m,g,b,y,x,w;return e.concat(W(r)===O?(o={placement:r,boundary:c,rootBoundary:d,padding:l,flipVariations:h,allowedAutoPlacements:v},a=(i=o).placement,s=i.boundary,u=i.rootBoundary,f=i.padding,p=i.flipVariations,g=void 0===(m=i.allowedAutoPlacements)?k:m,0===(x=(y=(b=F(a))?p?R:R.filter(function(e){return F(e)===b}):I).filter(function(e){return g.indexOf(e)>=0})).length&&(x=y),Object.keys(w=x.reduce(function(e,r){return e[r]=en(t,{placement:r,boundary:s,rootBoundary:u,padding:f})[W(r)],e},{})).sort(function(e,t){return w[e]-w[t]})):r)},[]),y=t.rects.reference,x=t.rects.popper,w=new Map,z=!0,S=b[0],_=0;_<b.length;_++){var M=b[_],j=W(M),C=F(M)===N,L=["top",P].indexOf(j)>=0,D=L?"width":"height",T=en(t,{placement:M,boundary:c,rootBoundary:d,altBoundary:f,padding:l}),B=L?C?E:A:C?P:"top";y[D]>x[D]&&(B=V(B));var H=V(B),$=[];if(i&&$.push(T[j]<=0),s&&$.push(T[B]<=0,T[H]<=0),$.every(function(e){return e})){S=M,z=!1;break}w.set(M,$)}if(z)for(var Z=h?3:1,U=function(e){var t=b.find(function(t){var r=w.get(t);if(r)return r.slice(0,e).every(function(e){return e})});if(t)return S=t,"break"},G=Z;G>0&&"break"!==U(G);G--);t.placement!==S&&(t.modifiersData[n]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.options,o=e.name,i=n.mainAxis,a=n.altAxis,s=n.boundary,u=n.rootBoundary,d=n.altBoundary,f=n.padding,p=n.tether,h=void 0===p||p,v=n.tetherOffset,m=void 0===v?0:v,g=en(r,{boundary:s,rootBoundary:u,padding:f,altBoundary:d}),b=W(r.placement),y=F(r.placement),x=!y,z=$(b),S="x"===z?"y":"x",_=r.modifiersData.popperOffsets,M=r.rects.reference,O=r.rects.popper,I="function"==typeof m?m(Object.assign({},r.rects,{placement:r.placement})):m,C="number"==typeof I?{mainAxis:I,altAxis:I}:Object.assign({mainAxis:0,altAxis:0},I),L=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null,R={x:0,y:0};if(_){if(void 0===i||i){var k,D="y"===z?"top":A,T="y"===z?P:E,B="y"===z?"height":"width",H=_[z],Z=H+g[D],U=H-g[T],G=h?-O[B]/2:0,Y=y===N?M[B]:O[B],V=y===N?-O[B]:-M[B],q=r.elements.arrow,J=h&&q?w(q):{width:0,height:0},Q=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:ee(),K=Q[D],X=Q[T],et=eo(0,M[B],J[B]),er=x?M[B]/2-G-et-K-C.mainAxis:Y-et-K-C.mainAxis,ei=x?-M[B]/2+G+et+X+C.mainAxis:V+et+X+C.mainAxis,ea=r.elements.arrow&&j(r.elements.arrow),es=ea?"y"===z?ea.clientTop||0:ea.clientLeft||0:0,eu=null!=(k=null==L?void 0:L[z])?k:0,el=eo(h?c(Z,H+er-eu-es):Z,H,h?l
1(U,H+ei-eu):U);_[z]=el,R[z]=el-H}if(void 0!==a&&a){var ec,ed,ef,ep,eh,ev=_[S],em="y"===S?"height":"width",eg=ev+g["x"===z?"top":A],eb=ev-g["x"===z?P:E],ey=-1!==["top",A].indexOf(b),ex=null!=(ec=null==L?void 0:L[S])?ec:0,ew=ey?eg:ev-M[em]-O[em]-ex+C.altAxis,ez=ey?ev+M[em]+O[em]-ex-C.altAxis:eb,eS=h&&ey?(eh=eo(ew,ev,ez))>ez?ez:eh:eo(h?ew:eg,ev,h?ez:eb);_[S]=eS,R[S]=eS-ev}r.modifiersData[o]=R}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,i=r.elements.arrow,a=r.modifiersData.popperOffsets,s=W(r.placement),u=$(s),l=[A,E].indexOf(s)>=0?"height":"width";if(i&&a){var c,d,f=et("number"!=typeof(c="function"==typeof(c=o.padding)?c(Object.assign({},r.rects,{placement:r.placement})):c)?c:er(c,I)),p=w(i),h=r.rects.reference[l]+r.rects.reference[u]-a[u]-r.rects.popper[l],v=a[u]-r.rects.reference[u],m=j(i),g=m?"y"===u?m.clientHeight||0:m.clientWidth||0:0,b=f["y"===u?"top":A],y=g-p[l]-f["y"===u?P:E],x=g/2-p[l]/2+(h/2-v/2),z=eo(b,x,y);r.modifiersData[n]=((t={})[u]=z,t.centerOffset=z-x,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;if(null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n))))Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=en(t,{elementContext:"reference"}),s=en(t,{altBoundary:!0}),u=ei(a,n),l=ei(s,o,i),c=ea(u),d=ea(l);t.modifiersData[r]={referenceClippingOffsets:u,popperEscapeOffsets:l,isReferenceHidden:c,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]},ec=void 0===(el=(eu=es).defaultModifiers)?[]:el,ef=void 0===(ed=eu.defaultOptions)?T:ed,function(e,t,r){void 0===r&&(r=ef);var n,o,u={placement:"bottom",orderedModifiers:[],options:Object.assign({},T,ef),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=!1,f={state:u,setOptions:function(r){var n,o,i,s,c,d,h,v,m="function"==typeof r?r(u.options):r;p(),u.options=Object.assign({},ef,u.options,m),u.scrollParents={reference:a(e)?S(e):e.contextElement?S(e.contextElement):[],popper:S(t)};var g=(i=Object.keys(o=(n=[].concat(ec,u.options.modifiers)).reduce(function(e,t){var r=e[t.name];return e[t.name]=r?Object.assign({},r,t,{options:Object.assign({},r.options,t.options),data:Object.assign({},r.data,t.data)}):t,e},{})).map(function(e){return o[e]}),c=new Map,d=new Set,h=[],i.forEach(function(e){c.set(e.name,e)}),i.forEach(function(e){d.has(e.name)||function e(t){d.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach(function(t){if(!d.has(t)){var r=c.get(t);r&&e(r)}}),h.push(t)}(e)}),D.reduce(function(e,t){return e.concat(h.filter(function(e){return e.phase===t}))},[]));return u.orderedModifiers=g.filter(function(e){return e.enabled}),u.orderedModifiers.forEach(function(e){var t=e.name,r=e.options,n=e.effect;if("function"==typeof n){var o=n({state:u,name:t,instance:f,options:void 0===r?{}:r}),i=function(){};l.push(o||i)}}),f.update()},forceUpdate:function(){if(!c){var e,t,r,n,o,a,l,p,y,z,S,_,M,P=u.elements,E=P.reference,A=P.popper;if(B(E,A)){u.rects={reference:(e=E,t=j(A),r="fixed"===u.options.strategy,n=s(t),y=s(t)&&(l=d((a=(o=t).getBoundingClientRect()).width)/o.offsetWidth||1,p=d(a.height)/o.offsetHeight||1,1!==l||1!==p),z=g(t),S=h(e,y,r),_={scrollLeft:0,scrollTop:0},M={x:0,y:0},(n||!n&&!r)&&(("body"!==m(t)||x(z))&&(_=function(e){var t;return e!==i(e)&&s(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:v(e)}(t)),s(t)?(M=h(t,!0),M.x+=t.clientLeft,M.y+=t.clientTop):z&&(M.x=b(z))),{x:S.left+_.scrollLeft-M.x,y:S.top+_.scrollTop-M.y,width:S.width,height:S.height}),popper:w(A)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach(function(e){return u.modifiersData[e.name]=Object.assign({},e.data)});for(var O=0;O<u.orderedModifiers.length;O++){if(!0===u.reset){u.reset=!1,O=-1;continue}var I=u.orderedModifiers[O],N=I.fn,C=I.options,L=void 0===C?{}:C,R=I.name;"function"==typeof N&&(u=N({state:u,options:L,name:R,instance:f})||u)}}}},update:function(){return o||(o=new Promise(function(e){Promise.resolve().then(function(){o=void 0,e(new Promise(function(e){f.forceUpdate(),e(u)}))})})),o},destroy:function(){p(),c=!0}};if(!B(e,t))return f;function p(){l.forEach(function(e){return e()}),l=[]}return f.setOptions(r).then(function(e){!c&&r.onFirstUpdate&&r.onFirstUpdate(e)}),f}),eh=r(69590),ev=r.n(eh),em=function(e){return e.reduce(function(e,t){var r=t[0],n=t[1];return e[r]=n,e},{})},eg="undefined"!=typeof window&&window.document&&window.document.createElement?n.useLayoutEffect:n.useEffect,eb=[],ey=function(e,t,r){void 0===r&&(r={});var i=n.useRef(null),a={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||eb}
1,s=n.useState({styles:{popper:{position:a.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),u=s[0],l=s[1],c=n.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(e){var t=e.state,r=Object.keys(t.elements);o.flushSync(function(){l({styles:em(r.map(function(e){return[e,t.styles[e]||{}]})),attributes:em(r.map(function(e){return[e,t.attributes[e]]}))})})},requires:["computeStyles"]}},[]),d=n.useMemo(function(){var e={onFirstUpdate:a.onFirstUpdate,placement:a.placement,strategy:a.strategy,modifiers:[].concat(a.modifiers,[c,{name:"applyStyles",enabled:!1}])};return ev()(i.current,e)?i.current||e:(i.current=e,e)},[a.onFirstUpdate,a.placement,a.strategy,a.modifiers,c]),f=n.useRef();return eg(function(){f.current&&f.current.setOptions(d)},[d]),eg(function(){if(null!=e&&null!=t){var n=(r.createPopper||ep)(e,t,d);return f.current=n,function(){n.destroy(),f.current=null}}},[e,t,r.createPopper]),{state:f.current?f.current.state:null,styles:u.styles,attributes:u.attributes,update:f.current?f.current.update:null,forceUpdate:f.current?f.current.forceUpdate:null}}},86215:function(e,t,r){"use strict";r.d(t,{J:function(){return Z}});var n,o,i=r(67294),a=r(32984),s=r(12351),u=r(23784),l=r(19946),c=r(61363),d=r(64103),f=r(84575),p=r(16567),h=r(14157),v=r(39650),m=r(15466),g=r(51074),b=r(14007),y=r(46045),x=r(73781),w=r(45662),z=r(3855),S=r(16723),_=r(65958),M=r(2740),j=((n=j||{})[n.Open=0]="Open",n[n.Closed=1]="Closed",n),P=((o=P||{})[o.TogglePopover=0]="TogglePopover",o[o.ClosePopover=1]="ClosePopover",o[o.SetButton=2]="SetButton",o[o.SetButtonId=3]="SetButtonId",o[o.SetPanel=4]="SetPanel",o[o.SetPanelId=5]="SetPanelId",o);let E={0(e){let t={...e,popoverState:(0,a.E)(e.popoverState,{0:1,1:0})};return 0===t.popoverState&&(t.__demoMode=!1),t},1:e=>1===e.popoverState?e:{...e,popoverState:1},2:(e,t)=>e.button===t.button?e:{...e,button:t.button},3:(e,t)=>
1e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},4:(e,t)=>e.panel===t.panel?e:{...e,panel:t.panel},5:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}},A=(0,i.createContext)(null);function O(e){let t=(0,i.useContext)(A);if(null===t){let r=Error(`<${e} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,O),r}return t}A.displayName="PopoverContext";let I=(0,i.createContext)(null);function N(e){let t=(0,i.useContext)(I);if(null===t){let r=Error(`<${e} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,N),r}return t}I.displayName="PopoverAPIContext";let C=(0,i.createContext)(null);function L(){return(0,i.useContext)(C)}C.displayName="PopoverGroupContext";let R=(0,i.createContext)(null);function k(e,t){return(0,a.E)(t.type,E,e,t)}R.displayName="PopoverPanelContext";let D=s.AN.RenderStrategy|s.AN.Static,T=s.AN.RenderStrategy|s.AN.Static,B=(0,s.yV)(function(e,t){var r;let{__demoMode:n=!1,...o}=e,l=(0,i.useRef)(null),c=(0,u.T)(t,(0,u.h)(e=>{l.current=e})),d=(0,i.useRef)([]),h=(0,i.useReducer)(k,{__demoMode:n,popoverState:n?0:1,buttons:d,button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:(0,i.createRef)(),afterPanelSentinel:(0,i.createRef)()}),[{popoverState:m,button:y,buttonId:w,panel:S,panelId:j,beforePanelSentinel:P,afterPanelSentinel:E},O]=h,N=(0,g.i)(null!=(r=l.current)?r:y),C=(0,i.useMemo)(()=>{if(!y||!S)return!1;for(let e of document.querySelectorAll("body > *"))if(Number(null==e?void 0:e.contains(y))^Number(null==e?void 0:e.contains(S)))return!0;let t=(0,f.GO)(),r=t.indexOf(y),n=(r+t.length-1)%t.length,o=(r+1)%t.length,i=t[n],a=t[o];return!S.contains(i)&&!S.contains(a)},[y,S]),D=(0,z.E)(w),T=(0,z.E)(j),B=(0,i.useMemo)(()=>({buttonId:D,panelId:T,close:()=>O({type:1})}),[D,T,O]),H=L(),W=null==H?void 0:H.registerPopover,F=(0,x.z)(()=>{var e;return null!=(e=null==H?void 0:H.isFocusWithinPopoverGroup())?e:(null==N?void 0:N.activeElement)&&((null==y?void 0:y.contains(N.activeElement))||(null==S?void 0:S.contains(N.activeElement)))});(0,i.useEffect)(()=>null==W?void 0:W(B),[W,B]);let[$,Z]=(0,M.k)(),U=(0,_.v)({mainTreeNodeRef:null==H?void 0:H.mainTreeNodeRef,portals:$,defaultContainers:[y,S]});(0,b.O)(null==N?void 0:N.defaultView,"focus",e=>{var t,r,n,o;e.target!==window&&e.target instanceof HTMLElement&&0===m&&(F()||y&&S&&(U.contains(e.target)||null!=(r=null==(t=P.current)?void 0:t.contains)&&r.call(t,e.target)||null!=(o=null==(n=E.current)?void 0:n.contains)&&o.call(n,e.target)||O({type:1})))},!0),(0,v.O)(U.resolveContainers,(e,t)=>{O({type:1}),(0,f.sP)(t,f.tJ.Loose)||(e.preventDefault(),null==y||y.focus())},0===m);let G=(0,x.z)(e=>{O({type:1});let t=e?e instanceof HTMLElement?e:"current"in e&&e.current instanceof HTMLElement?e.current:y:y;null==t||t.focus()}),Y=(0,i.useMemo)(()=>({close:G,isPortalled:C}),[G,C]),V=(0,i.useMemo)(()=>({open:0===m,close:G}),[m,G]);return i.createElement(R.Provider,{value:null},i.createElement(A.Provider,{value:h},i.createElement(I.Provider,{value:Y},i.createElement(p.up,{value:(0,a.E)(m,{0:p.ZM.Open,1:p.ZM.Closed})},i.createElement(Z,null,(0,s.sY)({ourProps:{ref:c},theirProps:o,slot:V,defaultTag:"div",name:"Popover"}),i.createElement(U.MainTreeNode,null))))))}),H=(0,s.yV)(function(e,t){let r=(0,l.M)(),{id:n=`headlessui-popover-button-${r}`,...o}=e,[p,v]=O("Popover.Button"),{isPortalled:m}=N("Popover.Button"),b=(0,i.useRef)(null),z=`headlessui-focus-sentinel-${(0,l.M)()}`,S=L(),_=null==S?void 0:S.closeOthers,M=null!==(0,i.useContext)(R);(0,i.useEffect)(()=>{if(!M)return v({type:3,buttonId:n}),()=>{v({type:3,buttonId:null})}},[M,n,v]);let[j]=(0,i.useState)(()=>Symbol()),P=(0,u.T)(b,t,M?null:e=>{if(e)p.buttons.current.push(j);else{let t=p.buttons.current.indexOf(j);-1!==t&&p.buttons.current.splice(t,1)}p.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&v({type:2,button:e})}),E=(0,u.T)(b,t),A=(0,g.i)(b),I=(0,x.z)(e=>{var t,r,n;if(M){if(1===p.popoverState)return;switch(e.key){case c.R.Space:case c.R.Enter:e.preventDefault(),null==(r=(t=e.target).click)||r.call(t),v({type:1}),null==(n=p.button)||n.focus()}}else switch(e.key){case c.R.Space:case c.R.Enter:e.preventDefault(),e.stopPropagation(),1===p.popoverState&&(null==_||_(p.buttonId)),v({type:0});break;case c.R.Escape:if(0!==p.popoverState)return null==_?void 0:_(p.buttonId);if(!b.current||null!=A&&A.activeElement&&!b.current.contains(A.activeElement))return;e.preventDefault(),e.stopPropagation(),v({type:1})}}),C=(0,x.z)(e=>{M||e.key===c.R.Space&&e.preventDefault()}),k=(0,x.z)(t=>{var r,n;(0,d.P)(t.currentTarget)||e.disabled||(M?(v({type:1}),null==(r=p.button)||r.focus()):(t.preventDefault(),t.stopPropagation(),1===p.popoverState&&(null==_||_(p.buttonId)),v({type:0}),null==(n=p.button)||n.focus()))}),D=(0,x.z)(e=>{e.preventDefault(),e.stopPropagation()}),T=0===p.popoverState,B=(0,i.useMemo)(()=>({open:T}),[T]),H=(0,h.f)(e,b),W=M?{ref:E,type:H,onKeyDown:I,onClick:k}:{ref:P,id:p.buttonId,type:H,"aria-expanded":0===p.popoverState,"aria-controls":p.panel?p.panelId:void 0,onKeyDown:I,onKeyUp:C,onClick:k,onMouseDown:D},F=(0,w.l)(),$=(0,x.z)(()=>{let e=p.panel;e&&(0,a.E)(F.current,{[w.N.Forwards]:()=>(0,f.jA)(e,f.TO.First),[w.N.Backwards]:()=>(0,f.jA)(e,f.TO.Last)})===f.fE.Error&&(0,f.jA)((0,f.GO)().filter(e=>"true"!==e.dataset.headlessuiFocusGuard),(0,a.E)(F.current,{[w.N.Forwards]:f.TO.Next,[w.N.Backwards]:f.TO.Previous}),{relativeTo:p.button})});return i.createElement(i.Fragment,null,(0,s.sY)({ourProps:W,theirProps:o,slot:B,defaultTag:"button",name:"Popover.Button"}),T&&!M&&m&&i.createElement(y._,{id:z,features:y.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:$}))}),W=(0,s.yV)(function(e,t){let r=(0,l.M)(),{id:n=`headlessui-popover-overlay-${r}`,...o}=e,[{popoverState:a},c]=O("Popover.Overlay"),f=(0,u.T)(t),h=(0,p.oJ)(),v=null!==h?(h&p.ZM.Open)===p.ZM.Open:0===a,m=(0,x.z)(e=>{if((0,d.P)(e.currentTarget))return e.preventDefault();c({type:1})}),g=(0,i.useMemo)(()=>({open:0===a}
1),[a]);return(0,s.sY)({ourProps:{ref:f,id:n,"aria-hidden":!0,onClick:m},theirProps:o,slot:g,defaultTag:"div",features:D,visible:v,name:"Popover.Overlay"})}),F=(0,s.yV)(function(e,t){let r=(0,l.M)(),{id:n=`headlessui-popover-panel-${r}`,focus:o=!1,...d}=e,[h,v]=O("Popover.Panel"),{close:m,isPortalled:b}=N("Popover.Panel"),z=`headlessui-focus-sentinel-before-${(0,l.M)()}`,_=`headlessui-focus-sentinel-after-${(0,l.M)()}`,M=(0,i.useRef)(null),j=(0,u.T)(M,t,e=>{v({type:4,panel:e})}),P=(0,g.i)(M);(0,S.e)(()=>(v({type:5,panelId:n}),()=>{v({type:5,panelId:null})}),[n,v]);let E=(0,p.oJ)(),A=null!==E?(E&p.ZM.Open)===p.ZM.Open:0===h.popoverState,I=(0,x.z)(e=>{var t;if(e.key===c.R.Escape){if(0!==h.popoverState||!M.current||null!=P&&P.activeElement&&!M.current.contains(P.activeElement))return;e.preventDefault(),e.stopPropagation(),v({type:1}),null==(t=h.button)||t.focus()}});(0,i.useEffect)(()=>{var t;e.static||1===h.popoverState&&(null==(t=e.unmount)||t)&&v({type:4,panel:null})},[h.popoverState,e.unmount,e.static,v]),(0,i.useEffect)(()=>{if(h.__demoMode||!o||0!==h.popoverState||!M.current)return;let e=null==P?void 0:P.activeElement;M.current.contains(e)||(0,f.jA)(M.current,f.TO.First)},[h.__demoMode,o,M,h.popoverState]);let C=(0,i.useMemo)(()=>({open:0===h.popoverState,close:m}),[h,m]),L={ref:j,id:n,onKeyDown:I,onBlur:o&&0===h.popoverState?e=>{var t,r,n,o,i;let a=e.relatedTarget;a&&M.current&&(null!=(t=M.current)&&t.contains(a)||(v({type:1}),(null!=(n=null==(r=h.beforePanelSentinel.current)?void 0:r.contains)&&n.call(r,a)||null!=(i=null==(o=h.afterPanelSentinel.current)?void 0:o.contains)&&i.call(o,a))&&a.focus({preventScroll:!0})))}:void 0,tabIndex:-1},k=(0,w.l)(),D=(0,x.z)(()=>{let e=M.current;e&&(0,a.E)(k.current,{[w.N.Forwards](){var t;(0,f.jA)(e,f.TO.First)===f.fE.Error&&(null==(t=h.afterPanelSentinel.current)||t.focus())},[w.N.Backwards](){var e;null==(e=h.button)||e.focus({preventScroll:!0})}})}),B=(0,x.z)(()=>{let e=M.current;e&&(0,a.E)(k.current,{[w.N.Forwards](){var e;if(!h.button)return;let t=(0,f.GO)(),r=t.indexOf(h.button),n=t.slice(0,r+1),o=[...t.slice(r+1),...n];for(let i of o.slice())if("true"===i.dataset.headlessuiFocusGuard||null!=(e=h.panel)&&e.contains(i)){let a=o.indexOf(i);-1!==a&&o.splice(a,1)}(0,f.jA)(o,f.TO.First,{sorted:!1})},[w.N.Backwards](){var t;(0,f.jA)(e,f.TO.Previous)===f.fE.Error&&(null==(t=h.button)||t.focus())}})});return i.createElement(R.Provider,{value:n},A&&b&&i.createElement(y._,{id:z,ref:h.beforePanelSentinel,features:y.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:D}),(0,s.sY)({ourProps:L,theirProps:d,slot:C,defaultTag:"div",features:T,visible:A,name:"Popover.Panel"}),A&&b&&i.createElement(y._,{id:_,ref:h.afterPanelSentinel,features:y.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:B}))}),$,Z=Object.assign(B,{Button:H,Overlay:W,Panel:F,Group:(0,s.yV)(function(e,t){let r=(0,i.useRef)(null),n=(0,u.T)(r,t),[o,a]=(0,i.useState)([]),l=(0,_.H)(),c=(0,x.z)(e=>{a(t=>{let r=t.indexOf(e);if(-1!==r){let n=t.slice();return n.splice(r,1),n}return t})}),d=(0,x.z)(e=>(a(t=>[...t,e]),()=>c(e))),f=(0,x.z)(()=>{var e;let t=(0,m.r)(r);if(!t)return!1;let n=t.activeElement;return!!(null!=(e=r.current)&&e.contains(n))||o.some(e=>{var r,o;return(null==(r=t.getElementById(e.buttonId.current))?void 0:r.contains(n))||(null==(o=t.getElementById(e.panelId.current))?void 0:o.contains(n))})}),p=(0,x.z)(e=>{for(let t of o)t.buttonId.current!==e&&t.close()}),h=(0,i.useMemo)(()=>({registerPopover:d,unregisterPopover:c,isFocusWithinPopoverGroup:f,closeOthers:p,mainTreeNodeRef:l.mainTreeNodeRef}),[d,c,f,p,l.mainTreeNodeRef]),v=(0,i.useMemo)(()=>({}),[]);return i.createElement(C.Provider,{value:h},(0,s.sY)({ourProps:{ref:n},theirProps:e,slot:v,defaultTag:"div",name:"Popover.Group"}),i.createElement(l.MainTreeNode,null))})})},63710:function(e,t,r){"use strict";r.d(t,{R:function(){return z},Z:function(){return w}});var n=r(85893),o=r(67294);(e=>{try{if(typeof window>"u")return;var t=document.createElement("style");t.appendChild(document.createTextNode(e)),document.head.appendChild(t)}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})(".voice-visualizer__buttons-container{display:flex;justify-content:center;align-items:center;column-gap:20px;row-gap:15px;flex-wrap:wrap;margin-bottom:40px}.voice-visualizer__btn-center{box-sizing:border-box;flex-shrink:0;width:60px;height:60px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;border:4px solid #c5c5c5;outline:none;cursor:pointer;transition:border-color .3s,background-color .3s}.voice-visualizer__btn-center:disabled{opacity:.85;cursor:default}.voice-visualizer__btn-center:hover{background-color:#eaeaea;border:4px solid #9f9f9f}.voice-visualizer__btn-center>img{width:auto;height:50%;max-height:30px}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause{background-color:#ff3030}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause:hover{background-color:#ff4f4f}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause>img{height:50%;max-height:16px}.voice-visualizer__btn-center.voice-visualizer__btn-center--border-transparent{border-color:transparent}.voice-visualizer__btn-center.voice-visualizer__btn-center--border-transparent:hover{background-color:#fff}.voice-visualizer__btn-left{box-sizing:border-box;flex-shrink:0;width:60px;height:60px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#ff3030;border:4px solid #c5c5c5;outline:none;cursor:pointer;transition:border-color .3s,background-color .3s,opacity .3s}.voice-visualizer__btn-container{min-width:100px;display:flex;justify-content:flex-end}.voice-visualizer__btn-left:hover{background-color:#ff4f4f}.voice-visualizer__btn-left:disabled{opacity:.6;background-color:#ff3030;cursor:default}.voice-visualizer__btn-left.voice-visualizer__btn-left-microphone{background-color:#fff}.voice-visualizer__btn-left.voice-visualizer__btn-left-microphone>img{width:auto;height:50%;max-height:30px}.voice-visualizer__btn-left>img{width:auto;height:50%;max-height:16px}.voice-visualizer__btn-left:hover{border:4px solid #9f9f9f}.voice-visualizer__btn{box-sizing:border-box;min-width:100px;min-height:60px;padding:5px 20px;border-radius:40px;font-size:15px;background-color:#f0f0f0;transition:background-color .3s,opacity .3s}.voice-visualizer__btn:disabled{opacity:.8;background-color:#f0f0f0;cursor:default}.voice-visualizer__btn:hover{background-color:#bebebe}.voice-visualizer__canvas-container{position:relative;width:fit-content;margin:0 auto;overflow:hidden}.voice-visualizer__canvas-container canvas{display:block}.voice-visualizer__canvas-microphone-btn{position:absolute;top:50%;left:50%;width:auto;max-width:12%;min-width:24px;height:50%;max-height:100px;background-color:transparent;border:none;outline:none;transform:translate(-50%,-50%)}.voice-visualizer__canvas-microphone-icon{width:100%;height:100%;will-change:transform;transition:transform .3s}.voice-visualizer__canvas-microphone-btn:hover .voice-visualizer__canvas-microphone-icon{transform:scale(1.03)}.voice-visualizer__canvas-audio-wave-icon{position:absolute;top:50%;left:50%;width:auto;max-width:40%;height:40%;max-height:100px;transform:translate(-118%,-50%) scale(-1)}.voice-visualizer__canvas-audio-wave-icon2{transform:translate(18%,-50%)}.voice-visualizer__canvas-audio-processing{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}.voice-visualizer__progress-indicator-hovered{position:absolute;top:0;pointer-events:none;height:100%;width:1px;background-color:#85858599}.voice-visualizer__progress-indicator-hovered-time{position:absolute;top:3%;left:1px;width:fit-content;margin:0;padding:0 7px;opacity:.8;font-size:12px;border-radius:0 4px 4px 0;background-color:#575757;text-align:left}.voice-visualizer__progress-indicator-hovered-time.voice-visualizer__progress-indicator-hovered-time-left{left:unset;right:1px;border-radius:4px 0 0 4px}.voice-visualizer__progress-indicator{position:absolute;top:0;pointer-events:none;height:100%;width:1px;background-color:#efefef}.voice-visualizer__progress-indicator-time{position:absolute;top:3%;left:1px;width:fit-content;box-sizing:border-box;min-width:37px;margin:0;padding:0 7px;font-size:12px;border-radius:0 4px 4px 0;text-align:left;color:#000;font-weight:500;background-color:#efefef}.voice-visualizer__progress-indicator-time.voice-visualizer__progress-indicator-time-left{left:unset;right:1px;border-radius:4px 0 0 4px}.voice-visualizer__audio-info-container{box-sizing:border-box;height:55px;display:flex;align-items:center;justify-content:center;gap:30px}.voice-visualizer__audio-info-time{margin:15px 0;min-width:38px;text-align:left}.voice-visualizer__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:4px solid #c5c5c5;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.voice-visualizer__relative{position:relative}.voice-visualizer__spinner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:flex;justify-content:center;align-items:center}.voice-visualizer__spinner{flex-shrink:0;width:100%;height:100%;border:4px solid rgba(197,197,197,.5);border-radius:50%;border-top-color:#b7b7b7;animation:voice-visualizer__spin 1s ease-in-out infinite;-webkit-animation:voice-visualizer__spin 1s ease-in-out infinite}@keyframes voice-visualizer__spin{to{transform:rotate(360deg)}}@-webkit-keyframes voice-visualizer__spin{to{transform:rotate(360deg)}}");let i=({canvas:e,backgroundColor:t})=>{let r=e.height,n=e.width,o=e.getContext("2d");return o?(o.clearRect(0,0,n,r),"transparent"!==t&&(o.fillStyle=t,o.fillRect(0,0,n,r)),{context:o,height:r,width:n,halfWidth:Math.round(n/2)}):null},a=({context:e,color:t,rounded:r,x:n,y:o,w:i,h:a})=>{e.fillStyle=t,e.beginPath(),e.roundRect?(e.roundRect(n,o,i,a,r),e.fill()):e.fillRect(n,o,i,a)},s=({barsData:e,canvas:t,barWidth:r,gap:n,backgroundColor:o,mainBarColor:s,secondaryBarColor:u,currentAudioTime:l=0,rounded:c,duration:d})=>{let f=i({canvas:t,backgroundColor:o});if(!f)return;let{context:p,height:h}=f,v=l/d;e.forEach((t,o)=>{let i=o/e.length;a({context:p,color:v>i?u:s,rounded:c,x:o*(r+n*r),y:h/2-t.max,h:2*t.max,w:r})})}
1,u=({audioData:e,unit:t,index:r,index2:n,canvas:o,isRecordingInProgress:s,isPausedRecording:u,picks:l,backgroundColor:c,barWidth:d,mainBarColor:f,secondaryBarColor:p,rounded:h,animateCurrentPick:v,fullscreen:m})=>{let g=i({canvas:o,backgroundColor:c});if(!g)return;let{context:b,height:y,width:x,halfWidth:w}=g;if(null!=e&&e.length&&s){let z=Math.max(...e);if(!u){if(n.current>=d){n.current=0;let S=r.current===d?{startY:(y-z/258*y)/y*100,barHeight:(-y+z/258*y*2)/y*100}:null;r.current>=t?r.current=d:r.current+=d,l.length>(m?x:w)/d&&l.pop(),l.unshift(S)}n.current+=1}m||function({context:e,color:t,rounded:r,width:n,height:o,barWidth:i}){a({context:e,color:t,rounded:r,x:n/2+i/2,y:o/2-1,h:2,w:n-(n/2+i/2)})}({context:b,color:p,rounded:h,width:x,height:y,barWidth:d}),v&&a({context:b,rounded:h,color:f,x:m?x:w,y:y-z/258*y,h:-y+z/258*y*2,w:d});let _=(m?x:w)-n.current;l.forEach(e=>{e&&a({context:b,color:f,rounded:h,x:_,y:e.startY*y/100>y/2-1?y/2-1:e.startY*y/100,h:e.barHeight*y/100>2?e.barHeight*y/100:2,w:d}),_-=d})}else l.length=0},l=e=>{let t=Math.floor(e/3600),r=Math.floor(e%3600/60),n=e%60,o=Math.floor((n-Math.floor(n))*1e3);return t>0?`${String(t).padStart(2,"0")}:${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}`:r>0?`${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}`:`${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}`},c=e=>{let t=Math.floor(e/1e3),r=Math.floor(t/3600),n=Math.floor(t%3600/60),o=t%60;return r>0?`${String(r).padStart(2,"0")}:${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}`:`${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}`};function d(e){if("string"==typeof e){let t=Number(e);if(!Number.isNaN(t))return`${2*Math.trunc(t/2)}px`}return e}let f=({bufferData:e,height:t,width:r,barWidth:n,gap:o})=>{let i=r/(n+o*n),a=Math.floor(e.length/i),s=t/2,u=[],l=0;for(let c=0;c<i;c++){let d=[],f=0;for(let p=0;p<a&&c*a+p<e.length;p++){let h=e[c*a+p];h>0&&(d.push(h),f++)}let v=d.reduce((e,t)=>e+t,0)/f;v>l&&(l=v),u.push({max:v})}if(.95*s>l*s){let m=.95*s/l;u=u.map(e=>({max:e.max>.01?e.max*m:1}))}return u},p=e=>{if(!e)return"";let t=e.match(/audio\/([^;]+)/);return t&&t.length>=2?`.${t[1]}`:""},h=e=>{let t=Math.floor(e/3600),r=Math.floor(e%3600/60),n=e%60,o=Math.floor((n-Math.floor(n))*1e3);return t>0?`${String(t).padStart(2,"0")}:${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}}h`:r>0?`${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}m`:`${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}${String(o).charAt(1)}s`},v=e=>{onmessage=t=>{postMessage(e(t.data))}},m=(e,t=250)=>{let r=(0,o.useRef)();return(0,o.useCallback)((...n)=>{let o=()=>{clearTimeout(r.current),e(...n)};clearTimeout(r.current),r.current=setTimeout(o,t)},[e,t])},g=({color:e="#000000",stroke:t=2,className:r})=>(0,n.jsx)("svg",{viewBox:"0 0 23 33",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:(0,n.jsx)("path",{d:"M1.1 16.72c0 3 .96 5.8 3.61 7.95a9.96 9.96 0 0 0 6.5 2.17m0 0v4.34h4.34-8.67m4.34-4.34c2.35 0 4.42-.48 6.5-2.17a9.87 9.87 0 0 0 3.61-7.95M11.22 1.82c-1.45 0-2.5.37-3.3.93a5.6 5.6 0 0 0-1.84 2.4c-.9 2.06-1.1 4.77-1.1 7.24 0 2.46.2 5.17 1.1 7.24a5.6 5.6 0 0 0 1.84 2.4c.8.55 1.85.92 3.3.92 1.44 0 2.5-.37 3.29-.93a5.6 5.6 0 0 0 1.84-2.4c.9-2.06 1.1-4.77 1.1-7.23 0-2.47-.2-5.18-1.1-7.24a5.6 5.6 0 0 0-1.84-2.4 5.52 5.52 0 0 0-3.3-.93Z",stroke:e,strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round"})}),b=({color:e="#FFFFFF",reflect:t})=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0.92 17.54 48.27 14.92",className:`voice-visualizer__canvas-audio-wave-icon ${t?"voice-visualizer__canvas-audio-wave-icon2":""}`,children:(0,n.jsx)("path",{d:"M.92 24.63h.21v.75H.92zm.42-1.39h.21v3.52h-.21zm.43.68h.21v2.17h-.21zM2.2 22h.21v6.01H2.2zm.43-1.27h.21v8.55h-.21zm.43 2.07h.21v4.4h-.21zm.43 1.22h.21v1.97h-.21zm.43.47h.21v1.03h-.21zm.43-1.66h.21v4.35h-.21zm.43-1.74h.21v7.82h-.21zm.43 1.94h.21v3.94h-.21zm.43 1.07h.21v1.81h-.21zm.42-.94h.21v3.68h-.21zm.43.91h.21v1.86h-.21zm.43-.23h.21v2.33h-.21zm.43.46h.21v1.4h-.21zm.43-.7h.21v2.8h-.21zm.43-1.6h.21v6.01h-.21zm.43-2.23h.21v10.46h-.21zm.43-1.4h.21v13.26h-.21zm.43.62h.21v12.02H9.5zm.43 1.64h.21v8.75h-.21zm.43 1.37h.21v6.01h-.21zm.43-1.87H11v9.74h-.21zm.42 1.32h.21v7.1h-.21zm.43-2.64h.21v12.38h-.21zm.43 1.61h.21v9.17h-.21zM12.5 22h.21v6.01h-.21zm.43 1.32h.21v3.37h-.21zm.43-2.51h.21v8.39h-.21zm.43.59H14v7.2h-.21zm.43 1.79h.21v3.62h-.21zm.43.41h.21v2.8h-.21zm.43.57h.21v1.66h-.21zm.43-1.11h.21v3.88h-.21zm.42-2.98h.21v9.84h-.21zm.43 1.06h.21v7.72h-.21zm.43 3.19H17v1.35h-.21zm.86-2.33h.21v6.01h-.21zm-.43 1.4h.21v3.21h-.21zm1.29.15h.21v2.9h-.21zm.43.68h.21v1.55h-.21zm-.86-.76h.21v3.05h-.21zm1.29-.05h.21v3.16h-.21zm.43-.64h.21v4.45h-.21zm.43.38h.21v3.68h-.21zm.42-.49h.21v4.66h-.21zm.43 1.32h.21v2.02h-.21zm.43.37h.21v1.29h-.21zm.43.31h.21v.67h-.21zm.43-.39h.21v1.45h-.21zm.43-1.35h.21v4.14h-.21zm.86.73h.21v2.69h-.21zm-.43.44h.21v1.81h-.21zm1.29-3.45h.21v8.7h-.21zm.43 1.71h.21v5.28h-.21zm-.86-2.3h.21v9.89h-.21zm1.29 3.36h.21v3.16h-.21zM25.8 22h.21v6.01h-.21zm.43 1.42h.21v3.16h-.21zm.43.88h.21v1.4h-.21zm.43-.93h.21v3.26h-.21zm.43-1.37h.21v6.01h-.21zm.43-.93h.21v7.87h-.21zm.43-.76h.21v9.38h-.21zm.43 1.69h.21v6.01h-.21zm.86 1.92h.21v2.17h-.21zm-.43-.6h.21v3.37h-.21zm1.28.05h.21v3.26h-.21zm.43.67h.21v1.91h-.21zm-.85-.51h.21v2.95h-.21zm1.28-.13h.21v3.21h-.21zm.43-1.4h.21v6.01h-.21zm.43-.99h.21v7.98h-.21zm.43 1.77h.21v4.45h-.21zm.43-1.22h.21v6.89h-.21zm.43 1.6h.21v3.68h-.21zm.43-.28h.21v4.25h-.21zm.43-.6h.21v5.44h-.21zm.43-.28h.21v6.01h-.21zm.85 2.02h.21v1.97h-.21zm-.43-.57h.21v3.11h-.21zm1.29.93h.21v1.24h-.21zm.43-.65h.21v2.54h-.21zm-.86-.28h.21v3.11h-.21zm1.29.83h.21v1.45h-.21zm.43-.99h.21v3.42h-.21zm.43-.1h.21v3.62h-.21zm.43-.7h.21v5.02h-.21zm.43.8h.21v3.42h-.21zm.43-1.29h.21v6.01h-.21zm.42-1.71h.21v9.43h-.21zm.43 2.38h.21v4.66h-.21zm.43.65h.21v3.37h-.21zm.86.08h.21v3.21h-.21zm-.43.54h.21v2.12h-.21zm1.29-.05h.21v2.23h-.21zm.43.28h.21v1.66h-.21zm-.86.16h.21v1.35h-.21zm1.29.21h.21v.93h-.21zm.43-6.04h.21v13h-.21zm.43.8h.21v11.4h-.21zm.43-1.76h.21v14.92h-.21zm.42 1.09h.21v12.74h-.21zm.43 1.17h.21v10.41h-.21zm.43 1.32h.21v7.77h-.21zm.43 1.6h.21v4.56h-.21zm.43 1.17h.21v2.23h-.21zm.86-.08h.21v2.38h-.21zm-.43-.34h.21v3.05h-.21zm1.29-.1h.21v3.26h-.21zm.43.93h.21v1.4h-.21zm-.86-.02h.21v1.45h-.21z",fill:e})}),y="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEuMSAxNi43MmMwIDMgLjk2IDUuOCAzLjYxIDcuOTVhOS45NiA5Ljk2IDAgMCAwIDYuNSAyLjE3bTAgMHY0LjM0aDQuMzQtOC42N200LjM0LTQuMzRjMi4zNSAwIDQuNDItLjQ4IDYuNS0yLjE3YTkuODcgOS44NyAwIDAgMCAzLjYxLTcuOTVNMTEuMjIgMS44MmMtMS40NSAwLTIuNS4zNy0zLjMuOTNhNS42IDUuNiAwIDAgMC0xLjg0IDIuNGMtLjkgMi4wNi0xLjEgNC43Ny0xLjEgNy4yNCAwIDIuNDYuMiA1LjE3IDEuMSA3LjI0YTUuNiA1LjYgMCAwIDAgMS44NCAyLjRjLjguNTUgMS44NS45MiAzLjMuOTIgMS40NCAwIDIuNS0uMzcgMy4yOS0uOTNhNS42IDUuNiAwIDAgMCAxLjg0LTIuNGMuOS0yLjA2IDEuMS00Ljc3IDEuMS03LjIzIDAtMi40Ny0uMi01LjE4LTEuMS03LjI0YTUuNiA1LjYgMCAwIDAtMS44NC0yLjQgNS41MiA1LjUyI
1DAgMCAwLTMuMy0uOTNaIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K",x="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE0IDMuNWEzLjUgMy41IDAgMSAxIDcgMHYyMmEzLjUgMy41IDAgMSAxLTcgMHYtMjJaIiBmaWxsPSIjZmZmIi8+CiAgPHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjkiIHJ4PSIzLjUiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==",w=({controls:{audioRef:e,audioData:t,isRecordingInProgress:r,recordedBlob:a,duration:c,currentAudioTime:p,audioSrc:h,bufferFromRecordedBlob:w,togglePauseResume:z,startRecording:S,stopRecording:_,saveAudioFile:M,isAvailableRecordedAudio:j,isPausedRecordedAudio:P,isPausedRecording:E,isProcessingStartRecording:A,isProcessingRecordedAudio:O,isCleared:I,formattedDuration:N,formattedRecordingTime:C,formattedRecordedAudioCurrentTime:L,clearCanvas:R,setCurrentAudioTime:k,isProcessingOnResize:D,_setIsProcessingOnResize:T,_setIsProcessingAudioOnComplete:B},width:H="100%",height:W=200,speed:F=3,backgroundColor:$="transparent",mainBarColor:Z="#FFFFFF",secondaryBarColor:U="#5e5e5e",barWidth:G=2,gap:Y=1,rounded:V=5,isControlPanelShown:q=!0,isDownloadAudioButtonShown:J=!1,animateCurrentPick:Q=!0,fullscreen:K=!1,onlyRecording:X=!1,isDefaultUIShown:ee=!0,defaultMicrophoneIconColor:et=Z,defaultAudioWaveIconColor:er=Z,mainContainerClassName:en,canvasContainerClassName:eo,isProgressIndicatorShown:ei=!X,progressIndicatorClassName:ea,isProgressIndicatorTimeShown:es=!0,progressIndicatorTimeClassName:eu,isProgressIndicatorOnHoverShown:el=!X,progressIndicatorOnHoverClassName:ec,isProgressIndicatorTimeOnHoverShown:ed=!0,progressIndicatorTimeOnHoverClassName:ef,isAudioProcessingTextShown:ep=!0,audioProcessingTextClassName:eh,controlButtonsClassName:ev})=>{let[em,eg]=(0,o.useState)(0),[eb,ey]=(0,o.useState)(0),[ex,ew]=(0,o.useState)(0),[ez,eS]=(0,o.useState)(0),[e_,eM]=(0,o.useState)(!1),[ej,eP]=(0,o.useState)(window.innerWidth),[eE,eA]=(0,o.useState)(!1),eO=ej<
1768,eI=Math.trunc(F),eN=Math.trunc(Y),eC=Math.trunc(eO&&eN>0?G+1:G),eL=eC+eN*eC,eR=(0,o.useRef)(null),ek=(0,o.useRef)([]),eD=(0,o.useRef)(eI),eT=(0,o.useRef)(eC),eB=(0,o.useRef)(eC),eH=(0,o.useRef)(null),eW=function(e){let t=(0,o.useRef)(e);return(0,o.useLayoutEffect)(()=>{t.current=e},[e]),t}(ej),{result:eF,setResult:e$,run:eZ}=function({fn:e,initialValue:t,onMessageReceived:r}){let[n,i]=(0,o.useState)(t);return{result:n,setResult:i,run(t){let n=new Worker(URL.createObjectURL(new Blob([`(${v})(${e})`])));n.onmessage=e=>{e.data&&(i(e.data),r&&r(),n.terminate())},n.onerror=e=>{console.error(e.message),n.terminate()},n.postMessage(t)}}}({fn:f,initialValue:[],onMessageReceived:function(){T(!1),B(!1),null!=e&&e.current&&!D&&(e.current.src=h)}}),eU=m(eG);function eG(){if(!eH.current||!eR.current)return;eD.current=eI;let e=2*Math.trunc(eH.current.clientHeight*window.devicePixelRatio/2);ey(eH.current.clientWidth),ew(e),eS(Math.round(eH.current.clientWidth*window.devicePixelRatio)),eA(!1)}(0,o.useEffect)(()=>{eG();let e=()=>{eW.current!==window.innerWidth&&(j?(eP(window.innerWidth),T(!0),eA(!0),eU()):(eP(window.innerWidth),eG()))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[H,j]),(0,o.useLayoutEffect)(()=>{eR.current&&((eD.current>=eI||!t.length)&&(eD.current=t.length?0:eI,u({audioData:t,unit:eL,index:eT,index2:eB,canvas:eR.current,picks:ek.current,isRecordingInProgress:r,isPausedRecording:E,backgroundColor:$,mainBarColor:Z,secondaryBarColor:U,barWidth:eC,rounded:V,animateCurrentPick:Q,fullscreen:K})),eD.current+=1)},[eR.current,t,eC,$,Z,U,V,K,ee,ez]),(0,o.useEffect)(()=>{var e,t;if(j)return e_?null==(e=eR.current)||e.addEventListener("mouseleave",eV):null==(t=eR.current)||t.addEventListener("mouseenter",eY),()=>{var e,t;e_?null==(e=eR.current)||e.removeEventListener("mouseleave",eV):null==(t=eR.current)||t.removeEventListener("mouseenter",eY)}},[e_,j]),(0,o.useEffect)(()=>{var e;if(!w||!eR.current||r||eE)return;if(X){R();return}ek.current=[];let t=w.getChannelData(0);return eZ({bufferData:t,height:ex,width:ez,barWidth:eC,gap:eN}),null==(e=eR.current)||e.addEventListener("mousemove",eq),()=>{var e;null==(e=eR.current)||e.removeEventListener("mousemove",eq)}},[w,eb,ex,Y,G,eE]),(0,o.useEffect)(()=>{if(!(X||!(null!=eF&&eF.length)||!eR.current||O)){if(I){e$([]);return}s({barsData:eF,canvas:eR.current,barWidth:eC,gap:eN,backgroundColor:$,mainBarColor:Z,secondaryBarColor:U,currentAudioTime:p,rounded:V,duration:c})}},[eF,p,I,V,$,Z,U]),(0,o.useEffect)(()=>{O&&eR.current&&i({canvas:eR.current,backgroundColor:$})},[O]);let eY=()=>{eM(!0)},eV=()=>{eM(!1)},eq=e=>{eg(e.offsetX)},eJ=t=>{if(null!=e&&e.current&&eR.current){let r=c/eb*(t.clientX-eR.current.getBoundingClientRect().left);e.current.currentTime=r,k(r)}},eQ=p/c*eb;return(0,n.jsxs)("div",{className:`voice-visualizer ${en??""}`,children:[(0,n.jsxs)("div",{className:`voice-visualizer__canvas-container ${eo??""}`,ref:eH,style:{width:d(H)},children:[(0,n.jsx)("canvas",{ref:eR,width:ez,height:ex,onClick:eJ,style:{height:d(W),width:eb},children:"Your browser does not support HTML5 Canvas."}),ee&&I&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(b,{color:er}),(0,n.jsx)(b,{color:er,reflect:!0}),(0,n.jsx)("button",{onClick:S,className:"voice-visualizer__canvas-microphone-btn",children:(0,n.jsx)(g,{color:et,stroke:.5,className:"voice-visualizer__canvas-microphone-icon"})})]}),ep&&O&&(0,n.jsx)("p",{className:`voice-visualizer__canvas-audio-processing ${eh??""}`,style:{color:Z},children:"Processing Audio..."}),e_&&j&&!O&&!eO&&el&&(0,n.jsx)("div",{className:`voice-visualizer__progress-indicator-hovered ${ec??""}`,style:{left:em},children:ed&&(0,n.jsx)("p",{className:`voice-visualizer__progress-indicator-hovered-time 2 ${eb-em<70?"voice-visualizer__progress-indicator-hovered-time-left":""} 3 ${ef??""}`,children:l(c/eb*em)})}),ei&&j&&!O&&c?(0,n.jsx)("div",{className:`voice-visualizer__progress-indicator ${ea??""}`,style:{left:eQ<eb-1?eQ:eb-1},children:es&&(0,n.jsx)("p",{className:`voice-visualizer__progress-indicator-time ${eb-p*eb/c<70?"voice-visualizer__progress-indicator-time-left":""} ${eu??""}`,children:L})}):null]}),q&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"voice-visualizer__audio-info-container",children:[r&&(0,n.jsx)("p",{className:"voice-visualizer__audio-info-time",children:C}),c&&!O?(0,n.jsx)("p",{children:N}):null]}),(0,n.jsxs)("div",{className:"voice-visualizer__buttons-container",children:[r&&(0,n.jsx)("div",{className:"voice-visualizer__btn-container",children:(0,n.jsx)("button",{className:`voice-visualizer__btn-left ${E?"voice-visualizer__btn-left-microphone":""}`,onClick:z,children:(0,n.jsx)("img",{src:E?y:x,alt:E?"Play":"Pause"})})}),!I&&(0,n.jsx)("button",{className:`voice-visualizer__btn-left ${r||A?"voice-visualizer__visually-hidden":""}`,onClick:z,disabled:O,children:(0,n.jsx)("img",{src:P?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE4Ljc1IDYuMTZjNC4zMSAyLjYgNi40NiAzLjkgNi40NiA1Ljg0IDAgMS45NS0yLjE1IDMuMjQtNi40NiA1Ljg0bC00Ljg0IDIuOTJjLTQuMzEgMi42LTYuNDYgMy44OS04LjA4IDIuOTItMS42Mi0uOTgtMS42Mi0zLjU3LTEuNjItOC43NlY5LjA4YzAtNS4xOSAwLTcuNzggMS42Mi04Ljc2IDEuNjItLjk3IDMuNzcuMzMgOC4wOCAyLjkybDQuODQgMi45MloiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==":x,alt:P?"Play":"Pause"})}),I&&(0,n.jsxs)("button",{className:`voice-visualizer__btn-center voice-visualizer__relative ${A?"voice-visualizer__btn-center--border-transparent":""}`,onClick:S,disabled:A,children:[A&&(0,n.jsx)("div",{className:"voice-visualizer__spinner-wrapper",children:(0,n.jsx)("div",{className:"voice-visualizer__spinner"})}),(0,n.jsx)("img",{src:y,alt:"Microphone"})]}),(0,n.jsx)("button",{className:`voice-visualizer__btn-center voice-visualizer__btn-center-pause ${r?"":"voice-visualizer__visually-hidden"}`,onClick:_,children:(0,n.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3QgeD0iLjIxIiB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHJ4PSI1IiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=",alt:"Stop"})}),!I&&(0,n.jsx)("button",{onClick:R,className:`voice-visualizer__btn ${ev??""}`,disabled:O,children:"Clear"}),J&&a&&(0,n.jsx)("button",{onClick:M,className:`voice-visualizer__btn ${ev??""}`,disabled:O,children:"Download Audio"})]})]})]})};function z({onStartRecording:e,onStopRecording:t,onPausedRecording:r,onResumedRecording:n,onClearCanvas:i,onEndAudioPlayback:a,onStartAudioPlayback:s,onPausedAudioPlayback:u,onResumedAudioPlayback:d,onErrorPlayingAudio:f}={}){let[v,m]=(0,o.useState)(!1),[g,b]=(0,o.useState)(!1),[y,x]=(0,o.useState)(null),[w,z]=(0,o.useState)(new Uint8Array(0)),[S,_]=(0,o.useState)(!1),[M,j]=(0,o.useState)(null),[P,E]=(0,o.useState)(null),[A,O]=(0,o.useState)(0),[I,N]=(0,o.useState)(0),[C,L]=(0,o.useState)(0),[R,k]=(0,o.useState)(""),[D,T]=(0,o.useState)(!0),[B,H]=(0,o.useState)(0),[W,F]=(0,o.useState)(!0),[$,Z]=(0,o.useState)(!1),[U,G]=(0,o.useState)(!1),[Y,V]=(0,o.useState)(null),[q,J]=(0,o.useState)(!1),Q=(0,o.useRef)(null),K=(0,o.useRef)(null),X=(0,o.useRef)(null),ee=(0,o.useRef)(null),et=(0,o.useRef)(null),er=(0,o.useRef)(null),en=(0,o.useRef)(null),eo=(0,o.useRef)(null),ei=!!(P&&!S),ea=h(C),es=c(A),eu=l(B);(0,o.useEffect)(()=>
3{if(!v||g)return;let e=setInterval(()=>{let e=performance.now();O(t=>t+(e-I)),N(e)},1e3);return()=>clearInterval(e)},[I,g,v]),(0,o.useEffect)(()=>{if(Y){eb();return}},[Y]),(0,o.useEffect)(()=>()=>{eb()},[]),(0,o.useEffect)(()=>(W||window.addEventListener("beforeunload",el),()=>{window.removeEventListener("beforeunload",el)}),[W]);let el=e=>{e.preventDefault(),e.returnValue=""},ec=async e=>{if(e)try{if(0===e.size)throw Error("Error: The audio blob is empty");let t=URL.createObjectURL(e);k(t);let r=await e.arrayBuffer(),n=await new AudioContext().decodeAudioData(r);E(n),L(n.duration-.06),V(null)}catch(o){console.error("Error processing the audio blob:",o),V(o instanceof Error?o:Error("Error processing the audio blob"))}},ed=e=>{e instanceof Blob&&(eb(),G(!0),F(!1),_(!0),m(!1),O(0),b(!1),eo.current=new Audio,j(e),ec(e))},ef=()=>{J(!0),navigator.mediaDevices.getUserMedia({audio:!0}).then(t=>{F(!1),J(!1),m(!0),N(performance.now()),x(t),K.current=new window.AudioContext,X.current=K.current.createAnalyser(),ee.current=new Uint8Array(X.current.frequencyBinCount),et.current=K.current.createMediaStreamSource(t),et.current.connect(X.current),Q.current=new MediaRecorder(t),Q.current.addEventListener("dataavailable",eh),Q.current.start(),e&&e(),ep()}).catch(e=>{J(!1),V(e instanceof Error?e:Error("Error starting audio recording"))})},ep=()=>{X.current.getByteTimeDomainData(ee.current),z(new Uint8Array(ee.current)),er.current=requestAnimationFrame(ep)},eh=e=>{Q.current&&(Q.current=null,eo.current=new Audio,j(e.data),ec(e.data))},ev=()=>{eo.current&&(H(eo.current.currentTime),en.current=requestAnimationFrame(ev))},em=()=>{v||q||(W||eb(),ef())},eg=()=>{v&&(m(!1),Q.current&&(Q.current.stop(),Q.current.removeEventListener("dataavailable",eh)),null==y||y.getTracks().forEach(e=>e.stop()),er.current&&cancelAnimationFrame(er.current),et.current&&et.current.disconnect(),K.current&&"closed"!==K.current.state&&K.current.close(),_(!0),O(0),b(!1),t&&t())},eb=()=>{er.current&&(cancelAnimationFrame(er.current),er.current=null),en.current&&(cancelAnimationFrame(en.current),en.current=null),Q.current&&(Q.current.removeEventListener("dataavailable",eh),Q.current.stop(),Q.current=null),null==y||y.getTracks().forEach(e=>e.stop()),null!=eo&&eo.current&&(eo.current.removeEventListener("ended",ew),eo.current.pause(),eo.current.src="",eo.current=null),K.current=null,X.current=null,ee.current=null,et.current=null,x(null),J(!1),m(!1),G(!1),_(!1),j(null),E(null),O(0),N(0),L(0),k(""),H(0),T(!0),b(!1),Z(!1),z(new Uint8Array(0)),V(null),F(!0),i&&i()},ey=()=>{if(eo.current&&eo.current.paused){let e=eo.current.play();void 0!==e&&e.catch(e=>{console.error(e),f&&f(e instanceof Error?e:Error("Error playing audio"))})}},ex=()=>{var e,t,o;if(v){b(e=>!e),(null==(e=Q.current)?void 0:e.state)==="recording"?(null==(t=Q.current)||t.pause(),O(e=>e+(performance.now()-I)),er.current&&cancelAnimationFrame(er.current),r&&r()):(er.current=requestAnimationFrame(ep),null==(o=Q.current)||o.resume(),N(performance.now()),n&&n());return}if(eo.current&&ei){if(eo.current.paused)requestAnimationFrame(ev),ey(),eo.current.addEventListener("ended",ew),T(!1),s&&0===B&&s(),d&&0!==B&&d();else{en.current&&cancelAnimationFrame(en.current),eo.current.removeEventListener("ended",ew),eo.current.pause(),T(!0);let i=eo.current.currentTime;H(i),eo.current.currentTime=i,u&&u()}}},ew=()=>{en.current&&cancelAnimationFrame(en.current),T(!0),null!=eo&&eo.current&&(eo.current.currentTime=0,H(0),a&&a())},ez=()=>{var e;if(!R)return;let t=document.createElement("a");t.href=R,t.download=`recorded_audio${p(null==(e=Q.current)?void 0:e.mimeType)}`,document.body.appendChild(t),t.click(),document.body.removeChild(t),URL.revokeObjectURL(R)};return{audioRef:eo,isRecordingInProgress:v,isPausedRecording:g,audioData:w,recordingTime:A,isProcessingRecordedAudio:$||S,recordedBlob:M,mediaRecorder:Q.current,duration:C,currentAudioTime:B,audioSrc:R,isPausedRecordedAudio:D,bufferFromRecordedBlob:P,isCleared:W,isAvailableRecordedAudio:ei,formattedDuration:ea,formattedRecordingTime:es,formattedRecordedAudioCurrentTime:eu,startRecording:em,togglePauseResume:ex,stopRecording:eg,saveAudioFile:ez,clearCanvas:eb,setCurrentAudioTime:H,error:Y,isProcessingOnResize:$,isProcessingStartRecording:q,isPreloadedBlob:U,setPreloadedAudioBlob:ed,_setIsProcessingAudioOnComplete:_,_setIsProcessingOnResize:Z}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.