#main { background: #e7eef3; }

#graphiql { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 20px; color: #29323d; -webkit-font-smoothing: subpixel-antialiased; }
#graphiql .graphiql-container .topBar, #graphiql .graphiql-container .docExplorerShow, #graphiql .graphiql-container .historyShow, #graphiql .graphiql-container .docExplorerWrap, #graphiql .graphiql-container .historyPaneWrap, #graphiql .graphiql-container .variable-editor-title, #graphiql .graphiql-container .footer, #graphiql .result-window .CodeMirror, #graphiql .graphiql-container .result-window .CodeMirror-gutters, #graphiql .graphiql-container .toolbar-button, #graphiql .graphiql-container .toolbar-button:active, #graphiql .graphiql-container .execute-button, #graphiql .graphiql-container .execute-button:active, #graphiql .graphiql-container .execute-options, #graphiql .graphiql-container .toolbar-menu-items, #graphiql .graphiql-container .toolbar-select-options, #graphiql .graphiql-container .execute-options > li.selected, #graphiql .graphiql-container .toolbar-menu-items > li.hover, #graphiql .graphiql-container .toolbar-menu-items > li:active, #graphiql .graphiql-container .toolbar-menu-items > li:hover, #graphiql .graphiql-container .toolbar-select-options > li.hover, #graphiql .graphiql-container .toolbar-select-options > li:active, #graphiql .graphiql-container .toolbar-select-options > li:hover, #graphiql .graphiql-container .history-contents > p:hover, #graphiql .graphiql-container .history-contents > p:active, #graphiql .CodeMirror-gutters { background: none; border: none; }
#graphiql .topBar { padding: 33px 24px; }
#graphiql .topBar .title { font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 24px; font-weight: 300; line-height: 32px; color: #29323d; }
#graphiql .queryWrap { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1); background: #fff; }
#graphiql .queryWrap .CodeMirror-gutters { background: #fbfcfd; -webkit-box-shadow: inset -1px 0 0 #e3e5e8; box-shadow: inset -1px 0 0 #e3e5e8; }
#graphiql .queryWrap .variable-editor-title { background: #f1f5f8; -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 20, 0.1), 0 1px 0 rgba(0, 0, 20, 0.1); box-shadow: 0 -1px 0 rgba(0, 0, 20, 0.1), 0 1px 0 rgba(0, 0, 20, 0.1); z-index: 4; }
#graphiql .docExplorerWrap { background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1); }
#graphiql .graphiql-container .toolbar { margin-left: 16px; }
#graphiql .graphiql-container .toolbar-menu.toolbar-button { display: inline-block; background-color: #FFFFFF; border-radius: 2px; padding: 6px 12px; border: none; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 1px rgba(0, 0, 0, 0.1); color: #29323d; height: 32px; max-width: 100%; }
#graphiql .graphiql-container .toolbar-menu.toolbar-button svg { margin-left: 5px; }
#graphiql .graphiql-container .toolbar-menu-items { min-width: 100%; margin-top: 0; z-index: 100; border-radius: 2px; padding: 0 14px; overflow: auto; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 1px rgba(0, 0, 20, 0.1), 0 5px 20px rgba(0, 0, 0, 0.25); }
#graphiql .graphiql-container .toolbar-menu-items li { margin: 0 -14px; padding: 10px 14px; color: #29323d; text-decoration: none; white-space: nowrap; text-align: left; padding-left: 24px; max-width: unset; }
#graphiql .graphiql-container .toolbar-menu-items li:hover { color: #29323d; background-color: #d5d8dd; }
#graphiql .graphiql-container .toolbar-menu-items li.selected-schema { cursor: default; background: none; }
#graphiql .graphiql-container .toolbar-menu-items li.selected-schema:before { font-family: 'Craft'; speak: none; -webkit-font-feature-settings: "liga", "dlig"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; text-rendering: optimizeLegibility; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-align: center; font-style: normal; vertical-align: middle; word-wrap: normal !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; content: 'check'; font-size: 14px; color: #b9bfc6; }
body.ltr #graphiql .graphiql-container .toolbar-menu-items li.selected-schema:before { float: left; }
body.rtl #graphiql .graphiql-container .toolbar-menu-items li.selected-schema:before { float: right; }
body.ltr #graphiql .graphiql-container .toolbar-menu-items li.selected-schema:before { margin: 3px 0 0 -17px ; }
body.rtl #graphiql .graphiql-container .toolbar-menu-items li.selected-schema:before { margin: 3px -17px 0 0 ; }
#graphiql .graphiql-container .toolbar-menu-items li.selected-schema:hover { background-color: #FFFFFF; }
#graphiql .graphiql-container .execute-button { background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#CFD6DC)); background: linear-gradient(#fdfdfd, #CFD6DC); border: 1px solid #CFD6DC; }

/*# sourceMappingURL=graphiql.css.map */