.css-7gq861 {
    font-family:  "Amazon Ember", "Amazon Ember Arabic", Arial, sans-serif;
}

.graphiql-container *{
    box-sizing:border-box;
    font-variant-ligatures:none
}
.graphiql-container,.CodeMirror-info,.CodeMirror-lint-tooltip,.graphiql-dialog,.graphiql-dialog-overlay,.graphiql-tooltip,[data-radix-popper-content-wrapper]{
    --color-primary:320,95%,43%;
    --color-secondary:242,51%,61%;
    --color-tertiary:188,100%,36%;
    --color-info:208,100%,46%;
    --color-success:158,60%,42%;
    --color-warning:36,100%,41%;
    --color-error:13,93%,58%;
    --color-neutral:219,28%,32%;
    --color-base:219,28%,100%;
    --alpha-secondary:.76;
    --alpha-tertiary:.5;
    --alpha-background-heavy:.15;
    --alpha-background-medium:.1;
    --alpha-background-light:.07;
    --font-family:"Roboto",sans-serif;
    --font-family-mono:"Fira Code",monospace;
    --font-size-hint: .75rem ;
    --font-size-inline-code: .8125rem ;
    --font-size-body: .9375rem ;
    --font-size-h4: 1.125rem ;
    --font-size-h3: 1.375rem ;
    --font-size-h2: 1.8125rem ;
    --font-weight-regular:400;
    --font-weight-medium:500;
    --line-height:1.5;
    --px-2:2px;
    --px-4:4px;
    --px-6:6px;
    --px-8:8px;
    --px-10:10px;
    --px-12:12px;
    --px-16:16px;
    --px-20:20px;
    --px-24:24px;
    --border-radius-2:2px;
    --border-radius-4:4px;
    --border-radius-8:8px;
    --border-radius-12:12px;
    --popover-box-shadow:0px 6px 20px rgba(59,76,106,.13),0px 1.34018px 4.46726px rgba(59,76,106,.08),0px .399006px 1.33002px rgba(59,76,106,.05);
    --popover-border:none;
    --sidebar-width:60px;
    --toolbar-width:40px;
    --session-header-height:51px
}
@media (prefers-color-scheme:dark){
    body:not(.graphiql-light) .graphiql-container,body:not(.graphiql-light) .CodeMirror-info,body:not(.graphiql-light) .CodeMirror-lint-tooltip,body:not(.graphiql-light) .graphiql-dialog,body:not(.graphiql-light) .graphiql-dialog-overlay,body:not(.graphiql-light) .graphiql-tooltip,body:not(.graphiql-light) [data-radix-popper-content-wrapper]{
        --color-primary:338,100%,67%;
        --color-secondary:243,100%,77%;
        --color-tertiary:188,100%,44%;
        --color-info:208,100%,72%;
        --color-success:158,100%,42%;
        --color-warning:30,100%,80%;
        --color-error:13,100%,58%;
        --color-neutral:219,29%,78%;
        --color-base:219,29%,18%;
        --popover-box-shadow:none;
        --popover-border:1px solid hsl(var(--color-neutral))
    }
}
body.graphiql-dark .graphiql-container,body.graphiql-dark .CodeMirror-info,body.graphiql-dark .CodeMirror-lint-tooltip,body.graphiql-dark .graphiql-dialog,body.graphiql-dark .graphiql-dialog-overlay,body.graphiql-dark .graphiql-tooltip,body.graphiql-dark [data-radix-popper-content-wrapper]{
    --color-primary:338,100%,67%;
    --color-secondary:243,100%,77%;
    --color-tertiary:188,100%,44%;
    --color-info:208,100%,72%;
    --color-success:158,100%,42%;
    --color-warning:30,100%,80%;
    --color-error:13,100%,58%;
    --color-neutral:219,29%,78%;
    --color-base:219,29%,18%;
    --popover-box-shadow:none;
    --popover-border:1px solid hsl(var(--color-neutral))
}
.graphiql-container,.CodeMirror-info,.CodeMirror-lint-tooltip,.graphiql-dialog{
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.graphiql-container:-webkit-any(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.graphiql-container:is(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.CodeMirror-info:-webkit-any(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.CodeMirror-info:is(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.CodeMirror-lint-tooltip:-webkit-any(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.CodeMirror-lint-tooltip:is(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.graphiql-dialog:-webkit-any(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.graphiql-dialog:is(button){
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    font-weight:var(--font-weight-regular);
    line-height:var(--line-height)
}
.graphiql-container input,.CodeMirror-info input,.CodeMirror-lint-tooltip input,.graphiql-dialog input{
    color:hsl(var(--color-neutral));
    font-family:var(--font-family);
    font-size:var(--font-size-caption)
}
.graphiql-container input::-ms-input-placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-container input::placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.CodeMirror-info input::-ms-input-placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.CodeMirror-info input::placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.CodeMirror-lint-tooltip input::-ms-input-placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.CodeMirror-lint-tooltip input::placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-dialog input::-ms-input-placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-dialog input::placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-container a,.CodeMirror-info a,.CodeMirror-lint-tooltip a,.graphiql-dialog a{
    color:hsl(var(--color-primary))
}
.graphiql-container a:focus,.CodeMirror-info a:focus,.CodeMirror-lint-tooltip a:focus,.graphiql-dialog a:focus{
    outline:hsl(var(--color-primary))auto 1px
}
.graphiql-un-styled,button.graphiql-un-styled{
    all:unset;
    border-radius:var(--border-radius-4);
    cursor:pointer
}
:-webkit-any(.graphiql-un-styled,button.graphiql-un-styled):hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light))
}
:is(.graphiql-un-styled,button.graphiql-un-styled):hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light))
}
:-webkit-any(.graphiql-un-styled,button.graphiql-un-styled):active{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
:is(.graphiql-un-styled,button.graphiql-un-styled):active{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
:-webkit-any(.graphiql-un-styled,button.graphiql-un-styled):focus{
    outline:hsla(var(--color-neutral),var(--alpha-background-heavy))auto 1px
}
:is(.graphiql-un-styled,button.graphiql-un-styled):focus{
    outline:hsla(var(--color-neutral),var(--alpha-background-heavy))auto 1px
}
.graphiql-button,button.graphiql-button{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light));
    border-radius:var(--border-radius-4);
    color:hsl(var(--color-neutral));
    cursor:pointer;
    font-size:var(--font-size-body);
    padding:var(--px-8)var(--px-12);
    border:none
}
:-webkit-any(.graphiql-button,button.graphiql-button):hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
:is(.graphiql-button,button.graphiql-button):hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
:-webkit-any(.graphiql-button,button.graphiql-button):active{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
:is(.graphiql-button,button.graphiql-button):active{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
:-webkit-any(.graphiql-button,button.graphiql-button):focus{
    outline:hsla(var(--color-neutral),var(--alpha-background-heavy))auto 1px
}
:is(.graphiql-button,button.graphiql-button):focus{
    outline:hsla(var(--color-neutral),var(--alpha-background-heavy))auto 1px
}
.graphiql-button-success:-webkit-any(.graphiql-button,button.graphiql-button){
    background-color:hsla(var(--color-success),var(--alpha-background-heavy))
}
.graphiql-button-success:is(.graphiql-button,button.graphiql-button){
    background-color:hsla(var(--color-success),var(--alpha-background-heavy))
}
.graphiql-button-error:-webkit-any(.graphiql-button,button.graphiql-button){
    background-color:hsla(var(--color-error),var(--alpha-background-heavy))
}
.graphiql-button-error:is(.graphiql-button,button.graphiql-button){
    background-color:hsla(var(--color-error),var(--alpha-background-heavy))
}
.graphiql-button-group{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light));
    border-radius:calc(var(--border-radius-4) + var(--px-4));
    padding:var(--px-4);
    display:flex
}
.graphiql-button-group>button.graphiql-button{
    background-color:transparent
}
.graphiql-button-group>button.graphiql-button:hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light))
}
.graphiql-button-group>button.graphiql-button.active{
    background-color:hsl(var(--color-base));
    cursor:default
}
.graphiql-button-group>*+*{
    margin-left:var(--px-8)
}
.graphiql-dialog-overlay{
    background-color:hsla(var(--color-neutral),var(--alpha-background-heavy));
    z-index:10;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.graphiql-dialog{
    background-color:hsl(var(--color-base));
    border:var(--popover-border);
    border-radius:var(--border-radius-12);
    box-shadow:var(--popover-box-shadow);
    max-width:80vw;
    max-height:80vh;
    width:unset;
    z-index:10;
    margin:0;
    padding:0;
    position:fixed;
    top:50%;
    left:50%;
    overflow:auto;
    transform:translate(-50%,-50%)
}
.graphiql-dialog-close>svg{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    height:var(--px-12);
    padding:var(--px-12);
    width:var(--px-12);
    display:block
}
.graphiql-dropdown-content{
    background-color:hsl(var(--color-base));
    border:var(--popover-border);
    border-radius:var(--border-radius-8);
    box-shadow:var(--popover-box-shadow);
    font-size:inherit;
    max-width:250px;
    padding:var(--px-4);
    font-family:var(--font-family);
    color:hsl(var(--color-neutral));
    max-height:min(calc(var(--radix-dropdown-menu-content-available-height) - 10px),400px);
    overflow-y:scroll
}
.graphiql-dropdown-item{
    border-radius:var(--border-radius-4);
    font-size:inherit;
    margin:var(--px-4);
    padding:var(--px-6)var(--px-8);
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    line-height:var(--line-height);
    outline:none;
    overflow:hidden
}
.graphiql-dropdown-item[data-selected],.graphiql-dropdown-item[data-current-nav],.graphiql-dropdown-item:hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light));
    color:inherit
}
.graphiql-dropdown-item:not(:first-child){
    margin-top:0
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) blockquote{
    padding-left:var(--px-8);
    margin-left:0;
    margin-right:0
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) code{
    border-radius:var(--border-radius-4);
    font-family:var(--font-family-mono);
    font-size:var(--font-size-inline-code)
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) pre{
    border-radius:var(--border-radius-4);
    font-family:var(--font-family-mono);
    font-size:var(--font-size-inline-code)
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) code{
    padding:var(--px-2)
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) pre{
    padding:var(--px-6)var(--px-8);
    overflow:auto
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) pre code{
    background-color:initial;
    border-radius:0;
    padding:0
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) ol{
    padding-left:var(--px-16)
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) ul{
    padding-left:var(--px-16)
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) ol{
    list-style-type:decimal
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) ul{
    list-style-type:disc
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation) img{
    border-radius:var(--border-radius-4);
    max-width:100%;
    max-height:120px
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation)>:first-child{
    margin-top:0
}
:is(.graphiql-markdown-description,.graphiql-markdown-deprecation,.CodeMirror-hint-information-description,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-description,.CodeMirror-info .info-deprecation)>:last-child{
    margin-bottom:0
}
:is(.graphiql-markdown-description,.CodeMirror-hint-information-description,.CodeMirror-info .info-description) a{
    color:hsl(var(--color-primary));
    text-decoration:none
}
:is(.graphiql-markdown-description,.CodeMirror-hint-information-description,.CodeMirror-info .info-description) a:hover{
    text-decoration:underline
}
:is(.graphiql-markdown-description,.CodeMirror-hint-information-description,.CodeMirror-info .info-description) blockquote{
    border-left:1.5px solid hsla(var(--color-neutral),var(--alpha-tertiary))
}
:is(.graphiql-markdown-description,.CodeMirror-hint-information-description,.CodeMirror-info .info-description) code{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light));
    color:hsl(var(--color-neutral))
}
:is(.graphiql-markdown-description,.CodeMirror-hint-information-description,.CodeMirror-info .info-description) pre{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light));
    color:hsl(var(--color-neutral))
}
:is(.graphiql-markdown-description,.CodeMirror-hint-information-description,.CodeMirror-info .info-description)>*{
    margin:var(--px-12)0
}
:is(.graphiql-markdown-deprecation,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-deprecation) a{
    color:hsl(var(--color-warning));
    text-decoration:underline
}
:is(.graphiql-markdown-deprecation,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-deprecation) blockquote{
    border-left:1.5px solid hsl(var(--color-warning))
}
:is(.graphiql-markdown-deprecation,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-deprecation) code{
    background-color:hsla(var(--color-warning),var(--alpha-background-heavy))
}
:is(.graphiql-markdown-deprecation,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-deprecation) pre{
    background-color:hsla(var(--color-warning),var(--alpha-background-heavy))
}
:is(.graphiql-markdown-deprecation,.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-deprecation)>*{
    margin:var(--px-8)0
}
.graphiql-markdown-preview>:not(:first-child){
    display:none
}
.CodeMirror-hint-information-deprecation,.CodeMirror-info .info-deprecation{
    background-color:hsla(var(--color-warning),var(--alpha-background-light));
    border:1px solid hsl(var(--color-warning));
    border-radius:var(--border-radius-4);
    color:hsl(var(--color-warning));
    margin-top:var(--px-12);
    padding:var(--px-6)var(--px-8)
}
.CodeMirror-hint-information-deprecation-label,.CodeMirror-info .info-deprecation-label{
    font-size:var(--font-size-hint);
    font-weight:var(--font-weight-medium)
}
.CodeMirror-hint-information-deprecation-reason,.CodeMirror-info .info-deprecation-reason{
    margin-top:var(--px-6)
}
.graphiql-spinner{
    height:56px;
    margin:auto;
    margin-top:var(--px-16);
    width:56px
}
.graphiql-spinner:after{
    border:4px solid transparent;
    border-top:4px solid hsla(var(--color-neutral),var(--alpha-tertiary));
    content:"";
    vertical-align:middle;
    border-radius:100%;
    width:46px;
    height:46px;
    animation:.8s linear infinite rotation;
    display:inline-block
}
@keyframes rotation{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.graphiql-tooltip{
    background:hsl(var(--color-base));
    border:var(--popover-border);
    border-radius:var(--border-radius-4);
    box-shadow:var(--popover-box-shadow);
    color:hsl(var(--color-neutral));
    font-size:inherit;
    padding:var(--px-4)var(--px-6);
    font-family:var(--font-family)
}
.graphiql-tabs{
    padding:var(--px-12);
    align-items:center;
    display:flex;
    overflow-x:auto
}
.graphiql-tabs>:not(:first-child){
    margin-left:var(--px-12)
}
.graphiql-tab{
    border-radius:var(--border-radius-8);
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    align-items:stretch;
    display:flex
}
.graphiql-tab>button.graphiql-tab-close{
    visibility:hidden
}
.graphiql-tab.graphiql-tab-active>button.graphiql-tab-close,.graphiql-tab:hover>button.graphiql-tab-close{
    visibility:unset
}
.graphiql-tab:focus-within>button.graphiql-tab-close{
    visibility:unset
}
.graphiql-tab.graphiql-tab-active{
    background-color:hsla(var(--color-neutral),var(--alpha-background-heavy));
    color:hsla(var(--color-neutral),1)
}
button.graphiql-tab-button{
    padding:var(--px-4)0 var(--px-4)var(--px-8)
}
button.graphiql-tab-close{
    padding:var(--px-4)var(--px-8);
    align-items:center;
    display:flex
}
button.graphiql-tab-close>svg{
    height:var(--px-8);
    width:var(--px-8)
}
.graphiql-history-header{
    font-size:var(--font-size-h2);
    font-weight:var(--font-weight-medium);
    justify-content:space-between;
    align-items:center;
    display:flex
}
.graphiql-history-header button{
    font-size:var(--font-size-inline-code);
    padding:var(--px-6)var(--px-10)
}
.graphiql-history-items{
    margin:var(--px-16)0 0;
    padding:0;
    list-style:none
}
.graphiql-history-item{
    border-radius:var(--border-radius-4);
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    font-size:var(--font-size-inline-code);
    font-family:var(--font-family-mono);
    height:34px;
    display:flex
}
.graphiql-history-item:hover{
    color:hsl(var(--color-neutral));
    background-color:hsla(var(--color-neutral),var(--alpha-background-light))
}
.graphiql-history-item:not(:first-child){
    margin-top:var(--px-4)
}
.graphiql-history-item.editable{
    background-color:hsla(var(--color-primary),var(--alpha-background-medium))
}
.graphiql-history-item.editable>input{
    padding:0 var(--px-10);
    background:0 0;
    border:none;
    outline:none;
    flex:1;
    width:100%;
    margin:0
}
.graphiql-history-item.editable>input::-ms-input-placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-history-item.editable>input::placeholder{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-history-item.editable>button{
    color:hsl(var(--color-primary));
    padding:0 var(--px-10)
}
.graphiql-history-item.editable>button:active{
    background-color:hsla(var(--color-primary),var(--alpha-background-heavy))
}
.graphiql-history-item.editable>button:focus{
    outline:hsl(var(--color-primary))auto 1px
}
.graphiql-history-item.editable>button>svg{
    display:block
}
button.graphiql-history-item-label{
    padding:var(--px-8)var(--px-10);
    text-overflow:ellipsis;
    white-space:nowrap;
    flex:1;
    overflow:hidden
}
button.graphiql-history-item-action{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    padding:var(--px-8)var(--px-6);
    align-items:center;
    display:flex
}
button.graphiql-history-item-action:hover{
    color:hsl(var(--color-neutral))
}
button.graphiql-history-item-action>svg{
    width:14px;
    height:14px
}
.graphiql-history-item-spacer{
    height:var(--px-16)
}
.graphiql-doc-explorer-default-value{
    color:hsl(var(--color-success))
}
a.graphiql-doc-explorer-type-name{
    color:hsl(var(--color-warning));
    text-decoration:none
}
a.graphiql-doc-explorer-type-name:hover{
    text-decoration:underline
}
a.graphiql-doc-explorer-type-name:focus{
    outline:hsl(var(--color-warning))auto 1px
}
.graphiql-doc-explorer-argument>*+*{
    margin-top:var(--px-12)
}
.graphiql-doc-explorer-argument-name{
    color:hsl(var(--color-secondary))
}
.graphiql-doc-explorer-argument-deprecation{
    background-color:hsla(var(--color-warning),var(--alpha-background-light));
    border:1px solid hsl(var(--color-warning));
    border-radius:var(--border-radius-4);
    color:hsl(var(--color-warning));
    padding:var(--px-8)
}
.graphiql-doc-explorer-argument-deprecation-label{
    font-size:var(--font-size-hint);
    font-weight:var(--font-weight-medium)
}
.graphiql-doc-explorer-deprecation{
    background-color:hsla(var(--color-warning),var(--alpha-background-light));
    border:1px solid hsl(var(--color-warning));
    border-radius:var(--px-4);
    color:hsl(var(--color-warning));
    padding:var(--px-8)
}
.graphiql-doc-explorer-deprecation-label{
    font-size:var(--font-size-hint);
    font-weight:var(--font-weight-medium)
}
.graphiql-doc-explorer-directive{
    color:hsl(var(--color-secondary))
}
.graphiql-doc-explorer-section-title{
    font-size:var(--font-size-hint);
    font-weight:var(--font-weight-medium);
    align-items:center;
    line-height:1;
    display:flex
}
.graphiql-doc-explorer-section-title>svg{
    height:var(--px-16);
    margin-right:var(--px-8);
    width:var(--px-16)
}
.graphiql-doc-explorer-section-content{
    margin-left:var(--px-8);
    margin-top:var(--px-16)
}
.graphiql-doc-explorer-section-content>*+*{
    margin-top:var(--px-16)
}
.graphiql-doc-explorer-root-type{
    color:hsl(var(--color-info))
}
.graphiql-doc-explorer-search{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.graphiql-doc-explorer-search:not([data-state=idle]){
    border:var(--popover-border);
    border-radius:var(--border-radius-4);
    box-shadow:var(--popover-box-shadow);
    color:hsl(var(--color-neutral))
}
.graphiql-doc-explorer-search:not([data-state=idle]) .graphiql-doc-explorer-search-input{
    background:hsl(var(--color-base))
}
.graphiql-doc-explorer-search-input{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light));
    border-radius:var(--border-radius-4);
    padding:var(--px-8)var(--px-12);
    align-items:center;
    display:flex
}
.graphiql-doc-explorer-search [role=combobox]{
    margin-left:var(--px-4);
    background-color:transparent;
    border:none;
    width:100%
}
.graphiql-doc-explorer-search [role=combobox]:focus{
    outline:none
}
.graphiql-doc-explorer-search [role=listbox]{
    background-color:hsl(var(--color-base));
    border-bottom-left-radius:var(--border-radius-4);
    border-bottom-right-radius:var(--border-radius-4);
    border:none;
    border-top:1px solid hsla(var(--color-neutral),var(--alpha-background-heavy));
    max-height:400px;
    font-size:var(--font-size-body);
    padding:var(--px-4);
    margin:0;
    position:relative;
    overflow-y:auto
}
.graphiql-doc-explorer-search [role=option]{
    border-radius:var(--border-radius-4);
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    padding:var(--px-8)var(--px-12);
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    overflow-x:hidden
}
.graphiql-doc-explorer-search [role=option][data-headlessui-state=active]{
    background-color:hsla(var(--color-neutral),var(--alpha-background-light))
}
.graphiql-doc-explorer-search [role=option]:hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-medium))
}
.graphiql-doc-explorer-search [role=option][data-headlessui-state=active]:hover{
    background-color:hsla(var(--color-neutral),var(--alpha-background-heavy))
}
:is(.graphiql-doc-explorer-search [role=option])+:is(.graphiql-doc-explorer-search [role=option]){
    margin-top:var(--px-4)
}
.graphiql-doc-explorer-search-type{
    color:hsl(var(--color-info))
}
.graphiql-doc-explorer-search-field{
    color:hsl(var(--color-warning))
}
.graphiql-doc-explorer-search-argument{
    color:hsl(var(--color-secondary))
}
.graphiql-doc-explorer-search-divider{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    font-size:var(--font-size-hint);
    font-weight:var(--font-weight-medium);
    margin-top:var(--px-8);
    padding:var(--px-8)var(--px-12)
}
.graphiql-doc-explorer-search-empty{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    padding:var(--px-8)var(--px-12)
}
a.graphiql-doc-explorer-field-name{
    color:hsl(var(--color-info));
    text-decoration:none
}
a.graphiql-doc-explorer-field-name:hover{
    text-decoration:underline
}
a.graphiql-doc-explorer-field-name:focus{
    outline:hsl(var(--color-info))auto 1px
}
.graphiql-doc-explorer-item>:not(:first-child){
    margin-top:var(--px-12)
}
.graphiql-doc-explorer-argument-multiple{
    margin-left:var(--px-8)
}
.graphiql-doc-explorer-enum-value{
    color:hsl(var(--color-info))
}
.graphiql-doc-explorer-header{
    justify-content:space-between;
    display:flex;
    position:relative
}
.graphiql-doc-explorer-header:focus-within .graphiql-doc-explorer-title{
    visibility:hidden
}
.graphiql-doc-explorer-header:focus-within .graphiql-doc-explorer-back:not(:focus){
    color:transparent
}
.graphiql-doc-explorer-header-content{
    flex-direction:column;
    min-width:0;
    display:flex
}
.graphiql-doc-explorer-search{
    position:absolute;
    top:0;
    right:0
}
.graphiql-doc-explorer-search:focus-within{
    left:0
}
.graphiql-doc-explorer-search:not(:focus-within) [role=combobox]{
    width:5ch;
    height:24px
}
.graphiql-doc-explorer-search [role=combobox]:focus{
    width:100%
}
a.graphiql-doc-explorer-back{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    align-items:center;
    text-decoration:none;
    display:flex
}
a.graphiql-doc-explorer-back:hover{
    text-decoration:underline
}
a.graphiql-doc-explorer-back:focus{
    outline:hsla(var(--color-neutral),var(--alpha-secondary))auto 1px
}
a.graphiql-doc-explorer-back:focus+.graphiql-doc-explorer-title{
    visibility:unset
}
a.graphiql-doc-explorer-back>svg{
    height:var(--px-8);
    margin-right:var(--px-8);
    width:var(--px-8)
}
.graphiql-doc-explorer-title{
    font-weight:var(--font-weight-medium);
    font-size:var(--font-size-h2);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow-x:hidden
}
.graphiql-doc-explorer-title:not(:first-child){
    font-size:var(--font-size-h3);
    margin-top:var(--px-8)
}
.graphiql-doc-explorer-content>*{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    margin-top:var(--px-20)
}
.graphiql-doc-explorer-error{
    background-color:hsla(var(--color-error),var(--alpha-background-heavy));
    border:1px solid hsl(var(--color-error));
    border-radius:var(--border-radius-8);
    color:hsl(var(--color-error));
    padding:var(--px-8)var(--px-12)
}
.CodeMirror{
    color:#000;
    direction:ltr;
    height:300px;
    font-family:monospace
}
.CodeMirror-lines{
    padding:4px 0
}
.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
    padding:0 4px
}
.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{
    background-color:#fff
}
.CodeMirror-gutters{
    white-space:nowrap;
    background-color:#f7f7f7;
    border-right:1px solid #ddd
}
.CodeMirror-linenumber{
    text-align:right;
    color:#999;
    white-space:nowrap;
    min-width:20px;
    padding:0 3px 0 5px
}
.CodeMirror-guttermarker{
    color:#000
}
.CodeMirror-guttermarker-subtle{
    color:#999
}
.CodeMirror-cursor{
    border-left:1px solid #000;
    border-right:none;
    width:0
}
.CodeMirror div.CodeMirror-secondarycursor{
    border-left:1px solid silver
}
.cm-fat-cursor .CodeMirror-cursor{
    background:#7e7;
    width:auto;
    border:0!important
}
.cm-fat-cursor div.CodeMirror-cursors{
    z-index:1
}
.cm-fat-cursor .CodeMirror-line::selection{
    background:0 0
}
.cm-fat-cursor .CodeMirror-line>span::selection{
    background:0 0
}
.cm-fat-cursor .CodeMirror-line>span>span::selection{
    background:0 0
}
.cm-fat-cursor .CodeMirror-line::-moz-selection{
    background:0 0
}
.cm-fat-cursor .CodeMirror-line>span::-moz-selection{
    background:0 0
}
.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{
    background:0 0
}
.cm-fat-cursor{
    caret-color:transparent
}
@keyframes blink{
    50%{
        background-color:transparent
    }
}
.cm-tab{
    -webkit-text-decoration:inherit;
    text-decoration:inherit;
    display:inline-block
}
.CodeMirror-rulers{
    position:absolute;
    top:-50px;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden
}
.CodeMirror-ruler{
    border-left:1px solid #ccc;
    position:absolute;
    top:0;
    bottom:0
}
.cm-s-default .cm-header{
    color:#00f
}
.cm-s-default .cm-quote{
    color:#090
}
.cm-negative{
    color:#d44
}
.cm-positive{
    color:#292
}
.cm-header,.cm-strong{
    font-weight:700
}
.cm-em{
    font-style:italic
}
.cm-link{
    text-decoration:underline
}
.cm-strikethrough{
    text-decoration:line-through
}
.cm-s-default .cm-keyword{
    color:#708
}
.cm-s-default .cm-atom{
    color:#219
}
.cm-s-default .cm-number{
    color:#164
}
.cm-s-default .cm-def{
    color:#00f
}
.cm-s-default .cm-variable-2{
    color:#05a
}
.cm-s-default .cm-variable-3,.cm-s-default .cm-type{
    color:#085
}
.cm-s-default .cm-comment{
    color:#a50
}
.cm-s-default .cm-string{
    color:#a11
}
.cm-s-default .cm-string-2{
    color:#f50
}
.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{
    color:#555
}
.cm-s-default .cm-builtin{
    color:#30a
}
.cm-s-default .cm-bracket{
    color:#997
}
.cm-s-default .cm-tag{
    color:#170
}
.cm-s-default .cm-attribute{
    color:#00c
}
.cm-s-default .cm-hr{
    color:#999
}
.cm-s-default .cm-link{
    color:#00c
}
.cm-s-default .cm-error,.cm-invalidchar{
    color:red
}
.CodeMirror-composing{
    border-bottom:2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket{
    color:#0b0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket{
    color:#a22
}
.CodeMirror-matchingtag{
    background:#ff96004d
}
.CodeMirror-activeline-background{
    background:#e8f2ff
}
.CodeMirror{
    background:#fff;
    position:relative;
    overflow:hidden
}
.CodeMirror-scroll{
    z-index:0;
    outline:none;
    height:100%;
    margin-bottom:-50px;
    margin-right:-50px;
    padding-bottom:50px;
    position:relative;
    overflow:scroll!important
}
.CodeMirror-sizer{
    border-right:50px solid transparent;
    position:relative
}
.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{
    z-index:6;
    outline:none;
    display:none;
    position:absolute
}
.CodeMirror-vscrollbar{
    top:0;
    right:0;
    overflow-x:hidden;
    overflow-y:scroll
}
.CodeMirror-hscrollbar{
    bottom:0;
    left:0;
    overflow-x:scroll;
    overflow-y:hidden
}
.CodeMirror-scrollbar-filler{
    bottom:0;
    right:0
}
.CodeMirror-gutter-filler{
    bottom:0;
    left:0
}
.CodeMirror-gutters{
    z-index:3;
    min-height:100%;
    position:absolute;
    top:0;
    left:0
}
.CodeMirror-gutter{
    white-space:normal;
    vertical-align:top;
    height:100%;
    margin-bottom:-50px;
    display:inline-block
}
.CodeMirror-gutter-wrapper{
    z-index:4;
    position:absolute;
    background:0 0!important;
    border:none!important
}
.CodeMirror-gutter-background{
    z-index:4;
    position:absolute;
    top:0;
    bottom:0
}
.CodeMirror-gutter-elt{
    cursor:default;
    z-index:4;
    position:absolute
}
.CodeMirror-gutter-wrapper ::selection{
    background-color:transparent
}
.CodeMirror-lines{
    cursor:text;
    min-height:1px
}
.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
    font-family:inherit;
    font-size:inherit;
    white-space:pre;
    word-wrap:normal;
    line-height:inherit;
    color:inherit;
    z-index:2;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-variant-ligatures:contextual;
    font-variant-ligatures:contextual;
    background:0 0;
    border-width:0;
    border-radius:0;
    margin:0;
    position:relative;
    overflow:visible
}
.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{
    word-wrap:break-word;
    white-space:pre-wrap;
    word-break:normal
}
.CodeMirror-linebackground{
    z-index:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.CodeMirror-linewidget{
    z-index:2;
    padding:.1px;
    position:relative
}
.CodeMirror-rtl pre{
    direction:rtl
}
.CodeMirror-code{
    outline:none
}
.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{
    box-sizing:content-box
}
.CodeMirror-measure{
    visibility:hidden;
    width:100%;
    height:0;
    position:absolute;
    overflow:hidden
}
.CodeMirror-cursor{
    pointer-events:none;
    position:absolute
}
.CodeMirror-measure pre{
    position:static
}
div.CodeMirror-cursors{
    visibility:hidden;
    z-index:3;
    position:relative
}
div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{
    visibility:visible
}
.CodeMirror-selected{
    background:#d9d9d9
}
.CodeMirror-focused .CodeMirror-selected{
    background:#d7d4f0
}
.CodeMirror-crosshair{
    cursor:crosshair
}
.CodeMirror-line::selection{
    background:#d7d4f0
}
.CodeMirror-line>span::selection{
    background:#d7d4f0
}
.CodeMirror-line>span>span::selection{
    background:#d7d4f0
}
.CodeMirror-line::-moz-selection{
    background:#d7d4f0
}
.CodeMirror-line>span::-moz-selection{
    background:#d7d4f0
}
.CodeMirror-line>span>span::-moz-selection{
    background:#d7d4f0
}
.cm-searching{
    background-color:#ff06
}
.cm-force-border{
    padding-right:.1px
}
@media print{
    .CodeMirror div.CodeMirror-cursors{
        visibility:hidden
    }
}
.cm-tab-wrap-hack:after{
    content:""
}
span.CodeMirror-selectedtext{
    background:0 0
}
.graphiql-container .CodeMirror{
    width:100%;
    height:100%;
    font-family:var(--font-family-mono);
    position:absolute
}
.graphiql-container .CodeMirror,.graphiql-container .CodeMirror-gutters{
    background:0 0;
    background-color:var(--editor-background,hsl(var(--color-base)))
}
.graphiql-container .CodeMirror-linenumber{
    padding:0
}
.graphiql-container .CodeMirror-gutters{
    border:none
}
.cm-s-graphiql{
    color:hsla(var(--color-neutral),var(--alpha-tertiary))
}
.cm-s-graphiql .cm-keyword{
    color:hsl(var(--color-primary))
}
.cm-s-graphiql .cm-def{
    color:hsl(var(--color-tertiary))
}
.cm-s-graphiql .cm-punctuation{
    color:hsla(var(--color-neutral),var(--alpha-tertiary))
}
.cm-s-graphiql .cm-variable{
    color:hsl(var(--color-secondary))
}
.cm-s-graphiql .cm-atom{
    color:hsl(var(--color-tertiary))
}
.cm-s-graphiql .cm-number{
    color:hsl(var(--color-success))
}
.cm-s-graphiql .cm-string{
    color:hsl(var(--color-warning))
}
.cm-s-graphiql .cm-builtin{
    color:hsl(var(--color-success))
}
.cm-s-graphiql .cm-string-2{
    color:hsl(var(--color-secondary))
}
.cm-s-graphiql .cm-attribute,.cm-s-graphiql .cm-meta{
    color:hsl(var(--color-tertiary))
}
.cm-s-graphiql .cm-property{
    color:hsl(var(--color-info))
}
.cm-s-graphiql .cm-qualifier{
    color:hsl(var(--color-secondary))
}
.cm-s-graphiql .cm-comment{
    color:hsla(var(--color-neutral),var(--alpha-secondary))
}
.cm-s-graphiql .cm-ws{
    color:hsla(var(--color-neutral),var(--alpha-tertiary))
}
.cm-s-graphiql .cm-invalidchar{
    color:hsl(var(--color-error))
}
.cm-s-graphiql .CodeMirror-cursor{
    border-left:2px solid hsla(var(--color-neutral),var(--alpha-secondary))
}
.cm-s-graphiql .CodeMirror-linenumber{
    color:hsla(var(--color-neutral),var(--alpha-tertiary))
}
.graphiql-container div.CodeMirror span.CodeMirror-matchingbracket,.graphiql-container div.CodeMirror span.CodeMirror-nonmatchingbracket{
    color:hsl(var(--color-warning))
}
.graphiql-container .CodeMirror-selected,.graphiql-container .CodeMirror-focused .CodeMirror-selected{
    background:hsla(var(--color-neutral),var(--alpha-background-heavy))
}
.graphiql-container .CodeMirror-dialog{
    background:inherit;
    color:inherit;
    padding:var(--px-2)var(--px-6);
    z-index:6;
    position:absolute;
    left:0;
    right:0;
    overflow:hidden
}
.graphiql-container .CodeMirror-dialog-top{
    border-bottom:1px solid hsla(var(--color-neutral),var(--alpha-background-heavy));
    padding-bottom:var(--px-12);
    top:0
}
.graphiql-container .CodeMirror-dialog-bottom{
    border-top:1px solid hsla(var(--color-neutral),var(--alpha-background-heavy));
    padding-top:var(--px-12);
    bottom:0
}
.graphiql-container .CodeMirror-search-hint{
    display:none
}
.graphiql-container .CodeMirror-dialog input{
    border:1px solid hsla(var(--color-neutral),var(--alpha-background-heavy));
    border-radius:var(--border-radius-4);
    padding:var(--px-4)
}
.graphiql-container .CodeMirror-dialog input:focus{
    outline:hsl(var(--color-primary))solid 2px
}
.graphiql-container .cm-searching{
    background-color:hsla(var(--color-warning),var(--alpha-background-light));
    padding-top:.5px;
    padding-bottom:1.5px
}
.CodeMirror-foldmarker{
    color:#00f;
    text-shadow:1px 1px 2px #b9f,-1px -1px 2px #b9f,1px -1px 2px #b9f,-1px 1px 2px #b9f;
    cursor:pointer;
    font-family:arial;
    line-height:.3
}
.CodeMirror-foldgutter-open,.CodeMirror-foldgutter-folded{
    cursor:pointer
}
.CodeMirror-foldgutter-open:after{
    content:"▾"
}
.CodeMirror-foldgutter-folded:after{
    content:"▸"
}
.CodeMirror-foldgutter{
    width:var(--px-12)
}
.CodeMirror-foldmarker{
    background-color:hsl(var(--color-info));
    border-radius:var(--border-radius-4);
    color:hsl(var(--color-base));
    margin:0 var(--px-4);
    padding:0 var(--px-8);
    text-shadow:none;
    font-family:inherit
}
.CodeMirror-foldgutter-open,.CodeMirror-foldgutter-folded{
    color:hsla(var(--color-neutral),var(--alpha-tertiary))
}
.CodeMirror-foldgutter-open:after,.CodeMirror-foldgutter-folded:after{
    margin:0 var(--px-2)
}
.graphiql-editor{
    width:100%;
    height:100%;
    position:relative
}
.graphiql-editor.hidden{
    visibility:hidden;
    position:absolute;
    top:-9999px;
    left:-9999px
}
.CodeMirror-lint-markers{
    width:16px
}
.CodeMirror-lint-tooltip{
    color:#000;
    white-space:pre;
    white-space:pre-wrap;
    z-index:100;
    opacity:0;
    -o-transition:opacity .4s;
    background-color:#ffd;
    border:1px solid #000;
    border-radius:4px;
    max-width:600px;
    padding:2px 5px;
    font-family:monospace;
    font-size:10pt;
    transition:opacity .4s;
    position:fixed;
    overflow:hidden
}
.CodeMirror-lint-mark{
    background-position:0 100%;
    background-repeat:repeat-x
}
.CodeMirror-lint-marker{
    cursor:pointer;
    vertical-align:middle;
    background-position:50%;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    display:inline-block;
    position:relative
}
.CodeMirror-lint-message{
    background-position:0 0;
    background-repeat:no-repeat;
    padding-left:18px
}
.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)
}
.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)
}
.CodeMirror-lint-marker-multiple{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);
    background-position:100% 100%;
    background-repeat:no-repeat;
    width:100%;
    height:100%
}
.CodeMirror-lint-line-error{
    background-color:#b74c5114
}
.CodeMirror-lint-line-warning{
    background-color:#ffd3001a
}
.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{
    background-position:0 95%;
    background-repeat:repeat-x;
    background-size:10px 3px
}
.cm-s-graphiql .CodeMirror-lint-mark-error{
    color:hsl(var(--color-error))
}
.CodeMirror-lint-mark-error{
    background-image:linear-gradient(45deg,transparent 65%,hsl(var(--color-error))80%,transparent 90%),linear-gradient(135deg,transparent 5%,hsl(var(--color-error))15%,transparent 25%),linear-gradient(135deg,transparent 45%,hsl(var(--color-error))55%,transparent 65%),linear-gradient(45deg,transparent 25%,hsl(var(--color-error))35%,transparent 50%)
}
.cm-s-graphiql .CodeMirror-lint-mark-warning{
    color:hsl(var(--color-warning))
}
.CodeMirror-lint-mark-warning{
    background-image:linear-gradient(45deg,transparent 65%,hsl(var(--color-warning))80%,transparent 90%),linear-gradient(135deg,transparent 5%,hsl(var(--color-warning))15%,transparent 25%),linear-gradient(135deg,transparent 45%,hsl(var(--color-warning))55%,transparent 65%),linear-gradient(45deg,transparent 25%,hsl(var(--color-warning))35%,transparent 50%)
}
.CodeMirror-lint-tooltip{
    background-color:hsl(var(--color-base));
    border:var(--popover-border);
    border-radius:var(--border-radius-8);
    box-shadow:var(--popover-box-shadow);
    font-size:var(--font-size-body);
    font-family:var(--font-family);
    max-width:600px;
    padding:var(--px-12);
    overflow:hidden
}
.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{
    background-image:none;
    padding:0
}
.CodeMirror-lint-message-error{
    color:hsl(var(--color-error))
}
.CodeMirror-lint-message-warning{
    color:hsl(var(--color-warning))
}
.CodeMirror-hints{
    z-index:10;
    background:#fff;
    border:1px solid silver;
    border-radius:3px;
    max-height:20em;
    margin:0;
    padding:2px;
    font-family:monospace;
    font-size:90%;
    list-style:none;
    position:absolute;
    overflow-x:hidden;
    overflow-y:auto;
    box-shadow:2px 3px 5px #0003
}
.CodeMirror-hint{
    white-space:pre;
    color:#000;
    cursor:pointer;
    border-radius:2px;
    margin:0;
    padding:0 4px
}
li.CodeMirror-hint-active{
    color:#fff;
    background:#08f
}
.CodeMirror-hints{
    background:hsl(var(--color-base));
    border:var(--popover-border);
    border-radius:var(--border-radius-8);
    box-shadow:var(--popover-box-shadow);
    font-family:var(--font-family);
    font-size:var(--font-size-body);
    grid-template-columns:auto fit-content(300px);
    max-height:264px;
    padding:0;
    display:grid
}
.CodeMirror-hint{
    border-radius:var(--border-radius-4);
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    margin:var(--px-4);
    grid-column:1/2;
    padding:var(--px-6)var(--px-8)!important
}
.CodeMirror-hint:not(:first-child){
    margin-top:0
}
li.CodeMirror-hint-active{
    background:hsla(var(--color-primary),var(--alpha-background-medium));
    color:hsl(var(--color-primary))
}
.CodeMirror-hint-information{
    border-left:1px solid hsla(var(--color-neutral),var(--alpha-background-heavy));
    max-height:264px;
    padding:var(--px-12);
    grid-area:1/2/99999/3;
    overflow:auto
}
.CodeMirror-hint-information-header{
    align-items:baseline;
    display:flex
}
.CodeMirror-hint-information-field-name{
    font-size:var(--font-size-h4);
    font-weight:var(--font-weight-medium)
}
.CodeMirror-hint-information-type-name-pill{
    border:1px solid hsla(var(--color-neutral),var(--alpha-tertiary));
    border-radius:var(--border-radius-4);
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    margin-left:var(--px-6);
    padding:var(--px-4)
}
.CodeMirror-hint-information-type-name{
    color:inherit;
    text-decoration:none
}
.CodeMirror-hint-information-type-name:hover{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
.CodeMirror-hint-information-description{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    margin-top:var(--px-12)
}
.CodeMirror-info{
    background-color:hsl(var(--color-base));
    border:var(--popover-border);
    border-radius:var(--border-radius-8);
    box-shadow:var(--popover-box-shadow);
    color:hsl(var(--color-neutral));
    opacity:0;
    max-width:400px;
    max-height:300px;
    padding:var(--px-12);
    z-index:10;
    transition:opacity .15s;
    position:fixed;
    overflow:auto
}
.CodeMirror-info a{
    color:inherit;
    text-decoration:none
}
.CodeMirror-info a:hover{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
.CodeMirror-info .CodeMirror-info-header{
    align-items:baseline;
    display:flex
}
.CodeMirror-info .CodeMirror-info-header>.type-name,.CodeMirror-info .CodeMirror-info-header>.field-name,.CodeMirror-info .CodeMirror-info-header>.arg-name,.CodeMirror-info .CodeMirror-info-header>.directive-name,.CodeMirror-info .CodeMirror-info-header>.enum-value{
    font-size:var(--font-size-h4);
    font-weight:var(--font-weight-medium)
}
.CodeMirror-info .type-name-pill{
    border:1px solid hsla(var(--color-neutral),var(--alpha-tertiary));
    border-radius:var(--border-radius-4);
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    margin-left:var(--px-6);
    padding:var(--px-4)
}
.CodeMirror-info .info-description{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    margin-top:var(--px-12);
    overflow:hidden
}
.CodeMirror-jump-token{
    cursor:pointer;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
.auto-inserted-leaf.cm-property{
    border-radius:var(--border-radius-4);
    padding:var(--px-2);
    animation-name:insertionFade;
    animation-duration:6s
}
@keyframes insertionFade{
    0%,to{
        background-color:none
    }
    15%,85%{
        background-color:hsla(var(--color-warning),var(--alpha-background-light))
    }
}
button.graphiql-toolbar-button{
    height:var(--toolbar-width);
    width:var(--toolbar-width);
    justify-content:center;
    align-items:center;
    display:flex
}
button.graphiql-toolbar-button.error{
    background:hsla(var(--color-error),var(--alpha-background-heavy))
}
.graphiql-execute-button-wrapper{
    position:relative
}
button.graphiql-execute-button{
    background-color:hsl(var(--color-primary));
    border-radius:var(--border-radius-8);
    cursor:pointer;
    height:var(--toolbar-width);
    width:var(--toolbar-width);
    border:none;
    padding:0
}
button.graphiql-execute-button:hover{
    background-color:hsla(var(--color-primary),.9)
}
button.graphiql-execute-button:active{
    background-color:hsla(var(--color-primary),.8)
}
button.graphiql-execute-button:focus{
    outline:hsla(var(--color-primary),.8)auto 1px
}
button.graphiql-execute-button>svg{
    color:#fff;
    height:var(--px-16);
    width:var(--px-16);
    margin:auto;
    display:block
}
button.graphiql-toolbar-menu{
    height:var(--toolbar-width);
    width:var(--toolbar-width);
    display:block
}
.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);
    flex-direction:column;
    justify-content:space-between;
    display:flex
}
.graphiql-container .graphiql-sidebar .graphiql-sidebar-section{
    gap:var(--px-8);
    flex-direction:column;
    display:flex
}
.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)));
    justify-content:center;
    align-items:center;
    display:flex
}
.graphiql-container .graphiql-sidebar button.active{
    color:hsl(var(--color-neutral))
}
.graphiql-container .graphiql-sidebar button:not(:first-child){
    margin-top:var(--px-4)
}
.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);
    justify-content:space-between;
    align-items:center;
    display:flex
}
button.graphiql-tab-add{
    height:100%;
    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-session-header-right{
    align-items:center;
    display:flex
}
.graphiql-container .graphiql-logo{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    font-size:var(--font-size-h4);
    font-weight:var(--font-weight-medium);
    padding:var(--px-12)var(--px-16)
}
.graphiql-container .graphiql-logo .graphiql-logo-link{
    color:hsla(var(--color-neutral),var(--alpha-secondary));
    text-decoration:none
}
.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:calc(var(--border-radius-12));
    box-shadow:var(--popover-box-shadow);
    flex-direction:column;
    flex:1;
    display:flex
}
.graphiql-container .graphiql-editors.full-height{
    margin-top:calc(var(--px-8) - var(--session-header-height))
}
.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)
}
.graphiql-container .graphiql-toolbar>*+*{
    margin-top:var(--px-8)
}
.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{
    --editor-background:transparent;
    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 :-webkit-any(th,td){
    border:1px solid hsla(var(--color-neutral),var(--alpha-background-heavy));
    padding:var(--px-8)var(--px-12)
}
.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
}
 
.docExplorerWrap {
  height: unset !important;
  min-width: unset !important;
  width: unset !important;
}

.doc-explorer-title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
}

.doc-explorer-rhs {
  display: none;
}

.doc-explorer-contents {
  border-top: none !important;
}

.graphiql-code-exporter {
  min-width: unset !important;
  position: relative;
  padding: var(--px-16) 0;
  & > div {
    font-family: var(--font-family) !important;
    padding: 0 !important;
    font-size: var(--font-size-body) !important;
  }
  & > div:first-of-type {
    display: flex;
    flex-direction: column;
    gap: var(--px-16);
    & > div {
      padding: 0 !important;
    }
    & > div:first-of-type {
      display: flex;
      flex-direction: row;
      gap: var(--px-16);
    }
    & > div:last-of-type {
      & > div:first-of-type {
        color: hsla(var(--color-neutral), var(--alpha-secondary)) !important;
        font-variant: unset !important;
        text-transform: unset !important;
        font-weight: unset !important;
        margin-bottom: var(--px-12);
      }
    }
  }
  & button.toolbar-button {
    height: var(--toolbar-width) !important;
    width: var(--toolbar-width) !important;
    border-radius: var(--border-radius-4) !important;
    cursor: pointer;
    display: inline-flex;
    font-size: unset !important;
    left: unset !important;
    margin-top: unset !important;
    top: var(--px-16);
    right: 0;
    justify-content: center;
    align-items: center;
    background-color: unset !important;
    & svg {
      fill: hsla(var(--color-neutral), var(--alpha-tertiary));
    }
  }
  & > div:last-of-type {
    border-top: none !important;
    display: flex;
    flex: 1;
    margin-top: var(--px-24) !important;
    & > div {
      position: relative;
      min-height: 600px;
      width: 100%;
    }
  }
  & .toolbar-menu.toolbar-button {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    padding: var(--px-8) var(--px-12);
    color: hsl(var(--color-neutral)) !important;
    border-radius: var(--border-radius-4) !important;
    &:hover {
      background-color: hsla(
        var(--color-neutral),
        var(--alpha-background-light)
      ) !important;
    }
  }
  & .toolbar-menu-items {
    background-color: hsl(var(--color-base)) !important;
    border: var(--popover-border);
    border-radius: var(--border-radius-8);
    box-shadow: var(--popover-box-shadow) !important;
    padding: var(--px-4);
    max-width: 250px;
    font-size: inherit;
    display: block;
    white-space: nowrap;
    outline: none;
    position: absolute;
    z-index: 100;
    margin-top: var(--px-8);
    visibility: hidden;
    left: 0;
    &.open {
      visibility: visible;
    }
    & > li {
      cursor: pointer;
      display: block;
      color: inherit;
      font: inherit;
      text-decoration: initial;
      border-radius: var(--border-radius-4);
      margin: var(--px-4);
      overflow: hidden;
      padding: var(--px-6) var(--px-8);
      text-overflow: ellipsis;
      white-space: nowrap;
      &:hover {
        color: inherit;
        background-color: hsla(
          var(--color-neutral),
          var(--alpha-background-light)
        );
      }
    }
  }
  & .CodeMirror {
    box-shadow: var(--popover-box-shadow);
    border-radius: calc(var(--border-radius-12));
    padding: var(--px-16);
  }
}

.docExplorerWrap {
  height: unset !important;
  min-width: unset !important;
  width: unset !important;
}

.docExplorerWrap svg {
  display: unset;
}

.doc-explorer-title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
}

.doc-explorer-rhs {
  display: none;
}

.graphiql-explorer-root {
  font-family: var(--font-family-mono) !important;
  font-size: var(--font-size-body) !important;
  padding: 0 !important;
}

.graphiql-explorer-root > div > div {
  border-color: hsla(
    var(--color-neutral),
    var(--alpha-background-heavy)
  ) !important;
  padding-top: var(--px-16);
}

.graphiql-explorer-root input {
  background: unset;
}

.graphiql-explorer-root select {
  background: hsl(var(--color-base)) !important;
  border: 1px solid hsla(var(--color-neutral), var(--alpha-secondary));
  border-radius: var(--border-radius-4);
  color: hsl(var(--color-neutral)) !important;
  margin: 0 var(--px-8);
  padding: var(--px-4) var(--px-6);
}

.graphiql-operation-title-bar .toolbar-button {
  line-height: 0;
  margin-left: var(--px-8);
  color: hsla(var(--color-neutral), var(--alpha-secondary, 0.6));
  font-size: var(--font-size-h3);
  vertical-align: middle;

.graphiql-explorer-graphql-arguments input {
  line-height: 0;
}

.graphiql-explorer-actions {
  border-color: hsla(
    var(--color-neutral),
    var(--alpha-background-heavy)
  ) !important;
}