(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45979],{40600:(e,s,t)=>{"use strict";t.d(s,{Z:()=>r});/**
 * @license lucide-react v0.460.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let r=(0,t(43349).Z)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},25967:(e,s,t)=>{"use strict";t.d(s,{Z:()=>l});var r=t(64833),n=t(21364);let l=(0,r.z)(n.Wc)({name:"Space",class:"s1hfctpl",propsAsIs:!0});t(55245)},45979:(e,s,t)=>{"use strict";t.d(s,{Z:()=>ek});var r=t(67841),n=t(79477),l=t(64833),a=t(74631),o=t(95207),c=t(91769),i=t(25967),p=t(61417),C=t(48202),d=t(70231);let u=(0,l.z)("div")({name:"Wrapper",class:"wgsjpm8",propsAsIs:!1}),m=(0,l.z)("button")({name:"Button",class:"b64525c",propsAsIs:!1}),h=(0,l.z)("span")({name:"Front",class:"fygpz23",propsAsIs:!1}),v=(0,l.z)("span")({name:"Shaft",class:"s1w7w98o",propsAsIs:!1}),x=function(e){let{status:s,isDisabled:t,isGlowing:n,...l}=e,a=(0,d.Z)();return(0,r.jsx)(u,{"data-is-glowing":String(!!("safari"!==a&&n)),children:(0,r.jsxs)(m,{...l,style:t?{"--default-y":"-2px","--hover-y":"-2px","--active-y":"-2px",filter:"grayscale(100%) brightness(50%)"}:{"--default-y":"playing"===s?"-2px":"-4px","--hover-y":"playing"===s?"-2px":"-6px","--active-y":"0px"},children:[(0,r.jsx)(v,{}),(0,r.jsx)(h,{children:"playing"===s?(0,r.jsx)(p.Z,{size:32,style:{transform:"translate(0px, -2px)"}}):(0,r.jsx)(C.Z,{size:32,style:{transform:"translate(2px, -2px)"}})})]})})};t(18081);var f=t(75865);let w=(0,l.z)("svg")({name:"Svg",class:"sy6pq31",propsAsIs:!1}),g=function(){return(0,r.jsx)(w,{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 210 95",children:(0,r.jsx)("path",{fill:"var(--color-background)",d:"M106 -0.000976562C37.9453 -0.00176305 22.4303 55.7816 18.969 77.4947C18.1912 82.3738 14.3724 86.4021 9.46192 86.9477L0 87.999V94.499H200L210 87.999L202.407 87.0499C197.556 86.4435 193.814 82.4361 193.049 77.6075C189.623 55.9758 174.173 -0.000188692 106 -0.000976562Z"})})};t(34627);var y=t(87740);let j=e=>{let{id:s,isScrubbing:t,clipperBB:r,currentFrame:l,finalFrame:o,setCurrentFrame:c,setIsScrubbing:i,isScrubbingDisabled:p,scrubStartEvent:C}=e,d=n.useRef(l);n.useEffect(()=>{d.current=l},[l]),n.useEffect(()=>{if(t&&!p){if(C.current){let{clientX:s}=C.current;e(s)}return window.addEventListener("mousemove",n),window.addEventListener("mouseup",u),window.addEventListener("touchmove",l),window.addEventListener("touchend",u),()=>{window.removeEventListener("mousemove",n),window.removeEventListener("mouseup",u),window.removeEventListener("touchmove",l),window.removeEventListener("touchend",u)}}function e(e){if(!r)return;let{left:t,width:n}=r,l=Math.round((0,a.Ag)(e-t,0,n,0,o));l!==d.current&&(c(l),window.mostRecentlyToggledTimeline=s)}function n(s){let{clientX:t}=s;e(t)}function l(s){s.preventDefault(),e(s.touches[0].clientX)}function u(){i(!1)}},[s,t,r,o,c,i,p,C])},z=e=>"number"!=typeof e?"":"polygon(\n    0 0,\n    ".concat(e,"% 0,\n    ").concat(e,"% 100%,\n    0 100%\n  )"),b=(e,s,t,r)=>{if("number"!=typeof e||!r)return{transform:"translateX(".concat(-23.5,"px)")};let n=r.width-23.5,l=(0,a.Fv)(e,0,100,-23.5,n);return{transform:"translateX(".concat(l,"px)"),cursor:t?"not-allowed":s?"grabbing":"grab"}};var k=t(40600),I=t(61031),L=t(67295);let A=(0,l.z)("svg")({name:"Svg",class:"s1eeudi8",propsAsIs:!1}),Z=function(){return(0,r.jsx)(A,{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 176",children:(0,r.jsx)("path",{fill:"hsl(210deg 15% 20%)",d:"M13.1716 13.1716L0 0H16V176L2.82843 162.828C1.26633 161.266 1.26633 158.734 2.82842 157.172L13.1716 146.828C14.7337 145.266 14.7337 142.734 13.1716 141.172L2.82843 130.828C1.26633 129.266 1.26633 126.734 2.82842 125.172L13.1716 114.828C14.7337 113.266 14.7337 110.734 13.1716 109.172L2.82843 98.8284C1.26633 97.2663 1.26633 94.7337 2.82842 93.1716L13.1716 82.8284C14.7337 81.2663 14.7337 78.7337 13.1716 77.1716L2.82843 66.8284C1.26633 65.2663 1.26633 62.7337 2.82842 61.1716L13.1716 50.8284C14.7337 49.2663 14.7337 46.7337 13.1716 45.1716L2.82843 34.8284C1.26633 33.2663 1.26633 30.7337 2.82842 29.1716L13.1716 18.8284C14.7337 17.2663 14.7337 14.7337 13.1716 13.1716Z"})})};function M(e){let{count:s,dCount:t}=e;return(0,r.jsxs)(T,{"data-type":"number"==typeof t?"double":"single",children:[(0,r.jsxs)(F,{children:[(0,r.jsx)(D,{children:"count"}),(0,r.jsx)(q,{children:s})]}),"number"==typeof t&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(B,{}),(0,r.jsxs)(F,{children:[(0,r.jsx)(D,{children:"dCount"}),(0,r.jsx)(q,{children:t})]})]})]})}t(63423);let E=(e,s)=>{let t=e.end<=s;return t?t&&e.interrupted?{"--icon-color":"white","--text-color":"hsl(0deg 0% 100%)","--border-color":"hsl(345deg 62% 55%)","--background-color":"hsl(345deg 60% 35%)"}:{"--icon-color":"hsl(150deg 100% 30%)","--text-color":"hsl(0deg 0% 0%)","--border-color":"hsl(210deg 8% 100%)","--background-color":"hsl(210deg 25% 88%)"}:{"--icon-color":"hsl(210deg 8% 88%)","--text-color":"hsl(0deg 0% 100%)","--border-color":"hsl(210deg 8% 40%)","--background-color":"hsl(210deg 15% 30%)"}},V=(0,l.z)("div")({name:"BaseWrapper",class:"bscln38",propsAsIs:!1}),S=(0,l.z)(V)({name:"InterruptedWrapper",class:"iuvq3wf",propsAsIs:!0}),W=(0,l.z)("div")({name:"ResultWrapper",class:"ref5bbr",propsAsIs:!1}),H=(0,l.z)("div")({name:"ResultIconWrapper",class:"rcan8s8",propsAsIs:!1}),R=(0,l.z)("div")({name:"ContentWrapper",class:"ckyu2wz",propsAsIs:!1}),T=(0,l.z)(R)({name:"ContentsWrapper",class:"c1660z4g",propsAsIs:!0}),F=(0,l.z)("div")({name:"Col",class:"c1khghob",propsAsIs:!1}),B=(0,l.z)("div")({name:"ColSpacer",class:"c1swkle8",propsAsIs:!1}),D=(0,l.z)("div")({name:"Label",class:"lp5bshi",propsAsIs:!1}),q=(0,l.z)("div")({name:"Value",class:"v1uki39k",propsAsIs:!1}),N=function(e){let{render:s,currentFrame:t,totalNumOfFrames:l,startedByClick:a}=e,o=s.end<=t,c=E(s,t);n.useEffect(()=>{try{Object.entries(c).forEach(e=>{let[s,t]=e;CSS.registerProperty({name:s,syntax:"<color>",inherits:!0,initialValue:t})})}catch(e){}},[]);let i=s.end-s.start,p=s.start/l*100,C=s.interrupted?S:V;return(0,r.jsxs)(C,{style:{...c,width:"calc(".concat(i/l*100,"% - ").concat(a?5:2,"px)"),left:"calc(".concat(p,"% + ").concat(a?4:1,"px)")},"data-has-committed":String(!!o&&!s.interrupted),children:[(0,r.jsx)(M,{count:s.values.count,dCount:s.values.dCount}),(0,r.jsx)(W,{children:o?s.interrupted?(0,r.jsx)(H,{children:(0,r.jsx)(k.Z,{size:15,strokeWidth:3})}):(0,r.jsx)(H,{children:(0,r.jsx)(I.Z,{size:15,strokeWidth:3})}):(0,r.jsx)(L.Z,{size:15,strokeWidth:3,style:{transform:"rotate(".concat(8*t,"deg)")}})}),s.interrupted&&o&&(0,r.jsx)(Z,{})]})};t(4228);var P=t(76955);let O=n.memo(function(e){let{totalNumOfFrames:s,isMobile:t}=e;return(0,r.jsx)(X,{children:(0,a.w6)(s-1).map(e=>{let n=0===e||(e+1)%(t?2:1)==0,l=0===e||(e+1)%(t?20:10)==0;return(0,r.jsxs)(_,{children:[(0,r.jsx)(l?J:K,{style:{opacity:n?1:0},children:l&&(0,r.jsx)(U,{children:e+1})}),e===s-2&&(0,r.jsx)(Q,{})]},e)})})}),X=(0,l.z)("div")({name:"Wrapper",class:"w16jl0vo",propsAsIs:!1}),_=(0,l.z)("div")({name:"Column",class:"cxp7kss",propsAsIs:!1}),G=(0,l.z)("div")({name:"BaseTick",class:"b1cry08d",propsAsIs:!1}),K=(0,l.z)(G)({name:"SmallTick",class:"s1f7iksw",propsAsIs:!0}),J=(0,l.z)(G)({name:"BigTick",class:"bk29gtf",propsAsIs:!0}),Q=(0,l.z)(K)({name:"FinalTick",class:"f6kbxxr",propsAsIs:!0}),U=(0,l.z)("span")({name:"Num",class:"n176l221",propsAsIs:!1}),Y=function(e){let{totalNumOfFrames:s}=e,{width:t}=(0,P.Z)();return(0,r.jsx)(O,{totalNumOfFrames:s,isMobile:"number"!=typeof t||t<500})};t(67535);let $={start:{hover:"M81.5574 198.557C86.6411 206.546 80.9026 217 71.4335 217H40.0414C33.3978 217 28.0186 211.602 28.0414 204.959L28.1468 174.341V17C28.1468 7.61115 35.7579 0 45.1468 0H49.1468C58.5356 0 66.1468 7.61115 66.1468 17V165.605C66.1468 171.31 67.7738 176.898 70.8369 181.711L81.5574 198.557ZM50.1468 17C50.1468 16.4477 49.6991 16 49.1468 16H45.1468C44.5945 16 44.1468 16.4477 44.1468 17V179V201H64.1468L50.1468 179V17Z",main:"M48.1465 210H60.9559C65.6601 210 68.5345 204.833 66.0537 200.836L55.4544 183.759C53.2922 180.276 52.1465 176.257 52.1465 172.157V19C52.1465 16.2386 49.9079 14 47.1465 14C44.3851 14 42.1465 16.2386 42.1465 19V179V204C42.1465 207.314 44.8328 210 48.1465 210Z"},mid:{hover:"M81.5574 198.557C86.6411 206.546 80.9025 217 71.4334 217H22.8601C13.391 217 7.65243 206.546 12.7361 198.557L23.4566 181.711C26.5198 176.898 28.1468 171.31 28.1468 165.605V17C28.1468 7.61115 35.7579 0 45.1468 0H49.1468C58.5356 0 66.1468 7.61115 66.1468 17V165.605C66.1468 171.31 67.7738 176.898 70.8369 181.711L81.5574 198.557ZM50.1468 17C50.1468 16.4477 49.6991 16 49.1468 16H45.1468C44.5945 16 44.1468 16.4477 44.1468 17V179L30.1468 201H64.1468L50.1468 179V17Z",main:"M33.3371 210H60.9559C65.6601 210 68.5345 204.833 66.0537 200.836L55.4544 183.759C53.2922 180.276 52.1465 176.257 52.1465 172.157V19C52.1465 16.2386 49.9079 14 47.1465 14C44.3851 14 42.1465 16.2386 42.1465 19V172.157C42.1465 176.257 41.0008 180.276 38.8386 183.759L28.2393 200.836C25.7584 204.833 28.6329 210 33.3371 210Z"},end:{hover:"M66.3986 204.959C66.4215 211.602 61.0422 217 54.3987 217H23.0066C13.5375 217 7.79891 206.546 12.8826 198.557L23.6031 181.711C26.6663 176.898 28.2933 171.31 28.2933 165.605V17C28.2933 7.61115 35.9044 0 45.2933 0H49.2933C58.6821 0 66.2933 7.61115 66.2933 17V174.341L66.3986 204.959ZM50.2933 17C50.2933 16.4477 49.8455 16 49.2933 16H45.2933C44.741 16 44.2933 16.4477 44.2933 17V179L30.2933 201H50.2933V179V17Z",main:"M33.4836 210H46.293C49.6067 210 52.293 207.314 52.293 204V179V19C52.293 16.2386 50.0544 14 47.293 14C44.5315 14 42.293 16.2386 42.293 19V172.157C42.293 176.257 41.1472 180.276 38.9851 183.759L28.3858 200.836C25.9049 204.833 28.7793 210 33.4836 210Z"}},ee=(0,l.z)("svg")({name:"Svg",class:"so5hssl",propsAsIs:!1}),es=(0,l.z)("path")({name:"HoverBgPath",class:"h1xwgqmj",propsAsIs:!0}),et=function(e){let{frameType:s="mid"}=e,{hover:t,main:n}=$[s];return(0,r.jsxs)(ee,{xmlns:"http://www.w3.org/2000/svg",width:47,height:108.5,fill:"none",viewBox:"0 0 94 217",children:[(0,r.jsx)(es,{fill:"#fff",fillRule:"evenodd",d:t,clipRule:"evenodd"}),(0,r.jsx)("path",{fill:"#FFD500",stroke:"#0F141B",strokeLinecap:"round",strokeWidth:"6",d:n})]})};t(45);let er=n.memo(function(e){let{top:s,left:t,angle:l,distance:o,duration:c,delay:i}=e,[p,C]=n.useState(0===i);return(n.useEffect(()=>{window.setTimeout(()=>{C(!0)},i)},[i]),p)?(0,r.jsx)(ei,{style:{top:s,left:t,"--angle":"".concat((0,a.MX)(l-10,l+10),"deg"),"--distance":"".concat(o,"px"),"--duration":"".concat(c,"ms")}}):null});function en(e){return(0,r.jsx)(ec,{viewBox:"0 0 55 23",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,r.jsx)("path",{d:"M6.8125 7.10938C7.35417 7.10938 7.88021 7.1875 8.39062 7.34375C8.90104 7.5 9.34896 7.71354 9.73438 7.98438C10.1302 8.24479 10.4479 8.54688 10.6875 8.89062C10.9271 9.22396 11.0469 9.56771 11.0469 9.92188C11.0469 10.151 11 10.375 10.9062 10.5938C10.8125 10.8021 10.6875 10.9896 10.5312 11.1562C10.375 11.3125 10.1979 11.4427 10 11.5469C9.80208 11.6406 9.59375 11.6875 9.375 11.6875C9.13542 11.6875 8.91667 11.599 8.71875 11.4219C8.52083 11.2344 8.30729 11.0312 8.07812 10.8125C7.85938 10.5833 7.60938 10.3802 7.32812 10.2031C7.05729 10.0156 6.72917 9.92188 6.34375 9.92188C5.96875 9.92188 5.63021 10.0104 5.32812 10.1875C5.02604 10.3646 4.77083 10.6146 4.5625 10.9375C4.36458 11.25 4.20833 11.625 4.09375 12.0625C3.98958 12.4896 3.9375 12.9583 3.9375 13.4688C3.9375 14.9271 4.21354 16.0417 4.76563 16.8125C5.31771 17.5729 6.10938 17.9531 7.14063 17.9531C7.63021 17.9531 8.04688 17.875 8.39062 17.7188C8.74479 17.5625 9.05208 17.3906 9.3125 17.2031C9.58333 17.0156 9.82812 16.8438 10.0469 16.6875C10.2656 16.5312 10.4896 16.4531 10.7188 16.4531C10.8438 16.4531 10.9688 16.4948 11.0938 16.5781C11.2188 16.651 11.3281 16.75 11.4219 16.875C11.526 16.9896 11.6094 17.1198 11.6719 17.2656C11.7448 17.4115 11.7812 17.5573 11.7812 17.7031C11.7812 18.0469 11.6094 18.401 11.2656 18.7656C10.9323 19.1302 10.5 19.4635 9.96875 19.7656C9.4375 20.0573 8.84375 20.2969 8.1875 20.4844C7.54167 20.6719 6.91146 20.7656 6.29688 20.7656C5.47396 20.7656 4.71875 20.6042 4.03125 20.2812C3.34375 19.9688 2.75 19.5312 2.25 18.9688C1.75 18.3958 1.35938 17.7135 1.07813 16.9219C0.807292 16.1302 0.671875 15.2552 0.671875 14.2969C0.671875 13.2552 0.822917 12.2969 1.125 11.4219C1.4375 10.5469 1.86458 9.79167 2.40625 9.15625C2.95833 8.51042 3.60938 8.01042 4.35938 7.65625C5.10938 7.29167 5.92708 7.10938 6.8125 7.10938ZM12.6081 2.20312C12.6081 1.66146 12.7644 1.27604 13.0769 1.04688C13.3894 0.817708 13.905 0.703125 14.6237 0.703125C14.8737 0.703125 15.0925 0.729167 15.28 0.78125C15.4675 0.833333 15.6237 0.921875 15.7487 1.04688C15.8737 1.16146 15.9727 1.32292 16.0456 1.53125C16.129 1.72917 16.1967 1.98437 16.2487 2.29687C16.3842 3.22396 16.5196 4.19792 16.655 5.21875C16.8008 6.22917 16.9362 7.23958 17.0612 8.25C17.1967 9.25 17.3217 10.2292 17.4362 11.1875C17.5508 12.1354 17.6498 13.0208 17.7331 13.8438C17.8269 14.6562 17.8946 15.3802 17.9362 16.0156C17.9883 16.6406 18.0144 17.1354 18.0144 17.5C18.0144 17.875 17.9779 18.1927 17.905 18.4531C17.8425 18.7135 17.7279 18.9219 17.5612 19.0781C17.405 19.2344 17.1967 19.349 16.9362 19.4219C16.6862 19.4844 16.3737 19.5156 15.9987 19.5156C15.6342 19.5156 15.3425 19.4219 15.1237 19.2344C14.9154 19.0469 14.8112 18.7604 14.8112 18.375C14.8112 17.9792 14.78 17.4531 14.7175 16.7969C14.655 16.1302 14.5717 15.3906 14.4675 14.5781C14.3633 13.7656 14.2435 12.901 14.1081 11.9844C13.9831 11.0677 13.8477 10.1615 13.7019 9.26562C13.5665 8.36979 13.431 7.51042 13.2956 6.6875C13.1706 5.85417 13.056 5.11979 12.9519 4.48438C12.8477 3.83854 12.7644 3.3125 12.7019 2.90625C12.6394 2.48958 12.6081 2.25521 12.6081 2.20312ZM23.1781 4.0625C22.876 4.0625 22.5896 4.02083 22.3188 3.9375C22.0583 3.84375 21.8292 3.71875 21.6313 3.5625C21.4438 3.39583 21.2927 3.20312 21.1781 2.98437C21.0635 2.76562 21.0063 2.52604 21.0063 2.26562C21.0063 1.82812 21.1781 1.47396 21.5219 1.20312C21.876 0.932292 22.3448 0.796875 22.9281 0.796875C23.199 0.796875 23.4594 0.848958 23.7094 0.953125C23.9594 1.04687 24.1781 1.17708 24.3656 1.34375C24.5635 1.51042 24.7198 1.70833 24.8344 1.9375C24.949 2.15625 25.0063 2.38542 25.0063 2.625C25.0063 3.07292 24.8396 3.42708 24.5063 3.6875C24.1833 3.9375 23.7406 4.0625 23.1781 4.0625ZM21.0375 8.82812C21.0375 8.46354 21.1938 8.16667 21.5063 7.9375C21.8292 7.69792 22.251 7.57812 22.7719 7.57812C23.7094 7.57812 24.2094 7.90104 24.2719 8.54688C24.3135 8.99479 24.3552 9.5 24.3969 10.0625C24.449 10.625 24.4958 11.224 24.5375 11.8594C24.5896 12.4844 24.6313 13.1354 24.6625 13.8125C24.7042 14.4792 24.7406 15.1406 24.7719 15.7969C24.8031 16.4427 24.8292 17.0677 24.85 17.6719C24.8708 18.276 24.8813 18.8281 24.8813 19.3281C24.8813 19.849 24.6938 20.2396 24.3188 20.5C23.9542 20.7604 23.4177 20.8906 22.7094 20.8906C22.3865 20.8906 22.1313 20.8125 21.9438 20.6562C21.7667 20.5104 21.6781 20.2917 21.6781 20C21.6781 18.5625 21.6417 17.2188 21.5688 15.9688C21.5063 14.7083 21.4333 13.5885 21.35 12.6094C21.2771 11.6302 21.2042 10.8177 21.1313 10.1719C21.0688 9.51562 21.0375 9.06771 21.0375 8.82812ZM33.6075 7.10937C34.1492 7.10937 34.6752 7.1875 35.1856 7.34375C35.696 7.5 36.144 7.71354 36.5294 7.98437C36.9252 8.24479 37.2429 8.54687 37.4825 8.89062C37.7221 9.22396 37.8419 9.56771 37.8419 9.92187C37.8419 10.151 37.795 10.375 37.7013 10.5937C37.6075 10.8021 37.4825 10.9896 37.3263 11.1562C37.17 11.3125 36.9929 11.4427 36.795 11.5469C36.5971 11.6406 36.3888 11.6875 36.17 11.6875C35.9304 11.6875 35.7117 11.599 35.5138 11.4219C35.3158 11.2344 35.1023 11.0312 34.8731 10.8125C34.6544 10.5833 34.4044 10.3802 34.1231 10.2031C33.8523 10.0156 33.5242 9.92187 33.1388 9.92187C32.7638 9.92187 32.4252 10.0104 32.1231 10.1875C31.821 10.3646 31.5658 10.6146 31.3575 10.9375C31.1596 11.25 31.0033 11.625 30.8888 12.0625C30.7846 12.4896 30.7325 12.9583 30.7325 13.4688C30.7325 14.9271 31.0085 16.0417 31.5606 16.8125C32.1127 17.5729 32.9044 17.9531 33.9356 17.9531C34.4252 17.9531 34.8419 17.875 35.1856 17.7188C35.5398 17.5625 35.8471 17.3906 36.1075 17.2031C36.3783 17.0156 36.6231 16.8438 36.8419 16.6875C37.0606 16.5312 37.2846 16.4531 37.5138 16.4531C37.6388 16.4531 37.7638 16.4948 37.8888 16.5781C38.0138 16.651 38.1231 16.75 38.2169 16.875C38.321 16.9896 38.4044 17.1198 38.4669 17.2656C38.5398 17.4115 38.5763 17.5573 38.5763 17.7031C38.5763 18.0469 38.4044 18.401 38.0606 18.7656C37.7273 19.1302 37.295 19.4635 36.7638 19.7656C36.2325 20.0573 35.6388 20.2969 34.9825 20.4844C34.3367 20.6719 33.7065 20.7656 33.0919 20.7656C32.269 20.7656 31.5138 20.6042 30.8263 20.2812C30.1388 19.9688 29.545 19.5312 29.045 18.9688C28.545 18.3958 28.1544 17.7135 27.8731 16.9219C27.6023 16.1302 27.4669 15.2552 27.4669 14.2969C27.4669 13.2552 27.6179 12.2969 27.92 11.4219C28.2325 10.5469 28.6596 9.79167 29.2013 9.15625C29.7533 8.51042 30.4044 8.01042 31.1544 7.65625C31.9044 7.29167 32.7221 7.10937 33.6075 7.10937ZM40.2244 19.6875C40.2244 18.7812 40.1983 17.7969 40.1463 16.7344C40.0942 15.6719 40.0265 14.599 39.9431 13.5156C39.8702 12.4219 39.7869 11.3542 39.6931 10.3125C39.6098 9.27083 39.5265 8.31771 39.4431 7.45312C39.3702 6.58854 39.3077 5.84375 39.2556 5.21875C39.2035 4.59375 39.1775 4.15625 39.1775 3.90625C39.1775 3.48958 39.3338 3.17187 39.6463 2.95312C39.9588 2.73437 40.4119 2.625 41.0056 2.625C41.266 2.625 41.4848 2.65104 41.6619 2.70312C41.8494 2.75521 42.0004 2.84375 42.115 2.96875C42.2296 3.09375 42.3181 3.26042 42.3806 3.46875C42.4535 3.66667 42.5056 3.91667 42.5369 4.21875C42.5785 4.63542 42.615 5.08333 42.6463 5.5625C42.6775 6.03125 42.7088 6.56771 42.74 7.17187C42.7817 7.77604 42.8233 8.45833 42.865 9.21875C42.9067 9.97917 42.9588 10.8542 43.0213 11.8438C43.0213 11.9896 43.0473 12.0938 43.0994 12.1562C43.1515 12.2188 43.2088 12.25 43.2713 12.25C43.3858 12.25 43.49 12.1562 43.5838 11.9688C44.4692 10.1667 45.3963 8.79167 46.365 7.84375C47.3338 6.88542 48.2765 6.40625 49.1931 6.40625C49.7348 6.40625 50.1619 6.56771 50.4744 6.89062C50.7869 7.21354 50.9431 7.64583 50.9431 8.1875C50.9431 8.77083 50.8129 9.3125 50.5525 9.8125C50.3025 10.3021 49.9848 10.7656 49.5994 11.2031C49.2244 11.6406 48.8129 12.0521 48.365 12.4375C47.9275 12.8229 47.516 13.1979 47.1306 13.5625C46.7556 13.9271 46.4379 14.2865 46.1775 14.6406C45.9275 14.9844 45.8025 15.3333 45.8025 15.6875C45.8025 16.0104 45.99 16.3438 46.365 16.6875C46.7504 17.0208 47.3025 17.3542 48.0213 17.6875C48.74 18.0104 49.6202 18.3281 50.6619 18.6406C51.7035 18.9427 52.8858 19.2344 54.2088 19.5156C54.4171 19.5677 54.5629 19.651 54.6463 19.7656C54.74 19.8802 54.7869 20.0312 54.7869 20.2188C54.7869 20.4479 54.7348 20.6823 54.6306 20.9219C54.5265 21.1719 54.3963 21.3958 54.24 21.5938C54.0838 21.8021 53.9067 21.9688 53.7088 22.0938C53.5213 22.2292 53.339 22.2969 53.1619 22.2969C52.8077 22.2969 52.3858 22.25 51.8963 22.1562C51.4067 22.0625 50.8754 21.9323 50.3025 21.7656C49.74 21.6094 49.1567 21.4219 48.5525 21.2031C47.9483 20.9948 47.3598 20.7656 46.7869 20.5156C46.2244 20.276 45.6879 20.026 45.1775 19.7656C44.6775 19.4948 44.2452 19.2292 43.8806 18.9688C43.766 18.9062 43.6723 18.8542 43.5994 18.8125C43.5369 18.7708 43.4796 18.75 43.4275 18.75C43.365 18.75 43.3285 18.776 43.3181 18.8281C43.3077 18.8698 43.3025 18.9635 43.3025 19.1094C43.3025 19.474 43.2713 19.7708 43.2088 20C43.1567 20.2292 43.0629 20.4062 42.9275 20.5312C42.7921 20.6667 42.6046 20.7604 42.365 20.8125C42.1254 20.8646 41.8285 20.8906 41.4744 20.8906C41.0056 20.8906 40.6775 20.8021 40.49 20.625C40.3129 20.4479 40.2244 20.1354 40.2244 19.6875Z",fill:"currentColor"})})}let el=(0,l.z)("div")({name:"Wrapper",class:"w1u8hzvx",propsAsIs:!1}),ea=(0,l.z)("div")({name:"Bar",class:"b1ysoznp",propsAsIs:!1}),eo=(0,l.z)("div")({name:"TextWrapper",class:"tti8tz3",propsAsIs:!1}),ec=(0,l.z)("svg")({name:"Svg",class:"s1whln1k",propsAsIs:!1}),ei=(0,l.z)("div")({name:"StyledParticle",class:"sid4ezk",propsAsIs:!1}),ep=function(e){let{frameNum:s,totalNumOfFrames:t}=e;return(0,r.jsxs)(el,{style:{left:"".concat(s/t*100,"%")},children:[(0,r.jsx)(ea,{}),(0,r.jsxs)(eo,{children:[(0,r.jsx)(en,{}),(0,r.jsx)(er,{top:-6,left:-2,angle:220,distance:12,duration:400,delay:16.666*3}),(0,r.jsx)(er,{top:2,left:-10,angle:170,distance:7,duration:290,delay:0}),(0,r.jsx)(er,{top:-6,left:30,angle:-40,distance:8,duration:440,delay:83.33}),(0,r.jsx)(er,{top:0,left:36,angle:0,distance:5,duration:240,delay:0})]})]},s)};t(63477);let eC=(0,l.z)("div")({name:"Wrapper",class:"w1h7e0az",propsAsIs:!1}),ed=(0,l.z)("div")({name:"Clipper",class:"cunuuym",propsAsIs:!1}),eu=(0,l.z)("div")({name:"Background",class:"bi9u7s8",propsAsIs:!1}),em=(0,l.z)("div")({name:"ClicksWrapper",class:"ct5vxqy",propsAsIs:!1}),eh=(0,l.z)("button")({name:"Sweeper",class:"s2js256",propsAsIs:!1}),ev=function(e){let{id:s,renders:t,clicks:l,currentFrame:o,totalNumOfFrames:c,isScrubbingDisabled:i=!1,setCurrentFrame:p,handleScrubStart:C,handleTogglePlay:d}=e,[u,m]=n.useState(!1),h=n.useRef(null),v=n.useRef(null),x=(0,y.Z)(v),f=c-1,w=o/f*100,g="mid";return 0===o?g="start":o===f&&(g="end"),j({id:s,isScrubbing:u,clipperBB:x,currentFrame:o,finalFrame:f,setCurrentFrame:p,setIsScrubbing:m,isScrubbingDisabled:!1,scrubStartEvent:h}),(0,r.jsxs)("div",{onMouseDown:e=>{e.preventDefault(),i||(m(!0),C(),h.current=e)},onTouchStart:e=>{e.preventDefault(),i||(m(!0),C())},children:[(0,r.jsxs)(eC,{style:{cursor:u?"grabbing":void 0},children:[(0,r.jsxs)(ed,{ref:v,style:{clipPath:z(w),cursor:i?"not-allowed":u?"grabbing":void 0},children:[(0,r.jsx)(eu,{}),t.map(e=>{let s=l.includes(e.start);return(0,r.jsx)(N,{render:e,currentFrame:o,totalNumOfFrames:c,startedByClick:s},e.start)})]}),(0,r.jsx)(em,{children:l.filter(e=>e<=o).map(e=>(0,r.jsx)(ep,{frameNum:e,totalNumOfFrames:c},e))}),(0,r.jsx)(eh,{"data-sweeper":"true",type:"button",style:b(w,u,i,x),onMouseDown:e=>{m(!0),e.currentTarget.focus()},onKeyDown:e=>{i||("Space"===e.code?d():"ArrowRight"===e.code?(e.preventDefault(),p(e=>(0,a.uZ)(e+1,0,f))):"ArrowLeft"===e.code&&(e.preventDefault(),p(e=>(0,a.uZ)(e-1,0,f))))},children:(0,r.jsx)(et,{frameType:g})})]}),(0,r.jsx)(Y,{totalNumOfFrames:c})]})};t(49368);var ex=t(52574);let ef=(0,l.z)("div")({name:"Wrapper",class:"w1dphg49",propsAsIs:!1}),ew=(0,l.z)("svg")({name:"Arrow",class:"a1vxn2wv",propsAsIs:!1}),eg=function(e){let{isDismissed:s}=e,[t,l]=n.useState(!1),a=n.useRef(null),o=!s&&t,c=(0,ex.Z)(a);return n.useEffect(()=>{!t&&c&&window.setTimeout(()=>{l(!0)},1500)},[t,c]),(0,r.jsx)("div",{ref:a,children:(0,r.jsxs)(ef,{"aria-hidden":"true",style:{opacity:o?1:0,clipPath:o?"polygon(0 0, 100% 0, 100% 100%, 0 100%)":"polygon(0 0, 100% 0, 100% 0, 0 0)",transform:o?"translate(-50%, 0)":"translate(-50%, -16px)",pointerEvents:o?"all":"none",transition:s?"none":"opacity 400ms, clip-path 800ms, transform 800ms"},children:[(0,r.jsx)("img",{src:"/images/use-deferred-value/instructions.png",alt:""}),(0,r.jsx)(ew,{viewBox:"0 0 168 103",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M5.50584 2.54776C5.53222 1.1673 4.43452 0.0268345 3.05406 0.000456283C1.6736 -0.0259219 0.533128 1.07178 0.50675 2.45224L5.50584 2.54776ZM164.431 102.999C165.811 103.037 166.961 101.949 166.999 100.569L167.62 78.0775C167.658 76.6973 166.57 75.5476 165.19 75.5095C163.809 75.4714 162.66 76.5594 162.622 77.9396L162.07 97.932L142.078 97.3803C140.697 97.3423 139.548 98.4302 139.51 99.8104C139.471 101.191 140.559 102.34 141.94 102.378L164.431 102.999ZM0.50675 2.45224C0.121542 22.6114 5.79995 34.7939 16.2098 42.4656C26.3305 49.9243 40.5712 52.7959 56.3362 55.4649C88.1905 60.8578 128.089 65.6598 162.684 102.218L166.316 98.7817C130.412 60.8402 88.8137 55.8922 57.1708 50.5351C41.1872 47.8291 28.1793 45.0757 19.1761 38.4406C10.462 32.0186 5.14105 21.6386 5.50584 2.54776L0.50675 2.45224Z",fill:"white"})})]})})};t(45164);let ey=(0,l.z)(i.Z)({name:"Wrapper",class:"wnhdw5a",propsAsIs:!0}),ej=(0,l.z)("div")({name:"VideoWrapper",class:"v1ykohmd",propsAsIs:!1}),ez=(0,l.z)("div")({name:"ActionsRow",class:"a30jnv4",propsAsIs:!1}),eb=(0,l.z)("div")({name:"PlayButtonWrapper",class:"p1v5bvcj",propsAsIs:!1}),ek=function(e){let{video:s,renders:t,clicks:l,showInstructions:i}=e,p=n.useId(),[C,d]=n.useState("idle"),[u,m]=n.useState(0),[h]=(0,c.Z)("/sounds/mouse-click.wav",{volume:.45}),v=n.useRef({}),w=n.useRef(null),y=n.useRef(Date.now()),j=s.length,z=j-1,b=n.useRef(u);return b.current=u,(0,o.Z)(()=>{let e=Date.now(),s=e-y.current;if(y.current=e,"playing"===C){let e=Math.min(b.current+s/1e3*60,z);Math.ceil(e=(0,a.RW)(e,2))>=z&&(e=Math.ceil(e));let t=Math.round(e+3);!v.current[t]&&l.includes(t)&&(h(),v.current[t]=!0),m(e)}}),n.useEffect(()=>{function e(e){window.mostRecentlyToggledTimeline===p&&("Enter"===e.code||"Space"===e.code)&&(e.preventDefault(),e.stopPropagation(),d(e=>{var s,t;return"playing"===e?(null===(s=w.current)||void 0===s||s.pause(),"paused"):(null===(t=w.current)||void 0===t||t.play(),"playing")}))}return window.addEventListener("keydown",e,{capture:!0}),()=>{window.removeEventListener("keydown",e,{capture:!0})}},[p]),n.useEffect(()=>{w.current&&(w.current.currentTime=u/60)},[u]),n.useEffect(()=>{w.current&&(w.current.playbackRate=1)},[u]),n.useEffect(()=>{"playing"===C&&(v.current={})},[C]),(0,r.jsxs)(ey,{children:[(0,r.jsxs)(ej,{style:{"--video-lightness":"idle"===C?i?"0.75":"0.4":"0"},children:[(0,r.jsxs)("video",{playsInline:!0,ref:w,onEnded:()=>{d("done")},children:[(0,r.jsx)("source",{src:s.src+".ogg",type:"video/ogg"}),(0,r.jsx)("source",{src:s.src+".mp4",type:"video/mp4"})]}),i&&(0,r.jsx)(eg,{isDismissed:"idle"!==C})]}),(0,r.jsxs)(ez,{children:[(0,r.jsx)(g,{}),(0,r.jsx)(eb,{children:(0,r.jsx)(x,{isGlowing:"idle"===C,status:C,onClick:()=>{var e,s;"playing"===C?(null===(e=w.current)||void 0===e||e.pause(),d("paused"),m(Math.round(u))):(null===(s=w.current)||void 0===s||s.play(),d("playing"),u>=z&&m(0))}})})]}),(0,r.jsx)(f.Z,{size:0}),(0,r.jsx)(ev,{id:p,renders:t,clicks:l,currentFrame:u,totalNumOfFrames:j,setCurrentFrame:m,handleScrubStart:()=>{if("paused"!==C){var e;null===(e=w.current)||void 0===e||e.pause(),d("paused")}},handleTogglePlay:()=>{var e,s;"playing"===C?(null===(e=w.current)||void 0===e||e.pause(),d("paused")):(null===(s=w.current)||void 0===s||s.play(),d("playing"))}})]})};t(61840)},18081:e=>{e.exports={wgsjpm8:"wgsjpm8","playGlowEffect-wgsjpm8":"playGlowEffect-wgsjpm8",b64525c:"b64525c","glow-b64525c":"glow-b64525c",fygpz23:"fygpz23",s1w7w98o:"s1w7w98o"}},63477:e=>{e.exports={w1u8hzvx:"w1u8hzvx",b1ysoznp:"b1ysoznp",tti8tz3:"tti8tz3","clickTextEnter-tti8tz3":"clickTextEnter-tti8tz3",s1whln1k:"s1whln1k",sid4ezk:"sid4ezk","particleZoom-sid4ezk":"particleZoom-sid4ezk","particleFade-sid4ezk":"particleFade-sid4ezk"}},61840:e=>{e.exports={wnhdw5a:"wnhdw5a",v1ykohmd:"v1ykohmd",a30jnv4:"a30jnv4",p1v5bvcj:"p1v5bvcj"}},45164:e=>{e.exports={w1dphg49:"w1dphg49",a1vxn2wv:"a1vxn2wv"}},4228:e=>{e.exports={bscln38:"bscln38","committedWrapper-bscln38":"committedWrapper-bscln38",iuvq3wf:"iuvq3wf",ref5bbr:"ref5bbr",rcan8s8:"rcan8s8",fadeIn:"fadeIn",ckyu2wz:"ckyu2wz","committedChild-ckyu2wz":"committedChild-ckyu2wz",c1660z4g:"c1660z4g",c1khghob:"c1khghob",c1swkle8:"c1swkle8",lp5bshi:"lp5bshi",v1uki39k:"v1uki39k"}},34627:e=>{e.exports={sy6pq31:"sy6pq31"}},45:e=>{e.exports={so5hssl:"so5hssl",h1xwgqmj:"h1xwgqmj"}},67535:e=>{e.exports={w16jl0vo:"w16jl0vo",cxp7kss:"cxp7kss",b1cry08d:"b1cry08d",s1f7iksw:"s1f7iksw",bk29gtf:"bk29gtf",f6kbxxr:"f6kbxxr",n176l221:"n176l221"}},49368:e=>{e.exports={w1h7e0az:"w1h7e0az",cunuuym:"cunuuym",bi9u7s8:"bi9u7s8",ct5vxqy:"ct5vxqy",s2js256:"s2js256"}},63423:e=>{e.exports={s1eeudi8:"s1eeudi8"}}}]);
//# sourceMappingURL=45979.1f776f6e71e83ebf.js.map