(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8826],{4441:e=>{e.exports={container:"pixel-icon_container__iPeg7",usingCanvas:"pixel-icon_usingCanvas__6LX0z"}},12734:(e,t,r)=>{"use strict";r.r(t),r.d(t,{useIsomorphicLayoutEffect:()=>n});let n=r(85556).useLayoutEffect},19344:(e,t,r)=>{"use strict";r.d(t,{PixelIcon:()=>o});var n=r(10488),a=r(60914),i=r(85556),u=r(61982),s=r(4441),c=r.n(s);function o({label:e,...t}){let r=(0,i.useRef)(null),[s,o]=(0,i.useState)(!1),{resolvedTheme:f}=(0,u.D)();(0,i.useEffect)(()=>{if(!r.current||!t.useCanvas)return;o(!0);let{start:e,stop:n}=function({color:e,colorSecondary:t,pixelMatrix:r,canvas:n,active:a,renderScale:i=2,transitionSpeed:u=1,theme:s}){performance.now();let c=0,o=!1,f=0,h=[],d=[],m=[];for(let e=0;e=r?r:e}function b(){if(performance.now(),c=requestAnimationFrame(b),!a?.current&&0===f&&o)return;let e=n.getContext("2d");if(!e)return;let t=Math.ceil(performance.now()/100),u=n.clientWidth*i,s=n.clientHeight*i;n.width=u,n.height=s;let l=Math.min(u/r[0].length,s/r.length);e.clearRect(0,0,u,s),f=0;for(let n=0;nf&&(f=b),m[n][i]=a?.current?Math.min(b+p*c,1):Math.max(b-p*c,0);let y={color:E(2*b,0,1),alpha:b},M=g.map(e=>{var t,r;return t=v[0],(1-(r=y.color))*t+r*e}),k=x.map(e=>{var t,r;return t=v[0],(1-(r=y.color))*t+r*e}),C=(1-(w=y.color))*0+ +w,T=(1-(P=y.alpha))*1+P*o,I=`${M[0]},${M[1]},${M[2]}`,S=`${k[0]},${k[1]},${k[2]}`;switch(r[n]?.[i]){case 1:u=`rgba(${I},${T})`;break;case 2:u=`rgba(${S},${T*$})`;break;case 3:u=`rgba(255,255,255, ${2*T*C})`;break;default:continue}e.beginPath(),e.arc(i*l+l/2,n*l+l/2,l/2,0,2*Math.PI),e.fillStyle=u,e.fill()}o=!0}return{start:()=>requestAnimationFrame(b),stop:()=>cancelAnimationFrame(c)}}({...t,theme:f,active:t.active||{current:!1},canvas:r.current});return e(),()=>{n()}},[f,t]);let{path1s:h,path2s:d}=function(e){let t="",r="";if(!e[0])return{path1s:t,path2s:r};let n=1/e[0].length,a=1/e.length,i=u(Math.min(n,a)/2);function u(e){return Math.round(1e4*e)/1e4}function s(e,t){let r="",s=u(t*n+n/2),c=u(e*a+a/2);return r+`M${s} ${c} m${-i},0 a${i},${i} 0 1,0 ${u(2*i)},0 a${i},${i} 0 1,0 ${u(-(2*i))},0 `}return e.forEach((e,n)=>e.forEach((e,a)=>{switch(e){case 1:t+=s(n,a);break;case 2:r+=s(n,a)}})),{path1s:t,path2s:r}}(t.pixelMatrix);return(0,n.jsxs)("div",{"aria-label":e,className:(0,a.$)(c().container,t.className,{[c().usingCanvas]:s}),role:"img",children:[(0,n.jsxs)("svg",{viewBox:"0 0 1 1",children:[(0,n.jsx)("path",{d:h,fill:"var(--ds-gray-1000)"}),(0,n.jsx)("path",{d:d,fill:"var(--ds-gray-1000)",opacity:.5})]}),(0,n.jsx)("canvas",{ref:r,style:{maxWidth:"100%",maxHeight:"100%"}})]})}function l(e){let t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e.replace("0x","#"));return t?[Number.parseInt(t[1],16),Number.parseInt(t[2],16),Number.parseInt(t[3],16)]:[0,0,0]}},25998:(e,t,r)=>{"use strict";r.r(t),r.d(t,{usePrefetchProps:()=>c});var n=r(38711),a=r(90226),i=r(85556),u=r(75554),s=r(84125);function c({prefetch:e,prefetchStrategy:t,isDifferentZone:r,href:c}){let o=(0,n.useRouter)(),l=c&&(0,u.c)(c),f="visible"===t&&!r&&l&&"true"!==s.env.NEXT_PUBLIC_TESTMODE,h=(0,i.useCallback)(()=>{"string"==typeof c&&o.prefetch(c,{kind:a.PrefetchKind.FULL})},[c,o]);return{onMouseEnter:"hover"===t&&l?h:void 0,prefetch:!!f&&e}}},27975:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>a});var n=r(85556);let a=(e=!1,t={enterDelay:0,exitDelay:0})=>{let[r,a]=(0,n.useState)(e),[i,u]=(0,n.useState)(!1),s=(0,n.useRef)(),c=(0,n.useRef)(null),o=(0,n.useRef)(t);return(0,n.useEffect)(()=>{o.current=t},[t]),(0,n.useEffect)(()=>{clearTimeout(s.current);let{enterDelay:t,exitDelay:r,onUnmount:n}=o.current;if(e)c.current=Date.now(),a(!0),-1===t?"requestIdleCallback"in window?window.requestIdleCallback(()=>{u(!0)},{timeout:100}):setTimeout(()=>{u(!0)},1):0===t?u(!0):s.current=window.setTimeout(()=>{u(!0)},t);else{u(!1);let e=r;if(c.current){let n=Date.now()-c.current;t&&n{a(!1),c.current&&n?.()},e)}},[e]),{mounted:r,rendered:i}}},37325:(e,t,r)=>{"use strict";r.r(t),r.d(t,{BlurBase64:()=>u,BlurBase64Context:()=>a,withBlurBase64:()=>i});var n=r(10488);let a=(0,r(85556).createContext)(null),i=e=>({...t})=>(0,n.jsx)(a.Provider,{value:t.blurBase64DataURLs,children:(0,n.jsx)(e,{...t})});function u({blurBase64DataURLs:e,children:t}){return(0,n.jsx)(a.Provider,{value:e,children:t})}},58987:(e,t,r)=>{"use strict";r.r(t),r.d(t,{usePrefersReducedMotion:()=>a});var n=r(85556);function a(e={}){let{ssr:t=!1}=e,[r,i]=(0,n.useState)(t);return(0,n.useEffect)(()=>{if(!window.matchMedia){i(!1);return}let e=window.matchMedia("(prefers-reduced-motion: reduce)");function t(e){i(e.matches)}return i(e.matches),e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[]),r}},75554:(e,t,r)=>{"use strict";function n(e){let t="string"==typeof e?e:e.pathname;return!(!t||/^https?:\/\/$/.exec(t)||t.includes("*"))&&t.startsWith("/")}r.d(t,{c:()=>n})},86563:(e,t,r)=>{"use strict";r.r(t),r.d(t,{useIsMobile:()=>u,useIsTablet:()=>s,useMediaQuery:()=>i});var n=r(85556);let a=!1,i=(e,t)=>{let r=[`(max-width: ${e}px)${null!=t?",":""}`,null!=t?`(max-height: ${t}px)`:null].filter(Boolean).join(" "),[i,u]=(0,n.useState)(()=>a?window.innerWidth<=e||void 0!==t&&window.innerHeight<=t:void 0),s=(0,n.useRef)(i);return(0,n.useEffect)(()=>{s.current=i},[i]),(0,n.useEffect)(()=>{let n=()=>{u(i.matches)};void 0===s.current&&u(window.innerWidth<=e||void 0!==t&&window.innerHeight<=t),a=!0;let i=window.matchMedia(r);return i.addEventListener("change",n),i.matches&&u(!0),()=>{i.removeEventListener("change",n)}},[e,t,r]),i},u=(e=600)=>i(e),s=()=>i(960)},97419:(e,t,r)=>{"use strict";r.r(t),r.d(t,{useAwaitPaintSelectState:()=>i});var n=r(85556);function a(){return new Promise(e=>{setTimeout(e,100),requestAnimationFrame(()=>{setTimeout(e,0)})})}function i({onChange:e}){let[t,r]=(0,n.useState)(!1);function i(){(async()=>{await a(),r(e=>!e)})()}function u(){(async()=>{await a(),r(!1)})()}function s(t){(async()=>{await a(),e(t)})()}return{open:t,onTrigger:i,onSelect:u,onValueChange:s,awaitPaintTriggerProps:{onClick:e=>{e.currentTarget.focus()},onKeyDown:e=>{"Enter"===e.key&&(i(),t&&e.preventDefault())},onTouchStart:i,onPointerDown:e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),0!==e.button||e.ctrlKey||(i(),e.preventDefault())}},awaitPaintItemProps:{onClick:u,onKeyDown:e=>{"Enter"===e.key&&u(),"Escape"===e.key&&i()},onTouchStart:u},awaitPaintRootProps:{onValueChange:s,open:t}}}new WeakMap}}]);