graphdb-workbench/dist/css/graphql/graphql-playground.css

The web application for GraphDB APIs

:root{--default-btn-bgcolor:#ebebeb;--default-btn-focus-bgcolor:#d4d4d4;--default-btn-focus-color:var(--base-text-color)}body,html{height:100vh}.graphiql-dialog,.graphql-playground-view #graphiql .graphiql-container,.graphql-playground-view #graphiql .graphiql-container .graphiql-editors{background-color:var(--gw-editor-content-background)}.page-content,.page-content .container-fluid{height:calc(100% - 50px)}.content,.graphql-playground-component,.graphql-playground-container,.graphql-playground-view,graphql-playground{display:block;height:100%}graphql-playground{padding-bottom:16px}.graphql-playground-view #title-container{margin-bottom:16px}.graphql-playground-view graphql-playground-component{height:100%}.graphql-playground-view .toolbar{align-items:end;display:flex;flex-direction:column;margin-bottom:16px}.graphql-playground-view .toolbar .graphql-endpoint-selector{width:300px}:root.dark .graphql-playground-view #graphiql .graphiql-container .graphiql-editors{background:#1c1c1c}.graphql-playground-view #graphiql{& *{border-radius:0;font-family:var(--main-font);font-size:1rem!important}.graphiql-container{border:1px solid var(--gw-editor-toolbar-border-color);.graphiql-sidebar{padding:0;width:unset;button{color:var(--gw-primary-base);transition:all .15s ease-out;&[data-value=settings]{display:none}&:focus{outline:none}&:active,&:hover{background-color:transparent}&:hover{transform:scale(1.2)}}}.graphiql-sessions{background-color:var(--gw-body-background);margin-bottom:4px;margin-right:4px;margin-top:0;.graphiql-logo{display:none}.graphiql-session-header{color:var(--gw-tabs-tab-color)!important;font-weight:400;height:unset;justify-content:start;padding:.25em 0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;.graphiql-tabs{flex-wrap:wrap;font-size:1rem;gap:.2em;margin-bottom:0;overflow-x:unset;padding:0;.graphiql-tab{background-color:var(--gw-tabs-tab-background)!important;border:1px solid var(--gw-tabs-tab-border-color);color:var(--gw-tabs-tab-color)!important;margin-left:0;padding:.4em;&:hover{background-color:var(--gw-tabs-tab-hover-background)!important;border-color:var(--gw-tabs-tab-hover-border-color) var(--gw-tabs-tab-hover-border-color) transparent;color:var(--gw-tabs-tab-hover-color)!important}.graphiql-tab-button{outline:none;padding:0;transition:all .15s ease-out;&:hover{background-color:inherit}}.graphiql-tab-close{outline:none;padding-left:10px;visibility:visible;svg{height:.7em;stroke-width:2;width:.7em}&:hover{color:var(--gw-button-primary-link-hover-color);transform:scale(1.2);transition:transform .15s ease-out}}}.graphiql-tab-active{background-color:var(--gw-tabs-tab-active-background)!important;border-color:var(--gw-tabs-tab-active-border-color);border-bottom-color:transparent;.graphiql-tab-button{color:var(--gw-tabs-tab-active-color)}.graphiql-tab-close{color:var(--gw-tabs-tab-active-color);&:hover{color:var(--gw-button-primary-link-hover-color);transform:scale(1.2);transition:transform .15s ease-out}}}}.graphiql-tab-add{background-color:var(--base-background-hover-color);margin-left:0;padding:9px;svg{color:var(--gw-button-secondary-color)}&:hover{svg{transform:scale(1.2);transition:transform .15s ease-out}}}.graphiql-tab-add:focus{outline:none}.graphiql-tab-add:hover svg,.graphiql-tab-close:hover{background-color:transparent;color:var(--gw-button-primary-link-hover-color)}}.graphiql-session{padding:0;.graphiql-query-editor{border:1px solid var(--gw-tabs-tab-active-border-color);padding:0}.graphiql-editors{box-shadow:none;&.full-height{margin-top:0}.graphiql-query-editor{.graphiql-toolbar{margin:.5em;button{transition:all .15s ease-out;&:hover{background-color:transparent;transform:scale(1.2)}&:focus{outline:none}&.graphiql-execute-button{background-color:var(--gw-primary-base)}.graphiql-toolbar-icon{color:var(--gw-primary-base)}}}}.graphiql-editor-tools{color:var(--gw-tabs-tab-color)!important;column-gap:0;font-weight:400;padding:.25em 0 0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;z-index:100;button{background-color:var(--gw-tabs-tab-background)!important;border:1px solid var(--gw-tabs-tab-border-color);color:var(--gw-tabs-tab-color);&.graphiql-toggle-editor-tools{svg{color:var(--gw-button-secondary-color)}&:hover{svg{color:var(--gw-button-primary-link-hover-color)}}}&.active{background-color:var(--gw-tabs-tab-active-background)!important;border-color:var(--gw-tabs-tab-active-border-color) var(--gw-tabs-tab-active-border-color) transparent!important;color:var(--gw-tabs-tab-active-color)!important}&:not(.graphiql-toggle-editor-tools){border-bottom-color:var(--gw-tabs-tab-active-border-color);margin-bottom:-1px;margin-right:.2em}&:hover{background-color:var(--gw-tabs-tab-hover-background)!important;border-color:var(--gw-tabs-tab-hover-border-color) var(--gw-tabs-tab-hover-border-color) transparent;color:var(--gw-tabs-tab-hover-color)!important}}}.graphiql-editor-tool{border:1px solid var(--gw-tabs-tab-active-border-color);padding:0}}.graphiql-response{border:1px solid var(--gw-editor-toolbar-border-color);box-shadow:none}.CodeMirror{background-color:var(--gw-editor-content-background);.CodeMirror-gutter-wrapper{font-weight:300;& *{color:#999}.CodeMirror-linenumber{min-width:20px;white-space:nowrap}}.CodeMirror-gutters{white-space:nowrap}&.cm-s-graphiql .CodeMirror-gutters{background-color:#f7f7f7}}.CodeMirror[class*=cm-s-]:not(.cm-s-graphiql){background-color:#1c1c1c;border-color:var(--gw-tabs-tab-active-border-color)}.CodeMirror-hints{border:1px solid var(--gw-autocomplete-border-color);box-shadow:var(--gw-autocomplete-shadow-offset-x) var(--gw-autocomplete-shadow-offset-y) var(--gw-autocomplete-shadow-blur) var(--gw-autocomplete-shadow-spread) var(--gw-autocomplete-shadow-color);.CodeMirror-hint{background-color:var(--gw-autocomplete-background);color:var(--gw-autocomplete-color);font-family:inherit;margin:0;b{color:var(--gw-autocomplete-dropdown-match-color);font-weight:bolder}&.CodeMirror-hint-active{background-color:var(--gw-autocomplete-option-selected-background);color:var(--gw-autocomplete-option-selected-color)}&:not(.CodeMirror-hint-active):hover{background-color:var(--gw-autocomplete-option-focus-background);color:var(--gw-autocomplete-option-focus-color)}}}li.CodeMirror-hint-active{background:var(--autocomplete-background);color:inherit}.CodeMirror-lint-tooltip{color:var(--gw-primary-base)}}}}}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item-action{color:var(--gw-primary-base)}.graphql-playground-view #graphiql .graphiql-history .graphiql-button{background-color:var(--gw-button-secondary-background);border-color:var(--gw-button-secondary-border-color);color:var(--gw-button-secondary-color);font-weight:400;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.graphql-playground-view #graphiql .graphiql-history .graphiql-button:hover{background-color:var(--gw-button-secondary-hover-background);border-color:var(--gw-button-secondary-hover-border-color);color:var(--gw-button-secondary-hover-color)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-header{color:var(--base-text-color)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item:hover{background-color:var(--base-background-hover-color)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item-label{color:var(--gw-secondary-base)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item-label:hover{background-color:var(--base-background-selected-color)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable{background-color:var(--gw-form-field-background)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable input{border:1px solid var(--gw-form-field-border-color);color:var(--gw-form-field-color);font-weight:300}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable button{color:var(--gw-primary-base)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable button:active,.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable button:focus{background-color:rgba(59,75,104,.1);outline:none}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable button:nth-of-type(2){color:var(--gw-button-secondary-color)}.graphql-playground-view #graphiql .graphiql-history .graphiql-history-item.editable button:nth-of-type(2):active{background-color:#fff}div[data-radix-popper-content-wrapper] *{background-color:var(--gw-secondary-base);border-radius:0;border-top-color:var(--gw-secondary-base);color:#fff;font-size:.875rem;font-weight:400;padding-bottom:1px;padding-top:1px}.graphql-playground-view #graphiql .graphiql-doc-explorer .graphiql-doc-explorer-header{color:var(--base-text-color)}.graphql-playground-view #graphiql .graphiql-doc-explorer .graphiql-doc-explorer-search-input{background-color:var(--gw-form-field-background);border:1px solid var(--gw-form-field-border-color);color:var(--gw-form-field-color)}.graphql-playground-view #graphiql .graphiql-doc-explorer .graphiql-doc-explorer-search-input input,.graphql-playground-view #graphiql .graphiql-doc-explorer .graphiql-doc-explorer-search-input input::placeholder{color:var(--gw-form-field-color)}.graphql-playground-view #graphiql .docExplorerWrap .doc-explorer-title{color:var(--base-text-color)}.graphql-playground-view #graphiql .docExplorerWrap .graphiql-explorer-root>div{overflow:hidden!important}.graphql-playground-view #graphiql .docExplorerWrap .graphiql-explorer-root>div:first-child>div,.graphql-playground-view #graphiql .docExplorerWrap .graphiql-explorer-root>div:has(.variable-editor-title){overflow-x:auto!important}.graphql-playground-view #graphiql .docExplorerWrap .graphiql-explorer-root>div:first-child{border-bottom:1px solid #d6d6d6}.graphql-playground-view #graphiql .docExplorerWrap .graphiql-explorer-root>div:last-child .variable-editor-title{border:none!important;padding:0!important}.graphql-playground-view #graphiql .docExplorerWrap .graphiql-explorer-root>div:has(.variable-editor-title){margin-top:16px}.graphql-playground-view #graphiql .docExplorerWrap .toolbar-button{background-color:var(--gw-button-secondary-background);border:none;color:var(--gw-button-secondary-color);cursor:pointer;outline:none}.graphql-playground-view #graphiql .docExplorerWrap .graphiql-operation-title-bar .toolbar-button,.graphql-playground-view #graphiql .docExplorerWrap .variable-editor-title .toolbar-button{aspect-ratio:1/1;height:100%!important;width:auto!important}.graphql-playground-view #graphiql .docExplorerWrap .toolbar-button span{display:block}.graphql-playground-view #graphiql .docExplorerWrap .toolbar-button:hover span{color:var(--gw-primary-base)!important;transform:scale(1.2)}.graphql-playground-view #graphiql .docExplorerWrap .variable-editor-title .toolbar-button{padding:var(--px-4) var(--px-10)}.graphql-playground-view #graphiql .docExplorerWrap select{background-color:#fff!important;background-image:none!important;border:1px solid rgba(0,0,0,.15);border-radius:0;color:#55595c!important;font-size:1rem!important;font-weight:400;height:calc(2rem - 2px);line-height:1.25;margin:1px 8px;outline:0}.graphql-playground-view #graphiql .docExplorerWrap select:focus{background-color:#fff;border-color:var(--gw-secondary-light);color:#55595c}.graphql-playground-view #graphiql .docExplorerWrap select option{background-color:var(--html-background)!important;color:var(--gw-neutral-base)!important}.graphiql-dialog{border-radius:0;color:var(--base-text-color)}.graphiql-dialog,.graphiql-dialog-overlay{z-index:1010}.graphiql-dialog .graphiql-dialog-section a,.graphiql-dialog .graphiql-dialog-section a:focus,.graphiql-dialog .graphiql-dialog-section a:hover{color:var(--gw-primary-base);outline:none;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:var(--link-decoration-thickness);text-underline-offset:var(--link-underline-offset)}