1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{53584:function(e,s,i){"use strict";var t,r=i(75271);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}s.Z=e=>r.createElement("svg",a({width:40,height:40,fill:"currentColor",viewBox:"0 0 40 40"},e),t||(t=r.createElement("path",{d:"M36.666 36.667h-3.334v-3.334h3.334zm-3.334-3.334h-3.333V30h3.333zm-10-3.333H9.999v-3.333h13.333zm6.667 0h-3.333v-3.333h3.333zm-20-3.333H6.666v-3.334h3.333zm16.667 0h-3.334v-3.334h3.334zm-20-3.334H3.332V10h3.334zm23.333 0h-3.333V10h3.333zM9.999 10H6.666V6.667h3.333zm16.667 0h-3.334V6.667h3.334zm-3.334-3.333H9.999V3.333h13.333z"})))},73526:function(e,s,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return i(23978)}])},5806:function(e,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),function(e,s){for(var i in s)Object.defineProperty(e,i,{enumerable:!0,get:s[i]})}(s,{default:function(){return n},noSSR:function(){return l}});let t=i(42430);i(52676),i(75271);let r=t._(i(85752));function a(e){return{default:(null==e?void 0:e.default)||e}}function l(e,s){return delete s.webpack,delete s.modules,e(s)}function n(e,s){let i=r.default,t={loading:e=>{let{error:s,isLoading:i,pastDelay:t}=e;return null}};e instanceof Promise?t.loader=()=>e:"function"==typeof e?t.loader=e:"object"==typeof e&&(t={...t,...e});let n=(t={...t,...s}).loader;return(t.loadableGenerated&&(t={...t,...t.loadableGenerated},delete t.loadableGenerated),"boolean"!=typeof t.ssr||t.ssr)?i({...t,loader:()=>null!=n?n().then(a):Promise.resolve(a(()=>null))}):(delete t.webpack,delete t.modules,l(i,t))}("function"==typeof s.default||"object"==typeof s.default&&null!==s.default)&&void 0===s.default.__esModule&&(Object.defineProperty(s.default,"__esModule",{value:!0}),Object.assign(s.default,s),e.exports=s.default)},35439:function(e,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"LoadableContext",{enumerable:!0,get:function(){return t}});let t=i(42430)._(i(75271)).default.createContext(null)},85752:function(e,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"default",{enumerable:!0,get:function(){return p}});let t=i(42430)._(i(75271)),r=i(35439),a=[],l=[],n=!1;function h(e){let s=e(),i={loading:!0,loaded:null,error:null};return i.promise=s.then(e=>(i.loading=!1,i.loaded=e,e)).catch(e=>{throw i.loading=!1,i.error=e,e}),i}class c{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:s}=this;e.loading&&("number"==typeof s.delay&&(0===s.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},s.delay)),"number"==typeof s.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},s.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,s){this._loadFn=e,this._opts=s,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function d(e){return function(e,s){let i=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},s),a=null;function h(){if(!a){let s=new c(e,i);a={getCurrentValue:s.getCurrentValue.bind(s),subscribe:s.subscribe.bind(s),retry:s.retry.bind(s),promise:s.promise.bind(s)}}return a.promise()}if(!n){let e=i.webpack?i.webpack():i.modules;e&&l.push(s=>{for(let i of e)if(s.includes(i))return h()})}function d(e,s){!function(){h();let e=t.default.useContext(r.LoadableContext);
1e&&Array.isArray(i.modules)&&i.modules.forEach(s=>{e(s)})}();let l=t.default.useSyncExternalStore(a.subscribe,a.getCurrentValue,a.getCurrentValue);return t.default.useImperativeHandle(s,()=>({retry:a.retry}),[]),t.default.useMemo(()=>{var s;return l.loading||l.error?t.default.createElement(i.loading,{isLoading:l.loading,pastDelay:l.pastDelay,timedOut:l.timedOut,error:l.error,retry:a.retry}):l.loaded?t.default.createElement((s=l.loaded)&&s.default?s.default:s,e):null},[e,l])}return d.preload=()=>h(),d.displayName="LoadableComponent",t.default.forwardRef(d)}(h,e)}function o(e,s){let i=[];for(;e.length;){let t=e.pop();i.push(t(s))}return Promise.all(i).then(()=>{if(e.length)return o(e,s)})}d.preloadAll=()=>new Promise((e,s)=>{o(a).then(e,s)}),d.preloadReady=e=>(void 0===e&&(e=[]),new Promise(s=>{let i=()=>(n=!0,s());o(l,e).then(i,i)})),window.__NEXT_PRELOADREADY=d.preloadReady;let p=d},56955:function(e,s,i){"use strict";i.d(s,{z:function(){return l}});var t=i(52676),r=i(4814),a=i(47198);function l(e){let s=(0,r.W)("relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 dark:data-[variant=secondary]:bg-neu-100/80 dark:data-[variant=secondary]:hover:bg-neu-200/50 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 data-[variant=tertiary]:bg-neu-100 data-[variant=tertiary]:text-neu-900 data-[variant=tertiary]:hover:bg-neu-200 data-[variant=tertiary]:active:bg-neu-300 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none dark:data-[variant=tertiary]:bg-neu-900/10 dark:data-[variant=tertiary]:text-neu-900 dark:data-[variant=tertiary]:hover:bg-neu-900/[.125] dark:data-[variant=tertiary]:active:bg-neu-800/20 dark:data-[variant=tertiary]:ring-1 dark:data-[variant=tertiary]:ring-inset dark:data-[variant=tertiary]:ring-neu-900/20",e.isIconButton&&"!p-2 h-min",e.className),i={"data-size":e.size,"data-variant":e.variant};if("href"in e&&"string"==typeof e.href){let{className:r,size:l,isIconButton:n,disabled:h,children:c,...d}=e;return h&&(d.href=void 0),(0,t.jsx)(a.e,{className:s,"aria-disabled":h,...i,...d,children:c})}if(e.as){let{className:r,size:a,isIconButton:l,children:n,as:h,...c}=e;return(0,t.jsx)(h,{className:s,...i,...c,children:n})}let{className:l,size:n,isIconButton:h,children:c,...d}=e;return(0,t.jsx)("button",{className:s,...i,...d,children:c})}},17538:function(e,s,i){"use strict";i.d(s,{_:function(){return r}});var t=i(52676);function r(e){return(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",...e,children:(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.66666 13.3332H5.33333V2.6665H6.66666V3.99984H7.99999V5.99984H9.33333V7.33317H10.6667V8.6665H9.33333V9.99984H7.99999V11.9998H6.66666V13.3332Z"})})}},87676:function(e,s,i){"use strict";i.d(s,{v:function(){return r}});var t=i(52676);function r({text:e,code:s,icon:i}){return(0,t.jsxs)("li",{className:"flex flex-col [counter-increment:list-item]",children:[(0,t.jsxs)("div",{className:"typography-body-md flex items-center bg-neu-0 py-4 pr-2 before:typography-body-sm before:mr-2 before:inline-flex before:size-5 before:translate-y-[-0.5px] before:items-center before:justify-center before:bg-neu-200 before:p-1 before:text-neu-800 before:content-[counter(list-item)] dark:before:bg-neu-50 md:p-6",children:[e,i]}),(0,t.jsx)("div",{className:"mt-px flex-1 bg-neu-0 text-sm/[21px] [--cm-background:transparent] md:[&_:is(.cm-line,.nextra-code>span)]:!pl-5 md:[&_:is(pre,.cm-content)]:!pt-5 max-md:[&_code>span]:!pl-0 [&_pre]:border-none [&_pre]:ring-0",children:s})]})}},6292:function(e,s,i){"use strict";i.d(s,{J:function(){return l}});var t=i(52676),r=i(4814),a=i(56955);function l({className:e,...s}){return(0,t.jsxs)(a.z,{variant:"tertiary",className:(0,r.Z)("ml-auto h-min !p-0.5 !text-neu-800 before:absolute before:-inset-3 hover:!text-neu-900",e),onClick:s.onClick,disabled:s.disabled,children:[(0,t.jsx)("svg",{fill:"currentColor",viewBox:"0 0 24 24",className:"size-4",children:(0,t.jsx)("path",{d:"M10 20H8V4h2v2h2v3h2v2h2v2h-2v2h-2v3h-2v2z"})}),!s.disabled&&(0,t.jsx)("span",{className:"sr-only",children:"Run query"})]})}},20961:function(e,s,i){"use strict";i.d(s,{T:function(){return r}});var t=i(52676);function r(){return(0,t.jsx)("style",{children:".nextra-nav-container.sticky { position: fixed }"})}},23978:function(e,s,i){"use strict";i.r(s),i.d(s,{default:function(){return iH},useTOC:function(){return iV}});var t,r,a,l,n,h,c,d,o,p,x,g,m,u,k,f,j,y,v,b,E,_,F,w,A,N,V,H,C,z,D,M,B,L,S,P,I,G,q,O,R=i(92937),Q=i(45043),Z=i(52676),T=i(45582),W=i.n(T),U=i(48074),X=i(65327),Y=i(56955),J=i(75271);let K=new Map;function $({image:e,fetchPriority:s="auto",...i}){let[t,r]=(0,J.useState)(!1),a="string"==typeof e?e:e.src,l=K.get(a)?.complete;return(0,J.useEffect)(()=>{let e;K.has(a)?(e=K.get(a)).complete?r(!0):e.addEventListener("load",()=>r(!0)):((e=new Image).src=a,e.fetchPriority=s,e.addEventListener("load",()=>r(!0)),K.set(a,e))},[a,s]),(0,Z.jsx)("div",{"data-loaded":l||t,...i})}var ee={src:"/_next/static/media/logo-blurred.94c9eff4.webp",height:1391,width:1263,blurDataURL:"data:image/webp;base64,UklGRrwAAABXRUJQVlA4WAoAAAAQAAAABgAABwAAQUxQSDkAAAAAAAAHPgcAAAUTS8BLEwVCoFc0V6BCHF48AjxfGxx9FgcWfhtCtF5JXrRCBRREpkQUBQAACD8IAAAAVlA4IFwAAAAwAgCdASoHAAgAAkA4JbACdLoAAzpUGNDAgAD+8zU1sO5yUcmX9fK74O2LnH1H/kiXeZ32rGj/36wKQVenH+zVHStvf/1yN//WA+fCXZv6Cz/xf//By6X33SgAAA==",blurWidth:7,blurHeight:8};function es(){return(0,Z.jsx)("div",{className:"relative bg-neu-50 dark:bg-neu-50/10",children:(0,Z.jsxs)("div",{className:"gql-container flex flex-col-reverse lg:grid lg:grid-cols-2",children:[(0,Z.jsxs)("div",{className:"flex max-w-4xl flex-col justify-center gap-4 p-4 lg:min-h-[800px] xl:gap-8 xl:py-24 xl:pl-24 xl:pr-10",children:[(0,Z.jsx)("h1",{className:"typography-h1 max-w-3xl text-neu-900",children:"The API language for humans and agents"}),(0,Z.jsx)("ul",{className:"flex flex-col gap-2",children:["Typesafe schemas, secure requests","Frictionless distributed development","Data driven UI at scale"].map((e,s)=>(0,Z.jsxs)("li",{className:"flex items-start gap-1",children:[(0,Z.jsx)(X.Z,{className:"size-6 shrink-0 text-pri-base max-lg:mt-px"}),(0,Z.jsx)("p",{className:"text-pretty text-neu-800",children:e})]},s))}),(0,Z.jsxs)("div",{className:"flex items-center gap-4",children:[(0,Z.jsx)(Y.z,{href:"/#how-it-works",children:"Try it out"}),(0,Z.jsxs)(Y.z,{href:"/learn",variant:"secondary",children:[(0,Z.jsx)("span",{className:"sr-only",children:"Read the "})," Docs"]})]})]}),(0,Z.jsx)(ei,{})]})})}function ei(){return(0,Z.jsxs)("div",{className:"pointer-events-none relative overflow-hidden max-lg:h-[210px]",children:[(0,Z.jsx)(W(),{children:(0,Z.jsx)("link",{rel:"preload",as:"image",href:ee.src,type:"image/webp",fetchPriority:"high"})}),(0,Z.jsx)($,{image:ee,className:"relative h-full bg-gradient-to-b from-pri-base to-pri-lighter opacity-0 transition-opacity duration-[1.5s] [mask-position:center_12%] [mask-size:110%] data-[loaded=true]:opacity-100 dark:to-pri-base sm:[mask-size:auto_300%] lg:[mask-position:7%_7%] lg:[mask-size:200%]",style:{maskImage:`url(${ee.src})`,WebkitMaskImage:`url(${ee.src})`,maskRepeat:"no-repeat",WebkitMaskRepeat:"no-repeat"}}),(0,Z.jsx)(U.y,{stripeWidth:"5px",oddClassName:"bg-gradient-to-b from-sec-base to-pri-lighter dark:from-sec-darker dark:to-pri-darker"})]})}var et=i(4814);function er(){return(er=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];
1for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function ea(){return(ea=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var el=e=>J.createElement("svg",ea({xmlSpace:"preserve",width:1075,height:401.15,fill:"#1f70c1",viewBox:"0 0 1075 401.15"},e),l||(l=J.createElement("style",null,'html[class~="dark"] .IBM_svg__st0{fill:#fff}')),n||(n=J.createElement("path",{d:"M0 373.17h194.43v27.932H0zm0-53.34h194.43v27.932H0zm55.468-53.29h83.399v27.932H55.468zm0-53.29h83.399v27.932H55.468zm0-53.29h83.399v27.932H55.468zm0-53.38h83.399v27.932H55.468zM0 53.288h194.43V81.22H0zM0 0h194.43v27.932H0zm222.17 400.85 207.11.297c27.734 0 52.793-10.697 71.513-27.932h-278.62zm0-53.09H521.2a99.2 99.2 0 0 0 11.094-27.932h-310.12zm55.56-81.22h83.3v27.932h-83.3zm166.7 0v27.932h90.927c0-9.608-1.288-19.017-3.764-27.932zm53.49-53.29H277.73v27.932h243.46c-6.34-10.698-14.165-20.107-23.277-27.932zm-220.19-53.29v27.932h220.19c9.311-7.825 17.135-17.235 23.277-27.932zm0-53.38h83.3v27.932h-83.3zm166.7 27.93h87.163c2.476-8.914 3.764-18.324 3.764-27.932H444.43zm76.77-81.222H222.17V81.22h310.12c-2.575-9.905-6.339-19.314-11.093-27.932zM429.28 0H222.17v27.932H500.7A105.15 105.15 0 0 0 429.286 0zm126.29 81.22h187.1l-9.61-27.932H555.57zm0-53.288h168.68L714.64 0H555.57zM861.03 401.17v-27.93H1000v27.93zm0-53.41v-27.93H1000v27.93zm-83.3-165.22-7.82-22.58H611.03v27.93h83.4v-25.65l8.82 25.65h148.97l8.81-25.65v25.65h83.4v-27.93H785.56zm166.7-75.96H803.98l-9.61 27.93h150.06zM1000 27.932V0H840.93l-9.61 27.932zM768.13 373.22l9.6 27.63 9.61-27.63zm-18.63-53.39 9.81 27.93h36.85l9.9-27.93zm-18.72-53.29 9.81 27.93h74.29l9.8-27.93zm-8.81-25.36H833.6l9.51-27.93H712.36zM611.03 134.51h150.06l-9.6-27.93H611.03zM1000 53.288H822.4l-9.5 27.932H1000zM555.57 373.22h138.97v27.932H555.57zm0-53.39h138.97v27.932H555.57zm55.46-53.29h83.399v27.932H611.03zm0-53.29h83.399v27.932H611.03zm250 0h83.399v27.932H861.03zm0 53.29h83.399v27.932H861.03zM1052 357.15a22 22 0 0 0-22 22 22 22 0 0 0 22 22 22 22 0 0 0 22-22 22 22 0 0 0-22-22m0 4a18 18 0 0 1 18 18 18 18 0 0 1-18 18 18 18 0 0 1-18-18 18 18 0 0 1 18-18m-9.348 6.793v22.414h5.453v-7.73h3.098l4.164 7.73h5.98l-5.023-8.582c2.462-.964 4.063-3.216 4.063-6.75 0-4.082-2.56-7.082-7.582-7.082zm5.453 4.29h4.055c1.712 0 2.668.75 2.668 2.355v1.613c0 1.605-.956 2.36-2.668 2.36h-4.055z",className:"IBM_svg__st0"})));function en(){return(en=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function eh(){return(eh=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function ec(){return(ec=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var ed=e=>J.createElement("svg",ec({width:400,height:245,viewBox:"0 0 400 245"},e),o||(o=J.createElement("style",null,'html[class~="dark"] .AWS_svg__st0{fill:#fff}')),p||(p=J.createElement("path",{fill:"#252f3e",d:"M116.454 91.17c0 4.713.51 8.533 1.401 11.335 1.02 2.802 2.293 5.858 4.076 9.17.637 1.019.891 2.037.891 2.929 0 1.273-.764 2.547-2.42 3.82l-8.023 5.35c-1.146.764-2.292 1.146-3.311 1.146-1.274 0-2.547-.637-3.82-1.783a39.4 39.4 0 0 1-4.586-5.986c-1.273-2.165-2.547-4.585-3.948-7.514q-14.9 17.575-37.442 17.575c-10.698 0-19.231-3.056-25.472-9.17s-9.424-14.263-9.424-24.452c0-10.825 3.82-19.613 11.59-26.235 7.768-6.623 18.084-9.934 31.202-9.934 4.33 0 8.787.382 13.5 1.019s9.551 1.656 14.645 2.802v-9.297c0-9.68-2.037-16.43-5.985-20.377-4.076-3.948-10.953-5.859-20.76-5.859-4.457 0-9.042.51-13.754 1.656s-9.297 2.547-13.754 4.33c-2.038.892-3.566 1.401-4.458 1.656-.891.254-1.528.382-2.038.382-1.783 0-2.674-1.274-2.674-3.948v-6.24c0-2.038.255-3.567.891-4.458.637-.892 1.783-1.783 3.566-2.675q6.687-3.438 16.047-5.73c6.24-1.656 12.863-2.42 19.8
168-2.42 15.155 0 26.235 3.438 33.367 10.315 7.005 6.878 10.57 17.32 10.57 31.33V91.17zm-51.706 19.36c4.203 0 8.533-.765 13.118-2.293 4.584-1.528 8.66-4.33 12.098-8.15 2.038-2.42 3.566-5.095 4.33-8.151s1.274-6.75 1.274-11.08v-5.35c-3.693-.89-7.641-1.655-11.717-2.164a96 96 0 0 0-11.971-.765c-8.533 0-14.774 1.656-18.976 5.095-4.203 3.438-6.24 8.278-6.24 14.646 0 5.985 1.528 10.443 4.711 13.5 3.057 3.183 7.514 4.712 13.373 4.712m102.267 13.754c-2.293 0-3.82-.382-4.84-1.274-1.019-.764-1.91-2.547-2.674-4.966l-29.929-98.447c-.764-2.547-1.146-4.202-1.146-5.094 0-2.038 1.019-3.184 3.056-3.184h12.481c2.42 0 4.076.382 4.967 1.274 1.02.764 1.783 2.547 2.547 4.967l21.396 84.31 19.868-84.31c.636-2.548 1.4-4.203 2.42-4.967 1.018-.764 2.801-1.274 5.094-1.274h10.188c2.42 0 4.076.382 5.094 1.274 1.02.764 1.91 2.547 2.42 4.967l20.122 85.328 22.033-85.328c.764-2.548 1.656-4.203 2.547-4.967 1.02-.764 2.675-1.274 4.967-1.274h11.844c2.038 0 3.184 1.019 3.184 3.184 0 .637-.127 1.274-.255 2.038-.127.764-.382 1.783-.891 3.184l-30.693 98.446q-1.147 3.82-2.674 4.967c-1.02.764-2.675 1.273-4.84 1.273h-10.953c-2.42 0-4.075-.382-5.094-1.273-1.019-.892-1.91-2.547-2.42-5.094l-19.74-82.145-19.613 82.017c-.636 2.547-1.4 4.203-2.42 5.094-1.018.892-2.801 1.274-5.094 1.274zm163.652 3.439c-6.622 0-13.245-.765-19.612-2.293-6.368-1.528-11.335-3.184-14.646-5.094-2.038-1.146-3.439-2.42-3.948-3.566a9 9 0 0 1-.765-3.566v-6.495c0-2.675 1.02-3.948 2.93-3.948q1.146 0 2.292.382c.764.255 1.91.764 3.184 1.273a69.3 69.3 0 0 0 14.01 4.458c5.093 1.019 10.06 1.528 15.154 1.528 8.024 0 14.264-1.4 18.594-4.203 4.33-2.801 6.623-6.877 6.623-12.098 0-3.566-1.146-6.496-3.439-8.915-2.292-2.42-6.622-4.585-12.863-6.623l-18.466-5.73c-9.297-2.93-16.174-7.26-20.377-12.991-4.203-5.604-6.368-11.844-6.368-18.467q0-8.023 3.439-14.136c2.292-4.076 5.349-7.642 9.17-10.444 3.82-2.929 8.15-5.094 13.244-6.622s10.443-2.165 16.047-2.165c2.802 0 5.731.127 8.533.51 2.93.381 5.604.89 8.278 1.4 2.547.637 4.967 1.274 7.26 2.038q3.438 1.146 5.348 2.292c1.783 1.02 3.057 2.038 3.821 3.184q1.146 1.53 1.146 4.203v5.986c0 2.674-1.019 4.075-2.929 4.075-1.019 0-2.674-.51-4.84-1.528q-10.889-4.967-24.452-4.967c-7.26 0-12.99 1.146-16.938 3.566s-5.986 6.113-5.986 11.335c0 3.566 1.274 6.622 3.82 9.042 2.548 2.42 7.26 4.84 14.01 7.004l18.084 5.731c9.17 2.93 15.793 7.005 19.74 12.227 3.949 5.221 5.86 11.207 5.86 17.83 0 5.476-1.147 10.443-3.312 14.773-2.293 4.33-5.35 8.15-9.297 11.207-3.948 3.184-8.66 5.476-14.137 7.132-5.73 1.783-11.716 2.675-18.212 2.675",className:"AWS_svg__st0"})),x||(x=J.createElement("path",{fill:"#f90",fillRule:"evenodd",d:"M354.738 189.617c-41.9 30.947-102.777 47.376-155.12 47.376-73.357 0-139.455-27.127-189.379-72.21-3.948-3.567-.382-8.406 4.33-5.604 54 31.33 120.607 50.305 189.506 50.305 46.485 0 97.555-9.679 144.55-29.546 7.004-3.184 12.99 4.584 6.113 9.679",className:"AWS_svg__st1",clipRule:"evenodd"})),g||(g=J.createElement("path",{fill:"#f90",fillRule:"evenodd",d:"M372.185 169.75c-5.349-6.878-35.405-3.312-49.032-1.657-4.075.51-4.712-3.056-1.019-5.73 23.943-16.812 63.296-11.972 67.881-6.368 4.585 5.73-1.273 45.084-23.688 63.932-3.439 2.93-6.75 1.401-5.222-2.42 5.095-12.608 16.43-41.008 11.08-47.758z",className:"AWS_svg__st1",clipRule:"evenodd"})));function eo(){return(eo=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function ep(){return(ep=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function ex(){return(ex=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function eg(){return(eg=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var em=e=>J.createElement("svg",eg({xmlSpace:"preserve",id:"Shopify_svg__Layer_1",x:0,y:0,viewBox:"0 0 500 142.8"},e),v||(v=J.createElement("style",null,'html[class~="dark"] .Shopify_svg__st0{fill:#fff}')),b||(b=J.createElement("path",{fill:"#95bf47",d:"M107.4 27.1c-.
11-.7-.7-1.1-1.2-1.1s-10.4-.2-10.4-.2-8.3-8-9.1-8.9c-.8-.8-2.4-.6-3-.4 0 0-1.6.5-4.2 1.3-.4-1.4-1.1-3.1-2-4.9-2.9-5.6-7.3-8.6-12.5-8.6-.4 0-.7 0-1.1.1-.2-.2-.3-.4-.5-.5C61.1 1.5 58.2.3 54.7.4 48 .6 41.3 5.5 35.8 14.1c-3.8 6.1-6.7 13.7-7.6 19.6-7.7 2.4-13.1 4.1-13.3 4.1-3.9 1.2-4 1.3-4.5 5C10.2 45.6 0 124.5 0 124.5l85.6 14.8 37.1-9.2c-.1 0-15.2-102.3-15.3-103m-32.2-7.9q-3 .9-6.6 2.1c0-3.4-.5-8.2-2-12.2 5.1.8 7.6 6.6 8.6 10.1m-11.1 3.4c-4.5 1.4-9.4 2.9-14.3 4.4 1.4-5.3 4-10.5 7.2-14 1.2-1.3 2.9-2.7 4.8-3.5 2 3.9 2.4 9.4 2.3 13.1M54.9 4.9c1.6 0 2.9.3 4 1.1-1.8.9-3.6 2.3-5.2 4.1-4.3 4.6-7.6 11.7-8.9 18.6-4.1 1.3-8.1 2.5-11.7 3.6C35.5 21.4 44.6 5.2 54.9 4.9"})),E||(E=J.createElement("path",{fill:"#5e8e3e",d:"M106.2 26c-.5 0-10.4-.2-10.4-.2s-8.3-8-9.1-8.9c-.3-.3-.7-.5-1.1-.5v122.9l37.1-9.2s-15.1-102.3-15.2-103c-.2-.7-.8-1.1-1.3-1.1"})),J.createElement("path",{d:"m65 45.1-4.3 16.1s-4.8-2.2-10.5-1.8c-8.4.5-8.4 5.8-8.4 7.1.5 7.2 19.4 8.8 20.5 25.7.8 13.3-7 22.4-18.4 23.1-13.6.7-21.1-7.3-21.1-7.3l2.9-12.3s7.6 5.7 13.6 5.3c3.9-.2 5.4-3.5 5.2-5.7-.6-9.4-16-8.8-17-24.3-.8-13 7.7-26.1 26.5-27.3 7.3-.5 11 1.4 11 1.4",style:{fill:"#fff"}}),_||(_=J.createElement("g",{className:"Shopify_svg__st0"},J.createElement("path",{id:"Shopify_svg__s_4_",d:"M172.9 79.4c-4.3-2.3-6.5-4.3-6.5-7 0-3.4 3.1-5.6 7.9-5.6 5.6 0 10.6 2.3 10.6 2.3l3.9-12s-3.6-2.8-14.2-2.8c-14.8 0-25.1 8.5-25.1 20.4 0 6.8 4.8 11.9 11.2 15.6 5.2 2.9 7 5 7 8.1 0 3.2-2.6 5.8-7.4 5.8-7.1 0-13.9-3.7-13.9-3.7l-4.2 12s6.2 4.2 16.7 4.2c15.2 0 26.2-7.5 26.2-21-.1-7.3-5.6-12.5-12.2-16.3"}),J.createElement("path",{id:"Shopify_svg__h_4_",d:"M233.5 54.1c-7.5 0-13.4 3.6-17.9 9l-.2-.1 6.5-34H205l-16.5 86.6h16.9L211 86c2.2-11.2 8-18.1 13.4-18.1 3.8 0 5.3 2.6 5.3 6.3 0 2.3-.2 5.2-.7 7.5l-6.4 33.9h16.9l6.6-35c.7-3.7 1.2-8.1 1.2-11.1.1-9.6-4.9-15.4-13.8-15.4"}),J.createElement("path",{id:"Shopify_svg__o_4_",d:"M285.7 54.1c-20.4 0-33.9 18.4-33.9 38.9 0 13.1 8.1 23.7 23.3 23.7 20 0 33.5-17.9 33.5-38.9.1-12.1-7-23.7-22.9-23.7m-8.3 49.7c-5.8 0-8.2-4.9-8.2-11.1 0-9.7 5-25.5 14.2-25.5 6 0 8 5.2 8 10.2 0 10.4-5.1 26.4-14 26.4"}),J.createElement("path",{id:"Shopify_svg__p_4_",d:"M352 54.1c-11.4 0-17.9 10.1-17.9 10.1h-.2l1-9.1h-15c-.7 6.1-2.1 15.5-3.4 22.5l-11.8 62h16.9l4.7-25.1h.4s3.5 2.2 9.9 2.2c19.9 0 32.9-20.4 32.9-41 0-11.4-5.1-21.6-17.5-21.6M335.8 104c-4.4 0-7-2.5-7-2.5l2.8-15.8c2-10.6 7.5-17.6 13.4-17.6 5.2 0 6.8 4.8 6.8 9.3 0 11-6.5 26.6-16 26.6"}),J.createElement("path",{id:"Shopify_svg__dot_4_",d:"M393.7 29.8c-5.4 0-9.7 4.3-9.7 9.8 0 5 3.2 8.5 8 8.5h.2c5.3 0 9.8-3.6 9.9-9.8 0-4.9-3.3-8.5-8.4-8.5"}),J.createElement("path",{id:"Shopify_svg__i_4_",d:"M370 115.5h16.9l11.5-60h-17z"}),J.createElement("path",{id:"Shopify_svg__f_4_",d:"M441.5 55.4h-11.8l.6-2.8c1-5.8 4.4-10.9 10.1-10.9 3 0 5.4.9 5.4.9l3.3-13.3s-2.9-1.5-9.2-1.5c-6 0-12 1.7-16.6 5.6-5.8 4.9-8.5 12-9.8 19.2l-.5 2.8h-7.9l-2.5 12.8h7.9l-9 47.4h16.9l9-47.4h11.7z"}),J.createElement("path",{id:"Shopify_svg__y_4_",d:"M482.3 55.5S471.7 82.2 467 96.8h-.2c-.3-4.7-4.2-41.3-4.2-41.3h-17.8l10.2 55.1c.2 1.2.1 2-.4 2.8-2 3.8-5.3 7.5-9.2 10.2-3.2 2.3-6.8 3.8-9.6 4.8l4.7 14.4c3.4-.7 10.6-3.6 16.6-9.2 7.7-7.2 14.9-18.4 22.2-33.6L500 55.5z"}))));function eu(){return(eu=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var ek=e=>
1J.createElement("svg",eu({xmlSpace:"preserve",fill:"currentColor",viewBox:"0 0 446.3 127.5"},e),F||(F=J.createElement("path",{d:"M154.4 70.9c-3.8-2.1-5.8-3.8-5.8-6.2 0-3.1 2.7-5 7-5 5 0 9.4 2.1 9.4 2.1l3.5-10.7s-3.2-2.5-12.7-2.5c-13.2 0-22.4 7.6-22.4 18.2 0 6 4.3 10.6 10 13.9 4.6 2.6 6.2 4.5 6.2 7.2 0 2.9-2.3 5.2-6.6 5.2-6.4 0-12.4-3.3-12.4-3.3l-3.7 10.7s5.6 3.7 14.9 3.7c13.6 0 23.3-6.7 23.3-18.7.2-6.6-4.8-11.2-10.7-14.6m54.2-22.5c-6.7 0-11.9 3.2-16 8l-.2-.1 5.8-30.4H183l-14.7 77.3h15.1l5-26.4c2-10 7.1-16.1 11.9-16.1 3.4 0 4.7 2.3 4.7 5.6 0 2.1-.2 4.6-.7 6.7l-5.7 30.3h15.1l5.9-31.2c.7-3.3 1.1-7.2 1.1-9.9.2-8.7-4.2-13.8-12.1-13.8m46.5 0c-18.2 0-30.3 16.4-30.3 34.7 0 11.7 7.2 21.2 20.8 21.2 17.9 0 29.9-16 29.9-34.7.1-10.9-6.2-21.2-20.4-21.2m-7.4 44.2c-5.2 0-7.3-4.4-7.3-9.9 0-8.7 4.5-22.8 12.7-22.8 5.4 0 7.1 4.6 7.1 9.1 0 9.4-4.5 23.6-12.5 23.6m66.6-44.2c-10.2 0-16 9-16 9h-.2l.9-8.1h-13.4c-.7 5.5-1.9 13.8-3.1 20.1L272 124.6h15.1l4.2-22.4h.3s3.1 2 8.9 2c17.8 0 29.4-18.2 29.4-36.6 0-10.1-4.5-19.2-15.6-19.2m-14.4 44.5c-3.9 0-6.2-2.2-6.2-2.2l2.5-14.1c1.8-9.4 6.7-15.7 11.9-15.7 4.6 0 6 4.3 6 8.3 0 9.7-5.8 23.7-14.2 23.7m51.6-66.2c-4.8 0-8.7 3.8-8.7 8.8 0 4.5 2.8 7.6 7.1 7.6h.2c4.7 0 8.8-3.2 8.9-8.8.1-4.5-2.9-7.6-7.5-7.6m-21.2 76.5h15.2l10.3-53.6h-15.3zm63.9-53.7h-10.5l.5-2.5c.9-5.2 3.9-9.8 9-9.8 2.7 0 4.8.8 4.8.8l3-11.8s-2.6-1.3-8.2-1.3c-5.4 0-10.7 1.5-14.8 5-5.2 4.4-7.6 10.7-8.8 17.1l-.4 2.5h-7l-2.2 11.4h7l-8 42.3h15.1l8-42.3h10.4zm36.4.1s-9.5 23.8-13.7 36.8h-.2c-.3-4.2-3.7-36.8-3.7-36.8h-15.9l9.1 49.2c.2 1.1.1 1.8-.3 2.5-1.8 3.4-4.7 6.7-8.2 9.1-2.8 2.1-6 3.4-8.5 4.3l4.2 12.8c3.1-.7 9.4-3.2 14.8-8.2 6.9-6.5 13.3-16.4 19.8-30l18.5-39.7zM74.8 14.8s-1.4.4-3.7 1.1c-.4-1.3-1-2.8-1.8-4.4-2.6-5-6.5-7.7-11.1-7.7-.3 0-.6 0-1 .1-.1-.2-.3-.3-.4-.5-2-2.2-4.6-3.2-7.7-3.1-6 .2-12 4.5-16.8 12.2-3.4 5.4-6 12.2-6.7 17.5-6.9 2.1-11.7 3.6-11.8 3.7-3.5 1.1-3.6 1.2-4 4.5-.3 2.5-9.5 72.9-9.5 72.9l75.6 13.1V14.7c-.6 0-.9.1-1.1.1m-17.5 5.4c-4 1.2-8.4 2.6-12.7 3.9 1.2-4.7 3.6-9.4 6.4-12.5 1.1-1.1 2.6-2.4 4.3-3.2 1.7 3.6 2.1 8.5 2 11.8M49.1 4.4q2.1 0 3.6.9c-1.6.8-3.2 2.1-4.7 3.6-3.8 4.1-6.7 10.5-7.9 16.6-3.6 1.1-7.2 2.2-10.5 3.2 2.2-9.6 10.3-24.1 19.5-24.3m-11.6 55c.4 6.4 17.3 7.8 18.3 22.9.7 11.9-6.3 20-16.4 20.6-12.2.8-18.9-6.4-18.9-6.4l2.6-11s6.7 5.1 12.1 4.7c3.5-.2 4.8-3.1 4.7-5.1-.5-8.4-14.3-7.9-15.2-21.7-.8-11.6 6.8-23.3 23.6-24.4 6.5-.4 9.8 1.2 9.8 1.2l-3.8 14.4s-4.3-2-9.4-1.6c-7.4.5-7.5 5.2-7.4 6.4M61.3 19c0-3-.4-7.3-1.8-10.9 4.6.9 6.8 6 7.8 9.1q-2.7.75-6 1.8m16.9 105 31.4-7.8S96.1 24.9 96 24.3s-.6-1-1.1-1-9.3-.2-9.3-.2-5.4-5.2-7.4-7.2z"})));function ef(){return(ef=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var ej=i(40538),ey=i.n(ej);let ev=[{href:"https://meta.com",alt:"Meta",component:e=>J.createElement("svg",er({width:139,height:28,fill:"#1C2A33",viewBox:"0 0 139 28"},e),t||(t=J.createElement("style",null,'html[class~="dark"] .Meta_svg__meta path{fill:#fff}')),r||(r=J.createElement("g",{className:"Meta_svg__meta",clipPath:"url(#Meta_svg__clip0_1645_25515)"},J.createElement("path",{d:"M4.553 18.465c0 1.61.354 2.846.815 3.593.606.98 1.509 1.395 2.43 1.395 1.187 0 2.273-.295 4.367-3.19 1.677-2.321 3.653-5.578 4.982-7.62l2.252-3.46c1.564-2.403 3.375-5.074 5.45-6.884C26.545.82 28.373 0 30.213 0c3.089 0 6.031 1.79 8.283 5.147 2.464 3.677 3.66 8.308 3.66 13.087 0 2.84-.56 4.928-1.513 6.577C39.723 26.408 37.927 28 34.91 28v-4.547c2.585 0 3.23-2.375 3.23-5.093 0-3.873-.903-8.171-2.893-11.243-1.411-2.178-3.241-3.51-5.254-3.51-2.177 0-3.928 1.643-5.897 4.57-1.047 1.556-2.122 3.451-3.328 5.59l-1.328 2.353c-2.668 4.73-3.344 5.808-4.678 7.586C12.423 26.82 10.426 28 7.797 28c-3.118 0-5.09-1.35-6.31-3.385C.49 22.957 0 20.782 0 18.303z"}),J.createElement("path",{d:"M3.59 5.468C5.677 2.25 8.69 0 12.145 0c2.001 0 3.99.592 6.068 2.288 2.272 1.855 4.694 4.908 7.715 9.941l1.084 1.806c2.615 4.357 4.103 6.599 4.974 7.656 1.12 1.357 1.904 1.762 2.923 1.762 2.584 0 3.23-2.375 3.23-5.093l4.016-.126c0 2.84-.56 4.928-1.513 6.577C39.722 26.408 37.927 28 34.91 28c-1.877 0-3.54-.407-5.377-2.142-1.414-1.33-3.066-3.695-4.337-5.821l-3.78-6.315c-1.897-3.17-3.637-5.533-4.645-6.603-1.
1083-1.151-2.476-2.54-4.698-2.54-1.799 0-3.326 1.261-4.605 3.192z"}),J.createElement("path",{d:"M12.072 4.578c-1.798 0-3.326 1.262-4.604 3.193C5.66 10.5 4.553 14.563 4.553 18.465c0 1.61.354 2.846.815 3.593l-3.882 2.557C.49 22.957 0 20.782 0 18.303c0-4.508 1.237-9.207 3.59-12.835C5.678 2.25 8.69 0 12.146 0zM51.008.885h5.267l8.956 16.202L74.188.885h5.153v26.622h-4.297V7.104l-7.855 14.13h-4.031l-7.853-14.13v20.403h-4.297zm41.796 9.927c-3.081 0-4.937 2.319-5.382 5.19h10.459c-.216-2.958-1.922-5.19-5.077-5.19m-9.642 6.827c0-6.043 3.906-10.441 9.717-10.441 5.716 0 9.128 4.342 9.128 10.763v1.18H87.422c.518 3.124 2.59 5.23 5.933 5.23 2.667 0 4.334-.814 5.914-2.302l2.282 2.795c-2.15 1.978-4.886 3.118-8.348 3.118-6.29 0-10.04-4.587-10.04-10.343m24.055-6.446h-3.955V7.674h3.955V1.856h4.146v5.818h6.009v3.519h-6.009v8.917c0 3.045.974 4.127 3.366 4.127 1.092 0 1.718-.094 2.643-.248v3.48a12.3 12.3 0 0 1-3.442.475q-6.713.001-6.713-7.34zm27.612 3.421c-.833-2.102-2.69-3.65-5.42-3.65-3.547 0-5.818 2.517-5.818 6.617 0 3.998 2.09 6.637 5.648 6.637 2.797 0 4.794-1.627 5.59-3.652zm4.146 12.893h-4.07v-2.776c-1.137 1.634-3.207 3.251-6.56 3.251-5.392 0-8.995-4.513-8.995-10.4 0-5.944 3.69-10.384 9.224-10.384 2.735 0 4.881 1.094 6.331 3.024V7.674h4.07z"}))),a||(a=J.createElement("defs",null,J.createElement("clipPath",{id:"Meta_svg__clip0_1645_25515"},J.createElement("path",{fill:"#fff",d:"M0 0h138.974v28H0z"})))))},{href:"https://aws.amazon.com",alt:"AWS",component:e=>(0,Z.jsx)(ed,{...e,className:(0,et.W)(e.className,"h-[48px] sm:w-[110px]")})},{href:"https://airbnb.com",alt:"Airbnb",component:e=>J.createElement("svg",en({xmlSpace:"preserve",viewBox:"0 0 320.1 99.9"},e),h||(h=J.createElement("style",null,'html[class~="dark"] .AirBnB_svg__st0{fill:#fff}')),c||(c=J.createElement("path",{fill:"#FF5A5F",d:"M168.7 25.1c0 3.6-2.9 6.5-6.5 6.5s-6.5-2.9-6.5-6.5 2.8-6.5 6.5-6.5c3.7.1 6.5 3 6.5 6.5m-26.8 13.1v1.6s-3.1-4-9.7-4c-10.9 0-19.4 8.3-19.4 19.8 0 11.4 8.4 19.8 19.4 19.8 6.7 0 9.7-4.1 9.7-4.1V73c0 .8.6 1.4 1.4 1.4h8.1V36.8h-8.1c-.8 0-1.4.7-1.4 1.4m0 24.1c-1.5 2.2-4.5 4.1-8.1 4.1-6.4 0-11.3-4-11.3-10.8s4.9-10.8 11.3-10.8c3.5 0 6.7 2 8.1 4.1zm15.5-25.5h9.6v37.6h-9.6zm143.4-1c-6.6 0-9.7 4-9.7 4V18.7h-9.6v55.7h8.1c.8 0 1.4-.7 1.4-1.4v-1.7s3.1 4.1 9.7 4.1c10.9 0 19.4-8.4 19.4-19.8s-8.5-19.8-19.3-19.8m-1.6 30.5c-3.7 0-6.6-1.9-8.1-4.1V48.8c1.5-2 4.7-4.1 8.1-4.1 6.4 0 11.3 4 11.3 10.8s-4.9 10.8-11.3 10.8m-22.7-14.2v22.4h-9.6V53.2c0-6.2-2-8.7-7.4-8.7-2.9 0-5.9 1.5-7.8 3.7v26.2h-9.6V36.8h7.6c.8 0 1.4.7 1.4 1.4v1.6c2.8-2.9 6.5-4 10.2-4q6.3 0 10.5 3.6c3.4 2.8 4.7 6.4 4.7 12.7m-57.7-16.3c-6.6 0-9.7 4-9.7 4V18.7h-9.6v55.7h8.1c.8 0 1.4-.7 1.4-1.4v-1.7s3.1 4.1 9.7 4.1c10.9 0 19.4-8.4 19.4-19.8.1-11.4-8.4-19.8-19.3-19.8m-1.6 30.5c-3.7 0-6.6-1.9-8.1-4.1V48.8c1.5-2 4.7-4.1 8.1-4.1 6.4 0 11.3 4 11.3 10.8s-4.9 10.8-11.3 10.8m-26-30.5c2.9 0 4.4.5 4.4.5v8.9s-8-2.7-13 3v26.3H173V36.8h8.1c.8 0 1.4.7 1.4 1.4v1.6c1.8-2.1 5.7-4 8.7-4M91.5 71c-.5-1.2-1-2.5-1.5-3.6-.8-1.8-1.6-3.5-2.3-5.1l-.1-.1C80.7 47.2 73.3 32 65.5 17l-.3-.6c-.8-1.5-1.6-3.1-2.4-4.7-1-1.8-2-3.7-3.6-5.5C56 2.2 51.4 0 46.5 0c-5 0-9.5 2.2-12.8 6-1.5 1.8-2.6 3.7-3.6 5.5-.8 1.6-1.6 3.2-2.4 4.7l-.3.6C19.7 31.8 12.2 47 5.3 62l-.1.2c-.7 1.6-1.5 3.3-2.3 5.1q-.75 1.65-1.5 3.6C.1 74.6-.3 78.1.2 81.7c1.1 7.5 6.1 13.8 13 16.6 2.6 1.1 5.3 1.6 8.1 1.6.8 0 1.8-.1 2.6-.2 3.3-.4 6.7-1.5 10-3.4 4.1-2.3 8-5.6 12.4-10.4 4.4 4.8 8.4 8.1 12.4 10.4 3.3 1.9 6.7 3 10 3.4.8.1 1.8.2 2.6.2 2.8 0 5.6-.5 8.1-1.6 7-2.8 11.9-9.2 13-16.6.8-3.5.4-7-.9-10.7m-45.1 5.2C41 69.4 37.5 63 36.3 57.6c-.5-2.3-.6-4.3-.3-6.1.2-1.6.8-3 1.6-4.2 1.9-2.7 5.1-4.4 8.8-4.4s7 1.6 8.8 4.4c.8 1.2 1.4 2.6 1.6 4.2.3 1.8.2 3.9-.3 6.1-1.2 5.3-4.7 11.7-10.1 18.6m39.9 4.7c-.7 5.2-4.2 9.7-9.1 11.7-2.4 1-5 1.3-7.6 1-2.5-.3-5-1.1-7.6-2.6-3.6-2-7.2-5.1-11.4-9.7 6.6-8.1 10.6-15.5 12.1-22.1.7-3.1.8-5.9.5-8.5-.4-2.5-1.3-4.8-2.7-6.8-3.1-4.5-8.3-7.1-14.1-7.1s-11 2.7-14.1 7.1c-1.4 2-2.3 4.3-2.7 6.8-.4 2.6-.3 5.5.5 8.5 1.5 6.6 5.6 14.1 12.1 22.2-4.1 4.6-7.8 7.7-11.4 9.7-2.6 1.5-5.1 2.3-7.6 2.6-2.7.3-5.3-.1-7.6-1-4.9-2-8.4-6.5-9.1-11.7-.3-2.5-.1-5 .9-7.8.3-1 .8-2 1.3-3.2.7-1.6 1.5-3.3 2.3-5l.1-.2c6.9-14.9 14.3-30.1 22-44.9l.3-.6c.8-1.5 1.6-3.1 2.4-4.6.8-1.6 1.7-3.1 2.8-4.4 2.1-2.4 4.9-3.7 8-3.7s5.9 1.3 8 3.7c1.1 1.3 2 2.8 2.8 4.4.8 1.5 1.6 3.1 2.4 4.6l.3.6c7.6 14.9 15 30.1 21.9 45v.1c.8 1.6 1.5 3.4 2.3 5 .5 1.2 1 2.2 1.3 3.2.8 2.6 1.1 5.1.7 7.7",className:"AirBnB_svg__st0"})))},{href:"https://intuit.com",alt:"Intuit",component:e=>J.createElement("svg",eh({width:587.013,height:118.012,viewBox:"68.746 119.561 587.013 118.012"}
1,e),d||(d=J.createElement("style",null,'html[class~="dark"] .Intuit_svg__st0{fill:#fff}')),J.createElement("path",{fill:"#236CFF",d:"M370.114 187.859c0 28.72 23.812 49.714 54.075 49.714 30.265 0 54.121-20.994 54.121-49.714v-65.981h-29.309v62.573c0 15.496-10.724 25.948-24.902 25.948s-24.902-10.407-24.902-25.948v-62.573h-29.31l.182 65.981zm186.447-39.579h34.945v87.157h29.309V148.28h34.944v-26.447h-99.198zm-18.949-26.447h-29.31v113.604h29.31zM251.739 148.28h34.945v87.157h29.309V148.28h34.944v-26.447h-99.198zM98.056 121.833h-29.31v113.604h29.31zm138.278 47.441c0-28.719-23.856-49.713-54.121-49.713-30.263 0-54.075 20.994-54.075 49.713v66.163h29.31v-62.619c0-15.495 10.724-25.947 24.901-25.947 14.179 0 24.902 10.406 24.902 25.947v62.573h29.311l-.182-66.163z",className:"Intuit_svg__st0",style:{strokeWidth:1}}))},{href:"https://ibm.com",alt:"IBM",component:e=>(0,Z.jsx)(el,{...e,className:(0,et.W)(e.className,"w-[140px]")})},{href:"https://paypal.com",alt:"PayPal",component:e=>J.createElement("svg",eo({width:114,height:38,fill:"currentColor",viewBox:"0 0 114 38"},e),m||(m=J.createElement("g",{clipPath:"url(#PayPal_svg__a)"},J.createElement("path",{d:"M114 0v28.379h-6.501V0zm-8.894 9.578V28.43h-5.778v-1.625a7.8 7.8 0 0 1-2.489 1.625 7.6 7.6 0 0 1-3.02.605c-1.357 0-2.619-.25-3.776-.752a9.6 9.6 0 0 1-3.02-2.144 10.4 10.4 0 0 1-2.045-3.164c-.479-1.227-.714-2.55-.714-3.959s.235-2.714.714-3.916c.505-1.227 1.183-2.299 2.045-3.207a9.1 9.1 0 0 1 3.02-2.109c1.157-.527 2.419-.795 3.776-.795 1.08 0 2.089.199 3.02.605a7.6 7.6 0 0 1 2.489 1.625V9.595h5.778zM94.864 23.296c1.183 0 2.15-.398 2.906-1.21Q98.945 20.88 98.945 19c0-1.253-.392-2.29-1.175-3.086-.757-.804-1.731-1.21-2.906-1.21s-2.167.397-2.95 1.21c-.758.804-1.132 1.833-1.132 3.086s.383 2.29 1.132 3.086c.783.804 1.766 1.21 2.95 1.21M74.988 0c1.714 0 3.176.242 4.386.717 1.21.476 2.227 1.142 3.063 1.997a9.8 9.8 0 0 1 2.001 3.017c.479 1.133.714 2.351.714 3.657 0 1.305-.235 2.524-.714 3.656a9.6 9.6 0 0 1-2.001 3.017c-.827.856-1.854 1.521-3.063 1.997-1.21.475-2.672.717-4.386.717h-3.133v9.647H65.24V0zm-.949 12.932c.888 0 1.558-.087 2.045-.268a4 4 0 0 0 1.245-.752q1.017-.945 1.018-2.524c0-1.055-.34-1.893-1.018-2.524a3.5 3.5 0 0 0-1.245-.718c-.478-.199-1.157-.303-2.045-.303h-2.193v7.089zM40.875 9.578h7.18l4.872 9.042h.079l4.342-9.042h6.649L49.75 38h-6.614l6.5-13zm-1.28 0V28.43h-5.778v-1.625a7.8 7.8 0 0 1-2.489 1.625 7.6 7.6 0 0 1-3.02.605c-1.357 0-2.619-.25-3.776-.752a9.6 9.6 0 0 1-3.02-2.144 10.6 10.6 0 0 1-2.045-3.164c-.479-1.227-.714-2.55-.714-3.959s.235-2.714.714-3.916c.505-1.227 1.184-2.299 2.045-3.207a9 9 0 0 1 3.02-2.109c1.157-.527 2.419-.795 3.776-.795 1.08 0 2.09.199 3.02.605a7.6 7.6 0 0 1 2.49 1.625V9.595h5.777zM29.353 23.296c1.183 0 2.15-.398 2.915-1.21Q33.443 20.88 33.443 19c0-1.253-.392-2.29-1.175-3.086-.757-.804-1.732-1.21-2.915-1.21s-2.167.397-2.95 1.21Q25.269 17.12 25.27 19c0 1.253.383 2.29 1.132 3.086.783.804 1.766 1.21 2.95 1.21M9.747 0c1.714 0 3.176.242 4.386.717 1.21.476 2.227 1.142 3.063 1.997a9.8 9.8 0 0 1 2.001 3.017c.479 1.133.714 2.351.714 3.657 0 1.305-.235 2.524-.714 3.656a9.6 9.6 0 0 1-2.001 3.017c-.827.856-1.854 1.521-3.064 1.997-1.21.475-2.671.717-4.385.717H6.614v9.647H0V0zm-.94 12.932c.887 0 1.557-.087 2.045-.268a4 4 0 0 0 1.244-.752q1.018-.945 1.018-2.524c0-1.055-.339-1.893-1.018-2.524a3.5 3.5 0 0 0-1.244-.718c-.479-.199-1.158-.303-2.045-.303H6.614v7.089z"}))),u||(u=J.createElement("defs",null,J.createElement("clipPath",{id:"PayPal_svg__a"},J.createElement("path",{fill:"#fff",d:"M0 0h114v38H0z"})))))},{href:"https://nytimes.com",alt:"New York Times",component:e=>J.createElement("svg",ep({width:185,height:25,viewBox:"0 0 185 25"},e),k||(k=J.createElement("style",null,'html[class~="dark"] .NewYorkTimes_svg__st0{fill:#fff}')),f||(f=J.createElement("path",{d:"M13.8 2.9c0-2-1.9-2.5-3.4-2.5v.3c.9 0 1.6.3 1.6 1 0 .4-.3 1-1.2 1-.7 0-2.2-.4-3.3-.8C6.2 1.4 5 1 4 1 2 1 .6 2.5.6 4.2c0 1.5 1.1 2 1.5 2.2l.1-.2c-.2-.2-.5-.4-.5-1 0-.4.4-1.1 1.4-1.1.9 0 2.1.4 3.7.9 1.4.4 2.9.7 3.7.8v3.1L9 10.2v.1l1.5 1.3v4.3c-.8.5-1.7.6-2.5.6-1.5 0-2.8-.4-3.9-1.6l4.1-2V6l-5 2.2C3.6 6.9 4.7 6 5.8 5.4l-.1-.3c-3 .8-5.7 3.6-5.7 7 0 4 3.3 7 7 7 4 0 6.6-3.2 6.6-6.5h-.2c-.6 1.3-1.5 2.5-2.6 3.1v-4.1l1.6-1.3v-.1l
1-1.6-1.3V5.8c1.5 0 3-1 3-2.9m-8.7 11-1.2.6c-.7-.9-1.1-2.1-1.1-3.8 0-.7 0-1.5.2-2.1l2.1-.9zm10.6 2.3-1.3 1 .2.2.6-.5 2.2 2 3-2-.1-.2-.8.5-1-1V9.4l.8-.6 1.7 1.4v6.1c0 3.8-.8 4.4-2.5 5v.3c2.8.1 5.4-.8 5.4-5.7V9.3l.9-.7-.2-.2-.8.6-2.5-2.1L18.5 9V.8h-.2l-3.5 2.4v.2c.4.2 1 .4 1 1.5zM34 15.1 31.5 17 29 15v-1.2l4.7-3.2v-.1l-2.4-3.6-5.2 2.8v6.6l-1 .8.2.2.9-.7 3.4 2.5 4.5-3.6zm-5-1.7V8.5l.2-.1 2.2 3.5zM53.1 2c0-.3-.1-.6-.2-.9h-.2c-.3.8-.7 1.2-1.7 1.2-.9 0-1.5-.5-1.9-.9l-2.9 3.3.2.2 1-.9c.6.5 1.1.9 2.5 1v8.3L44 3.2c-.5-.8-1.2-1.9-2.6-1.9-1.6 0-3 1.4-2.8 3.6h.3c.1-.6.4-1.3 1.1-1.3.5 0 1 .5 1.3 1v3.3c-1.8 0-3 .8-3 2.3 0 .8.4 2 1.6 2.3v-.2c-.2-.2-.3-.4-.3-.7 0-.5.4-.9 1.1-.9h.5v4.2c-2.1 0-3.8 1.2-3.8 3.2 0 1.9 1.6 2.8 3.4 2.7v-.2c-1.1-.1-1.6-.6-1.6-1.3 0-.9.6-1.3 1.4-1.3s1.5.5 2 1.1l2.9-3.2-.2-.2-.7.8c-1.1-1-1.7-1.3-3-1.5V5l8 14h.6V5c1.5-.1 2.9-1.3 2.9-3m7.3 13.1L57.9 17l-2.5-2v-1.2l4.7-3.2v-.1l-2.4-3.6-5.2 2.8v6.6l-1 .8.2.2.9-.7 3.4 2.5 4.5-3.6zm-5-1.7V8.5l.2-.1 2.2 3.5zM76.7 8l-.7.5-1.9-1.6-2.2 2 .9.9v7.5l-2.4-1.5V9.6l.8-.5-2.3-2.2-2.2 2 .9.9V17l-.3.2-2.1-1.5v-6c0-1.4-.7-1.8-1.5-2.3-.7-.5-1.1-.8-1.1-1.5 0-.6.6-.9.9-1.1v-.2c-.8 0-2.9.8-2.9 2.7 0 1 .5 1.4 1 1.9s1 .9 1 1.8v5.8l-1.1.8.2.2 1-.8 2.3 2 2.5-1.7 2.8 1.7 5.3-3.1V9.2l1.3-1zm18.6-5.5-1 .9-2.2-2-3.3 2.4V1.6h-.3l.1 16.2c-.3 0-1.2-.2-1.9-.4l-.2-13.5c0-1-.7-2.4-2.5-2.4s-3 1.4-3 2.8h.3c.1-.6.4-1.1 1-1.1s1.1.4 1.1 1.7v3.9c-1.8.1-2.9 1.1-2.9 2.4 0 .8.4 2 1.6 2V13c-.4-.2-.5-.5-.5-.7 0-.6.5-.8 1.3-.8h.4v6.2c-1.5.5-2.1 1.6-2.1 2.8 0 1.7 1.3 2.9 3.3 2.9 1.4 0 2.6-.2 3.8-.5 1-.2 2.3-.5 2.9-.5.8 0 1.1.4 1.1.9 0 .7-.3 1-.7 1.1v.2c1.6-.3 2.6-1.3 2.6-2.8s-1.5-2.4-3.1-2.4c-.8 0-2.5.3-3.7.5-1.4.3-2.8.5-3.2.5-.7 0-1.5-.3-1.5-1.3 0-.8.7-1.5 2.4-1.5.9 0 2 .1 3.1.4 1.2.3 2.3.6 3.3.6 1.5 0 2.8-.5 2.8-2.6V3.7l1.2-1zm-4.1 6.1c-.3.3-.7.6-1.2.6s-1-.3-1.2-.6V4.2l1-.7 1.4 1.3zm0 3c-.2-.2-.7-.5-1.2-.5s-1 .3-1.2.5V9c.2.2.7.5 1.2.5s1-.3 1.2-.5zm0 4.7c0 .8-.5 1.6-1.6 1.6h-.8V12c.2-.2.7-.5 1.2-.5s.9.3 1.2.5zm13.7-7.1-3.2-2.3-4.9 2.8v6.5l-1 .8.1.2.8-.6 3.2 2.4 5-3zm-5.4 6.3V8.3l2.5 1.8v7.1zm14.9-8.4h-.2c-.3.2-.6.4-.9.4-.4 0-.9-.2-1.1-.5h-.2l-1.7 1.9-1.7-1.9-3 2 .1.2.8-.5 1 1.1v6.3l-1.3 1 .2.2.6-.5 2.4 2 3.1-2.1-.1-.2-.9.5-1.2-1V9c.5.5 1.1 1 1.8 1 1.4.1 2.2-1.3 2.3-2.9m12 9.6L123 19l-4.6-7 3.3-5.1h.2c.4.4 1 .8 1.7.8s1.2-.4 1.5-.8h.2c-.1 2-1.5 3.2-2.5 3.2s-1.5-.5-2.1-.8l-.3.5 5 7.4 1-.6zm-11-.5-1.3 1 .2.2.6-.5 2.2 2 3-2-.2-.2-.8.5-1-1V.8h-.1l-3.6 2.4v.2c.4.2 1 .3 1 1.5zM143 2.9c0-2-1.9-2.5-3.4-2.5v.3c.9 0 1.6.3 1.6 1 0 .4-.3 1-1.2 1-.7 0-2.2-.4-3.3-.8-1.3-.4-2.5-.8-3.5-.8-2 0-3.4 1.5-3.4 3.2 0 1.5 1.1 2 1.5 2.2l.1-.2c-.3-.2-.6-.4-.6-1 0-.4.4-1.1 1.4-1.1.9 0 2.1.4 3.7.9 1.4.4 2.9.7 3.7.8V9l-1.5 1.3v.1l1.5 1.3V16c-.8.5-1.7.6-2.5.6-1.5 0-2.8-.4-3.9-1.6l4.1-2V6l-5 2.2c.5-1.3 1.6-2.2 2.6-2.9l-.1-.2c-3 .8-5.7 3.5-5.7 6.9 0 4 3.3 7 7 7 4 0 6.6-3.2 6.6-6.5h-.2c-.6 1.3-1.5 2.5-2.6 3.1v-4.1l1.6-1.3v-.1L140 8.8v-3c1.5 0 3-1 3-2.9m-8.7 11-1.2.6c-.7-.9-1.1-2.1-1.1-3.8 0-.7.1-1.5.3-2.1l2.1-.9zm12.2-12h-.1l-2 1.7v.1l1.7 1.9h.2l2-1.7v-.1zm3 14.8-.8.5-1-1V9.3l1-.7-.2-.2-.7.6-1.8-2.1-2.9 2 .2.3.7-.5.9 1.1v6.5l-1.3 1 .1.2.7-.5 2.2 2 3-2zm16.7-.1-.7.5-1.1-1V9.3l1-.8-.2-.2-.8.7-2.3-2.1-3 2.1-2.3-2.1L154 9l-1.8-2.1-2.9 2 .1.3.7-.5 1 1.1v6.5l-.8.8 2.3 1.9 2.2-2-.9-.9V9.3l.9-.6 1.5 1.4v6l-.8.8 2.3 1.9 2.2-2-.9-.9V9.3l.8-.5 1.6 1.4v6l-.7.7 2.3 2.1 3.1-2.1zm8.7-1.5-2.5 1.9-2.5-2v-1.2l4.7-3.2v-.1l-2.4-3.6-5.2 2.8v6.8l3.5 2.5 4.5-3.6zm-5-1.7V8.5l.2-.1 2.2 3.5zm14.1-.9-1.9-1.5c1.3-1.1 1.8-2.6 1.8-3.6v-.6h-.2c-.2.5-.6 1-1.4 1s-1.3-.4-1.8-1L176 9.3v3.6l1.7 1.3c-1.7 1.5-2 2.5-2 3.3 0 1 .5 1.7 1.3 2l.1-.2c-.2-.2-.4-.3-.4-.8 0-.3.4-.8 1.2-.8 1 0 1.6.7 1.9 1l4.3-2.6v-3.6zm-1.1-3c-.7 1.2-2.2 2.4-3.1 3l-1.1-.9V8.1c.4 1 1.5 1.8 2.6 1.8.7 0 1.1-.1 1.6-.4m-1.7 8c-.5-1.1-1.7-1.9-2.9-1.9-.3 0-1.1 0-1.9.5.5-.8 1.8-2.2 3.5-3.2l1.2 1z",className:"NewYorkTimes_svg__st0"})))},{href:"https://starbucks.com",alt:"Starbucks",component:e=>J.createElement("svg",ex({width:7818.83,height:774.271,fill:"#036242",viewBox:"-3954.38 -1988.521 7818.827 774.271"},e),j||(j=J.createElement("style",null,'html[class~="dark"] .Starbucks_svg__st0{fill:#fff}
1')),y||(y=J.createElement("path",{d:"M1098.736-1567.69c0 230.23-128.47 353.44-368.742 353.44-235.751 0-368.743-126.62-368.743-351.222v-407.936h265.092v394.97c0 109.507 30.082 157.74 101.428 157.74 71.35 0 105.949-43.787 105.949-168.927v-383.783h265.016Zm-3800.933-217.012v555.263h-267.76v-555.263h-224.12v-188.706h716v188.706zm675.175-19.04-65.936 254.794h133.656Zm172.333 574.303-44.75-136.25h-251.46l-47.564 136.25h-266.944l270.798-743.969h338.957l267.835 743.969Zm3812.64-57.86-80.237-192.894c-47.417 35.635-95.278 67.42-173.22 67.42-104.986 0-174.925-86.463-174.925-191.744 0-106.689 61.567-196.262 170.85-196.262 69.05 0 129.138 34.38 177.295 72.61l79.202-188.596c-88.537-44.489-177.147-71.755-298.952-71.755-224.936 0-396.006 153.996-396.006 381.784 0 240.382 166.256 392.486 403.562 392.486 130.697 0 222.493-30.302 292.432-73.05m601.979 57.86-167.667-271.204v271.204h-260.051v-743.97h260.05v272.43l157.073-272.43h290.505l-244.127 366.673 275.464 377.297zm-6201.508 15.117c168.703 0 343.627-60.087 343.627-250.534 0-171.518-145.954-218.267-259.831-242.83-85.795-18.484-126.915-27.114-126.915-61.604 0-45.452 57.792-49.048 88.76-49.048 77.2 0 149.14 31.489 211.007 69.199l69.423-169.553c-90.688-39.008-200.783-69.829-303.622-69.829-174.996 0-311.99 84.536-311.99 254.646 0 139.437 105.801 193.15 222.417 221.973 80.833 19.927 132.548 25.928 132.548 65.937 0 39.86-39.713 51.715-78.018 51.715-85.055 0-165.884-37.043-216.268-80.09l-83.94 164.29c90.757 58.905 201.3 95.728 312.802 95.728m6906.838 0c168.703 0 343.627-60.087 343.627-250.534 0-171.518-145.954-218.267-259.903-242.83-85.8-18.484-126.92-27.114-126.92-61.604 0-45.452 57.865-49.048 88.834-49.048 77.127 0 149.145 31.489 210.935 69.199l69.422-169.553c-90.689-39.008-200.784-69.829-303.546-69.829-175 0-311.99 84.536-311.99 254.646 0 139.437 105.725 193.15 222.341 221.973 80.833 19.927 132.548 25.928 132.548 65.937 0 39.86-39.636 51.715-77.942 51.715-85.131 0-165.96-37.043-216.268-80.09l-84.016 164.29c90.76 58.905 201.375 95.728 312.878 95.728m-4147.228-293.21c90.98-33.268 140.472-124.84 140.472-210.635 0-175.557-120.098-255.241-290.504-255.241h-401.935v743.969h257.98v-220.748h65.125l134.1 220.748h278.282Zm-120.618-209.599c0 48.824-30.893 77.127-81.645 77.127h-91.652v-155.365h92.54c48.972 0 80.757 24.93 80.757 75.977ZM21.922-1609.407c96.837-20.742 144.326-75.124 144.326-166.18 0-126.581-94.906-197.82-262.054-197.82h-424.236v744.044h407.416c196.782 0 294.73-69.347 294.73-209.857 0-96.91-61.346-162.258-160.182-170.187m-286.727-202.782h93.355c49.493 0 81.498 21.303 81.498 64.828v1.966c0 41.602-31.118 65.792-82.389 65.792h-92.464Zm178.779 352.223c0 43.786-31.857 69.198-84.24 69.198h-94.539v-139.437h95.43c50.6 0 83.348 22.377 83.348 68.164Zm3868.75-496.794c44.436 0 81.723 35.154 81.723 81.618 0 46.57-37.287 81.724-81.724 81.724-44.595 0-81.67-35.154-81.67-81.724 0-46.464 37.075-81.618 81.67-81.618m0 151.444c37.29 0 67.267-30.3 67.267-69.826 0-39.475-29.978-69.775-67.268-69.775-37.554 0-67.158 30.3-67.158 69.775 0 39.526 29.604 69.826 67.158 69.826m-31.153-117.623h36.06c22.565 0 33.234 8.961 33.234 27.206 0 17.335-10.936 24.592-25.18 26.138l27.474 42.088h-15.631l-25.925-41.02h-15.521v41.02h-14.511Zm14.51 42.514h14.99c12.856 0 25.392-.639 25.392-16.056 0-13.176-11.416-14.615-21.339-14.615h-19.042Z",className:"Starbucks_svg__st0"})))},{href:"https://shopify.com",alt:"Shopify",component:({className:e,...s})=>(0,Z.jsxs)("div",{role:"img",className:(0,et.W)(ey().shopify,"relative size-full flex-col"),children:[(0,Z.jsx)(em,{className:"size-full opacity-0 group-hover:opacity-100 group-focus:opacity-100",...s}),(0,Z.jsx)(ek,{className:"absolute inset-0 size-full opacity-100 group-hover:opacity-0 group-focus:opacity-0",...s})]})},{href:"https://github.com",alt:"GitHub",component:e=>J.createElement("svg",ef({xmlSpace:"preserve",id:"GitHub_svg__Layer_1",x:0,y:0,viewBox:"0 0 367.4 90"},e),w||(w=J.createElement("style",null,'.GitHub_svg__st0{fill:#1b1f24}html[class~="dark"] .GitHub_svg__st0{fill:#fff}')),A||(A=J.createElement("path",{d:"M46.1 0C20.6 0 0 20.6 0 46.1c0 20.4 13.2 37.7 31.5 43.8 2.3.4 3.2-1 3.2-2.2 0-1.1-.1-4.7-.1-8.6C23 81.2 20 76.3 19.1 73.7c-.5-1.3-2.8-5.4-4.7-6.5-1.6-.9-3.9-3-.1-3.1 3.6-.1 6.2 3.3 7.1 4.7 4.2 7 10.8 5 13.4 3.8.4-3 1.6-5 2.9-6.2-10.3-1.2-21-5.1-21-22.8 0-5 1.8-9.2 4.7-12.4-.5-1.2-2.1-5.9.5-12.2 0 0 3.9-1.2 12.7 4.7 3.7-1 7.6-1.6 11.5-1.
16s7.8.5 11.5 1.6c8.8-6 12.7-4.7 12.7-4.7 2.5 6.3.9 11.1.5 12.2 2.9 3.2 4.7 7.3 4.7 12.4 0 17.7-10.8 21.6-21.1 22.8 1.7 1.4 3.1 4.2 3.1 8.5 0 6.2-.1 11.1-.1 12.7 0 1.2.9 2.7 3.2 2.2C78.8 83.7 92 66.4 92 46c.3-25.4-20.4-46-45.9-46M221.6 67.1h-.1zm0 0c-.5 0-1.8.3-3.2.3-4.4 0-5.9-2-5.9-4.6V45.3h8.9c.5 0 .9-.4.9-1.1v-9.5c0-.5-.4-.9-.9-.9h-8.9V22.1c0-.4-.3-.7-.8-.7h-12c-.5 0-.8.3-.8.7v12.1s-6.1 1.5-6.5 1.6-.7.5-.7.9v7.6c0 .6.4 1.1.9 1.1h6.2v18.3c0 13.6 9.5 15 16 15 3 0 6.5-.9 7.1-1.2.3-.1.5-.5.5-.9v-8.4c.1-.6-.3-1-.8-1.1m132.2-12.2c0-10.1-4.1-11.4-8.4-11-3.3.2-6 1.9-6 1.9v19.6s2.7 1.9 6.8 2c5.8.2 7.6-1.9 7.6-12.5m13.6-.9c0 19.1-6.2 24.6-17 24.6-9.1 0-14.1-4.6-14.1-4.6s-.2 2.6-.5 2.9c-.2.3-.4.4-.8.4h-8.3c-.6 0-1.1-.4-1.1-.9l.1-62c0-.5.4-.9.9-.9h11.9c.5 0 .9.4.9.9l-.1 20.9s4.6-3 11.3-3h.1c6.8 0 16.7 2.5 16.7 21.7m-48.7-20.2H307c-.6 0-.9.4-.9 1.1v30.3s-3.1 2.2-7.3 2.2-5.4-1.9-5.4-6.1V34.8c0-.5-.4-.9-.9-.9h-11.9c-.5 0-.9.4-.9.9v28.5c0 12.3 6.9 15.3 16.3 15.3 7.8 0 14.1-4.3 14.1-4.3s.3 2.2.4 2.5.5.5.9.5h7.5c.6 0 .9-.4.9-.9l.1-41.7c-.1-.4-.6-.9-1.2-.9m-132.2 0h-11.9c-.5 0-.9.5-.9 1.1v40.9c0 1.1.7 1.5 1.7 1.5h10.7c1.1 0 1.4-.5 1.4-1.5V34.7c0-.5-.5-.9-1-.9m-5.8-18.9c-4.3 0-7.7 3.4-7.7 7.7s3.4 7.7 7.7 7.7c4.2 0 7.6-3.4 7.6-7.7s-3.4-7.7-7.6-7.7m92-1.4h-11.8c-.5 0-.9.4-.9.9v22.8h-18.5V14.5c0-.5-.4-.9-.9-.9h-11.9c-.5 0-.9.4-.9.9v62c0 .5.5.9.9.9h11.9c.5 0 .9-.4.9-.9V49.9H260l-.1 26.5c0 .5.4.9.9.9h11.9c.5 0 .9-.4.9-.9v-62c0-.4-.4-.9-.9-.9M167.4 41v32c0 .2-.1.6-.3.7 0 0-7 5-18.5 5-13.9 0-30.3-4.4-30.3-33 0-28.7 14.4-34.6 28.4-34.5 12.2 0 17.1 2.7 17.8 3.2.2.3.3.5.3.8l-2.3 9.9c0 .5-.5 1.1-1.1.9-2-.6-5-1.8-12.1-1.8-8.2 0-17 2.3-17 20.8s8.4 20.6 14.4 20.6c5.1 0 7-.6 7-.6V52.2h-8.2c-.6 0-1.1-.4-1.1-.9V41c0-.5.4-.9 1.1-.9h20.9c.6-.1 1 .4 1 .9",className:"GitHub_svg__st0"})))}];function eb(){return(0,Z.jsxs)("section",{className:"gql-section gql-container bg-neu-0 py-8 lg:py-16 xl:py-24",children:[(0,Z.jsxs)("div",{className:"flex flex-wrap justify-between gap-6",children:[(0,Z.jsx)("h2",{className:"typography-h3 max-w-[474px] text-neu-800",children:"GraphQL is open source and trusted by the industry"}),(0,Z.jsx)("p",{className:"typography-body-md max-w-[624px] text-neu-700",children:"Facebook's mobile apps have been powered by GraphQL since 2012. The GraphQL specification was open-sourced in 2015. Now it is used by industry-leading companies worldwide and supported by the GraphQL Foundation, hosted since 2018 by the non-profit Linux Foundation."})]}),(0,Z.jsx)("div",{className:(0,et.W)("gql-radial-gradient my-6 grid grid-cols-2 justify-center gap-px md:my-12 md:grid-cols-5 xl:my-16",ey().logos),children:ev.map(({alt:e,href:s,component:i})=>(0,Z.jsx)("a",{"aria-label":e,href:s,target:"_blank",rel:"noreferrer",className:"group relative flex shrink-0 items-center justify-center bg-neu-0 p-10 *:z-[1] before:absolute before:inset-2 hover:before:bg-neu-100/50 focus-visible:z-[1] dark:hover:before:bg-[#202219]",children:(0,Z.jsx)(i,{className:"size-full"})},e))}),(0,Z.jsx)(Y.z,{href:"/users",className:"mx-auto w-fit",children:"More GraphQL users"})]})}let eE={some:0,all:1};function e_(e,{root:s,margin:i,amount:t,once:r=!1,initial:a=!1}={}){let[l,n]=(0,J.useState)(a);return(0,J.useEffect)(()=>{if(!e.current||r&&l)return;let a={root:s&&s.current||void 0,margin:i,amount:t};return function(e,s,{root:i,margin:t,amount:r="some"}={}){let a=function(e,s,i){if(e instanceof EventTarget)return[e];if("string"==typeof e){let s=document,i=(void 0)??s.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}(e),l=new WeakMap,n=new IntersectionObserver(e=>{e.forEach(e=>{let i=l.get(e.target);if(!!i!==e.isIntersecting){if(e.isIntersecting){let i=s(e.target,e);
1"function"==typeof i?l.set(e.target,i):n.unobserve(e.target)}else"function"==typeof i&&(i(e),l.delete(e.target))}})},{root:i,rootMargin:t,threshold:"number"==typeof r?r:eE[r]});return a.forEach(e=>n.observe(e)),()=>n.disconnect()}(e.current,()=>(n(!0),r?void 0:()=>n(!1)),a)},[s,e,i,r,t]),l}var eF=i(12323),ew=i.n(eF),eA=i(17538);function eN({children:e,className:s,...i}){return(0,Z.jsxs)("span",{className:(0,et.W)("flex shrink-0 items-center gap-1 self-start whitespace-nowrap font-mono text-sm/none font-normal uppercase text-pri-base dark:text-pri-light",s),...i,children:[(0,Z.jsx)(eA._,{className:"shrink-0 translate-y-[-0.5px]"}),e]})}function eV(){return(eV=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var eH=e=>J.createElement("svg",eV({width:20,height:20,fill:"currentColor",viewBox:"0 0 20 20"},e),N||(N=J.createElement("path",{fillRule:"evenodd",d:"M2.5 2.5h1.667v15H2.5zm13.334 0H4.167v1.667h11.667v11.666H4.167V17.5H17.5v-15zm-6.667 5h1.667V5.833H9.167zm1.667 6.667H9.167v-5h1.667z",clipRule:"evenodd"}))),eC=i(48445),ez=i(43599),eD=i(79428),eM=i(41751),eB=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Project"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" tagline"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" contributors"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"first"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" after"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" ID"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"User"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eL=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" project"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"GraphQL"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" tagline"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eS=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{tabIndex:"0","data-language":"json",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"project"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"tagline"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"The API language for humans and agents"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eP=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" title"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" episode"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" releaseDate"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eI=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" title"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" episode"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" releaseDate"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" openingCrawl"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eG=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" title"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" episode"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" releaseDate"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" openingCrawl"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" director"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eq=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" title"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" episode"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" releaseDate"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" openingCrawl"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" director"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" directedBy"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Person"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Person"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#
1E10198","--shiki-dark":"#DBF6A2"},children:" name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" directed"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" actedIn"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eO=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" title"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" episode"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" releaseDate"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" openingCrawl"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" director"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" @deprecated"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" directedBy"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Person"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Person"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" directed"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" actedIn"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Film"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eR=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql","data-filename":"Query",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" hero"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" friends"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" homeWorld"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" climate"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" species"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" lifespan"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" origin"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},eQ=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql","data-filename":"Schema",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Query"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" hero"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Character"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Character"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" friends"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Character"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" homeWorld"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Planet"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" species"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Species"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Planet"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" climate"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Species"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" lifespan"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" origin"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Planet"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})};let eZ={pre:ez.S,code:eC.E},eT=e=>
1(0,Z.jsx)(ez.S,{...e,className:(0,et.W)(e.className,"!bg-neu-0/[.48] backdrop-blur-[6px] [scrollbar-width:none] [&::-webkit-scrollbar]:size-0 max-xs:[&_span]:!text-xs"),tabIndex:-1}),eW=()=>(0,Z.jsx)(eB,{components:eZ}),eU=()=>(0,Z.jsx)(eL,{components:eZ}),eX=()=>(0,Z.jsx)(eS,{components:eZ});var eY=i(87676),eJ=i(6292),eK=i(71251);let e$=ew()(()=>Promise.all([i.e(1286),i.e(9878),i.e(8785),i.e(6724)]).then(i.bind(i,26724)),{loadableGenerated:{webpack:()=>[26724]},ssr:!1});function e1(){let e=(0,J.useRef)(null),s=e_(e),[i,t]=(0,J.useState)(!1);return(0,Z.jsxs)("section",{ref:e,id:"how-it-works",className:"gql-container gql-section xl:py-20",suppressHydrationWarning:!0,children:[(0,Z.jsx)(eN,{className:"mb-6",children:"How it works"}),(0,Z.jsx)("h2",{className:"typography-h2 mb-6 lg:mb-16",children:"A GraphQL Query"}),(0,Z.jsxs)("div",{className:"relative",children:[(0,Z.jsxs)("ol",{className:"gql-radial-gradient list-none gap-px max-lg:before:absolute max-lg:before:inset-x-0 max-lg:before:-top-2 max-lg:before:bottom-[98%] max-lg:before:bg-[rgb(var(--nextra-bg))] max-md:bg-gradient-to-r max-md:from-transparent max-md:via-neu-400 max-md:to-transparent lg:grid lg:grid-cols-3",children:[(0,Z.jsx)(eY.v,{text:"Describe your data",code:(0,Z.jsx)(eW,{})}),(0,Z.jsx)(eY.v,{text:"Ask for what you want",icon:(0,Z.jsx)(eJ.J,{disabled:s}),code:(0,Z.jsx)(eU,{})}),(0,Z.jsx)(eY.v,{text:"Get predictable results",code:(0,Z.jsx)(eX,{})})]}),s&&(0,Z.jsx)("ol",{className:"max-lg:before pointer-events-none absolute inset-0 list-none gap-px [counter-set:list-item_1] *:pointer-events-auto max-lg:before:absolute max-lg:before:inset-x-0 max-lg:before:-top-2 max-lg:before:bottom-[98%] max-lg:before:bg-[rgb(var(--nextra-bg))] max-sm:top-[191px] sm:max-lg:top-[214px] lg:grid lg:grid-cols-3 lg:[&>:first-child]:col-start-2",onKeyDown:()=>{i||t(!0)},children:(0,Z.jsx)(e$,{})})]}),(0,Z.jsx)(e0,{className:(0,et.W)("transition-opacity",i?"opacity-0":"")}),(0,Z.jsx)(Y.z,{className:"mx-auto mt-8 w-fit lg:mt-16",href:"https://graphql.org/swapi-graphql",children:"Try GraphiQL"})]})}function e0({className:e}){return(0,Z.jsxs)("div",{className:(0,et.W)("typography-body-sm mx-auto mt-12 flex w-fit gap-2 text-neu-800 hover-none:hidden dark:text-neu-600",e),children:[(0,Z.jsx)(eH,{className:"size-4 shrink-0 translate-y-[2.25px]"}),(0,Z.jsxs)("p",{className:"text-neu-800",children:["Press ",(0,Z.jsx)(eK.T,{children:"Ctrl"}),(0,Z.jsx)(eK.T,{className:"ml-0.5",children:"Space"})," to open the completions menu,"," ",(0,Z.jsx)(e2,{}),(0,Z.jsx)(eK.T,{children:"Enter"})," to run the query."]})]})}function e2(){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(eK.T,{className:"mx-0.5 hidden [.mac_&]:inline-flex",children:"â"}),(0,Z.jsx)(eK.T,{className:"mx-0.5 [.mac_&]:hidden",children:"Ctrl"})]})}var e5={src:"/_next/static/media/blur-bean.314cdc4a.webp",height:1164,width:2339,blurDataURL:"data:image/webp;base64,UklGRoIAAABXRUJQVlA4WAoAAAAQAAAABwAAAwAAQUxQSCEAAAAAAAAAAAAbaygxh1EjPtDtQWf7/PH14E0BCUt1dVMaAQAAVlA4IDoAAADwAQCdASoIAAQAAkA4JbACdLoAArp7r6AA/vhYzy8nnPSEpmHKl81lRXxPGDVhf/z0z9Av4LynTQAA",blurWidth:8,blurHeight:4};function e3(){return(0,Z.jsxs)("section",{className:"dark relative overflow-hidden bg-pri-dark text-white dark:bg-pri-darker",children:[(0,Z.jsx)(e7,{}),(0,Z.jsx)("div",{className:"gql-container py-8 xl:py-16",children:(0,Z.jsxs)("div",{className:"gql-section relative",children:[(0,Z.jsx)(eN,{className:"mb-6 !text-sec-light",children:"Business perspective"}),(0,Z.jsx)("h2",{className:"typography-h2 mb-6 lg:mb-16",children:"A proven solution for startups and enterprises"}),(0,Z.jsxs)("div",{className:"mb-12 grid gap-y-6 lg:grid-cols-3 lg:backdrop-blur-[6.4px] lg:[&>*:not(:first-child)]:border-l-0",children:[(0,Z.jsx)(e6,{title:(0,Z.jsxs)(Z.Fragment,{children:["The best user"," ",(0,Z.jsx)("br",{className:"@[530px]/card:hidden max-lg:hidden"}),"experience"]}),description:"Deliver high-performing user experiences at scale. The worldâs leading apps use GraphQL to create faster, more responsive digital experiences.",bullets:["Faster data retrieval and load times","Improved bandwith efficie
1ncy"]}),(0,Z.jsx)(e6,{title:(0,Z.jsxs)(Z.Fragment,{children:["Stability &"," ",(0,Z.jsx)("br",{className:"@[530px]/card:hidden max-lg:hidden"}),"Security"]}),description:"Protect your APIs while maintaining full visibility into data consumption. GraphQL allows you to monitor, secure, and optimize API usage while ensuring compliance.",bullets:["Stronger access control","Improved business intelligence & cost analysis"]}),(0,Z.jsx)(e6,{title:(0,Z.jsxs)(Z.Fragment,{children:["Efficient distributed"," ",(0,Z.jsx)("br",{className:"@[530px]/card:hidden max-lg:hidden"}),"development"]}),description:"Let your teams ship faster with GraphQLâs flexible, decoupled architecture. GraphQL allows frontend and backend teams to work independently and efficiently.",bullets:["More rapid iterations","Improved cross-team collaboration"]})]}),(0,Z.jsxs)(Y.z,{className:"mx-auto mt-8 w-fit lg:mt-16",href:"/learn",children:["Learn more",(0,Z.jsx)("span",{className:"sr-only",children:" about GraphQL"})]})]})})]})}function e6({title:e,description:s,bullets:i}){return(0,Z.jsxs)("div",{className:"flex flex-col border border-pri-light bg-pri-lighter/20 @container/card dark:bg-pri-base/20 max-lg:backdrop-blur-[6.4px]",children:[(0,Z.jsx)("h3",{className:"border-b border-pri-light p-6 text-2xl @[331px]/card:typography-h3",children:e}),(0,Z.jsx)("p",{className:"typography-body-lg p-6",children:s}),(0,Z.jsx)("ul",{className:"typography-body-md mt-auto flex flex-col gap-2 p-6 pt-0",children:i.map(e=>(0,Z.jsxs)("li",{className:"flex items-center gap-2",children:[(0,Z.jsx)(X.Z,{className:"size-4 shrink-0 text-sec-base","aria-hidden":!0}),(0,Z.jsx)("span",{children:e})]},e))})]})}function e7(){return(0,Z.jsx)($,{role:"presentation",image:e5,fetchPriority:"low",className:"pointer-events-none absolute inset-0 opacity-0 transition-[translate] duration-[400ms] ease-linear [mask-position:center_calc(100%+65vw)] [mask-size:200%] data-[loaded=true]:opacity-100 max-lg:rotate-[180deg] max-lg:scale-x-[-1] lg:[mask-position:center_500px] lg:[mask-size:150%] xl:translate-y-1/2 xl:[mask-position:center_top] xl:max-3xl:translate-y-[50%]",style:{maskImage:`url(${e5.src})`,WebkitMaskImage:`url(${e5.src})`,maskRepeat:"no-repeat",WebkitMaskRepeat:"no-repeat"},children:(0,Z.jsx)(U.y,{evenClassName:"bg-[linear-gradient(180deg,hsl(var(--color-pri-light)/0.2)_20%,hsl(var(--color-pri-base))_150%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-pri-base)/.9)_20%,hsl(var(--color-pri-darker))_150%)]",oddClassName:"bg-[linear-gradient(180deg,hsl(var(--color-pri-light))_20%,hsl(var(--color-pri-lighter)/.9)_150%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-pri-darker)/.9)_20%,hsl(var(--color-pri-base)/.8)_150%)]"})})}function e4(){return(e4=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function e9(){return(e9=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function e8(){return(e8=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}function se(){return(se=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}let ss=[{icon:e=>J.createElement("svg",e4({width:40,height:40,fill:"currentColor",viewBox:"0 0 40 40"},e),V||(V=J.createElement("path",{fillRule:"evenodd",d:"M8.334 5h23.333v6.667h5v10h-3.333V35H6.667V21.667H3.334v-10h5zm3.333 6.667h6.667V8.333h-6.667zm10-3.334v3.334h6.667V8.333zM18.334 15H6.667v3.333h11.667zm3.333 3.333V15h11.667v3.333zm-3.333 3.334h-8.333v10h8.333zm3.333 10v-10h8.334v10z",clipRule:"evenodd"}))),title:"Product-centric",description:"GraphQL is unapologetically built for front-end engineers, aligning with their way of thinking, how views are structured and how data is consumed."},{icon:e=>J.createElement("svg",e9({width:40,height:40,fill:"currentColor",viewBox:"0 0 40 40"},e),H||(H=J.createElement("path",{d:"M14.999 8.333h11.667v10h10v3.334h-10v10H14.999v5H3.332v-3.334h8.334v-6.666H3.332v-3.334h11.667v5h8.333V11.667h-8.333v5H3.332v-3.334h8.334V6.667H3.332V3.333h11.667z"}))),title:"Hierarchical",description:"Most product development involves the creation and manipulation of view hierarchies. GraphQL queries mirror UI structures, ensuring a natural way to request data that matches the shape of the response."},{icon:e=>J.createElement("svg",e8({width:40,height:40,fill:"currentColor",viewBox:"0 0 40 40"},e),C||(C=J.createElement("path",{d:"M6.666 21.667h13.333v10h3.333V35h-3.333v3.333h-3.333V25H3.332v-6.667h3.334zm20 10h-3.334v-3.334h3.334zm3.333-3.334h-3.333V25h3.333zM33.332 25h-3.333v-3.333h3.333zm-10-10h13.334v6.667h-3.334v-3.334H19.999v-10h-3.333V5h3.333V1.667h3.333zM9.999 18.333H6.666V15h3.333zM13.332 15H9.999v-3.333h3.333zm3.334-3.333h-3.334V8.333h3.334z"}))),title:"Strong-typing",description:"Every GraphQL service defines a type system, enabling tools to syntactically validate queries before execution and ensuring predictable responses."},{icon:e=>J.createElement("svg",se({width:40,height:40,fill:"currentColor",viewBox:"0 0 40 40"},e),z||(z=J.createElement("path",{d:"M29.999 36.667h-20v-3.334h20zm-20-3.334H6.666V30h3.333zm23.333 0h-3.333V30h3.333zM6.
1666 30H3.332V10h3.334zm20 0H13.332v-3.333h13.334zm10 0h-3.334V13.333h3.334zm-23.334-3.333H9.999V13.333h3.333zm16.667 0h-3.333V20h3.333zm-6.667-3.334h-6.666v-6.666h6.666zm3.334-6.666h-3.334v-3.334h3.334zm-6.667-3.334h-6.667V10h6.667zm10 0h-3.333V10h3.333zM9.999 10H6.666V6.667h3.333zm23.333-3.333h3.334V10h-6.667V3.333h3.333zm-6.666 0H9.999V3.333h16.667z"}))),title:"Client-specified response",description:"A GraphQL service publishes the capabilities that its clients are allowed to consume. It is the client who control the data they receive, requesting only what they need at a field level, unlike traditional fixed endpoints."},{icon:i(53584).Z,title:"Self-documenting",description:"GraphQL APIs can describe themselves, allowing tools and clients to query the schema for available types and capabilities. It serves as a powerful platform for building common tools and client software libraries."}];function si(){return(0,Z.jsxs)("section",{className:"gql-container gql-section xl:py-20",children:[(0,Z.jsx)(eN,{className:"mb-6",children:"design principles"}),(0,Z.jsx)("h2",{className:"typography-h2 mb-6 max-sm:text-center lg:mb-16",children:"Five Pillars of GraphQL"}),(0,Z.jsx)("div",{className:"gql-radial-gradient gap-px",children:ss.map(({title:e,icon:s,description:i},t)=>(0,Z.jsxs)("div",{children:[(0,Z.jsxs)("div",{className:"flex flex-col gap-2 bg-neu-0 py-6 max-sm:text-center lg:flex-row lg:items-center lg:gap-8 lg:py-8",children:[(0,Z.jsxs)("div",{className:"flex items-center max-sm:flex-col lg:w-[430px] lg:shrink-0 xl:w-[520px]",children:[(0,Z.jsx)("div",{className:"pr-4 max-sm:p-6 md:max-lg:p-6",children:(0,Z.jsx)(s,{className:"size-6 text-pri-base"})}),(0,Z.jsx)("h3",{className:"typography-h3 sm:items-center lg:flex lg:h-[86px] lg:flex-1 lg:p-4",children:e})]}),(0,Z.jsx)("p",{className:"typography-body-lg mt-6 lg:mt-0 lg:flex-1",children:i})]}),t<ss.length-1&&(0,Z.jsx)(st,{})]},e))})]})}function st(){return(0,Z.jsx)("div",{className:"h-px w-full",style:{background:"linear-gradient(90deg, hsl(var(--color-neu-100) / 0) 0%, hsl(var(--color-neu-300) / 0.75) 25%, hsl(var(--color-neu-400)) 50%, hsl(var(--color-neu-300) / 0.75) 75%, hsl(var(--color-neu-100) / 0) 100%)"}})}var sr=i(47198),sa=i(85454);function sl(){return(0,Z.jsx)("section",{className:"gql-section max-sm:px-0 lg:pb-16 lg:max-xl:px-0 xl:pb-24",children:(0,Z.jsxs)("div",{className:"gql-container dark typography-body-lg flex bg-pri-darker text-neu-900 max-lg:flex-col",children:[(0,Z.jsxs)("div",{className:"border-pri-light p-6 max-lg:border-b lg:border-r lg:p-16",children:[(0,Z.jsx)("h2",{className:"typography-h2 text-balance",children:"Powered by the community"}),(0,Z.jsx)("p",{className:"mt-8",children:"GraphQL is an ecosystem shaped by thousands of collaborating developers and companies around the world. From solo contributors to full-time maintainers, the GraphQL community builds libraries, runs meetups, funds innovation and helps move the technology forward."})]}),(0,Z.jsxs)("div",{children:[(0,Z.jsxs)(sr.e,{href:"/community/tools-and-libraries",className:"flex items-center justify-between gap-4 whitespace-pre border-b border-pri-light px-6 py-8 hover:bg-white/10 focus-visible:!-outline-offset-8 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6",children:["Browse libraries",(0,Z.jsx)(sa.Z,{className:"size-10 -rotate-90 text-pri-light"})]}),(0,Z.jsxs)(sr.e,{href:"/community/events",className:"flex items-center justify-between gap-4 whitespace-pre border-b border-pri-light px-6 py-8 hover:bg-white/10 focus-visible:!-outline-offset-8 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6",children:["Explore events & meetups",(0,Z.jsx)(sa.Z,{className:"size-10 -rotate-90 text-pri-light"})]}),(0,Z.jsxs)(sr.e,{href:"/community/foundation",className:"flex items-center justify-between gap-4 whitespace-pre px-6 py-8 hover:bg-white/10 focus-visible:!-outline-offset-8 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6",children:["Learn about the GraphQL Foundation",(0,Z.jsx)(sa.Z,{className:"size-10 -rotate-90 text-pri-light"})]})]})]})})}let sn={};var sh=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{tabIndex:"0","data-language":"json","data-filename":"Response",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"hero"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Luke Skywalker"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"height"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#F3F4F0"},children:" 1.72"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"mass"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#F3F4F0"},children:" 77"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},sc=i(22971),sd=i.n(sc);let so={11:1500},sp={pre:e=>
1(0,Z.jsx)(ez.S,{...e,className:(0,et.W)(e.className,"!bg-neu-0/[.48] pr-4 leading-[21px] backdrop-blur-[6px] max-xs:leading-[16px] max-xs:[&_span]:!text-xs"),tabIndex:-1}),code:eC.E};function sx(){let e=(0,J.useRef)(null),{code:s,visibleCharacters:i}=function(e,{active:s,restartKey:i=0,initialDelay:t=0,minTypingDelay:r=5,maxTypingDelay:a=17,pauses:l=sn,loop:n=!1,endDelay:h=1500,deleteDelay:c=80}){let[d,o]=(0,J.useState)(0),p=(0,J.useRef)(0),x=(0,J.useRef)(1),g=(0,J.useRef)({code:"",restartKey:-1});(0,J.useEffect)(()=>{let d;if((g.current.code!==e||g.current.restartKey!==i)&&(g.current={code:e,restartKey:i},p.current=0,x.current=1,o(0)),!s)return;let m=window.matchMedia("(prefers-reduced-motion: reduce)"),u=e=>{p.current=e,o(e)},k=e=>{clearTimeout(d),d=setTimeout(f,e)},f=()=>{let s=Math.max(0,Math.min(e.length,p.current+x.current));if(u(s),1===x.current){if(s===e.length){if(!n)return;x.current=-1,k(h);return}k(l[s]??Math.random()*(a-r)+r);return}if(0===s){x.current=1,k(t);return}k(c)},j=()=>{clearTimeout(d),m.matches?(x.current=1,u(e.length)):document.hidden||k(0===p.current&&1===x.current?t:1===x.current?r:c)},y=()=>{m.matches||p.current!==e.length||u(0),j()};return j(),m.addEventListener("change",y),document.addEventListener("visibilitychange",j),()=>{clearTimeout(d),m.removeEventListener("change",y),document.removeEventListener("visibilitychange",j)}},[s,e,c,h,t,n,a,r,l,i]);let m=g.current.code===e&&g.current.restartKey===i?d:0;return{code:e.slice(0,m),isComplete:m===e.length,visibleCharacters:m}}("\n height\n mass",{active:e_(e),initialDelay:2e3,minTypingDelay:70,maxTypingDelay:250,pauses:so,loop:!0}),t=i<11?1:i<20?2:3;(0,J.useEffect)(()=>{let s=e.current?.querySelectorAll("code > span");if(!s||s.length<5)return;let i=Array.from(s[2].children).at(-1),r=Array.from(s[3].children).at(-1),a=s[3],l=s[4];i.style.display=t>1?"inline":"none",a.style.display=t>1?"inline":"none",r.style.display=t>2?"inline":"none",l.style.display=t>2?"inline":"none"},[t]);let r=sp.pre;return(0,Z.jsxs)("div",{ref:e,id:"predictable-results",className:"nextra-codeblocks flex w-full max-w-[100vw] bg-gradient-to-b from-transparent to-sec-lighter px-[14px] py-[30px] *:w-1/2 dark:to-sec-darker/25 max-[380px]:px-0 sm:max-w-[calc(100vw-32px)] xl:px-[46px] max-[380px]:[&_:is(.rounded-t-md,pre)]:rounded-none [&_pre]:!h-48","aria-hidden":!0,children:[(0,Z.jsxs)(r,{"data-filename":"Query",className:"p-4 text-sm text-[#6E7557]",children:["{","\n ",(0,Z.jsx)("span",{className:"!text-pri-base dark:!text-sec-light",children:"hero"})," {",(0,Z.jsx)("span",{className:"!text-pri-base dark:!text-sec-light",children:"\n name"}),(0,Z.jsx)("span",{className:"!text-pri-base dark:!text-sec-light",children:s}),(0,Z.jsx)("span",{className:(0,et.W)("-mb-0.5 ml-px inline-block h-4 w-2 !bg-pri-base/50 motion-reduce:hidden dark:!bg-pri-light/60",sd().cursor)}),"\n }","\n}"]}),(0,Z.jsx)(sh,{components:sp})]})}function sg(){return(sg=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var sm=e=>J.createElement("svg",sg({width:622,height:320,fill:"none",viewBox:"0 0 622 320"},e),D||(D=J.createElement("path",{stroke:"#DBDED3",strokeDasharray:"2 2",d:"M149.5 50v220M472.5 50v220"})),M||(M=J.createElement("path",{fill:"url(#optimization_svg__a)",fillRule:"evenodd",d:"M473 172H149v-24h324z",clipRule:"evenodd"})),B||(B=J.createElement("path",{fill:"url(#optimization_svg__b)",fillRule:"evenodd",d:"M473 147.952H171.408v24.096H473z",clipRule:"evenodd"})),L||(L=J.createElement("path",{fill:"url(#optimization_svg__c)",fillRule:"evenodd",d:"M270.108 94.34C286.466 72.353 308.653 60 331.788 60H473v24.096H331.788c-18.38 0-36.007 9.814-49.004 27.283l-19.588 26.329c-16.358 21.988-38.545 34.34-61.679 34.34h-51.621v-24.096h51.621c18.379 0 36.006-9.814 49.003-27.283z",clipRule:"evenodd"})),S||(S=J.createElement("path",{fill:"url(#optimization_svg__d)",fillRule:"evenodd",d:"M278.55 115.906c12.27-8.408 25.846-12.791 39.618-12.791H473v24.096H318.168c-10.942 0-21.728 3.482-31.476 10.162l-31.938 21.886c-12.27 8.407-25.846 12.79-39.618 12.79h-65.24v-24.096h65.24c10.942 0 21.728-3.482 31.476-10.162z",clipRule:"evenodd"})),P||(P=J.createElement("path",{fill:"url(#optimization_svg__e)",fillRule:"evenodd",d:"M278.55 204.094c12.27 8.408 25.846 12.791 39.618 12.791H473v-24.096H318.168c-10.942 0-21.728-3.482-31.476-10.162l-31.938-21.886c-12.27-8.407-25.846-12.79-39.618-12.79h-65.24v24.096h65.24c10.942 0 21.728 3.482 31.476 10.162z",clipRule:"evenodd"})),I||(I=J.createElement("path",{fill:"url(#optimization_svg__f)",fillRule:"evenodd",d:"M269.211 225.66c16.359 21.987 38.546 34.34 61.68 34.34h142.074v-24.096H330.891c-18.38 0-36.00
17-9.814-49.003-27.283L262.3 182.292c-16.359-21.988-38.546-34.34-61.68-34.34H149v24.096h51.62c18.38 0 36.007 9.814 49.003 27.283z",clipRule:"evenodd"})),G||(G=J.createElement("defs",null,J.createElement("linearGradient",{id:"optimization_svg__a",x1:473,x2:149,y1:160,y2:160,gradientUnits:"userSpaceOnUse"},J.createElement("stop",{stopColor:"#FF99DF",stopOpacity:0}),J.createElement("stop",{offset:1,stopColor:"#FF99DF"})),J.createElement("linearGradient",{id:"optimization_svg__b",x1:474.89,x2:171.408,y1:160,y2:160,gradientUnits:"userSpaceOnUse"},J.createElement("stop",{stopColor:"#83BD02"}),J.createElement("stop",{offset:.17,stopColor:"#A0CF3B",stopOpacity:.7}),J.createElement("stop",{offset:.64,stopColor:"#CDF27E",stopOpacity:.2}),J.createElement("stop",{offset:1,stopColor:"#EDFAD1",stopOpacity:0})),J.createElement("linearGradient",{id:"optimization_svg__c",x1:475.369,x2:149.896,y1:116.024,y2:116.024,gradientUnits:"userSpaceOnUse"},J.createElement("stop",{stopColor:"#83BD02"}),J.createElement("stop",{offset:.17,stopColor:"#A0CF3B",stopOpacity:.7}),J.createElement("stop",{offset:.64,stopColor:"#CDF27E",stopOpacity:.2}),J.createElement("stop",{offset:1,stopColor:"#EDFAD1",stopOpacity:0})),J.createElement("linearGradient",{id:"optimization_svg__d",x1:475.369,x2:149.896,y1:137.582,y2:137.582,gradientUnits:"userSpaceOnUse"},J.createElement("stop",{stopColor:"#83BD02"}),J.createElement("stop",{offset:.17,stopColor:"#A0CF3B",stopOpacity:.7}),J.createElement("stop",{offset:.64,stopColor:"#CDF27E",stopOpacity:.2}),J.createElement("stop",{offset:1,stopColor:"#EDFAD1",stopOpacity:0})),J.createElement("linearGradient",{id:"optimization_svg__e",x1:475.369,x2:149.896,y1:182.418,y2:182.418,gradientUnits:"userSpaceOnUse"},J.createElement("stop",{stopColor:"#83BD02"}),J.createElement("stop",{offset:.17,stopColor:"#A0CF3B",stopOpacity:.7}),J.createElement("stop",{offset:.64,stopColor:"#CDF27E",stopOpacity:.2}),J.createElement("stop",{offset:1,stopColor:"#EDFAD1",stopOpacity:0})),J.createElement("linearGradient",{id:"optimization_svg__f",x1:476.418,x2:149,y1:203.976,y2:203.976,gradientUnits:"userSpaceOnUse"},J.createElement("stop",{stopColor:"#83BD02"}),J.createElement("stop",{offset:.17,stopColor:"#A0CF3B",stopOpacity:.7}),J.createElement("stop",{offset:.64,stopColor:"#CDF27E",stopOpacity:.2}),J.createElement("stop",{offset:1,stopColor:"#EDFAD1",stopOpacity:0})))));function su(){return(0,Z.jsx)("div",{className:"flex w-full items-center justify-center bg-gradient-to-b from-[hsla(75,57%,97%,0)] to-white px-[14px] py-[30px] dark:to-neu-100/20 xl:px-[46px] [&_pre]:!h-48","aria-hidden":!0,children:(0,Z.jsx)(sm,{className:"max-w-full max-sm:h-[200px]"})})}let sk="https://github.com/graphql/graphql.github.io/raw/refs/heads/source/public/img";function sf(){return(0,Z.jsx)("div",{className:"flex w-full items-center bg-gradient-to-b from-pri-lighter/[.05] to-pri-lighter/20 px-[14px] py-[30px] dark:from-sec-darker/[.01] dark:to-pri-light/5",children:(0,Z.jsxs)("div",{className:"overflow-hidden rounded-lg shadow-[0px_0px_20px_0px_rgba(153,0,105,0.20)] dark:shadow-[0px_0px_20px_0px_hsl(218deg,60.3%,17.5%,.2)]",children:[(0,Z.jsx)("div",{className:"h-px bg-[#FEFEFE] dark:bg-[#1F293A]"}),(0,Z.jsxs)("video",{disablePictureInPicture:!0,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,"aria-hidden":!0,fetchpriority:"low",children:[(0,Z.jsx)("source",{src:`${sk}/graphiql-dark.mp4`,media:"(prefers-color-scheme: dark)",type:"video/mp4"}),(0,Z.jsx)("source",{src:`${sk}/graphiql-light.mp4`,media:"(prefers-color-scheme: light)",type:"video/mp4"})]}),(0,Z.jsx)("div",{className:"h-[7px] bg-[#FEFEFE] dark:bg-[#1F293A]"})]})})}let sj={pre:eT,code:eC.E};function sy(){let e=(0,J.useRef)(null);return(0,J.useEffect)(()=>{let s;let[i,t]=e.current.querySelectorAll("code"),r=0,a=[1,5,6,5,7,12,13,8,17,18,19,12],l=[1,2,3,4,5,6,7,9,10,11,12,13],n=()=>{i.children[l.at(r-1)].classList.remove("highlighted"),t.children[a.at(r-1)].classList.remove("highlighted"),i.children[l.at(r)].classList.add("highlighted"),t.children[a.at(r)].classList.add("highlighted");let e=t.parentElement;0===r?e.scrollTo({top:0,behavior:"smooth"}):r===a.length-3&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"}),r=(r+1)%a.length,s=setTimeout(n,1e3+200*Math.random())};return n(),()=>clearTimeout(s)},[]),(0,Z.jsx)("section",{id:"type-system",className:"nextra-codeblocks flex w-full bg-gradient-to-b from-transparent to-sec-lighter px-[14px] py-[30px] dark:to-sec-darker/25 max-[380px]:px-0 xl:px-[46px] max-[380px]:[&_:is(.rounded-t-md,pre)]:rounded-none [&_pre]:!h-[370px] md:[&_pre]:!h-[420px]",children:(0,Z.jsxs)("div",{className:"nextra-codeblocks grid w-full grid-cols-2 [&_.highlighted]:!bg-pri-lighter/50 dark:[&_.highlighted]:!bg-neu-200/10","aria-hidden":!0,ref:e,children:[(0,Z.jsx)(eR,{components:sj}),(0,Z.jsx)(eQ,{components:sj})]})})}i(87383);let sv={pre:eT,code:eC.E};
1function sb(){let e=(0,J.useRef)(null);return(0,J.useEffect)(()=>{let s=-1,i=e.current;function t(){s=(s+1)%7,i.dataset.step=s.toString()}t();let r=setInterval(t,2200);return()=>{clearInterval(r)}},[]),(0,Z.jsx)("section",{className:"flex w-full max-w-[100vw] bg-gradient-to-b from-pri-lighter/[.05] to-pri-lighter/40 px-[14px] py-[30px] dark:from-sec-darker/[.01] dark:to-pri-light/10 max-[360px]:px-0 sm:max-w-[calc(100vw-32px)] xl:px-[46px] max-[360px]:[&_div]:rounded-none",id:"without-versions",children:(0,Z.jsx)("div",{className:(0,et.W)("mx-auto w-full overflow-hidden","[&_div.nextra-code]:h-full","rounded-md border border-neu-200 bg-neu-0/[.64] dark:border-neu-50 dark:bg-neu-0/40 [&_pre]:h-full [&_pre]:rounded-none [&_pre]:ring-0"),"aria-hidden":!0,children:(0,Z.jsxs)("div",{className:"versionless-figure",ref:e,children:[(0,Z.jsx)("div",{className:"v1",children:(0,Z.jsx)(eP,{components:sv})}),(0,Z.jsx)("div",{className:"v2",children:(0,Z.jsx)(eI,{components:sv})}),(0,Z.jsx)("div",{className:"v3",children:(0,Z.jsx)(eG,{components:sv})}),(0,Z.jsx)("div",{className:"v4",children:(0,Z.jsx)(eq,{components:sv})}),(0,Z.jsx)("div",{className:"v5",children:(0,Z.jsx)(eO,{components:sv})})]})})})}
1function sE(){let e=["C SHARP","NODE.JS","PYTHON","RUST","POSTGRES","JAVASCRIPT"];return(0,Z.jsxs)("div",{className:"flex w-full max-w-[100vw] flex-col items-center justify-center bg-gradient-to-b from-[hsla(75,57%,97%,0)] to-white px-[14px] py-[30px] dark:to-neu-100/20 sm:max-w-[calc(100vw-32px)] xl:min-h-[300px] xl:px-[46px]","aria-hidden":!0,children:[(0,Z.jsx)("div",{className:"flex w-full items-center justify-center bg-pri-lighter/50 px-10 py-6 dark:bg-pri-base/15",children:(0,Z.jsx)("span",{className:"font-mono text-xs font-normal uppercase tracking-wide text-pri-base dark:text-pri-light",children:"GRAPHQL"})}),(0,Z.jsx)("div",{className:"relative mt-5 w-full overflow-hidden [mask-image:linear-gradient(to_right,transparent,white_23%,white_77%,transparent)]",children:(0,Z.jsx)("div",{className:"flex animate-scroll gap-3 [--animation-duration:10s] lg:[--animation-duration:30s]",children:[...e,...e].map((e,s)=>(0,Z.jsx)("div",{className:"flex shrink-0 items-center justify-center bg-sec-lighter px-10 py-6 dark:bg-sec-darker/30",children:(0,Z.jsx)("span",{className:"font-mono text-xs font-normal uppercase tracking-wide text-sec-dark dark:text-sec-light",children:e})},s))})})]})}function s_(){return(0,Z.jsx)("section",{className:"overflow-x-hidden bg-neu-50 dark:bg-neu-50/25",children:(0,Z.jsxs)("div",{className:"gql-container gql-section lg:py-16",children:[(0,Z.jsx)(eN,{children:"GraphQL advantages"}),(0,Z.jsxs)("div",{className:"mt-8 flex flex-col gap-y-10 lg:gap-y-16 xl:gap-y-24",children:[(0,Z.jsx)(sF,{name:"Precision",bigText:"Ask for what you need, get exactly that",text:"Send a GraphQL query to your API and get precisely the data you request â no over-fetching, no under-fetching. Predictable responses keep apps efficient and performant.",figure:(0,Z.jsx)(sx,{}),cta:(0,Z.jsx)(Y.z,{href:"/learn",variant:"secondary",children:"Learn GraphQL"})}),(0,Z.jsx)(sF,{name:"Optimization",bigText:"Retrieve multiple resources in one request",text:"GraphQL seamlessly follows relationships between data, eliminating multiple API calls. While typical REST APIs require loading from multiple URLs, GraphQL APIs get all the data your app needs in a single request. Ideal for complex queries and optimizing network performance.",figure:(0,Z.jsx)(su,{}),cta:(0,Z.jsx)(Y.z,{href:"/learn",variant:"secondary",children:"Read the docs"})}),(0,Z.jsx)(sF,{name:"Productivity",bigText:"Move faster with powerful, community-built tools",text:"Know exactly what you can request without leaving editor. Highlight potential issues before sending a query and take advantage of improved code intelligence. GraphQL makes it easy to build powerful tools. And many of them, like GraphiQL, are open source and built by the GraphQL community.",figure:(0,Z.jsx)(sf,{}),cta:(0,Z.jsx)(Y.z,{href:"/community/tools-and-libraries",variant:"secondary",children:"Explore GraphQL tools"})}),(0,Z.jsx)(sF,{name:"Consistency",bigText:"Build confidently with a type-safe schema",text:"GraphQL APIs are structured around types and fields, not endpoints. This ensures data consistency, self-documentation, and clear, actionable errors. Apps can use types to avoid writing manual parsing code.",figure:(0,Z.jsx)(sy,{}),cta:(0,Z.jsx)(Y.z,{href:"/learn/schema",variant:"secondary",children:"Learn more about GraphQL schemas"})}),(0,Z.jsx)(sF,{name:"Versionless",bigText:"Evolve without versions",text:"Add new fields and types without impacting existing queries. Deprecate outdated fields while keeping APIs clean and future-proof. By using a single evolving version, GraphQL APIs give apps continuous access to new features and encourage more maintainable server code.",figure:(0,Z.jsx)(sb,{}),cta:(0,Z.jsx)(Y.z,{href:"/learn/schema-design/#versioning",variant:"secondary",children:"See more in docs"})}),(0,Z.jsx)(sF,{name:"Integration",bigText:"Bring your own data and code",text:"GraphQL is storage-agnostic â integrate databases, REST APIs, and third-party services into a single, cohesive data layer. Write GraphQL APIs that leverage your existing data and code with GraphQL engines available in many languages.",figure:(0,Z.jsx)(sE,{}),cta:(0,Z.jsx)(Y.z,{href:"/learn",variant:"secondary",children:"Learn more about this"})})]})]})})}function sF({name:e,bigText:s,cta:i,figure:t,text:r,className:a}){return(0,Z.jsxs)("article",{className:(0,et.W)("grid gap-x-4 lg:grid-cols-2 lg:*:[grid-column:1] xl:gap-x-16 2xl:gap-x-24",a),children:[(0,Z.jsx)("h3",{className:"typography-body-sm size-min items-center justify-center bg-sec-light px-1 py-[1.5px] font-normal dark:bg-sec-darker",children:e}),(0,Z.jsx)("strong",{className:"typography-h3 mt-4 text-balance font-normal lg:mt-8",children:s}),(0,Z.jsx)("div",{className:"flex max-lg:mt-6 max-sm:-mx-4 lg:row-start-1 lg:row-end-6 lg:![grid-column:2]",children:t}),(0,Z.jsx)("p",{className:"typography-body-lg my-6 text-pretty lg:mb-4 lg:mt-8",children:r}),(0,Z.jsx)("div",{className:"self-end lg:justify-self-start xl:mt-2",children:i})]})}function sw({testimonials:e,className:s}){return(0,Z.jsxs)("div",{className:(0,et.W)("nextra-scrollbar relative flex w-full flex-row gap-10 overflow-x-auto px-4 py-6 [scroll-snap-type:x_mandatory] lg:mt-16 lg:py-16",s),children:[(0,Z.jsx)("div",{className:"scroll-start-x scroll-start-x-[20%] [@media(width<=1840px)]:hidden"}),e.map((e,s)=>(0,Z.jsxs)("div",{className:"flex max-w-full shrink-0 flex-row-reverse items-center gap-6 max-md:flex-col md:px-10",children:[(0,Z.jsxs)("div",{children:[(0,Z.jsx)("p",{className:"typography-body-lg max-w-[100vw] !leading-[1.1] max-md:text-center sm:max-w-[calc(100vw-32px)] md:max-w-[544px]",children:e.quote}),(0,Z.jsx)(sN,{author:e.author,className:"mt-4 max-md:hidden"})]}),(0,Z.jsx)(sA,{author:e.author})]},s))]})}function sA({author:e}){return(0,Z.jsxs)("div",{className:"relative flex shrink-0 flex-col items-center justify-center whitespace-pre md:px-6 lg:h-full lg:px-8",children:[(0,Z.jsxs)("div",{className:"relative bg-neu-500 dark:bg-neu-200 dark:opacity-90",children:[(0,Z.jsx)("img",{src:e.avatar,alt:e.name,width:128,height:128,className:"size-16 saturate-[.1] dark:opacity-90 xl:size-32",fetchpriority:"low",loading:"lazy"}),(0,Z.jsx)("div",{className:"absolute inset-0 z-[1] bg-pri-darker opacity-80 mix-blend-plus-lighter dark:mix-blend-color"}),(0,Z.jsx)(sV,{})]}),(0,Z.jsx)(sN,{author:e,className:"contents md:hidden"}),(0,Z.jsx)("div",{className:"absolute inset-y-0 right-0 w-px bg-gradient-to-b from-transparent via-pri-lighter to-transparent max-md:hidden"})]})}function sN({author:e,className:s}){return(0,Z.jsxs)("div",{className:s,children:[(0,Z.jsx)("div",{className:"typography-body-sm mt-3",children:e.name}),(0,Z.jsx)("div",{className:"typography-body-xs text-neu-700",children:e.role})]})}function sV(){let e="url(/_next/static/media/mask.d8b3d3a1.webp)";return(0,Z.jsx)("div",{role:"presentation",className:"pointer-events-none absolute inset-0",style:{maskImage:e,WebkitMaskImage:e,maskSize:"cover",WebkitMaskSize:"cover",maskPosition:"left",WebkitMaskPosition:"left"},children:(0,Z.jsx)(U.y,{evenClassName:"bg-gradient-to-b from-pri-light/0 to-pri-lighter/25",stripeW
1idth:"8px"})})}let sH=[{quote:"GraphQL gives us enterprise performance with start-up agility: streamlined queries, lean payloads, live updates, and lightning-fast responses help our customers focus on building their applications, not building around them.",author:{name:"Matteo Collina",role:"Platformatic, Co-Founder & CTO",avatar:"/_next/static/media/matteo-collina.6d00c895.webp"}},{quote:(0,Z.jsx)(Z.Fragment,{children:"GraphQL is the best developer tool for creating and managing performant APIs at scale, both for producers and consumers. It can query any source and expose anything back, including real time data. It gives understanding of your API usage that no other spec\xa0can\xa0provide."}),author:{name:"Uri Goldshtein",role:"The Guild, Founder & CEO",avatar:"https://avatars.sched.co/8/2b/14900013/avatar.jpg.320x320px.jpg?9f1"}},{quote:"The rich ecosystem of powerful tooling enables companies to deliver delightful long-lived APIs rapidly without sacrificing performance or scalability. From solo devs to huge organizations, GraphQL has proven itself time and time again as the right API for mobile and web apps.",author:{name:"Benjie Gillam",role:"Graphile, Director",avatar:"https://avatars.sched.co/b/99/18743846/avatar.jpg.320x320px.jpg"}}];function sC(){return(0,Z.jsxs)("div",{className:"gql-container py-8 max-md:px-4 md:pb-16 md:pt-24 md:[mask-image:linear-gradient(to_right,transparent,black_5%,black_95%,transparent)]",children:[(0,Z.jsxs)("div",{className:"gql-section !py-0",children:[(0,Z.jsx)(eN,{className:"max-sm:-ml-1 max-sm:justify-center",children:"Quotes from the industry"}),(0,Z.jsx)("h2",{className:"typography-h2 mt-6 text-balance max-sm:text-center",children:"Loved by worldâclass devs"})]}),(0,Z.jsx)(sw,{testimonials:sH,className:"gql-focus-visible focus-visible:!-outline-offset-4 lg:!mt-0 lg:*:px-16"})]})}var sz=i(22261);function sD(){return(0,Z.jsx)("section",{className:"gql-section max-sm:px-0 lg:pb-16 lg:max-xl:px-0 xl:pb-24",children:(0,Z.jsxs)("div",{className:"gql-container typography-body-lg flex bg-pri-dark text-white dark:bg-pri-darker max-lg:flex-col",children:[(0,Z.jsxs)("div",{className:"border-pri-light p-6 max-lg:border-b lg:border-r lg:p-16",children:[(0,Z.jsx)("h2",{className:"typography-h2 text-balance",children:"Join the community"}),(0,Z.jsx)("p",{className:"mt-8",children:"GraphQL is community-driven, backed by thousands of developers and companies worldwide. Become part of a network shaping the future of API development."})]}),(0,Z.jsxs)("div",{className:"flex flex-col *:flex-1",children:[(0,Z.jsxs)(sr.e,{href:"https://discord.graphql.org/",className:"flex items-center justify-between gap-4 whitespace-pre border-b border-pri-light px-6 py-8 hover:bg-white/10 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6",children:["Discord",(0,Z.jsx)(sz.D7,{className:"size-8 fill-white"})]}),(0,Z.jsxs)(sr.e,{href:"/community/",className:"flex items-center justify-between gap-4 whitespace-pre border-pri-light px-6 py-8 hover:bg-white/10 lg:h-1/3 lg:px-8 lg:pr-12 xl:gap-6",children:["Explore community resources",(0,Z.jsx)(sa.Z,{className:"size-10 -rotate-90 text-pri-light"})]})]})]})})}function sM(e){return"object"==typeof e&&!!e&&"span"===e.type}function sB(){return(sB=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var t in i)({}).hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e}).apply(null,arguments)}var sL=e=>J.createElement("svg",sB({fill:"currentColor",viewBox:"0 0 24 24"},e),q||(q=J.createElement("path",{fillRule:"evenodd",d:"M17 1h-4v2h-2v2h2V3h4v2h2V3h-2zm-3 4h2v2h6v16h-2v-7H4v7H2V7h12zm6 9V9H4v5zm-4-3h2v2h-2zm-2 0h-2v2h2z",clipRule:"evenodd"})),O||(O=J.createElement("path",{fillRule:"evenodd",d:"M17 1h-4v2h-2v2h2V3h4v2h2V3h-2zm-3 4h2v2h6v16H2V7h12zm6 16v-5H4v5zm0-7V9H4v5zm-4-3h2v2h-2zm2 7h-2v2h2zm-6-7h2v2h-2zm2 7h-2v2h2z",clipRule:"evenodd"})));let sS=(0,J.forwardRef)(function({names:e,className:s,...i},t){return(0,Z.jsxs)("div",{ref:t,className:(0,et.Z)("sector-opacity flex max-w-[500px] justify-between [--gap-x:20px] md:gap-x-10 md:[--gap-x:32px] 3xl:gap-x-20",s),...i,children:[(0,Z.jsxs)("div",{className:"flex flex-col",children:[(0,Z.jsx)("div",{className:"flex h-12 items-center","data-sector":"1",children:(0,Z.jsx)(sI,{className:"border-neu-300 bg-neu-0 dark:border-neu-200",children:e[0]})}),(0,Z.jsx)("div",{className:"h-4 max-[375px]:h-1"}),(0,Z.jsx)("div",{className:"flex h-12 items-center","data-sector":"2",children:(0,Z.jsx)(sI,{className:"border-neu-600 bg-neu-400 dark:border-neu-200 dark:bg-neu-50",children:e[1]})}),(0,Z.jsx)("div",{className:"h-4 max-[375px]:h-1"}),(0,Z.jsx)("div",{className:"flex h-12 items-center","data-sector":"3",children:(0,Z.jsx)(sI,{className:"border-sec-base bg-sec-lighter dark:border-sec-dark dark:bg-sec-darker/50",children:e[2]})}),(0,Z.jsx)("div",{className:"h-4 max-[375px]:h-1"}),(0,Z.jsx)("div",{className:"flex h-12 items-center","data-sector":"4",children:(0,Z.jsx)(sI,{className:"border-pri-base bg-pri-lighter/40 dark:border-pri-dark dark:bg-pri-darker/50",children:e[3]})})]}),(0,Z.jsxs)("div",{className:"flex flex-col items-center max-[375px]:-translate-y-2.5 max-[375px]:scale-[.85]",children:[(0,Z.jsx)("div",{className:"flex size-12 items-center justify-center bg-neu-100 dar
1k:bg-neu-50","data-sector":"1",children:(0,Z.jsx)(sL,{className:"pointer-events-none size-6 text-neu-600"})}),(0,Z.jsx)("div",{className:"h-4 w-px bg-neu-300 dark:bg-neu-100"}),(0,Z.jsx)(sP,{bgColor:"bg-neu-600 dark:bg-neu-200",middleColor:"bg-sec-base",innerColor:"bg-pri-base","data-sector":"2"}),(0,Z.jsx)(sq,{className:"text-neu-300 dark:text-neu-100",style:{width:"calc(100% - var(--gap-x) - 92px)"}}),(0,Z.jsxs)("div",{className:"flex gap-[--gap-x]",children:[(0,Z.jsxs)("div",{className:"flex flex-col items-center",children:[(0,Z.jsx)(sP,{bgColor:"bg-neu-100 dark:bg-neu-50",middleColor:"bg-sec-base",innerColor:"bg-pri-base","data-sector":"3"}),(0,Z.jsx)(sq,{className:"text-neu-300 dark:text-neu-100"}),(0,Z.jsxs)("div",{className:"flex gap-[--gap-x]","data-sector":"4",children:[(0,Z.jsx)(sG,{}),(0,Z.jsx)(sG,{})]})]}),(0,Z.jsxs)("div",{className:"flex flex-col items-center",children:[(0,Z.jsx)(sP,{bgColor:"bg-neu-100 dark:bg-neu-50",middleColor:"bg-sec-base",innerColor:"bg-pri-base","data-sector":"3"}),(0,Z.jsx)(sq,{className:"text-neu-300 dark:text-neu-100"}),(0,Z.jsxs)("div",{className:"flex gap-[--gap-x]","data-sector":"4",children:[(0,Z.jsx)(sG,{}),(0,Z.jsx)(sG,{})]})]})]})]})]})});function sP({bgColor:e,middleColor:s,innerColor:i,...t}){return(0,Z.jsx)("div",{className:e,style:{padding:8},...t,children:(0,Z.jsx)("div",{className:s||e,style:{padding:8},children:(0,Z.jsx)("div",{className:i,style:{padding:8}})})})}function sI({children:e,className:s,...i}){return(0,Z.jsx)("div",{className:(0,et.Z)("rounded border px-1 py-0.5 font-mono text-[10px] text-neu-800 dark:font-medium",s),...i,children:e})}function sG(e){return(0,Z.jsx)(sP,{bgColor:"bg-neu-100 dark:bg-neu-50",innerColor:"bg-pri-base",...e})}function sq(e){return(0,Z.jsxs)("svg",{width:"81",height:"16",viewBox:"0 0 81 16",stroke:"currentColor",fill:"none",preserveAspectRatio:"none",...e,children:[(0,Z.jsx)("path",{d:"M40.5 8V0M1 16V8m79 8V8",vectorEffect:"non-scaling-stroke"}),(0,Z.jsx)("path",{d:"m1 8 79-.00001",strokeLinecap:"square",vectorEffect:"non-scaling-stroke"})]})}let sO={trudie:{src:"/_next/static/media/trudie.02ae47d4.webp",height:39,width:38,blurDataURL:"data:image/webp;base64,UklGRkgAAABXRUJQVlA4IDwAAAAwAgCdASoIAAgAAkA4JagCdLoAArru7xHKAAD9/1PKFLIkMdMwr7RM0RA198UApHDnf/nEv9E/uX3GAAA=",blurWidth:8,blurHeight:8},frances:{src:"/_next/static/media/frances.033cc832.webp",height:39,width:38,blurDataURL:"data:image/webp;base64,UklGRj4AAABXRUJQVlA4IDIAAADQAQCdASoIAAgAAkA4JZgCdAEPAtNsAAD+9i0MmKXTqjFxG8X5Wk0i8/1pnz+pzV8AAA==",blurWidth:8,blurHeight:8},fernando:{src:"/_next/static/media/fernando.8a674f38.webp",height:39,width:38,blurDataURL:"data:image/webp;base64,UklGRkAAAABXRUJQVlA4IDQAAACwAQCdASoIAAgAAkA4JagCdAEOuwSAAP7yOPlMTHP7o5lcff+GKzf/Sw3+fPadTVfI6AAA",blurWidth:8,blurHeight:8}};function sR({friends:e}){return(0,Z.jsxs)("section",{className:"overflow-hidden rounded-lg border border-neu-200 dark:border-neu-100","data-sector":"2",children:[(0,Z.jsx)("h3",{className:"typography-body-lg border-b border-neu-200 bg-neu-50 px-3 py-2 dark:border-neu-100 dark:bg-neu-50/50",children:"Friends"}),(0,Z.jsx)("ul",{className:"flex flex-col gap-6 p-3 lg:p-6 max-md:[&>*:not(:first-child)]:hidden",children:e.map(e=>(0,Z.jsx)(sQ,{...e},e.name))})]})}function sQ({isSubscribed:e,mutualFriendsCount:s,name:i,profilePic:t,...r}){let a=sO[t.replace(".webp","")];return(0,Z.jsxs)("li",{className:"-m-1 flex items-start gap-2 rounded-[5px] p-1","data-sector":"3",children:[(0,Z.jsx)("img",{src:a.src,alt:"",width:a.width,height:a.height,className:"shrink-0 dark:opacity-95"}),(0,Z.jsxs)("div",{className:"flex-1",children:[(0,Z.jsxs)("div",{className:"mb-2 flex justify-between gap-4",children:[(0,Z.jsxs)("div",{children:[(0,Z.jsx)("strong",{className:"typography-body-md font-normal",children:i}),(0,Z.jsxs)("div",{className:"typography-body-sm leading-[1.35] text-neu-700",children:[s," mutual friends"]})]}),(0,Z.jsx)(sW,{})]}),(0,Z.jsx)(sT,{...r})]})]})}let sZ=["username","email","location"];function sT(e){return(0,Z.jsx)("dl",{className:"flex flex-col gap-0.5 rounded-[4px] border border-neu-100 bg-neu-50 px-1.5 py-1 dark:border-neu-50 dark:bg-neu-50/50","data-sector":"4",children:sZ.map(s=>(0,Z.jsxs)("div",{className:"typography-body-xs flex justify-between gap-4",children:[(0,Z.jsx)("dt",{className:"capitalize text-neu-900",children:s}),(0,Z.jsx)("dd",{className:"text-neu-700",children:e[s]})]},s))})}function sW(){return(0,Z.jsx)("div",{className:"pointer-events-none size-8 bg-neu-50",children:(0,Z.jsxs)("svg",{width:"32",height:"33",viewBox:"0 0 32 33",fill:"
1currentColor",children:[(0,Z.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25.2198 14.5H23.7486V15.8333H25.2198V14.5ZM20.8052 15.8332H19.334V17.1665H20.8052V15.8332ZM22.2771 17.1668H20.8058V18.5001H22.2771V17.1668ZM22.2768 15.8332H23.748V17.1665H22.2768V15.8332Z"}),(0,Z.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9991 9.8335H11.9992V11.1668H10.6661V15.1668H11.9994V11.1668H15.9991V9.8335ZM15.9991 15.1668H11.9992V16.5002H15.9991V15.1668ZM15.9993 11.1668H17.3326V15.1668H15.9993V11.1668ZM8.66602 19.1667H9.99931V17.8335H17.999V19.1668H9.99931V21.8335H17.9992V19.1667H19.3325V23.1667H19.3323V23.1668H8.66602V23.1667V21.8335V19.1667Z"})]})})}var sU=JSON.parse('{"V":[{"name":"Trudie","profilePic":"trudie.webp","mutualFriendsCount":120,"isSubscribed":true,"username":"funkytrudster89","email":"[email protected]","location":"New York, USA"},{"name":"Frances","profilePic":"frances.webp","mutualFriendsCount":42,"isSubscribed":false,"username":"frannyfran12","email":"[email protected]","location":"Madrid, Spain"},{"name":"Fernando","profilePic":"fernando.webp","mutualFriendsCount":114,"isSubscribed":true,"username":"fern_whirlwind","email":"[email protected]","location":"Amsterdam, Netherlands"}]}'),sX=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"query"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" GetFriendList"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ..."}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#DBF6A2"},children:"FriendList"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"fragment"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#F3F4F0"},children:" FriendList"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" on"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Query"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" friends"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ..."}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#DBF6A2"},children:"FriendListItem"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"fragment"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#F3F4F0"},children:" FriendListItem"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" on"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Friend"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" name"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" profilePic"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" mutualFriendsCount"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" isSubscribed"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:" ..."}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#DBF6A2"},children:"FriendInfo"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,Z.jsx)(s.span,{children:" "}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"fragment"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#F3F4F0"},children:" FriendInfo"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#C2F653"},children:" on"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Friend"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" username"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" email"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" location"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})};i(43549);let sY={GetFriendList:1,FriendList:2,FriendListItem:3,FriendInfo:4},sJ={pre:e=>
1(0,Z.jsx)(ez.S,{...e,className:(0,et.W)(e.className,"sector-opacity !border-none pr-4 leading-[1.459em] backdrop-blur-[6px] max-xs:leading-[16px] max-xs:[&_span]:!text-xs"),tabIndex:-1}),code:function({children:e,...s}){let i=J.useMemo(()=>{let s;let i=0;return J.Children.map(e,e=>{if(sM(e)){let t=e.props.children;if(sM(t)?t=t.props.children:Array.isArray(t)&&(t=t.map(e=>sM(e)?e.props.children:e).join("")),/query|fragment/.test(t))for(let[e,r]of Object.entries(sY))t.includes(` ${e} `)&&(s=r),i++;if(t.includes("{")&&i++,t.includes("}")&&0==--i&&(s=void 0),s)return(0,J.cloneElement)(e,{...e.props,"data-sector":s})}return e})},[e]);return(0,Z.jsx)(eC.E,{...s,children:i})}};function sK(){var e,s;let i=e=>{let s=e.target&&e.target instanceof HTMLElement?e.target:null,i=s?.closest("[data-sector]"),t=i?.dataset.sector;if(null==t)return;let r=e.currentTarget;r.dataset.activeSector!==t&&(r.dataset.activeSector=t)},t=(0,J.useRef)(null),r=(0,J.useRef)(null),a=(0,J.useRef)(null);return e=[r,a],s=()=>{let e=t.current;e&&e.dataset.activeSector&&delete e.dataset.activeSector},(0,J.useEffect)(()=>{let i=i=>{let t=i.composedPath();if(e.every(e=>!e.current||!t.includes(e.current))){s(i);return}};return document.addEventListener("click",i),()=>document.removeEventListener("click",i)},[]),(0,Z.jsxs)("section",{ref:t,className:"gql-container gql-section flex justify-between gap-4 max-xl:flex-wrap sm:max-xl:gap-y-8 xl:p-24 3xl:px-60",onMouseOver:i,onMouseOut:e=>{if(window.matchMedia("(hover: none)").matches)return;let s=e.relatedTarget&&e.relatedTarget instanceof HTMLElement?e.relatedTarget:null,i=e.currentTarget,t=s?.closest("[data-sector]"),r=t?.dataset.sector,a=i.dataset.activeSector;if(!r){delete i.dataset.activeSector;return}a&&(i.dataset.activeSector=r)},onPointerDown:i,children:[(0,Z.jsxs)("div",{className:"basis-full justify-between gap-x-8 sm:max-xl:flex lg:shrink",children:[(0,Z.jsxs)("header",{children:[(0,Z.jsx)(eN,{children:"Data Colocation"}),(0,Z.jsx)("h2",{className:"typography-h2 mt-6",children:"Data Colocation"}),(0,Z.jsx)("p",{className:"typography-body-md mt-6 text-pretty lg:max-w-[500px] xl:max-w-[438px]",children:"GraphQL fragments let you define each componentâs data needs close to it, and satisfy them with a single query."})]}),(0,Z.jsx)(sS,{ref:a,className:"mt-6 max-sm:mx-auto md:mt-8 lg:mt-12 xl:mt-16",names:["Server","<FriendList>","<FriendListItem>","<FriendInfo/>"]})]}),(0,Z.jsxs)("article",{className:"flex shrink-0 divide-neu-100 dark:divide-neu-50 dark:shadow-[0_.5px_20px_0_hsl(0_0_0/.25)] max-xl:w-full max-lg:gap-4 max-md:flex-col lg:rounded-lg lg:shadow-[0_.5px_20px_0_hsl(var(--color-neu-400))] lg:dark:bg-neu-50/10 xl:divide-x",ref:r,children:[(0,Z.jsxs)("div",{className:"flex shrink-0 grow flex-col gap-y-4 sm:flex-col-reverse lg:p-4",children:[(0,Z.jsx)(s$,{}),(0,Z.jsx)("div",{className:"sector-ring",children:(0,Z.jsx)(sR,{friends:sU.V})})]}),(0,Z.jsx)("div",{className:"flex grow *:w-full *:rounded-lg *:border *:border-neu-100 *:bg-neu-50/50 lg:p-4",children:(0,Z.jsx)(sX,{components:sJ})})]})]})}function s$(){return(0,Z.jsxs)("div",{className:"flex w-full grow gap-2 hover-none:items-center xl:max-w-[240px]",children:[(0,Z.jsx)(eH,{className:"size-4 shrink-0 hover-hover:size-5 hover-hover:translate-y-[0.5px]"}),(0,Z.jsxs)("p",{className:"typography-body-sm text-neu-800",children:[(0,Z.jsx)("span",{className:"hover-hover:hidden",children:"Click on"}),(0,Z.jsx)("span",{className:"hover-none:hidden",children:"Hover over"})," the components to see their GraphQL fragments."]})]})}function s1(e){return(0,Z.jsx)("path",{d:"M22 4V18H16V20H8V18H2V4H22ZM4 6V16H20V6H4Z",...e})}function s0(e){return(0,Z.jsx)("path",{d:"M18 21H6V3H18V21ZM8 19H16V5H14V7H10V5H8V19ZM13 17H11V15H13V17Z",...e})}function s2(e){return(0,Z.jsx)("path",{d:"M9 2H7V4H9V2ZM17 2H15V4H17V2ZM22 20V6H15V4H13V6H11V4H9V6H2V20H22ZM4 18V8H20V18H4Z",...e})}function s5(e){return(0,Z.jsx)("path",{d:"M16 22H8V18H3V6H8V2H16V6H21V18H16V22ZM5 16H19V8H5V16Z",...e})}function s3(e){return(0,Z.jsx)("path",{d:"M13 10H14V14H10V10H11V8H8V16H16V8H18V18H6V6H11V4H4V20H20V4H22V22H2V2H13V10Z",...e})}function s6(e){return(0,Z.jsx)("path",{d:"M21 21H3V3H21V21ZM5 19H19V13H5V19ZM9 17H7V15H9V17ZM5 11H19V5H5V11ZM9 9H7V7H9V9Z",...e})}function s7(e){return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("path",{d:"M16 7H22V23H20V16H4V23H2V7H14V5H16V7ZM4 14H20V9H4V14ZM14 13H12V11H14V13ZM18 13H16V11H18V13ZM13 5H11V3H13V5ZM19 5H17V3H19V5ZM17 3H13V1H17V3Z",...e}),(0,Z.jsx)("path",{d:"M16 7H22V23H2V7H14V5H16V7ZM4 21H20V16H4V21ZM14 20H12V18H14V20ZM18 20H16V18H18V20ZM4 14H20V9H4V14ZM14 13H12V11H14V13ZM18 13H16V11H18V13ZM13 5H11V3H13V5ZM19 5H17V3H19V5ZM17 3H13V1H17V3Z",...e})]})}function s4(e){return(0,Z.jsx)("path",{d:"M22 20H2V18H22V20ZM2 18H0V12H2V18ZM24 18H22V12H24V18ZM18 12V14H16V12H18ZM4 12H2V10H4V12ZM10 12H8V10H10V12ZM20 10H22V12H18V8H20V10ZM8 10H4V8H8V10ZM10 8H8V6H10V8ZM18 8H16V6H18V8ZM16 6H10V4H16V6Z",...e})}var s9=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{icon:eM.Wo,tabIndex:"0","data-language":"graphql",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"query"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" getCity"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"$city"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" cities"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"name"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"$city"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" population"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" weather"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" temperature"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:" precipitation"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},s8=function(e){let s={code:"code",pre:"pre",span:"span",...(0,eD.a)(),...e.components};return(0,Z.jsx)(s.pre,{tabIndex:"0","data-language":"json",children:(0,Z.jsxs)(s.code,{children:[(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"data"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"cities"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ["})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"population"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#F3F4F0"},children:" 8675309"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"weather"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"temperature"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#F3F4F0"},children:" 22.5"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,Z.jsxs)(s.span,{children:[(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"precipitation"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,Z.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#F3F4F0"},children:" 1.2"})]}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ]"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})}),"\n",(0,Z.jsx)(s.span,{children:(0,Z.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},ie=i(55755),is=i.n(ie);let ii=["M514.5 220H424.5V76H72","M446 220H424.5V112H144","M446 220H424.5V147H72","M446 220H424.5V184H144","M528 220H514.206L72 220","M528 220L424.866 220V256H144","M446 220L424.5 220V291.75H72","M528.5 220H424.5V328H144","M528 220H424.772V365H72"];function it({highlightedEdge:e,highlightedVisible:s,edges:i,baseStroke:t="url(#paint_lr_light_linear_671_9150)",highlightedStroke:r="url(#paint_lr_dark_linear_671_9150)"}){return(0,Z.jsx)(Z.Fragment,{children:function(e,s){if(void 0===e)return s;let i=s.filter((s,i)=>i!==e);return i.push(s[e]),i}(e,i.map((i,a)=>(0,Z.jsxs)(J.Fragment,{children:[(0,Z.jsx)("path",{d:i,stroke:t,strokeWidth:"1"}),e===a&&(0,Z.jsx)("path",{d:i,stroke:r,strokeWidth:"3",className:s?"opacity-100":"opacity-0"})]},a)))})}let ir=["M696 159.5H811.5V75H1176","M696 175.5L833.5 175.5V112H1104.5","M696 191.5H855.5V148.5H1176","M696 206.5L876 206.5V184.5H1104","M696 220.5H704.5H1176","M696 234.5L876 234.5V256.5H1104","M696 249.5H855.5V292.5H1176","M696 265.5L833.5 265.5V329H1104","M696 281.5H811.5V366H1176"];function ia({highlighted:e,highlightedVisible:s,edges:i,baseStroke:t,oddStroke:r,evenStroke:a}){return(0,Z.jsx)(Z.Fragment,{children:i.map((i,l)=>{let n=e?.includes(l);return(0,Z.jsxs)(J.Fragment,{children:[(0,Z.jsx)("path",{d:i,strokeWidth:1,className:t}),n&&(0,Z.jsx)("path",{d:i,strokeWidth:3,className:(0,et.Z)(s?"opacity-100":"opacity-0",l%2?r:a)})]},l)})})}function il({transform:e,children:s,className:i}){return(0,Z.jsxs)("g",{transform:e,className:(0,et.Z)("fill-neu-100 [&>path]:translate-x-3 [&>path]:translate-y-3 sm:[&>path]:translate-x-4 sm:[&>path]:translate-y-4 [:where(&>path:not([fill]))]:fill-neu-600",i),children:[(0,Z.jsx)("rect",{className:"size-[48px] sm:size-[56px]"}),s]})}let ih=[["translate(16, 48)",(0,Z.jsx)(s1,{})],["translate(88, 84)",(0,Z.jsx)(s0,{})],["translate(16, 120)",(0,Z.jsx)(s0,{})],["translate(88, 156)",(0,Z.jsx)(s5,{})],["translate(16, 192)",(0,Z.jsx)(s2,{})],["translate(88, 228)",(0,Z.jsx)(s1,{})],["translate(16, 264)",(0,Z.jsx)(function(e){return(0,Z.jsx)("path",{d:"M20 22H4V2H20V22ZM6 20H18V4H6V20ZM13 18H11V16H13V18Z",...e})},{})],["translate(88, 300)",(0,Z.jsx)(s0,{})],["translate(16, 336)",(0,Z.jsx)(s5,{})]];function ic({highlighted:e,boxes:s}){return(0,Z.jsx)(Z.Fragment,{children:s.map(([s,i],t)=>{let r=t===e;return(0,Z.jsx)(il,{transform:s,className:r?"[&_path]:fill-neu-800 dark:[&_path]:fill-neu-0 [&_rect]:fill-neu-300 dark:[&_rect]:fill-neu-400":void 0,children:i},t)})})}let id=[["translate(1176, 48)",(0,Z.jsx)(s3,{})],["translate(1104, 84)",(0,Z.jsx)(s6,{})],["translate(1176, 120)",(0,Z.jsx)(s7,{})],["translate(1104, 156)",(0,Z.jsx)(s4,{})],["translate(1176, 192)",(0,Z.jsx)(s3,{})],["translate(1104, 228)",(0,Z.jsx)(s7,{})],["translate(1176, 264)",(0,Z.jsx)(s4,{})],["translate(1104, 300)",(0,Z.jsx)(s4,{})],["translate(1176, 336)",(0,Z.jsx)(s6,{})]];function io({highlighted:e,boxes:s}){return(0,Z.jsx)(Z.Fragment,{children:s.map(([s,i],t)=>{let r=e.includes(t);return(0,Z.jsx)(il,{transform:s,className:r?t%2?"fill-pri-lighter [&_path]:fill-pri-darker dark:[&_path]:fill-pri-lighter dark:[&_rect]:fill-pri-darker":"fill-sec-light [&_path]:fill-sec-darker dark:[&_path]:fill-sec-lighter dark:[&_rect]:fill-sec-darker":void 0,children:i},t)})})}function ip(){return(0,Z.jsxs)("defs",{children:[(0,Z.jsxs)("linearGradient",{id:"paint_lr_light_linear_671_9150",x1:"446",y1:"41.7739",x2:"266.078",y2:"41.7739",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-100))",className:"dark:[stop-color:hsl(var(--color-neu-50))]"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-neu-600))",className:"dark:[stop-color:hsl(var(--color-neu-100))]"})]}),(0,Z.jsxs)("linearGradient",{id:"paint_lr_dark_linear_671_9150",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-300))",className:"dark:[stop-color:hsl(var(--color-neu-200))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-2.562;1.438;
1-2.562",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-700))",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-1.562;2.438;-1.562",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-300))",className:"dark:[stop-color:hsl(var(--color-neu-200))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-0.562;3.438;-0.562",dur:"5s",repeatCount:"indefinite"})})]}),(0,Z.jsxs)("linearGradient",{id:"paint_lr_dark_linear_static_671_9150",x1:"446",y1:"-17.6347",x2:"204.096",y2:"-17.6347",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-700))"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-neu-300))"})]}),(0,Z.jsxs)("linearGradient",{id:"paint_sr_light_linear_671_9150",x1:"696",y1:"0",x2:"937.904",y2:"0",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-100))",className:"dark:[stop-color:hsl(var(--color-neu-0))]"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-neu-600))",className:"dark:[stop-color:hsl(var(--color-neu-100))]"})]}),(0,Z.jsxs)("linearGradient",{id:"paint_sr_sec_highlight_linear_static_671_9150",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-dark))",className:"dark:[stop-color:hsl(var(--color-sec-light))]"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-sec-light))",className:"dark:[stop-color:hsl(var(--color-sec-darker))]"})]}),(0,Z.jsxs)("linearGradient",{id:"paint_sr_sec_highlight_linear_671_9150",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-light))",className:"dark:[stop-color:hsl(var(--color-sec-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-2.562;1.438;-2.562",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-dark))",className:"dark:[stop-color:hsl(var(--color-sec-light))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-1.562;2.438;-1.562",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-light))",className:"dark:[stop-color:hsl(var(--color-sec-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-0.562;3.438;-0.562",dur:"5s",repeatCount:"indefinite"})})]}),(0,Z.jsxs)("linearGradient",{id:"paint_sr_pri_highlight_linear_static_671_9150",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-dark))",className:"dark:[stop-color:hsl(var(--color-pri-light))]"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-pri-lighter))",className:"dark:[stop-color:hsl(var(--color-pri-darker))]"})]}),(0,Z.jsxs)("linearGradient",{id:"paint_sr_pri_highlight_linear_671_9150",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-lighter))",className:"dark:[stop-color:hsl(var(--color-pri-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-2.562;1.438;-2.562",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-dark))",className:"dark:[stop-color:hsl(var(--color-pri-light))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-1.562;2.438;-1.562",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-lighter))",className:"dark:[stop-color:hsl(var(--color-pri-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-0.562;3.438;-0.562",dur:"5s",repeatCount:"indefinite"})})]}),(0,Z.jsxs)("filter",{id:"what-is-graphql--code-backdrop",children:[(0,Z.jsx)("feGaussianBlur",{stdDeviation:"0 16",in:"SourceGraphic",result:"blur"}),(0,Z.jsx)("feBlend",{in:"blur",in2:"SourceGraphic",mode:"multiply",result:"multiply"}),(0,Z.jsx)("feColorMatrix",{type:"saturate",values:"2.0",in:"multiply",result:"saturated"}),(0,Z.jsx)("feGaussianBlur",{stdDeviation:"0 2",in:"saturated",result:"blur1"}),(0,Z.jsx)("feColorMatrix",{type:"saturate",values:"1.7",in:"blur1",result:"blur1sat"}),(0,Z.jsx)("feGaussianBlur",{stdDeviation:"0 1",in:"saturated",result:"blur2"}),(0,Z.jsx)("feBlend",{in:"blur1sat",in2:"blur2",mode:"multiply",result:"blur"})]}),(0,Z.jsxs)("filter",{id:"what-is-graphql--code-backdrop-2",children:[(0,Z.jsx)("feMorphology",{operator:"erode",radiu
1s:"2 2"}),(0,Z.jsxs)("feComponentTransfer",{children:[(0,Z.jsx)("feFuncR",{type:"linear",slope:"1.5"}),(0,Z.jsx)("feFuncG",{type:"linear",slope:"1.5"}),(0,Z.jsx)("feFuncB",{type:"linear",slope:"1.5"}),(0,Z.jsx)("feFuncA",{type:"linear",slope:"1"})]}),(0,Z.jsx)("feGaussianBlur",{stdDeviation:"16"})]}),(0,Z.jsxs)("filter",{id:"what-is-graphql--code-backdrop-2-dark",children:[(0,Z.jsx)("feMorphology",{in:"SourceGraphic",operator:"dilate",radius:"0 2"}),(0,Z.jsx)("feGaussianBlur",{stdDeviation:"16",result:"blur"}),(0,Z.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.01 0.5",numOctaves:"1",seed:"5",result:"turbulence"}),(0,Z.jsx)("feGaussianBlur",{in:"turbulence",stdDeviation:"3",result:"softMap"}),(0,Z.jsx)("feDisplacementMap",{in:"blur",in2:"softMap",scale:"110",xChannelSelector:"R",yChannelSelector:"G"})]})]})}let ix={pre:e=>(0,Z.jsx)(ez.S,{...e,tabIndex:-1,containerClassName:"!absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 max-sm:scale-90 pointer-events-auto",className:"overflow-hidden border-none !bg-transparent before:absolute before:inset-0 before:-z-10 before:rounded-md before:border before:border-transparent before:bg-[rgba(55,72,13,0.12)] before:bg-clip-border before:[backdrop-filter:url(#what-is-graphql--code-backdrop)] after:absolute after:inset-[1.5px] after:z-[-9] after:rounded-[5px] after:bg-[linear-gradient(to_right,transparent,hsl(var(--color-neu-0))_15%,hsl(var(--color-neu-0))_85%,transparent)] after:[backdrop-filter:url(#what-is-graphql--code-backdrop-2)] safari:after:[backdrop-filter:blur(12px)] dark:before:border-[rgba(235,252,191,0.2)] dark:before:bg-none dark:before:backdrop-blur-xl dark:before:[backdrop-filter:url(#what-is-graphql--code-backdrop-2-dark)] dark:after:bg-[linear-gradient(to_right,hsl(var(--color-neu-0)/0.5),hsl(var(--color-neu-0)/.8)_10%,hsl(var(--color-neu-0)/.8)_83%,hsl(var(--color-neu-0)/0.4))] dark:after:[backdrop-filter:blur(24px)]",children:e.children}),code:eC.E};function ig({className:e}){let[s,i]=(0,J.useReducer)(e=>(e+1)%3,0),t=(0,J.useRef)(null);return(0,J.useEffect)(()=>{let e=document.querySelector("#paint_sr_pri_highlight_linear_671_9150 animate"),s=()=>{i()};return e&&e instanceof SVGAnimateElement&&e.addEventListener("repeatEvent",s),()=>e?.removeEventListener("repeatEvent",s)},[]),(0,Z.jsxs)("div",{className:(0,et.Z)(e,"relative isolate max-sm:flex max-sm:min-h-[240px] max-sm:items-center",is().wires),children:[(0,Z.jsx)(ib,{step:s}),(0,Z.jsxs)("svg",{id:"what-is-graphql--wires",width:"1248",height:"448",viewBox:"0 0 1248 448",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-label":"GraphQL allows you to build API Gateways to bring data from multiple sources to your clients in a single query",className:"relative h-auto min-h-[320px] w-full max-sm:hidden",ref:t,children:[(0,Z.jsx)(it,{highlightedEdge:0,highlightedVisible:0===s,edges:ii}),(0,Z.jsx)(ic,{highlighted:0===s?0:void 0,boxes:ih}),(0,Z.jsx)(ia,{highlighted:[1,6],highlightedVisible:s>0,edges:ir,baseStroke:"stroke-[url(#paint_sr_light_linear_671_9150)]",oddStroke:"stroke-[url(#paint_sr_pri_highlight_linear_671_9150)] motion-reduce:stroke-[url(#paint_sr_pri_highlight_linear_static_671_9150)]",evenStroke:"stroke-[url(#paint_sr_sec_highlight_linear_671_9150)] motion-reduce:stroke-[url(#paint_sr_sec_highlight_linear_static_671_9150)]"}),(0,Z.jsx)(io,{highlighted:s>0?[1,6]:[],boxes:id}),(0,Z.jsx)(ip,{})]}),!1,(0,Z.jsx)("div",{"aria-hidden":2===s,"data-step":s,className:(0,et.Z)("pointer-events-none absolute inset-0 transition duration-[600ms]",is().highlightsQuery,2===s?"[transform:rotateX(90deg)_translateY(60px)_translateZ(150px)] max-sm:[transform:rotateY(-90deg)_translateX(-60px)_translateZ(150px)]":"[transform:rotateX(0deg)_translateY(0px)_translateZ(150px)] max-sm:[transform:rotateY(0deg)_translateX(0px)_translateZ(150px)]","data-[step=2]:[animation:--animation] max-sm:data-[step=2]:[animation:--animation-sm]"),style:{"--animation":`${is()["query-exit"]} 600ms`,"--animation-sm":`${is()["query-exit-sm"]} 600ms`,"--highlight-opacity":1===s?1:0},children:(0,Z.jsx)(s9,{components:ix})}),(0,Z.jsx)("div",{"aria-hidden":2!==s,className:(0,et.Z)("[&_pre]:[anchor-name:--response-pre]","pointer-events-none absolute inset-0 transition duration-[600ms]",is().highlightsResponse,2
1===s?"[transform:rotateX(0deg)_translateY(0px)_translateZ(150px)]":1===s?"!duration-0 [transform:rotateX(90deg)_translateY(60px)_translateZ(150px)] max-sm:[transform:rotateY(-90deg)_translateX(-60px)_translateZ(150px)]":"[transform:rotateX(-90deg)_translateY(-60px)_translateZ(150px)] max-sm:[transform:rotateY(90deg)_translateX(60px)_translateZ(150px)]"),children:(0,Z.jsx)(s8,{components:ix})}),(0,Z.jsx)(im,{})]})}function im(){return(0,Z.jsx)("div",{className:"pointer-events-none absolute bottom-0 left-[anchor(left)] right-[anchor(right)] z-[2] h-[calc((100%-anchor-size(height))/2)] -translate-x-1/2 [position-anchor:--response-pre] max-md:hidden",style:{background:"linear-gradient(to bottom, hsl(var(--color-neu-0)/0), hsl(var(--color-neu-0)) 50%)"}})}let iu=["M154 157L155 85L24 84.8443L24 48","M154 157L154 84.9209L88 84.9209L88 48","M154 107.855L154 157L155 48","M154 157L154 85L219 85L219 48","M154 157L154.002 85L284 85L284 48"],ik=[["translate(0, 0)",(0,Z.jsx)(s1,{})],["translate(65, 0)",(0,Z.jsx)(s0,{})],["translate(130, 0)",(0,Z.jsx)(s0,{})],["translate(195, 0)",(0,Z.jsx)(s5,{})],["translate(260, 0)",(0,Z.jsx)(s2,{})]],ij=[["translate(2, 454)",(0,Z.jsx)(s3,{})],["translate(67, 454)",(0,Z.jsx)(s6,{})],["translate(132, 454)",(0,Z.jsx)(s7,{})],["translate(197, 454)",(0,Z.jsx)(s4,{})],["translate(262, 454)",(0,Z.jsx)(s4,{})]],iy=["M181.918 344L181.916 426L220.335 426L220.337 454","M210.512 344L210.512 398L286.008 398L286.008 454","M156.002 344L156.002 345.948L156.002 454","M101.504 344L101.504 398.5L26.0075 398.5L26.0075 454","M130.094 344L130.094 426L91.6745 426L91.6745 454"];function iv(){return(0,Z.jsxs)("defs",{children:[(0,Z.jsxs)("linearGradient",{id:"smallscreen_linear1",x1:"0.142323",y1:"124.751",x2:"0.142321",y2:"-122.582",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-100))",className:"dark:[stop-color:hsl(var(--color-neu-50))]"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-neu-600))",className:"dark:[stop-color:hsl(var(--color-neu-100))]"})]}),(0,Z.jsxs)("linearGradient",{id:"smallscreen_linear1_high",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-300))",className:"dark:[stop-color:hsl(var(--color-neu-200))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-2.562;1.438;-2.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-700))",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-1.562;2.438;-1.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-300))",className:"dark:[stop-color:hsl(var(--color-neu-200))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-0.562;3.438;-0.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})})]}),(0,Z.jsxs)("linearGradient",{id:"smallscreen_linear2",x1:"66.6927",y1:"344",x2:"66.6927",y2:"399.436",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-neu-100))",className:"dark:[stop-color:hsl(var(--color-neu-50))]"}),(0,Z.jsx)("stop",{offset:"1",stopColor:"hsl(var(--color-neu-600))",className:"dark:[stop-color:hsl(var(--color-neu-100))]"})]}),(0,Z.jsxs)("linearGradient",{id:"smallscreen_linear2_pri",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-lighter))",className:"dark:[stop-color:hsl(var(--color-pri-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-2.562;1.438;-2.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-dark))",className:"dark:[stop-color:hsl(var(--color-pri-light))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-1.562;2.438;-1.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-pri-lighter))",className:"dark:[stop-color:hsl(var(--color-pri-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-0.562;3.438;-0.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})})]}),(0,Z.jsxs)("linearGradient",{id:"smallscreen_linear2_sec",gradientUnits:"userSpaceOnUse",children:[(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-light))",className:"dark:[stop-color:hsl(var(--color-sec-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-2.562;1.438;
1-2.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-dark))",className:"dark:[stop-color:hsl(var(--color-sec-light))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-1.562;2.438;-1.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})}),(0,Z.jsx)("stop",{stopColor:"hsl(var(--color-sec-light))",className:"dark:[stop-color:hsl(var(--color-sec-darker))]",children:(0,Z.jsx)("animate",{attributeName:"offset",values:"-0.562;3.438;-0.562",begin:"2.5s",dur:"5s",repeatCount:"indefinite"})})]})]})}function ib({step:e,className:s="mx-auto sm:hidden"}){return(0,Z.jsxs)("svg",{width:"310",height:"490",viewBox:"0 0 310 502",fill:"none",preserveAspectRatio:"xMidYMid",xmlns:"http://www.w3.org/2000/svg",className:s,"aria-label":"GraphQL allows you to build API Gateways to bring data from multiple sources to your clients in a single query",children:[(0,Z.jsx)(it,{edges:iu,highlightedEdge:0,highlightedVisible:0===e,baseStroke:"url(#smallscreen_linear1)",highlightedStroke:"url(#smallscreen_linear1_high)"}),(0,Z.jsx)(ic,{boxes:ik,highlighted:0===e?0:void 0}),(0,Z.jsx)(ia,{edges:iy,highlighted:[1,4],highlightedVisible:e>0,baseStroke:"stroke-[url(#smallscreen_linear2)]",evenStroke:"stroke-[url(#smallscreen_linear2_pri)]",oddStroke:"stroke-[url(#smallscreen_linear2_sec)]"}),(0,Z.jsx)(io,{highlighted:e>0?[1,4]:[],boxes:ij}),(0,Z.jsx)(iv,{})]})}function iE(){return(0,Z.jsxs)("section",{id:"what-is-graphql",className:"gql-container gql-section",children:[(0,Z.jsx)(eN,{children:"Introduction"}),(0,Z.jsxs)("div",{className:"justify-between gap-4 lg:flex",children:[(0,Z.jsx)("h2",{className:"typography-h2 mt-6",children:"What is GraphQL?"}),(0,Z.jsx)("p",{className:"typography-body-lg mt-6 max-w-[624px] text-pretty text-neu-800",children:"GraphQL is an openâsource query language for APIs and a\xa0serverâside runtime. It provides a stronglyâtyped schema to define relationships between data, making APIs more flexible and predictable. And it isnât tied to a specific database or storage engine â it works with your existing code and data, making it easier to evolve APIs over time."})]}
1),(0,Z.jsx)(ig,{className:"mt-6 w-full max-sm:my-12"}),(0,Z.jsx)(Y.z,{className:"mt-6 sm:mx-auto sm:w-fit",href:"/learn",children:"Learn GraphQL"})]})}var i_=i(69154);let iF=[{label:"A large backend with many services",description:"GraphQL serves as a unified data layer across multiple services. This way you simplify API management and reduce dependencies between teams. It enables efficient data fetching while keeping the API surface flexible and maintainable.",cta:"Best Practices for Large-Scale Systems",href:"/learn/best-practices"},{label:"A mobile app",description:(0,Z.jsx)(Z.Fragment,{children:"GraphQL lets you request exactly what you need in one call with no overfetching to preserve battery and work on slow networks. With a persistent normalized cache, your app can work offline on planes and trains, and versionless schema evolution makes it easy to iterate without breaking old versions of the app."}),cta:"Performance Optimization",href:"/learn/performance"},{label:"A frontend-heavy app with advanced UI needs",description:"GraphQL makes building complex UIs easier by allowing components to declare their data needs directly alongside their code with no performance hit. You can aggregate data from multiple services into a single request and maintain consistent state without creating custom endpoints for every view.",cta:"GraphQL Queries",href:"/learn/queries"},{label:"An app with real-time updates",description:"Replace polling and complex WebSocket management with GraphQL subscriptions. Your app gets notified instantly when data changes, using the same queries and types you already have. Real-time becomes part of your API instead of a separate system to maintain.",cta:"Real-time with Subscriptions",href:"/learn/subscriptions"},{label:"A simple full stack TypeScript app",description:"Define your GraphQL schema once and GraphQL Codegen does the rest. Your frontend gets perfectly typed API calls, your backend stays in sync, and any schema changes immediately show up as TypeScript errors throughout your app. Full-stack type safety reduces bugs and makes pivots and refactors easier.",cta:"Schema-First Development",href:"/learn/schema"},{label:"An AI-powered app",description:"GraphQLâs self-describing schemas, strong typing, and composability make it perfect for Model Context Protocol servers and applications with LLMs at their cores. Models can explore your API capabilities, understand data relationships, and dynamically interact with your system.",cta:"GraphQL & AI",href:"/blog/2025-07-03-graphql-supercharging-ai/"}];function iw({className:e,...s}){let[i,t]=(0,J.useState)(0);return iF[i],(0,Z.jsx)("section",{id:"graphql-use-cases",className:(0,et.Z)("gql-container dark:text-neu-0",e),...s,children:(0,Z.jsxs)("div",{className:"mx-auto flex max-w-[1440px] *:basis-1/2 max-lg:flex-col 3xl:min-h-[800px]",children:[(0,Z.jsxs)("div",{className:"relative flex flex-col bg-sec-light p-4 dark:bg-neu-50 dark:text-neu-900 lg:p-8 xl:p-16",children:[(0,Z.jsx)("h2",{className:"typography-h2",children:"Is GraphQL right for\xa0me?"}),(0,Z.jsx)("p",{className:"typography-body-lg mt-6 text-balance text-neu-800",children:"Choose a use case most relevant for your project and learn how GraphQL can help you build faster, modern solutions."}),(0,Z.jsx)("div",{className:"3xl:flex-1"}),(0,Z.jsx)("div",{role:"tablist",className:"mt-8 divide-y divide-sec-dark border border-sec-dark max-lg:sr-only lg:mt-16",children:iF.map((e,s)=>(0,Z.jsxs)("button",{role:"tab","aria-controls":`graphql-use-case-${s}`,type:"button",tabIndex:0===s?0:-1,onKeyDown:i_.T,onPointerDown:()=>t(s),onFocus:()=>t(s),"aria-selected":s===i?"true":void 0,className:"gql-focus-visible group flex w-full items-center justify-between gap-6 border-sec-dark px-3 py-4 text-left transition-colors hover:bg-sec-lighter aria-selected:bg-sec-base aria-selected:hover:bg-sec-lighter hover:dark:bg-neu-100/25 dark:aria-selected:bg-sec-darker",children:[(0,Z.jsx)("span",{className:"typography-body-lg",children:e.label}),(0,Z.jsx)(sa.Z,{className:"size-10 shrink-0 -rotate-90 text-sec-dark opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 group-aria-selected:opacity-100 dark:text-neu-900"})]},e.label))}),(0,Z.jsx)("div",{className:"3xl:flex-1"})]}),(0,Z.jsxs)("div",{className:"relative flex h-auto flex-col bg-sec-base dark:bg-sec-darker",children:[(0,Z.jsx)(iA,{}),(0,Z.jsx)("div",{className:"flex flex-1 justify-center overflow-hidden max-lg:flex-col lg:items-center",children:iF.map((e,s)=>(0,Z.jsxs)(J.Fragment,{children:[(0,Z.jsxs)("button",{type:"button",role:"none",onPointerDown:()=>t(s),onFocus:()=>t(s),className:(0,et.Z)("z-[1] flex w-full items-center justify-between gap-6 border-b border-sec-dark bg-sec-light px-3 py-4 text-left first:border-t hover:bg-sec-lighter dark:bg-sec-darker dark:hover:bg-sec-dark max-lg:dark:bg-neu-50 lg:hidden"),children:[(0,Z.jsx)("span",{className:"typography-body-lg text-neu-900",children:e.label}),(0,Z.jsx)(sa.Z,{className:"size-6 shrink-0 text-sec-dark transition-transform [[aria-selected=false]>&]:rotate-180"})]}),(0,Z.jsx)("div",{role:"tabpanel",id:`graphql-use-case-${s}`,className:(0,et.Z)("relative h-full flex-1 p-8 lg:p-12 xl:p-16",i===s?"max-lg:border-b max-lg:border-sec-dark":"hidden"),children:(0,Z.jsxs)("div",{className:"relative z-10 my-auto max-h-[528px] max-w-2xl",children:[(0,Z.jsx)("h3",{className:"typography-body-lg text-sec-darker dark:text-sec-lighter max-lg:hidden",children:e.label}),(0,Z.jsx)("p",{className:"typography-h3 text-neu-800 lg:mt-10 lg:max-xl:text-xl",children:e.description}),(0,Z.jsx)("div",{className:"mt-8 flex xl:mt-[120px]",children:(0,Z.jsxs)(Y.z,{href:e.href,variant:"primary",children:[e.cta,(0,Z.jsx)(sa.Z,{className:"size-6 shrink-0 -rotate-90 text-neu-0"})]})})]})})]},e.label))})]})]})})}function iA(){let e="url(/_next/static/media/blur-bean.21b930bd.webp)";return(0,Z.jsx)("div",{role:"presentation",className:"pointer-events-none absolute inset-0",style:{maskImage:e,WebkitMaskImage:e,maskPosition:"bottom 150% right 50%",WebkitMaskPosition:"bottom 150% right 50%",maskRepeat:"no-repeat",WebkitMaskRepeat:"no-repeat"},children:(0,Z.jsx)(U.y,{evenClassName:"bg-[linear-gradient(0deg,_hsl(var(--color-sec-dark))_0%,_hsl(var(--color-sec-base))_100%)] dark:bg-[linear-gradient(0deg,_hsl(var(--color-sec-dark))_0%,_hsl(var(--color-sec-darker))_100%)]",oddClassName:"bg-[linear-gradient(0deg,_hsl(var(--color-sec-lighter))_0%,_hsl(79_81%_40%/0)_100%)] dark:bg-[linear-gradient(0deg,_hsl(var(--color-neu-dark))_0%,_rgba(133,185,19,0.00)_100%)]"})})}var iN=i(20961);function iV(e){return[]}var iH=(0,R.c)(function(){return(0,Z.jsxs)("div",{className:"gql-all-anchors-focusable bg-neu-0",children:[(0,Z.jsx)(W(),{children:(0,Z.jsx)("meta",{name:"description",content:"GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data."})}),(0,Z.jsx)(es,{}),(0,Z.jsx)(eb,{}),(0,Z.jsx)(iE,{}),(0,Z.jsx)(e1,{}),(0,Z.jsx)(e3,{}),(0,Z.jsx)(si,{}),(0,Z.jsx)(sl,{}),(0,Z.jsx)(s_,{}),(0,Z.jsx)(sK,{}),(0,Z.jsx)(iw,{}),(0,Z.jsx)(sC,{}),(0,Z.jsx)(sD,{}),(0,Z.jsx)(iN.T,{})]})},"/",{filePath:"src/pages/index.mdx",timestamp:1789661936e3,pageMap:Q.v,frontMatter:{title:"GraphQL | The API language for humans and agents"},title:"GraphQL | The API language for humans and agents"},"undefined"==typeof RemoteContent?iV:RemoteContent.useTOC)},43549:function(){},87383:function(){},22971:function(e){e.exports={cursor:"precision_cursor__fPCsk","cursor-blink":"precision_cursor-blink__nNxY0"}},40538:function(e){e.exports={logos:"style_logos__ix3Yl",shopify:"style_shopify__ja4XL"}},55755:function(e){e.exports={wires:"wires_wires__Wm3pD",highlightsQuery:"wires_highlightsQuery__fmsAC",highlightsResponse:"wires_highlightsResponse__lxrPh","query-exit":"wires_query-exit__2xd4t","query-exit-sm":"wires_query-exit-sm__p6Q6y"}},12323:function(e,s,i){e.exports=i(5806)}},function(e){e.O(0,[3556,5043,2888,9774,179],function(){return e(e.s=73526)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.