https://www.remotal.io/_next/static/chunks/7247.4bfdbfdfe5fdcb0b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7247],{7247:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var i=n(5893),o=n(7718),r=n.n(o),a=n(7294);function s(t){let{className:e,color:n="#02487e",speed:o=.1}=t,r=(0,a.useId)().replaceAll(":","");return(0,i.jsx)(l,{containerId:r,color:n,speed:o,className:e})}class l extends a.Component{initiator(t,e,n){let i=this.containerRef.current.getElementsByTagName("canvas")[0];i&&(this.engineInstance=t.init({selector:"#"+this.state.containerId,maxParticles:40,connectParticles:!0,minDistance:200,speed:n,color:e,responsive:[{breakpoint:768,options:{minDistance:150}}]}))}componentDidMount(){this.initiator(r(),this.state.color,this.state.speed)}componentWillUnmount(){let t=this.containerRef.current.getElementsByTagName("canvas")[0];t&&(this.engineInstance&&this.engineInstance.pauseAnimation(),this.engineInstance=null)}render(){return(0,i.jsx)("div",{ref:this.containerRef,children:(0,i.jsx)("canvas",{id:this.state.containerId,className:this.state.className,"aria-hidden":"true"})})}constructor(t){super(t);let{containerId:e,color:n,speed:i,className:o}=t;this.state={className:o,color:n,speed:i,containerId:e},this.containerRef=a.createRef(),this.engineInstance=null}}},7718:function(t,e,n){var i,o=function(t,e){"use strict";var n,i={};function o(t,e){return t.x<e.x?-1:t.x>e.x?1:t.y<e.y?-1:t.y>e.y?1:0}return(n=function(){var t=this;t.defaults={responsive:null,selector:null,maxParticles:100,sizeVariations:3,showParticles:!0,speed:.5,color:"#000000",minDistance:120,connectParticles:!1},t.element=null,t.context=null,t.ratio=null,t.breakpoints=[],t.activeBreakpoint=null,t.breakpointSettings=[],t.originalSettings=null,t.storage=[],t.usingPolyfill=!1}).prototype.init=function(t){var e=this;return e.options=e._extend(e.defaults,t),e.originalSettings=JSON.parse(JSON.stringify(e.options)),e._animate=e._animate.bind(e),e._initializeCanvas(),e._initializeEvents(),e._registerBreakpoints(),e._checkResponsive(),e._initializeStorage(),e._animate(),e},n.prototype.destroy=function(){var e=this;e.storage=[],e.element.remove(),t.removeEventListener("resize",e.listener,!1),t.clearTimeout(e._animation),cancelAnimationFrame(e._animation)},n.prototype._initializeCanvas=function(){var n,i,o=this;if(!o.options.selector)return console.warn("particles.js: No selector specified! Check https://github.com/marcbruederlin/particles.js#options"),!1;o.element=e.querySelector(o.options.selector),o.context=o.element.getContext("2d"),n=t.devicePixelRatio||1,i=o.context.webkitBackingStorePixelRatio||o.context.mozBackingStorePixelRatio||o.context.msBackingStorePixelRatio||o.context.oBackingStorePixelRatio||o.context.backingStorePixelRatio||1,o.ratio=n/i,o.element.width=o.element.offsetParent?o.element.offsetParent.clientWidth*o.ratio:o.element.clientWidth*o.ratio,o.element.offsetParent&&"BODY"===o.element.offsetParent.nodeName?o.element.height=t.innerHeight*o.ratio:o.element.height=o.element.offsetParent?o.element.offsetParent.clientHeight*o.ratio:o.element.clientHeight*o.ratio,o.element.style.width="100%",o.element.style.height="100%",o.context.scale(o.ratio,o.ratio)},n.prototype._initializeEvents=function(){var e=this;e.listener=(function(){e._resize()}).bind(this),t.addEventListener("resize",e.listener,!1)},n.prototype._initializeStorage=function(){var t=this;t.storage=[];for(var e=t.options.maxParticles;e--;)t.storage.push(new i(t.context,t.options))},n.prototype._registerBreakpoints=function(){var t,e,n,i=this,o=i.options.responsive||null;if("object"==typeof o&&null!==o&&o.length){for(t in o)if(n=i.breakpoints.length-1,e=o[t].breakpoint,o.hasOwnProperty(t)){for(;n>=0;)i.breakpoints[n]&&i.breakpoints[n]===e&&i.breakpoints.splice(n,1),n--;i.breakpoints.push(e),i.breakpointSettings[e]=o[t].options}i.breakpoints.sort(function(t,e){return e-t})}},n.prototype._checkResponsive=function(){var e,n=this,i=!1,o=t.innerWidth;if(n.options.responsive&&n.options.responsive.length&&null!==n.options.responsive){for(e in i=null,n.breakpoints)n.breakpoints.hasOwnProperty(e)&&o<=n.breakpoints[e]&&(i=n.breakpoints[e]);null!==i?(n.activeBreakpoint=i,n.options=n._extend(n.options,n.breakpointSettings[i])):null!==n.activeBreakpoint&&(n.activeBreakpoint=null,i=null,n.options=n._extend(n.options,n.originalSettings))}},n.prototype._refresh=function(){this._initializeStorage(),this._draw()},n.prototype._resize=function(){var e=this;e.element.width=e.element.offsetParent?e.element.offsetParent.clientWidth*e.ratio:e.element.clientWidth*e.ratio,e.element.offsetParent&&"BODY"===e.element.offsetParent.

1nodeName?e.element.height=t.innerHeight*e.ratio:e.element.height=e.element.offsetParent?e.element.offsetParent.clientHeight*e.ratio:e.element.clientHeight*e.ratio,e.context.scale(e.ratio,e.ratio),clearTimeout(e.windowDelay),e.windowDelay=t.setTimeout(function(){e._checkResponsive(),e._refresh()},50)},n.prototype._animate=function(){var e=this;e._draw(),e._animation=t.requestAnimFrame(e._animate)},n.prototype.resumeAnimation=function(){this._animation||this._animate()},n.prototype.pauseAnimation=function(){var e=this;e._animation&&(e.usingPolyfill?t.clearTimeout(e._animation):(t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame)(e._animation),e._animation=null)},n.prototype._draw=function(){var e=this.element,n=e.offsetParent?e.offsetParent.clientWidth:e.clientWidth,i=e.offsetParent?e.offsetParent.clientHeight:e.clientHeight,r=this.options.showParticles,a=this.storage;e.offsetParent&&"BODY"===e.offsetParent.nodeName&&(i=t.innerHeight),this.context.clearRect(0,0,e.width,e.height),this.context.beginPath();for(var s=a.length;s--;){var l=a[s];r&&l._draw(),l._updateCoordinates(n,i)}this.options.connectParticles&&(a.sort(o),this._updateEdges())},n.prototype._updateEdges=function(){for(var t=this.options.minDistance,e=Math.sqrt,n=Math.abs,i=this.storage,o=i.length,r=0;r<o;r++)for(var a=i[r],s=r+1;s<o;s++){var l,c=i[s],h=a.x-c.x,p=a.y-c.y;if(l=e(h*h+p*p),n(h)>t)break;l<=t&&this._drawEdge(a,c,1.2-l/t)}},n.prototype._drawEdge=function(t,e,n){var i=this,o=i.context.createLinearGradient(t.x,t.y,e.x,e.y),r=this._hex2rgb(t.color),a=this._hex2rgb(e.color);o.addColorStop(0,"rgba("+r.r+","+r.g+","+r.b+","+n+")"),o.addColorStop(1,"rgba("+a.r+","+a.g+","+a.b+","+n+")"),i.context.beginPath(),i.context.strokeStyle=o,i.context.moveTo(t.x,t.y),i.context.lineTo(e.x,e.y),i.context.stroke(),i.context.fill(),i.context.closePath()},n.prototype._extend=function(t,e){return Object.keys(e).forEach(function(n){t[n]=e[n]}),t},n.prototype._hex2rgb=function(t){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null},(i=function(n,i){var o=this,r=Math.random,a=i.speed,s=i.color instanceof Array?i.color[Math.floor(Math.random()*i.color.length)]:i.color;o.context=n,o.options=i;var l=e.querySelector(i.selector);o.x=l.offsetParent?r()*l.offsetParent.clientWidth:r()*l.clientWidth,l.offsetParent&&"BODY"===l.offsetParent.nodeName?o.y=r()*t.innerHeight:o.y=l.offsetParent?r()*l.offsetParent.clientHeight:r()*l.clientHeight,o.vx=r()*a*2-a,o.vy=r()*a*2-a,o.radius=r()*r()*i.sizeVariations,o.color=s,o._draw()}).prototype._draw=function(){var t=this;t.context.save(),t.context.translate(t.x,t.y),t.context.moveTo(0,0),t.context.beginPath(),t.context.arc(0,0,t.radius,0,2*Math.PI,!1),t.context.fillStyle=t.color,t.context.fill(),t.context.restore()},i.prototype._updateCoordinates=function(t,e){var n=this,i=n.x+this.vx,o=n.y+this.vy,r=n.radius;i+r>t?i=r:i-r<0&&(i=t-r),o+r>e?o=r:o-r<0&&(o=e-r),n.x=i,n.y=o},t.requestAnimFrame=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||(this._usingPolyfill=!0,function(e){return t.setTimeout(e,1e3/60)})}(),new n}(window,document);void 0!==(i=(function(){return o}).call(e,n,e,t))&&(t.exports=i)}}]);