/*! * GraphQL Voyager - Represent any GraphQL API as an interactive graph * ------------------------------------------------------------- * Version: 1.1.0 * Repo: https://github.com/IvanGoncharov/graphql-voyager.git */[data-reactroot]{height:100%}.graphql-voyager{font:14px helvetica neue,helvetica,arial,sans-serif;display:flex;height:100%}@media (max-width:780px){.graphql-voyager{flex-direction:column}}.graphql-voyager>.doc-panel{width:320px;min-width:320px;background:#fff;box-sizing:border-box;position:relative;z-index:10}.graphql-voyager>.viewport{flex:1;max-height:100vh}.graphql-voyager>.viewport>svg{width:100%;height:100%}@media (max-width:780px){.graphql-voyager>.doc-panel,.graphql-voyager>.viewport{height:50%;width:100%;max-width:none}}.graphql-voyager>.menu-content{position:absolute;bottom:15px;left:335px;background:#fff;box-shadow:0 4px 4px -2px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);padding:5px}.graphql-voyager>.menu-content>.setting-other-options{display:flex}.graphql-voyager>.menu-content>.setting-other-options>label:first-of-type{padding-right:5px}.graphql-voyager>.menu-content>.setting-other-options>label{margin-bottom:10px}@media (max-width:780px){.graphql-voyager>.menu-content{left:10px}}g.graph>polygon{fill:transparent}#svg-pan-zoom-controls path{fill-opacity:.75;fill:#224d6f}.node{pointer-events:bounding-box;cursor:pointer}.node polygon{stroke:#548f9e;fill:#f6f8f8}.node .type-title polygon{fill:#548f9e}.node .type-title text{fill:#fff}.node.selected polygon{stroke:#00bcd4;stroke-width:3}.node.selected .type-title polygon{fill:#00bcd4}.field.selected>polygon{fill:rgba(255,0,0,.18)}.edge{cursor:pointer}.edge path{stroke:#38616b;stroke-width:2}.edge path.hover-path{stroke:transparent;stroke-width:15}.edge.highlighted path:not(.hover-path),.edge.hovered path:not(.hover-path),.edge:hover path:not(.hover-path){stroke:#00bcd4;stroke-width:3}.edge.highlighted polygon,.edge.hovered polygon,.edge:hover polygon{stroke:#006370;fill:#006370;opacity:1}.edge polygon{fill:#30525a;stroke:#30525a}.edge text{font-family:helvetica neue,helvetica,arial,sans-serif;fill:#224d6f;display:none}.edge.highlighted text,.edge.hovered text,.edge:hover text{display:block}.edge.selected path:not(.hover-path){stroke:red}.edge.selected polygon{stroke:#c00;fill:#c00}.selection-active .edge,.selection-active .node{opacity:.2}.selection-active .edge.highlighted,.selection-active .node.selected,.selection-active .node.selected-reachable{opacity:1}.doc-wrapper{position:relative;z-index:1;background:#fff}.doc-panel>.contents{display:flex;flex-direction:column;background:#fff;position:relative;z-index:5;border-right:1px solid rgba(0,0,0,.1);height:100%}.doc-navigation{min-height:24px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between}.doc-navigation>span{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:24px}.doc-navigation>.back{color:#224d6f;cursor:pointer;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:2px;font-weight:400}.doc-navigation>.back:before{border-left:2px solid #224d6f;border-top:2px solid #224d6f;content:"";display:inline-block;height:9px;margin:0 3px -1px 0;position:relative;transform:rotate(-45deg);width:9px}.doc-navigation>.active{color:#00bcd4;font-weight:700;overflow:hidden;text-overflow:ellipsis}.doc-navigation>.header{font-weight:700;color:#666}.search-box-wrapper{padding:0 15px}.search-box-clear{cursor:pointer;border:none;padding:5px;opacity:.8}.eye-button{height:24px;width:24px;min-width:24px;padding:0;vertical-align:middle}.eye-button svg{line-height:24px;height:24px}.eye-button svg path:not([fill]){fill:#00bcd4}.field-name{color:#224d6f}.type-name+.field-name:before{content:".";color:#666}.doc-alert-text{color:#b71c1c;font-family:Consolas,Inconsolata,Droid Sans Mono,Monaco,monospace;font-size:13px}.doc-alert-text.-search{padding:8px 15px}.value-name{color:#0b7fc7}.arg-name{color:#c77f53}.type-doc{display:flex;flex-direction:column;flex:1;margin-top:15px;position:relative;min-height:0}.type-doc>div{position:relative;z-index:1;background:#fff}.type-doc>.loading{padding:0 15px;font-weight:700;color:#666}.type-doc a{cursor:pointer;text-decoration:none}.type-doc>.scroll-area{padding-top:15px;overflow-y:auto;flex-grow:1}.type-doc>.scroll-area .description-box.-doc-type{padding:0 15px}.type-doc>.doc-navigation{padding:5px 20px 5px 18px}.doc-category{margin:15px 0 0;cursor:pointer}.doc-category>.item{padding:8px 15px;color:#666;position:relative;border-left:3px solid transparent}.doc-category>.item>.description-box{margin-top:5px}.doc-category>.title{border-bottom:1px solid #e0e0e0;padding:0 15px;color:#666;cursor:default;font-size:14px;font-feature-settings:"c2sc";font-variant:small-caps;font-weight:700;letter-spacing:1px;margin:0 -15px 10px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;width:100%}.doc-category>.item:nth-child(odd){background-color:hsla(0,0%,62%,.07)}.doc-category>.item:hover{background-color:rgba(214,236,238,.6)}.doc-category>.item.-with-args:before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #224d6f;display:block;content:"";float:right;margin-top:8px;margin-right:-8px;transition:all .3s ease;opacity:0}.doc-category>.item.-with-args.-selected:before,.doc-category>.item.-with-args:hover:before{opacity:1}.doc-category>.item.-with-args.-selected:before{transform:rotate(180deg)}.doc-category>.item.-selected{background-color:rgba(214,236,238,.75);border-left:3px solid #00bcd4}.doc-category>.item.-selected .args{display:block;padding-left:15px}.args-wrap:before{content:"( ";display:inline}.args-wrap:after{content:" )";display:inline}.args-wrap.-empty:after,.args-wrap.-empty:before{display:none!important}.arg-wrap>.arg{display:inline}.arg-wrap>.arg:after{content:", "}.arg-wrap>.arg>.default-value{color:#0b7fc7}.arg-wrap:last-child .arg:after{content:""}.arg-wrap .arg>.wrapped-type-name,.arg-wrap.-expanded:after,.arg-wrap.-expanded:before,.arg-wrap>.arg-description{display:none}.arg-wrap.-expanded .arg{display:block;margin:5px 0}.arg-wrap.-expanded .arg-description{display:block;color:#666}.arg-wrap.-expanded .wrapped-type-name{display:inline-block}.arg-wrap.-expanded .arg-description>p{margin:0}.arg-wrap.-expanded .arg-description:before{display:block;content:"#";float:left;margin-right:5px}.wrapped-type-name:before{content:": "}.relay-icon{margin-left:5px}.relay-icon,.relay-icon svg{height:24px;line-height:24px;width:24px}.relay-icon svg{min-height:24px}.type-link{fill:#42a0dd}.type-link:hover{fill:#0262a0}.type-name.-input-obj,.type-name.-object{color:#42a0dd}.type-name.-input-obj:hover,.type-name.-object:hover{color:#0262a0}.type-name.-built-in,.type-name.-scalar{color:#711c1c}.type-name.-built-in:hover,.type-name.-scalar:hover{color:#491212}.description-box blockquote{border-left:2px solid rgba(84,143,158,.5);margin:5px 15px;padding-left:10px}.description-box a{word-break:break-all}.description-box p:first-child{margin-top:0}.description-box.-no-description{font-style:italic;color:#666}.description-box.-enum-value p,.description-box.-field p,.description-box.-linked-type p{margin:0}.description-box.-enum-value{padding:5px 0 0 5px}.type-doc>.type-info-popover{z-index:0;position:absolute}.type-info-popover{left:320px;top:35px;bottom:75px;overflow-y:auto;transform:translateX(-110%);box-sizing:border-box;width:320px;padding:10px 15px;position:absolute;background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);border-left:0;transition:all .45s ease-out}.type-info-popover.-opened{transform:none}.type-info-popover>button{position:absolute;right:10px}.typelist-item>.type-name{padding-left:15px}.typelist-item.-root .type-name:after{content:"root";display:inline-block;vertical-align:middle;background:#00bcd4;color:#fff;padding:0 5px;margin-left:5px;font-size:.9em}.loading-box{position:absolute;left:320px;right:0;top:0;bottom:0;background:rgba(0,0,0,.8);z-index:10;align-items:center;justify-content:center;display:flex;color:#fff}@media (max-width:780px){.loading-box{left:0;top:50%}}.loading-animation{width:180px}.loading-animation path{fill:#548f9e}.loading-animation h1{text-align:center;color:#548f9e;letter-spacing:4px}@media (max-width:780px){.loading-animation{text-align:center}.loading-animation svg{max-width:40%}.loading-animation h1{font-size:1.5em}}