@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#fff8f0;--bg-surface:#fff;--border:3px solid #000;--border-2:2px solid #000;--shadow-sm:3px 3px 0 #000;--shadow-md:5px 5px 0 #000;--shadow-lg:8px 8px 0 #000;--c-parse:#87ceef;--c-validate:#c4b5fd;--c-resolve:#fda4af;--c-db:#fdb97d;--c-courses:#fca5a5;--c-respond:#86efac;--text-black:#000;--text-mid:#374151;--text-grey:#6b7280;--font-sans:"Nunito", sans-serif;--font-mono:"JetBrains Mono", monospace}html,body,#root{background:var(--bg-base);min-height:100vh;color:var(--text-black);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button{font-family:var(--font-sans)}pre,code{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.gs-header{justify-content:space-between;align-items:center;gap:12px;display:flex;overflow:hidden}.gs-tab-nav{flex-shrink:0;gap:4px;display:flex}.gs-three-col{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.gs-floaters{pointer-events:none}@media (width<=700px){.gs-tab-nav button{padding:5px 10px;font-size:11px}.gs-tab-nav{gap:2px;padding:2px}.gs-three-col>*{flex:100%!important;min-width:0!important}.gs-floaters{display:none}}@media (width<=480px){.gs-tab-label{display:none}}.graphiql-container{background-color:hsl(var(--color-base));width:100%;height:100%;margin:0;display:flex;overflow:hidden}.graphiql-container .graphiql-sidebar{padding:var(--px-8);width:var(--sidebar-width);gap:var(--px-8);flex-direction:column;display:flex;overflow-y:auto}.graphiql-container .graphiql-sidebar>button{color:hsla(var(--color-neutral), var(--alpha-secondary));height:calc(var(--sidebar-width) - (2 * var(--px-8)));width:calc(var(--sidebar-width) - (2 * var(--px-8)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.graphiql-container .graphiql-sidebar button.active{color:hsl(var(--color-neutral))}.graphiql-container .graphiql-sidebar button>svg{height:var(--px-20);width:var(--px-20)}.graphiql-container .graphiql-main{flex:1;min-width:0;display:flex}.graphiql-container .graphiql-sessions{background-color:hsla(var(--color-neutral), var(--alpha-background-light));border-radius:calc(var(--border-radius-12) + var(--px-8));max-height:100%;margin:var(--px-16);flex-direction:column;flex:1;min-width:0;margin-left:0;display:flex}.graphiql-container .graphiql-session-header{height:var(--session-header-height);padding:var(--px-8) var(--px-8) 0;align-items:center;gap:var(--px-8);display:flex}button.graphiql-tab-add{padding:var(--px-4)}button.graphiql-tab-add>svg{color:hsla(var(--color-neutral), var(--alpha-secondary));height:var(--px-16);width:var(--px-16);display:block}.graphiql-container .graphiql-logo{color:hsla(var(--color-neutral), var(--alpha-secondary));font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);margin-left:auto}.graphiql-container .graphiql-logo .graphiql-logo-link{color:hsla(var(--color-neutral), var(--alpha-secondary));text-decoration:none}.graphiql-container .graphiql-logo .graphiql-logo-link:focus{outline:hsla(var(--color-neutral), var(--alpha-background-heavy)) auto 1px}.graphiql-container #graphiql-session{padding:0 var(--px-8) var(--px-8);flex:1;display:flex}.graphiql-container .graphiql-editors{background-color:hsl(var(--color-base));border-radius:0 0 var(--border-radius-12) var(--border-radius-12);box-shadow:var(--popover-box-shadow);flex-direction:column;flex:1;display:flex}.graphiql-container .graphiql-query-editor{border-bottom:1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));padding:var(--px-16);column-gap:var(--px-16);width:100%;display:flex}.graphiql-container .graphiql-toolbar{width:var(--toolbar-width);gap:var(--px-8);flex-direction:column;display:flex}.graphiql-container .graphiql-toolbar>button{flex-shrink:0}.graphiql-toolbar-icon{color:hsla(var(--color-neutral), var(--alpha-tertiary));height:calc(var(--toolbar-width) - (var(--px-8) * 2));width:calc(var(--toolbar-width) - (var(--px-8) * 2));display:block}.graphiql-container .graphiql-editor-tools{cursor:row-resize;column-gap:var(--px-8);width:100%;padding:var(--px-8);display:flex}.graphiql-container .graphiql-editor-tools button{color:hsla(var(--color-neutral), var(--alpha-secondary))}.graphiql-container .graphiql-editor-tools button.active{color:hsl(var(--color-neutral))}.graphiql-container .graphiql-editor-tools>button:not(.graphiql-toggle-editor-tools){padding:var(--px-8) var(--px-12)}.graphiql-container .graphiql-editor-tools .graphiql-toggle-editor-tools{margin-left:auto}.graphiql-container .graphiql-editor-tool{padding:var(--px-16);flex:1}.graphiql-container .graphiql-toolbar,.graphiql-container .graphiql-editor-tools,.graphiql-container .graphiql-editor-tool{position:relative}.graphiql-container .graphiql-response{padding-top:var(--px-16);flex-direction:column;width:100%;display:flex}.graphiql-container .graphiql-response .result-window{flex:1;position:relative}.graphiql-container .graphiql-footer{border-top:1px solid hsla(var(--color-neutral), var(--alpha-background-heavy))}.graphiql-container .graphiql-plugin{border-left:1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));padding:var(--px-16);flex:1;overflow-y:auto}.graphiql-horizontal-drag-bar{width:var(--px-12);cursor:col-resize}.graphiql-horizontal-drag-bar:hover:after{border:var(--px-2) solid hsla(var(--color-neutral), var(--alpha-background-heavy));border-radius:var(--border-radius-2);content:"";width:0;height:25%;margin:0 auto;display:block;position:relative;top:37.5%}.graphiql-container .graphiql-chevron-icon{color:hsla(var(--color-neutral), var(--alpha-tertiary));height:var(--px-12);margin:var(--px-12);width:var(--px-12);display:block}.graphiql-spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.graphiql-dialog .graphiql-dialog-header{padding:var(--px-24);justify-content:space-between;align-items:center;display:flex}.graphiql-dialog .graphiql-dialog-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);margin:0}.graphiql-dialog .graphiql-dialog-section{border-top:1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));padding:var(--px-24);justify-content:space-between;align-items:center;display:flex}.graphiql-dialog .graphiql-dialog-section>:not(:first-child){margin-left:var(--px-24)}.graphiql-dialog .graphiql-dialog-section-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium)}.graphiql-dialog .graphiql-dialog-section-caption{color:hsla(var(--color-neutral), var(--alpha-secondary))}.graphiql-dialog .graphiql-warning-text{color:hsl(var(--color-warning));font-weight:var(--font-weight-medium)}.graphiql-dialog .graphiql-table{border-collapse:collapse;width:100%}.graphiql-dialog .graphiql-table :is(th,td){border:1px solid hsla(var(--color-neutral), var(--alpha-background-heavy));padding:var(--px-8) var(--px-12)}.graphiql-dialog .graphiql-key{background-color:hsla(var(--color-neutral), var(--alpha-background-medium));border-radius:var(--border-radius-4);padding:var(--px-4)}.graphiql-container svg{pointer-events:none}