https://webgradients.com/_next/static/chunks/1a0371682a3e3f44.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,24601,(e,t,r)=>{t.exports=e.r(28995)},71601,e=>{"use strict";var t=e.i(98134),r=e.i(99352),n=e.i(24601),a=e.i(75201),i=e.i(29466);function o(){let e=(0,n.usePathname)(),[o,s]=(0,a.useState)(!1),[l,u]=(0,a.useState)(e);return e!==l&&(u(e),s(!1)),(0,t.jsx)("nav",{className:"nav","aria-label":"Primary",children:(0,t.jsxs)("div",{className:"nav__container",children:[(0,t.jsx)("a",{className:"nav__logo_box",href:"https://itmeo.com",target:"_blank",rel:"noopener noreferrer",children:(0,t.jsx)("img",{className:"nav__creator_logo_img",src:"/itmeo-logo.svg",alt:"itmeo",width:"82",height:"21"})}),(0,t.jsxs)("button",{type:"button",className:"nav__toggle","aria-label":o?"Close menu":"Open menu","aria-expanded":o,"aria-controls":"nav-buttons",onClick:()=>s(e=>!e),children:[(0,t.jsx)("span",{className:"nav__toggle-bar"}),(0,t.jsx)("span",{className:"nav__toggle-bar"}),(0,t.jsx)("span",{className:"nav__toggle-bar"})]}),(0,t.jsxs)("div",{id:"nav-buttons",className:`nav__buttons_box${o?" nav__buttons_box--open":""}`,children:[(0,t.jsxs)("span",{className:"nav__palette-link",children:[(0,t.jsx)(r.default,{className:"button button--second button--blank nav__button",href:"/palette",children:"palette"}),(0,t.jsx)("span",{className:"nav__new-badge",children:"New"})]}),(0,t.jsx)(r.default,{className:"button button--second button--blank nav__button",href:"/generators",children:"generators"}),(0,t.jsx)(r.default,{className:"button button--second button--blank nav__button",href:"/about",children:"about"}),(0,t.jsx)(r.default,{className:"button button--second button--blank nav__button",href:"/adv",children:"advertise"}),(0,t.jsx)("a",{className:"button button--sketch nav__button",href:"https://itmeo.com/gradients?format=sketch",target:"_blank",rel:"noopener noreferrer",onClick:()=>(0,i.trackEvent)("webgradients_outbound_itmeo_click",{target_format:"sketch"}),children:".sketch"}),(0,t.jsx)("a",{className:"button button--psd nav__button",href:"https://itmeo.com/gradients?format=psd",target:"_blank",rel:"noopener noreferrer",onClick:()=>(0,i.trackEvent)("webgradients_outbound_itmeo_click",{target_format:"psd"}),children:".psd"}),(0,t.jsx)("a",{className:"button button--figma nav__button",href:"https://www.figma.com/community/plugin/802147585857776440/webgradients",target:"_blank",rel:"noopener noreferrer",children:"Figma"})]})]})})}e.s(["default",()=>o])},36432,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return s}});let n=e.r(75201),a="u"<typeof window,i=a?()=>{}:n.useLayoutEffect,o=a?()=>{}:n.useEffect;function s(e){let{headManager:t,reduceComponentsToState:r}=e;function s(){if(t&&t.mountedInstances){let e=n.Children.toArray(Array.from(t.mountedInstances).filter(Boolean));t.updateHead(r(e))}}return a&&(t?.mountedInstances?.add(e.children),s()),i(()=>(t?.mountedInstances?.add(e.children),()=>{t?.mountedInstances?.delete(e.children)})),i(()=>(t&&(t._pendingUpdate=s),()=>{t&&(t._pendingUpdate=s)})),o(()=>(t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null),()=>{t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null)})),null}},2581,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={default:function(){return g},defaultHead:function(){return c}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let i=e.r(81258),o=e.r(44066),s=e.r(98134),l=o._(e.r(75201)),u=i._(e.r(36432)),d=e.r(44934);function c(){return[(0,s.jsx)("meta",{charSet:"utf-8"},"charset"),(0,s.jsx)("meta",{name:"viewport",content:"width=device-width"},"viewport")]}function f(e,t){return"string"==typeof t||"number"==typeof t?e:t.type===l.default.Fragment?e.concat(l.default.Children.toArray(t.props.children).reduce((e,t)=>"string"==typeof t||"number"==typeof t?e:e.concat(t),[])):e.concat(t)}e.r(91947);let m=["name","httpEquiv","charSet","itemProp"];function p(e){let t,r,n,a;return e.reduce(f,[]).reverse().concat(c().reverse()).filter((t=new Set,r=new Set,n=new Set,a={},e=>{let i=!0,o=!1;if(e.key&&"number"!=typeof e.key&&e.key.indexOf("$")>0){o=!0;let r=e.key.slice(e.key.indexOf("$")+1);t.has(r)?i=!1:t.add(r)}switch(e.type){case"title":case"base":r.has(e.type)?i=!1:r.add(e.type);break;case"meta":for(let t=0,r=m.length;t<r;t++){let r=m[t];if(e.props.hasOwnProperty(r))if("charSet"===r)n.has(r)?i=!1:n.add(r);else{let t=e.props[r],n=a[r]||new Set;("name"!==r||!o)&&n.has(t)?i=!1:(n.add(t),a[r]=n)}}}return i})).reverse().map((e,t)=>{let r=e.key||t;return l.default.cloneElement(e,{key:r})})}let g=function({children:e}){let t=(0,l.useContext)(d.HeadManagerContext);return(0,s.jsx)(u.default,{reduceComponentsToState:p,headManager:t,children:e})};("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esMo

1dule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},62465,(e,t,r)=>{"use strict";function n({widthInt:e,heightInt:t,blurWidth:r,blurHeight:n,blurDataURL:a,objectFit:i}){let o=r?40*r:e,s=n?40*n:t,l=o&&s?`viewBox='0 0 ${o} ${s}'`:"";return`%3Csvg xmlns='http://www.w3.org/2000/svg' ${l}%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='${l?"none":"contain"===i?"xMidYMid":"cover"===i?"xMidYMid slice":"none"}' style='filter: url(%23b);' href='${a}'/%3E%3C/svg%3E`}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"getImageBlurSvg",{enumerable:!0,get:function(){return n}})},7970,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={VALID_LOADERS:function(){return i},imageConfigDefault:function(){return o}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let i=["default","imgix","cloudinary","akamai","custom"],o={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:14400,formats:["image/webp"],maximumRedirects:3,maximumResponseBody:5e7,dangerouslyAllowLocalIP:!1,dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"attachment",localPatterns:void 0,remotePatterns:[],qualities:[75],unoptimized:!1}},84330,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"getImgProps",{enumerable:!0,get:function(){return u}}),e.r(91947);let n=e.r(88774),a=e.r(62465),i=e.r(7970),o=["-moz-initial","fill","none","scale-down",void 0];function s(e){return void 0!==e.default}function l(e){return void 0===e?e:"number"==typeof e?Number.isFinite(e)?e:NaN:"string"==typeof e&&/^[0-9]+$/.test(e)?parseInt(e,10):NaN}function u({src:e,sizes:t,unoptimized:r=!1,priority:u=!1,preload:d=!1,loading:c,className:f,quality:m,width:p,height:g,fill:h=!1,style:b,overrideSrc:_,onLoad:v,onLoadingComplete:y,placeholder:w="empty",blurDataURL:j,fetchPriority:x,decoding:P="async",layout:C,objectFit:E,objectPosition:O,lazyBoundary:S,lazyRoot:R,...k},N){var M;let z,I,$,{imgConf:D,showAltText:T,blurComplete:A,defaultLoader:U}=N,F=D||i.imageConfigDefault;if("allSizes"in F)z=F;else{let e=[...F.deviceSizes,...F.imageSizes].sort((e,t)=>e-t),t=F.deviceSizes.sort((e,t)=>e-t),r=F.qualities?.sort((e,t)=>e-t);z={...F,allSizes:e,deviceSizes:t,qualities:r}}if(void 0===U)throw Object.defineProperty(Error("images.loaderFile detected but the file is missing default export.\nRead more: https://nextjs.org/docs/messages/invalid-images-config"),"__NEXT_ERROR_CODE",{value:"E163",enumerable:!1,configurable:!0});let B=k.loader||U;delete k.loader,delete k.srcSet;let L="__next_img_default"in B;if(L){if("custom"===z.loader)throw Object.defineProperty(Error(`Image with src "${e}" is missing "loader" prop.
2Read more: https://nextjs.org/docs/messages/next-image-missing-loader`),"__NEXT_ERROR_CODE",{value:"E252",enumerable:!1,configurable:!0})}else{let e=B;B=t=>{let{config:r,...n}=t;return e(n)}}if(C){"fill"===C&&(h=!0);let e={intrinsic:{maxWidth:"100%",height:"auto"},responsive:{width:"100%",height:"auto"}}[C];e&&(b={...b,...e});let r={responsive:"100vw",fill:"100vw"}[C];r&&!t&&(t=r)}let q="",W=l(p),G=l(g);if((M=e)&&"object"==typeof M&&(s(M)||void 0!==M.src)){let t=s(e)?e.default:e;if(!t.src)throw Object.defineProperty(Error(`An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received ${JSON.stringify(t)}`),"__NEXT_ERROR_CODE",{value:"E460",enumerable:!1,configurable:!0});if(!t.height||!t.width)throw Object.defineProperty(Error(`An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received ${JSON.stringify(t)}

2`),"__NEXT_ERROR_CODE",{value:"E48",enumerable:!1,configurable:!0});if(I=t.blurWidth,$=t.blurHeight,j=j||t.blurDataURL,q=t.src,!h)if(W||G){if(W&&!G){let e=W/t.width;G=Math.round(t.height*e)}else if(!W&&G){let e=G/t.height;W=Math.round(t.width*e)}}else W=t.width,G=t.height}let X=!u&&!d&&("lazy"===c||void 0===c);(!(e="string"==typeof e?e:q)||e.startsWith("data:")||e.startsWith("blob:"))&&(r=!0,X=!1),z.unoptimized&&(r=!0),L&&!z.dangerouslyAllowSVG&&e.split("?",1)[0].endsWith(".svg")&&(r=!0);let H=l(m),V=Object.assign(h?{position:"absolute",height:"100%",width:"100%",left:0,top:0,right:0,bottom:0,objectFit:E,objectPosition:O}:{},T?{}:{color:"transparent"},b),J=A||"empty"===w?null:"blur"===w?`url("data:image/svg+xml;charset=utf-8,${(0,a.getImageBlurSvg)({widthInt:W,heightInt:G,blurWidth:I,blurHeight:$,blurDataURL:j||"",objectFit:V.objectFit})}")`:`url("${w}")`,K=o.includes(V.objectFit)?"fill"===V.objectFit?"100% 100%":"cover":V.objectFit,Q=J?{backgroundSize:K,backgroundPosition:V.objectPosition||"50% 50%",backgroundRepeat:"no-repeat",backgroundImage:J}:{},Y=function({config:e,src:t,unoptimized:r,width:a,quality:i,sizes:o,loader:s}){if(r){let e=(0,n.getDeploymentId)();if(t.startsWith("/")&&!t.startsWith("//")&&e){let r=t.includes("?")?"&":"?";t=`${t}${r}dpl=${e}`}return{src:t,srcSet:void 0,sizes:void 0}}let{widths:l,kind:u}=function({deviceSizes:e,allSizes:t},r,n){if(n){let r=/(^|\s)(1?\d?\d)vw/g,a=[];for(let e;e=r.exec(n);)a.push(parseInt(e[2]));if(a.length){let r=.01*Math.min(...a);return{widths:t.filter(t=>t>=e[0]*r),kind:"w"}}return{widths:t,kind:"w"}}return"number"!=typeof r?{widths:e,kind:"w"}:{widths:[...new Set([r,2*r].map(e=>t.find(t=>t>=e)||t[t.length-1]))],kind:"x"}}(e,a,o),d=l.length-1;return{sizes:o||"w"!==u?o:"100vw",srcSet:l.map((r,n)=>`${s({config:e,src:t,quality:i,width:r})} ${"w"===u?r:n+1}${u}`).join(", "),src:s({config:e,src:t,quality:i,width:l[d]})}}({config:z,src:e,unoptimized:r,width:W,quality:H,sizes:t,loader:B}),Z=X?"lazy":c;return{props:{...k,loading:Z,fetchPriority:x,width:W,height:G,decoding:P,className:f,style:{...V,...Q},sizes:Y.sizes,srcSet:Y.srcSet,src:_||Y.src},meta:{unoptimized:r,preload:d||u,placeholder:w,fill:h}}}},56362,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"ImageConfigContext",{enumerable:!0,get:function(){return i}});let n=e.r(81258)._(e.r(75201)),a=e.r(7970),i=n.default.createContext(a.imageConfigDefault)},59719,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"RouterContext",{enumerable:!0,get:function(){return n}});let n=e.r(81258)._(e.r(75201)).default.createContext(null)},77466,(e,t,r)=>{"use strict";function n(e,t){let r=e||75;return t?.qualities?.length?t.qualities.reduce((e,t)=>Math.abs(t-r)<Math.abs(e-r)?t:e,0):r}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"findClosestQuality",{enumerable:!0,get:function(){return n}})},21223,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return o}});let n=e.r(77466),a=e.r(88774);function i({config:e,src:t,width:r,quality:i}){if(t.startsWith("/")&&t.includes("?")&&e.localPatterns?.length===1&&"**"===e.localPatterns[0].pathname&&""===e.localPatterns[0].search)throw Object.defineProperty(Error(`Image with src "${t}" is using a query string which is not configured in images.localPatterns.
3Read more: https://nextjs.org/docs/messages/next-image-unconfigured-localpatterns`),"__NEXT_ERROR_CODE",{value:"E871",enumerable:!1,configurable:!0});let o=(0,n.findClosestQuality)(i,e),s=(0,a.getDeploymentId)();return`${e.path}?url=${encodeURIComponent(t)}&w=${r}&q=${o}${t.startsWith("/")&&s?`&dpl=${s}`:""}`}i.__next_img_default=!0;let o=i},1793,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"Image",{enumerable:!0,get:function(){return y}});let n=e.r(81258),a=e.r(44066),i=e.r(98134),o=a._(e.r(75201)),s=n._(e.r(29080)),l=n._(e.r(2581)),u=e.r(84330),d=e.r(7970),c=e.r(56362);e.r(91947);let f=e.r(59719),m=n._(e.r(21223)),p=e.r(51754),g={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qual

3ities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0};function h(e,t,r,n,a,i,o){let s=e?.src;e&&e["data-loaded-src"]!==s&&(e["data-loaded-src"]=s,("decode"in e?e.decode():Promise.resolve()).catch(()=>{}).then(()=>{if(e.parentElement&&e.isConnected){if("empty"!==t&&a(!0),r?.current){let t=new Event("load");Object.defineProperty(t,"target",{writable:!1,value:e});let n=!1,a=!1;r.current({...t,nativeEvent:t,currentTarget:e,target:e,isDefaultPrevented:()=>n,isPropagationStopped:()=>a,persist:()=>{},preventDefault:()=>{n=!0,t.preventDefault()},stopPropagation:()=>{a=!0,t.stopPropagation()}})}n?.current&&n.current(e)}}))}function b(e){return o.use?{fetchPriority:e}:{fetchpriority:e}}"u"<typeof window&&(globalThis.__NEXT_IMAGE_IMPORTED=!0);let _=(0,o.forwardRef)(({src:e,srcSet:t,sizes:r,height:n,width:a,decoding:s,className:l,style:u,fetchPriority:d,placeholder:c,loading:f,unoptimized:m,fill:g,onLoadRef:_,onLoadingCompleteRef:v,setBlurComplete:y,setShowAltText:w,sizesInput:j,onLoad:x,onError:P,...C},E)=>{let O=(0,o.useCallback)(e=>{e&&(P&&(e.src=e.src),e.complete&&h(e,c,_,v,y,m,j))},[e,c,_,v,y,P,m,j]),S=(0,p.useMergedRef)(E,O);return(0,i.jsx)("img",{...C,...b(d),loading:f,width:a,height:n,decoding:s,"data-nimg":g?"fill":"1",className:l,style:u,sizes:r,srcSet:t,src:e,ref:S,onLoad:e=>{h(e.currentTarget,c,_,v,y,m,j)},onError:e=>{w(!0),"empty"!==c&&y(!0),P&&P(e)}})});function v({isAppRouter:e,imgAttributes:t}){let r={as:"image",imageSrcSet:t.srcSet,imageSizes:t.sizes,crossOrigin:t.crossOrigin,referrerPolicy:t.referrerPolicy,...b(t.fetchPriority)};return e&&s.default.preload?(s.default.preload(t.src,r),null):(0,i.jsx)(l.default,{children:(0,i.jsx)("link",{rel:"preload",href:t.srcSet?void 0:t.src,...r},"__nimg-"+t.src+t.srcSet+t.sizes)})}let y=(0,o.forwardRef)((e,t)=>{let r=(0,o.useContext)(f.RouterContext),n=(0,o.useContext)(c.ImageConfigContext),a=(0,o.useMemo)(()=>{let e=g||n||d.imageConfigDefault,t=[...e.deviceSizes,...e.imageSizes].sort((e,t)=>e-t),r=e.deviceSizes.sort((e,t)=>e-t),a=e.qualities?.sort((e,t)=>e-t);return{...e,allSizes:t,deviceSizes:r,qualities:a,localPatterns:"u"<typeof window?n?.localPatterns:e.localPatterns}},[n]),{onLoad:s,onLoadingComplete:l}=e,p=(0,o.useRef)(s);(0,o.useEffect)(()=>{p.current=s},[s]);let h=(0,o.useRef)(l);(0,o.useEffect)(()=>{h.current=l},[l]);let[b,y]=(0,o.useState)(!1),[w,j]=(0,o.useState)(!1),{props:x,meta:P}=(0,u.getImgProps)(e,{defaultLoader:m.default,imgConf:a,blurComplete:b,showAltText:w});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{...x,unoptimized:P.unoptimized,placeholder:P.placeholder,fill:P.fill,onLoadRef:p,onLoadingCompleteRef:h,setBlurComplete:y,setShowAltText:j,sizesInput:e.sizes,ref:t}),P.preload?(0,i.jsx)(v,{isAppRouter:!r,imgAttributes:x}):null]})});("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},83787,e=>{"use strict";var t=e.i(98134),r=e.i(29466);function n({targetFormat:e,onClick:n,children:a,...i}){return(0,t.jsx)("a",{...i,onClick:function(t){(0,r.trackEvent)("webgradients_outbound_itmeo_click",{target_format:e}),n?.(t)},children:a})}e.s(["default",()=>n])}]);