2513.374080c5.chunk.js

"use strict";(self.webpackChunkacellus=self.webpackChunkacellus||[]).push([[2513],{32513:function(e,t,r){r.r(t),r.d(t,{default:function(){return B},getAngleInDegrees:function(){return Q},getAngleInRadians:function(){return K},getClosestPoint:function(){return _},getClosestPointEllipse:function(){return $},getDistanceBetween:function(){return U},getPerpendicularIntercept:function(){return J},getPerpendicularSlope:function(){return H},getPointOnLine:function(){return V},getScaledEllipse:function(){return G},getScaledPoint:function(){return q},getSlope:function(){return X},getYIntercept:function(){return N}});var n=r(30168),i=r(74165),a=r(15861),o=r(29439),c=r(43681),u=r(47313),s=r(97676),l=["title","titleId"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function p(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function x(e,t){var r=e.title,n=e.titleId,i=p(e,l);return u.createElement("svg",d({width:"100%",height:"100%",viewBox:"0 0 62 72",xmlSpace:"preserve",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:2},ref:t,"aria-labelledby":n},i),r?u.createElement("title",{id:n},r):null,u.createElement("g",{transform:"matrix(1,0,0,1,-1016.97,-4010.46)"},u.createElement("g",{transform:"matrix(1.29412,0,0,0.772727,13.049,2808.45)"},u.createElement("g",{transform:"matrix(5.67325,-0.0386503,0.0241215,9.93065,736.76,1483.23)"},u.createElement("path",{d:"M14.752,11.168L8.393,7.479C8.229,7.37 8.036,7.311 7.838,7.311C7.29,7.311 6.838,7.763 6.838,8.311C6.838,8.312 6.838,8.313 6.838,8.313L6.838,15.587C6.838,16.136 7.29,16.587 7.838,16.587C8.036,16.587 8.229,16.529 8.393,16.419L14.752,12.833C15.03,12.648 15.197,12.335 15.197,12.001C15.197,11.667 15.03,11.354 14.752,11.169L14.752,11.168Z",style:{fill:"white",fillRule:"nonzero"}})))))}var h,y=u.forwardRef(x),f=(r.p,r(51083)),g=r(56825),v=r(15245),m=r(11357),b=r(43370),M=r(94148),w=r(52656),k=r(58229),C=r(85579),P=r(71681),S=r(40476),A=r(9533),I=r(5482),E=r(46417),T=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","0","1","2","3","4","5","6","7","8","9"],R=[b.SpaceBg1,b.SpaceBg2,b.SpaceBg3,b.SpaceBg4,b.SpaceBg5,b.SpaceBg6,b.SpaceBg7,b.SpaceBg8,b.SpaceBg9,b.SpaceBg10];function B(){var e,t=(0,u.useRef)(),r=(0,u.useRef)(),n=(0,u.useRef)(),c=(0,u.useRef)(),s=(0,u.useState)(!1),l=(0,o.Z)(s,2),d=l[0],p=l[1],x=(0,u.useState)(!1),h=(0,o.Z)(x,2),B=h[0],q=h[1],G=(0,u.useRef)(0),X=(0,u.useRef)(0),N=(0,u.useRef)({x:0,y:0}),H=(0,u.useRef)(!1),J=(0,u.useRef)(!1),Q=(0,u.useRef)(!1),ee=(0,u.useRef)(),te=(0,u.useRef)(1),re=(0,u.useRef)(1),ne=(0,u.useState)(!1),ie=(0,o.Z)(ne,2),ae=ie[0],oe=ie[1],ce=(0,u.useContext)(v.ZP),ue=ce.setConfettiActivated,se=ce.setShine,le=ce.resetCanvasRef,de=(0,m.c)(M.TraceCompleted,!0).play,pe=(0,S.useActivity)(),xe=(0,o.Z)(pe.gameState,2)[1],he=(0,P.useTrackingContext)(),ye=he.endTracking,fe=he.updateCount,ge=he.tracking,ve=(0,o.Z)((0,S.useActivity)().sharedState,1)[0],me=(null===ve||void 0===ve||null===(e=ve.letter)||void 0===e?void 0:e.toLowerCase())||"a",be=I.W[me],Me=be.background,we=be.color,ke="purple"===we?b.StarFillBlue:"pink"===we?b.StarFillMagenta:"orange"===we?b.StarFillOrange:"indigo"===we?b.StarFillBlue:"red"===we?b.StarFillRed:b.StarFillFuchsia,Ce=47.5,Pe=(0,A.kz)(),Se=Pe.tracingData,Ae=Pe.workID,Ie=(0,A.bm)().saveData,Ee=(0,u.useCallback)((function(){var e=me.toUpperCase();null!==Se&&void 0!==Se&&Se[e]||Ie({letter:e,value:!0,workID:Ae},{method:"put"})}),[me,Se,Ie,Ae]),Te=(0,u.useCallback)((function(){oe(!1);var e=I.W[me].strokes[G.current].start,t=n.current;t.style.display="block",t.style.top="".concat(Math.round((e.y-Ce)*re.current),"px"),t.style.left="".concat(Math.round((e.x-Ce)*te.current),"px")}),[Ce,me]),Re=(0,u.useCallback)((function(){var e=n.current,r=t.current.getBoundingClientRect(),i=r.width,a=r.height;te.current=i/1e3,re.current=a/746,e.style.width="".concat(Math.round(95*te.current),"px"),e.style.height="".concat(Math.round(95*re.current),"px"),Te()}),[Te]),Be=(0,u.useCallback)((function(){var e=[22,23],r=I.W[me].strokes[G.current],n=r.start,i=r.end,a=r.waypoints,o=r.ellipseArray,c=n.isEllipse,u=null===o||void 0===o?void 0:o[0],s=U(n,i)<10,l=s?35:0,d=function(){h.beginPath();for(var e=a.length;e>-1;e--){if(0===e?(n=I.W[me].strokes[G.current].start,i=a[0]):(n=a[e-1],i=e<a.length?a[e]:I.W[me].strokes[G.current].end),c=n.isEllipse){for(var t=o.length-1,r=e;r<a.length;r++)a[r].isEllipse&&t--;u=o[t]}if(c){var s=u,d=s.center,p=s.xAxis,x=s.yAxis,y=s.counterClockwise,f=e===a.length?120*l/Math.abs(d.x-p.x):0,g="6"===me&&2!==e?-6.5:o.length>1?0:Math.PI/180*("f"===me?-1:"q"===me?-2:"u"===me||"g"===me?0:7),v=K(d,i)-g+(y?f:-f)*Math.PI/180,m=K(d,n)+g;h.ellipse(d.x,d.y,Math.abs(d.x-p.x),Math.abs(d.y-x.y),0,v,m,!y)}else{var b=e===a.length?V(i,n,2):i;e===a.length&&h.moveTo(b.x,b.y),h.lineTo(n.x,n.y)}}h.stroke()},p=function(){h.beginPath(),h.moveTo(i.x,i.y),h.lineTo(n.x,n.y),h.stroke()},x=function(){var e=o[0],t=e.center,r=e.xAxis,a=e.yAxis,c=e.counterClockwise,u=K(t,i),s=K(t,n);h.beginPath(),h.ellipse(t.x,t.y,Math.abs(t.x-r.x),Math.abs(t.y-a.y),0,u,s,!c),h.stroke()},h=t.current.getContext("2d");if(h.globalCompositeOperation="destination-out",h.setLineDash([]),h.strokeStyle="#000",h.lineWidth=68,h.lineCap="round",n.isEllipse||1!==(null===a||void 0===a?void 0:a.length)||(h.beginPath(),h.moveTo(n.x,n.y),h.lineTo(a[0].x,a[0].y),h.stroke()),a&&(n=a[a.length-1],c=a[a.length-1].isEllipse),h.beginPath(),c){var y=o[o.length-1],f=y.center,g=y.xAxis,v=y.yAxis,m=y.counterClockwise,b=K(f,i),M=K(f,i)+(m?30:-30)*Math.PI/180;h.ellipse(f.x,f.y,Math.abs(f.x-g.x),Math.abs(f.y-v.y),0,b,M,!m)}else h.moveTo(n.x,n.y),h.lineTo(i.x,i.y);if(h.stroke(),h.globalCompositeOperation="source-over",h.strokeStyle="#7b7b7b",h.lineWidth=14,h.lineCap="round",h.save(),h.lineWidth=8,h.beginPath(),c){var w=o.length-1,k=o[w],C=k.center,P=k.xAxis,S=k.counterClockwise,A=U(C,$(o[w],i)),E=102*(14-l)/Math.abs(C.x-P.x)-2,T=Math.PI-(K(C,i)+(S?-1:1)*Math.PI/180*E),R={x:C.x-A*Math.cos(T),y:C.y+A*Math.sin(T)},B=$(o[w],R),L=K(C,i)+(s?(S?-(145-l):45-l)*Math.PI/180:(S?-139:49)*Math.PI/180);h.moveTo(B.x,B.y),h.translate(B.x,B.y),h.rotate(L)}else{var j=K(n,i),W=V(i,n,-20);h.moveTo(W.x,W.y),h.translate(W.x,W.y),h.rotate(j-45*Math.PI/180)}h.lineTo(0,-24),h.moveTo(0,0),h.lineTo(-24,0),h.stroke(),h.restore();var Z=0;ee.current=window.requestAnimationFrame((function t(){H.current||Q.current||null===document.getElementById("letter")||(++Z>45&&(Z=0),h.globalCompositeOperation="destination-out",h.strokeStyle="#000",h.miterLimit=1,h.lineWidth=11+(c?5:9),a?d():c?x():p(),h.globalCompositeOperation="source-over",h.strokeStyle="#7b7b7b",h.lineWidth=11,h.setLineDash(e),h.lineDashOffset=Z,a?d():c?x():p(),J.current=!0,setTimeout((function(){return ee.current=window.requestAnimationFrame(t)}),30))}))}),[me]),Le=(0,u.useCallback)((function(){(Q.current=!1,d&&B)&&(Re(),document.getElementById("triangle").style.display="none",Be())}),[d,B,Re,Be]);(0,u.useEffect)((function(){return Le(),function(){window.cancelAnimationFrame(ee.current),Q.current=!0}}),[me,Le]);var je=(0,w.P)((function(e){if(!We()&&d){var r=t.current.getBoundingClientRect(),n=r.x,i=r.y,a=r.width,o=r.height;te.current=a/1e3,re.current=o/746,N.current={x:(e.pageX-n)/te.current,y:(e.pageY-i)/re.current},H.current&&J.current&&(ze(),Ye())}}),15),We=(0,u.useCallback)((function(){return G.current>=I.W[me].strokes.length}),[me]),Ze=(0,u.useCallback)((function(){var e=I.W[me].strokes[G.current],r=e.start,n=e.end,i=e.waypoints,a=e.ellipseArray,o=r.isEllipse,u=null===a||void 0===a?void 0:a[0];if(i)if(0===X.current)n=i[0];else{if(o=i[X.current-1].isEllipse){var s=0;r.isEllipse&&s++;for(var l=0;l<X.current-1;l++)i[l].isEllipse&&s++;u=a[s]}r=i[X.current-1],X.current<i.length&&(n=i[X.current])}var d=t.current.getContext("2d"),p=d.createPattern(c.current,"repeat");d.strokeStyle=p,d.setLineDash([]),d.lineWidth=68,d.lineCap="round",setTimeout((function(){if(d.beginPath(),o){var e=u,t=e.center,i=e.xAxis,a=e.yAxis,c=e.counterClockwise,s=K(t,r),l=K(t,n);d.ellipse(t.x,t.y,Math.abs(t.x-i.x),Math.abs(t.y-a.y),0,s,l,c)}else d.moveTo(r.x,r.y),d.lineTo(n.x,n.y);d.stroke()}),50)}),[me]),Oe=(0,u.useCallback)((function(){var e=[20,25,30,35,40],o=(0,k.Li)(e),u=(0,k.Li)(e),s=(0,k.Li)(e),l=(0,k.Li)(e),d=(0,k.Li)(e),p=I.W[me].strokes[G.current].end;if(U(N.current,p)<45){var x=n.current;x.style.top="".concat(Math.round((p.y-Ce)*re.current),"px"),x.style.left="".concat(Math.round((p.x-Ce)*te.current),"px"),H.current=!1,Ze();var h=function e(t,r,n,i,a,c,p,x){c.clearRect(0,0,p,x);var h=!0;t.forEach((function(e){var t=document.getElementById("blue");e.x+=e.speed*Math.cos(e.angle*Math.PI/180),e.y+=e.speed*Math.sin(e.angle*Math.PI/180),e.opacity-=.03,e.speed*=e.friction,e.opacity<0?h=!1:(c.beginPath(),c.globalAlpha=e.opacity,c.drawImage(t,e.x,e.y,o,o))})),r.forEach((function(e){var t=document.getElementById("yellow");e.x+=e.speed*Math.cos(e.angle*Math.PI/180),e.y+=e.speed*Math.sin(e.angle*Math.PI/180),e.opacity-=.03,e.speed*=e.friction,e.opacity<0?h=!1:(c.beginPath(),c.globalAlpha=e.opacity,c.drawImage(t,e.x,e.y,u,u))})),n.forEach((function(e){var t=document.getElementById("red");e.x+=e.speed*Math.cos(e.angle*Math.PI/180),e.y+=e.speed*Math.sin(e.angle*Math.PI/180),e.opacity-=.03,e.speed*=e.friction,e.opacity<0?h=!1:(c.beginPath(),c.globalAlpha=e.opacity,c.drawImage(t,e.x,e.y,s,s))})),i.forEach((function(e){var t=document.getElementById("purple");e.x+=e.speed*Math.cos(e.angle*Math.PI/90),e.y+=e.speed*Math.sin(e.angle*Math.PI/90),e.opacity-=.03,e.speed*=e.friction,e.opacity<0?h=!1:(c.beginPath(),c.globalAlpha=e.opacity,c.drawImage(t,e.x,e.y,l,l))})),a.forEach((function(e){var t=document.getElementById("green");e.x+=e.speed*Math.cos(e.angle*Math.PI/90),e.y+=e.speed*Math.sin(e.angle*Math.PI/90),e.opacity-=.03,e.speed*=e.friction,e.opacity<0?h=!1:(c.beginPath(),c.globalAlpha=e.opacity,c.drawImage(t,e.x,e.y,d,d))})),h&&requestAnimationFrame((function(){return e(t,r,n,i,a,c,p,x)}))};if(setTimeout((function(){de(),function(){for(var e=[],t=[],n=[],i=[],a=[],o=r.current,c=o.getContext("2d"),u=0;u<4;u++)e.push({x:p.x,y:p.y,angle:(0,k.xT)(0,360),speed:(0,k.xT)(7,11,19),friction:.88,opacity:.8});for(var s=0;s<4;s++)t.push({x:p.x,y:p.y,angle:(0,k.xT)(0,360),speed:(0,k.xT)(6,13,18),friction:.88,opacity:.8});for(var l=0;l<4;l++)n.push({x:p.x,y:p.y,angle:(0,k.xT)(0,360),speed:(0,k.xT)(9,15,19),friction:.88,opacity:.8});for(var d=0;d<4;d++)i.push({x:p.x,y:p.y,angle:(0,k.xT)(0,360),speed:(0,k.xT)(6,8,20),friction:.88,opacity:.8});for(var x=0;x<4;x++)a.push({x:p.x,y:p.y,angle:(0,k.xT)(0,360),speed:(0,k.xT)(6,9,17),friction:.88,opacity:.8});h(e,t,n,i,a,c,o.width,o.height)}()}),200),X.current=0,G.current++,We()){var y=I.W[me],f=y.rerenderStrokeIndex,g=y.rerenderArrayIndex;if(void 0!==f){var v=I.W[me].strokes[f].ellipseArray[void 0!==g?g:0],m=v.center,b=v.xAxis,M=v.yAxis,w=t.current.getContext("2d"),C=w.createPattern(c.current,"repeat");if(w.strokeStyle=C,w.setLineDash([]),w.lineWidth=68,w.beginPath(),w.ellipse(m.x,m.y,Math.abs(m.x-b.x),Math.abs(m.y-M.y),0,0,2*Math.PI),w.stroke(),"8"===me){var P=I.W[me].strokes[f].ellipseArray[0],S=P.center,A=P.xAxis,E=P.yAxis;w.beginPath(),w.ellipse(S.x,S.y,Math.abs(S.x-A.x),Math.abs(S.y-E.y),0,0,2*Math.PI),w.stroke()}}}J.current=!1,setTimeout((0,a.Z)((0,i.Z)().mark((function e(){return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:We()?(n.current.style.display="none",fe({totalCount:1,rightCount:1}),ye(),ue(!0),se(!0),Ee(),G.current=0):(Be(),Te());case 1:case"end":return e.stop()}}),e)}))),300)}}),[me,Ce,Ze,We,de,Be,Te,fe,ye,ue,se,Ee]),De=(0,u.useCallback)((function(e){if(e.preventDefault(),!We()&&!H.current){oe(!0);var r=I.W[me].strokes[G.current],n=r.start,i=r.end,a=r.waypoints,o=t.current.getBoundingClientRect(),c=o.x,u=o.y,s=t.current.getBoundingClientRect(),l=s.width,d=s.height;te.current=l/1e3,re.current=d/746,N.current={x:(e.pageX-c)/te.current,y:(e.pageY-u)/re.current},U(N.current,n)<=60&&J.current&&(!a&&U(n,i)<5?(Oe(),Q.current=!0):H.current=!0)}}),[We,me,Oe]),Fe=(0,u.useCallback)((function(){if(!We()&&H.current){oe(!1);var e=I.W[me].strokes[G.current].start;n.current.animate([{},{top:"".concat(Math.round((e.y-Ce)*re.current),"px"),left:"".concat(Math.round((e.x-Ce)*te.current),"px")}],100),setTimeout((function(){Te()}),80),H.current=!1,X.current=0}}),[Ce,We,me,Te]);(0,u.useEffect)((function(){return document.addEventListener("pointerdown",De),document.addEventListener("pointerup",Fe),document.addEventListener("pointermove",je),window.addEventListener("resize",Re),function(){document.removeEventListener("pointerdown",De),document.removeEventListener("pointerup",Fe),document.removeEventListener("pointermove",je),window.removeEventListener("resize",Re)}}),[De,Fe,je,Re]);var ze=function(){var e=I.W[me].strokes[G.current].waypoints;e&&X.current<e.length?U(N.current,e[X.current])<40&&(Ze(),X.current++):Oe()},Ye=function(){if(H.current){var e,r,i=I.W[me].strokes[G.current],a=i.start,o=i.end,u=i.waypoints,s=i.ellipseArray,l=a.isEllipse,d=null===s||void 0===s?void 0:s[0],p=!1;if(u)if(0===X.current)o=u[0];else{if(l=u[X.current-1].isEllipse){var x=0;a.isEllipse&&x++;for(var h=0;h<X.current-1;h++)u[h].isEllipse&&x++;d=s[x]}a=u[X.current-1],X.current<u.length&&(o=u[X.current])}if(l){e=$(d,N.current),r=U(N.current,e);var y=U(a,o)/2-4;p=qe(d)&&(y<60?U(N.current,a)>y&&U(N.current,o)>y:U(N.current,a)>60&&U(N.current,o)>60)}else e=_(a,o,N.current),r=U(N.current,e);if(r>=60||p){var f=I.W[me].strokes[G.current].start;n.current.animate([{},{top:"".concat(Math.round((f.y-Ce)*re.current),"px"),left:"".concat(Math.round((f.x-Ce)*te.current),"px")}],100),setTimeout((function(){Te()}),100),H.current=!1,X.current=0}else{var g=n.current;g.style.top="".concat(Math.round((N.current.y-Ce)*re.current),"px"),g.style.left="".concat(Math.round((N.current.x-Ce)*te.current),"px");var v=t.current.getContext("2d"),m=v.createPattern(c.current,"repeat"),b=d?qe(d):void 0,M=N.current;if(v.setLineDash([]),v.lineWidth=68,v.lineCap="round",v.strokeStyle=m,v.beginPath(),l){if(!b){var w=d,k=w.center,C=w.xAxis,P=w.yAxis,S=w.counterClockwise,A=K(k,a),E=K(k,$(d,M));v.ellipse(k.x,k.y,Math.abs(k.x-C.x),Math.abs(k.y-P.y),0,A,E,S)}}else v.moveTo(a.x,a.y),v.lineTo(e.x,e.y);v.stroke()}}},qe=function(e){var t=e.center,r=e.outOfBounds,n="<"===r[0].operator?K(t,N.current)<K(t,r[0]):K(t,N.current)>K(t,r[0]),i="<"===r[1].operator?K(t,N.current)<K(t,r[1]):K(t,N.current)>K(t,r[1]);return r[0].y<t.y&&"<"===r[0].operator||r[0].y>t.y&&">"===r[0].operator?n||i:n&&i},Ge=(0,u.useCallback)((function(e){e?(p(!1),t.current.getContext("2d").clearRect(0,0,t.current.width,t.current.height)):(Q.current=!0,window.cancelAnimationFrame(ee.current),G.current=0,X.current=0,t.current.getContext("2d").clearRect(0,0,t.current.width,t.current.height),setTimeout((function(){return Le()}),40))}),[Le]);le.current=Ge,(0,u.useEffect)((function(){Ge()}),[me,Ge]);var Ue=(0,u.useContext)(v.ZP).setSurprise;return(0,E.jsxs)(C.ZP,{bgImg:function(){var e=T.indexOf(me.toUpperCase())%R.length;return R[e]}(),name:"Tracing",customStyles:{touchAction:"none"},children:[(0,E.jsx)(C._p,{ariaLabel:"Tracing Menu",onClick:function(){ye(),xe(!1)}}),(0,E.jsx)(Z,{children:ge&&(0,E.jsx)(g.Z,{color:"yellow",ariaLabel:"Clear",colorNum:500,onClick:function(){Ge(),se(!1),Ue(!1)},children:(0,E.jsx)(O,{})})}),(0,E.jsxs)(f.i,{maxWidth:!0,customStyles:{marginTop:"auto",marginBottom:"auto"},children:[(0,E.jsx)(L,{src:ke,ref:c,alt:"",onLoad:function(){return p(!0)}}),(0,E.jsx)(D,{"data-testid":"flex-div",id:"flex-div",children:(0,E.jsx)(F,{"data-testid":"play-area-div",children:(0,E.jsxs)(W,{children:[(0,E.jsx)("img",{id:"letter",src:Me,alt:"tracing letters",onLoad:function(){return q(!0)}})," ",(0,E.jsx)(z,{width:"1000",height:"746",ref:t,children:"Canvas is not supported in your browser."}),(0,E.jsx)(j,{alt:"A Blue Star",id:"blue",src:b.BluStar}),(0,E.jsx)(j,{alt:"A Green Star",id:"green",src:b.GreenStar}),(0,E.jsx)(j,{alt:"A Yellow Star",id:"yellow",src:b.YellowStar}),(0,E.jsx)(j,{alt:"A Purple Star",id:"purple",src:b.PurpStar}),(0,E.jsx)(j,{alt:"A Red Star",id:"red",src:b.RedStar}),(0,E.jsx)(z,{width:"1000",height:"746",ref:r}),d&&(0,E.jsx)(Y,{ref:n,isDragging:ae,children:(0,E.jsx)(y,{id:"triangle"})})]})})})]})]})}var L=c.Z.img({display:"none"}),j=c.Z.img({position:"absolute",opacity:"0"}),W=c.Z.div({position:"relative"}),Z=c.Z.div({position:"absolute",left:"1.25rem",top:"7rem",zIndex:"10","@media (min-width: 768px)":{left:"1.5rem",top:"9rem"},"@media (min-width: 1024px)":{left:"2.5rem",top:"10rem"}}),O=(0,c.Z)(s.r)({height:"2rem !important",width:"2rem !important","@media (min-width: 768px)":{height:"3rem !important",width:"3rem !important"}}),D=c.Z.div({display:"flex",flexDirection:"column","@media (min-width: 768px)":{flexDirection:"row"}}),F=c.Z.div({position:"relative",margin:"auto",display:"flex",width:"100%",justifyContent:"center",backgroundSize:"cover",backgroundRepeat:"no-repeat","@media (min-width: 768px)":{marginRight:"9rem"}}),z=c.Z.canvas({position:"absolute",left:"auto",top:"0px",height:"100%"}),Y=c.Z.div(h||(h=(0,n.Z)(["\n  ","\n  "," \n    background-image: url(",");\n  background-position: 40% 200%;\n  svg {\n    ","\n    transform-origin: 50% 50%;\n  }\n"])),{position:"absolute",display:"flex",height:"18rem",width:"18rem",touchAction:"none",alignItems:"center",justifyContent:"center",borderRadius:"9999px",backgroundSize:"contain"},(function(e){return e.isDragging?{cursor:"grabbing"}:{cursor:"grab"}}),b.SliderButtonBackground,{height:"40%",width:"40%",transformOrigin:"center",paddingLeft:"4.17%"}),q=function(e,t,r){return{x:Math.round(e.x*t),y:Math.round(e.y*r)}},G=function(e,t,r){return{center:q(e.center,t,r),xAxis:q(e.xAxis,t,r),yAxis:q(e.yAxis,t,r),counterClockwise:e.counterClockwise}},U=function(e,t){return Math.hypot(e.x-t.x,e.y-t.y)},X=function(e,t){if(e.x!==t.x)return(e.y-t.y)/(e.x-t.x)},N=function(e,t){var r=X(e,t);if(void 0!==r)return e.y-r*e.x},H=function(e,t){if(e.y!==t.y)return-(e.x-t.x)/(e.y-t.y)},J=function(e,t,r){var n=r.x,i=r.y,a=H(e,t);if(a)return i-a*n},K=function(e,t){return Math.atan2(t.y-e.y,t.x-e.x)},Q=function(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI},V=function(e,t,r){var n,i,a=X(e,t);return void 0===a?t.y>=e.y?{x:e.x,y:e.y+r}:{x:e.x,y:e.y-r}:(n=r/Math.pow(1+Math.pow(a,2),.5),t.x<e.x&&(n*=-1),i=a*n,{x:e.x+n,y:e.y+i})},_=function(e,t,r){var n=X(e,t),i=N(e,t),a=H(e,t),o=J(e,t,r),c={};if(void 0===n?(c.x=e.x,c.y=r.y):0===n?(c.x=r.x,c.y=e.y):(c.x=(o-i)/(n-a),c.y=(a*i-n*o)/(a-n)),t.x>e.x){if(c.x>t.x)return t;if(c.x<e.x)return e}else if(t.x<e.x){if(c.x<t.x)return t;if(c.x>e.x)return e}else if(t.y>e.y){if(c.y>t.y)return t;if(c.y<e.y)return e}else if(t.y<e.y){if(c.y<t.y)return t;if(c.y>e.y)return e}return c},$=function(e,t){var r=e.center,n=e.xAxis,i=e.yAxis,a=Math.abs(r.x-t.x),o=Math.abs(r.y-t.y),c=Math.sign(r.x-t.x),u=Math.sign(r.y-t.y);0===c&&(c=1),0===u&&(u=1);for(var s=.707107,l=.707107,d=U(r,n),p=U(r,i),x=0;x<3;x++){var h=d*s,y=p*l,f=(d*d-p*p)*Math.pow(s,3)/d,g=(p*p-d*d)*Math.pow(l,3)/p,v=h-f,m=y-g,b=a-f,M=o-g,w=Math.hypot(m,v),k=Math.hypot(M,b);s=Math.min(1,Math.max(0,(b*w/k+f)/d)),l=Math.min(1,Math.max(0,(M*w/k+g)/p));var C=Math.hypot(l,s);s/=C,l/=C}return{x:-1*c*d*s+r.x,y:-1*u*p*l+r.y}}},52656:function(e,t,r){r.d(t,{P:function(){return n}});var n=function(e,t){var r=!1;return function(){r||(e.apply(void 0,arguments),r=!0,setTimeout((function(){r=!1}),t))}}}}]);