body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--widgets-bg:#ebebeb;--search-bg-transparent:rgba(208,207,207,0);--search-bg-hover:hsla(0,0%,87.5%,0.996078431372549);--widgets-layer2:hsla(0,0%,74.9%,0.996078431372549);--black:#1c1f2d;--black:#282c40;--network-background:#131626;--selectedOption:#9a9aac;--white:#fff;--areaTotal:rgba(101,110,117,0.15294117647058825);--areaAvailable:rgba(101,110,117,0.7254901960784313);--areaAvailable-invisible:rgba(101,110,117,0);--sideBar-width:calc(100vw - 100vh);--searchBar-width:20vw;--dark-gray:#52595f}body{overflow:hidden;background-color:#1b0c4f;background-color:#fff;background-color:#f6f9f9}#root{display:flex;flex-direction:row}text{fill:#000}div #network{width:133vh}tr th{text-align:left}#locusZoom{position:absolute;background-color:rgba(221,222,235,.584);background-color:#dddeeb;color:#000;transition:margin-left .3s ease-out,margin-top .3s ease-out,width .3s ease-out,height .3s ease-out}#locusZoomUI #close{position:fixed;left:94vh;left:102vh;z-index:999;-webkit-filter:drop-shadow(0 0 .5vw #282c40);filter:drop-shadow(0 0 .5vw #282c40);-webkit-filter:drop-shadow(0 0 .5vw var(--black));filter:drop-shadow(0 0 .5vw var(--black));padding:.5vw;top:0;line-height:2vw;font-size:3vw;font-weight:300;transform:rotate(45deg);cursor:pointer}#locusZoom h3,#locusZoom h3 a{color:#fff}#locusZoom #closeLocusZoomUI{position:absolute;pointer-events:all;cursor:pointer;transition:none}#locusZoomUITitle{max-height:10%;font-weight:800;padding:2% auto 2% 1vw}#locusZoomUITitle p:before{content:"Locus ID: "}#locusZoomUIFooter{width:100%;height:20%}#locusZoom #center{position:absolute;pointer-events:all;cursor:pointer;width:20px;height:20px;background-color:#5b5c60;transition:none}.geneSlot{padding-bottom:1vw;color:#656e75}.geneSlot b{padding-bottom:1vw;color:#555564}div #clpaFilterWidget{width:100%;height:50vh}div #widgets{width:calc(100vw - 133vh);height:100vh;background-color:#ebebeb;background-color:var(--widgets-bg)}g #clpaScale{font-size:10px;text-anchor:middle}g #clpaCurrentValue .cvValue{fill:#a9a9a9}div #widgets .search{width:50%;height:2vw;display:block;margin:1vw auto 1vw 3vw;border:rgba(208,207,207,0);border:var(--search-bg-transparent);border-bottom:2px solid #a9a9a9;background-color:var(--widgets-bg-transparent);transition:.3s ease-out}div #widgets .search:hover{background-color:hsla(0,0%,87.5%,.996078431372549);background-color:var(--search-bg-hover)}div #widgets #tissuesFilterWidget{margin-top:20vw}div #widgets #tissuesList{position:absolute;width:80%;width:calc(80vw - 106.4vh);height:0;overflow-y:scroll;background-color:hsla(0,0%,74.9%,.996078431372549);background-color:var(--widgets-layer2);margin:1vw auto 1vw 3vw}div #widgets #tissuesList .option{width:100%;padding:.25vw 1vw;cursor:pointer;background-color:hsla(0,0%,100%,0)}div #widgets #tissuesList .option:hover{background-color:#fff}div #widgets .selectedOption{display:inline-block;padding:.5vw;background-color:#9a9aac;background-color:var(--selectedOption);border-radius:1vw;color:#fff;margin:.2vw}div #widgets .visible{display:block}div #widgets .invisible{display:none}#zoomReset{width:4vw;height:2vw;border-radius:1vw;background-color:#c3c3d6;position:fixed;bottom:10px;z-index:999;cursor:pointer;left:calc(50vh - 3vw);padding:0 1vw}#zoomReset p{text-align:center;line-height:0;color:#6f6f7a;font-size:1vw}#searchNode{position:fixed;top:1vw;left:1vw}#searchNode input{vertical-align:top;height:2vw;width:8.7vw;display:inline-block;padding-left:1vw}#clearList,#searchGene{color:#fff;height:1.9vw;margin-left:1vw;padding:.25vw;line-height:0;cursor:pointer;width:8.5vw}#clearList{background-color:#2727c9;display:none}#searchGene{background-color:#282c40;background-color:var(--black);display:inline-block}#clearList p{text-align:center;pointer-events:none}#locusZoomUI{width:calc(100vw - 100vh);width:var(--sideBar-width);display:none;background-color:#c7c7ed;background-color:#d8dfdf;background-color:#2c1e5f;background-color:#1c1f2d;background-color:#282c40;background-color:var(--black);z-index:3;height:100vh;position:fixed;right:0;overflow-y:scroll;overflow-x:hidden}#locusZoomUI,#locusZoomUI a{color:#fff;color:var(--white)}.geneList-container{border-bottom:1px solid #14143a}.genesList{width:100%;height:auto;background-color:#e9e9f5;background-color:#646e6e;background-color:#9ca5a5;background-color:#c5cece;background-color:#f0f4f5;table-layout:fixed;padding:0;visibility:collapse;color:#282c40;color:var(--black)}.genesList td{overflow-x:scroll;padding:.5vw;white-space:nowrap}.genesList td .more:before{right:0}.genesList tr:hover{background-color:#b9c9c9;color:#fff}.genesList td .clpaBar{background-color:#282c40;background-color:var(--black);height:1vw}.geneList-collapse{width:100%;height:1vw;background-color:#aac1c7;background-color:#292e44;background-color:#2e3348;color:#6257a1;color:#495b60;color:#fff;color:var(--white);padding:.25vw;cursor:pointer;position:-webkit-sticky;position:sticky;top:0}.geneList-collapse p{margin:0;text-align:center}.locusZoom-overview{display:flex;justify-content:space-evenly}.locusZoom-overview .left{display:flex;align-items:center;width:30%;justify-content:start}#locusZoomUI h3{text-align:center}.neighbor rect{transform:rotate(45deg);transform-box:fill-box;transform-origin:center}.neighbor text{text-anchor:middle}#connectionMap{padding-bottom:2vw;border-bottom:2px solid #555564}#connectionMap text{fill:#fff}#diseasesSwitches{position:fixed;bottom:0;display:flex;flex-direction:row;width:auto;padding:1vw .2vw}.diseaseSwitch{position:absolute;padding:.5vw;opacity:0;top:0;border-radius:1vw;color:#fff}#expandSwitches{padding:.25vw;height:1.5vw;border-radius:2vw;border:1px solid #c3c3d6;color:#8484a1;z-index:999;cursor:pointer;background-color:#fff;transition:.3s ease-out}#expandSwitches:hover{background-color:rgba(132,132,161,.06666666666666667)}#cursor{position:absolute;pointer-events:none}.stream{transition:all .3s ease-out}#resultList{width:20vw;background-color:#ebebeb;background-color:var(--widgets-bg);overflow-y:scroll}#resultList .listContainer{display:flex;justify-content:space-between}#resultList .list .opt{position:relative}#resultList .list .opt .unflagThis{display:none;padding:.1vw .25vw;border-radius:1vw;border:1px solid #00f;position:absolute;right:.25vw;top:0}#resultList .list .opt .unflagThis,#resultList .list div[data-selected=selected]{background-color:#c2d0fa;color:#1727a7}#resultList .list div[data-selected=selected]>.unflagThis{display:inline-block}#resultList .list div[data-selected=selected]>.unflagThis:hover{color:#c2d0fa;background-color:#1727a7}#resultList .side{width:20%;padding:0 0 10% 10%;text-align:right}#resultList .side .label{position:-webkit-sticky;position:sticky;top:.5vw;font-weight:800}#resultList .list{width:65%;display:inline-block;border-left:1px solid #282c40;border-left:1px solid var(--black);border-top:1px solid #282c40;border-top:1px solid var(--black);padding-left:.5vw}#resultList .list div{overflow-x:scroll;max-width:90%;padding-bottom:.5vw}#resultList .list div:hover{background-color:#9a9aac;background-color:var(--selectedOption);cursor:pointer}#resultList #close{background-color:#282c40;background-color:var(--black);color:#fff;color:var(--white);padding:.25vw;cursor:pointer;width:1vw;text-align:center;position:fixed;display:none}#resultList .notInNetwork{color:#c3c3c3;pointer-events:none}#resultList .notInNetwork:after{content:"not in network";font-size:.8vw;font-style:italic;float:right}#inFocus{width:20vw;height:40vh;background-color:#ebebeb;background-color:var(--widgets-bg);position:fixed;top:50vh;left:1vw;transition:.3s ease-out}#inFocus:before{content:"highlighted nodes";margin-top:-3vh;position:absolute;font-weight:900}#inFocus .listContainer{cursor:pointer;display:flex;justify-content:flex-end}#inFocus-open{width:16vw;background-color:hsla(0,0%,74.9%,.996078431372549);background-color:var(--widgets-layer2)}#inFocus-open,#inFocus .icon{height:4vw;font-size:1vw;text-align:center;line-height:4vw}#inFocus .icon{width:4vw;background-color:#282c40;background-color:var(--black);color:#fff;transform:rotate(90deg)}.focused-nodesList{width:calc(100% - 4vw);background-color:#ebebeb;background-color:var(--widgets-bg);height:100%;position:absolute;top:0;left:0;overflow-y:scroll;overflow-x:hidden;white-space:nowrap}.focused-nodesList .neighboringGenesPreview{font-size:.7vw;font-style:italic;color:#52595f;color:var(--dark-gray)}.focused-nodesList .clearAll{display:inline-block;padding:1vw;background-color:#282c40;background-color:var(--black);color:#fff;color:var(--white);font-size:1vw;border:1px solid #282c40;border:1px solid var(--black);width:18vw;position:fixed;top:91vh;cursor:pointer}.selectedNode{transition:.3s ease-out;cursor:pointer;padding:.5vw;font-size:1vw}.selectedNode:hover{background-color:#e9b5b5;color:#854545}.selectedNode:hover:before{content:"Remove: ";font-weight:700;transform:rotate(45deg);text-align:center}#neighbouringGenes:before{content:"neighbouring genes";padding-top:.3vw;font-weight:600;position:-webkit-sticky;position:sticky;left:0;margin-left:0;display:inline-block;padding-left:5vw;background-color:#282c40;background-color:var(--black)}#neighbouringGenes{width:90%;height:3vw;margin-top:1vw;white-space:nowrap;display:flex;justify-content:flex-start;overflow-x:scroll}#neighbouringGenes .neighbour{height:1vw;padding:.3vw;margin-left:1vw;border-radius:1vw;border:1px solid #fff}#neighbouringGenes span{height:1vw;padding:.3vw;font-weight:600}.cursorLabel{background-color:rgba(246,249,249,.788235294117647);padding:.2vw;-webkit-filter:drop-shadow(0 0 .9vw rgba(40,44,64,.24705882352941178));filter:drop-shadow(0 0 .9vw #282c403f);z-index:3;opacity:0;animation:cursorLabel .3s ease-out forwards}@keyframes cursorLabel{to{opacity:1}}#cursor .secondaryLabel{font-size:.7vw;font-style:italic;color:#52595f;color:var(--dark-gray)}#nodeClickedUI{position:absolute;width:9vw;height:9vw;display:flex;z-index:999;-webkit-filter:drop-shadow(0 0 .25vw rgba(40,44,64,.054901960784313725));filter:drop-shadow(0 0 .25vw #282c400e)}#nodeClickedUI #nodeClickedUI-neighbors{border-radius:3vw;transition:.4s ease-in-out}#nodeClickedUI #nodeClickedUI-neighbors,#nodeClickedUI div{width:3vw;height:3vw;background-color:#ebebeb;background-color:var(--widgets-bg)}#nodeClickedUI div{border-radius:3vw;background-position:50%;background-repeat:no-repeat;background-size:2vw;cursor:pointer;transition:.2s ease-in-out;border:.25px solid #e8e7e7}#nodeClickedUI div:hover{-webkit-filter:drop-shadow(0 0 .15vw rgba(45,42,92,.3843137254901961));filter:drop-shadow(0 0 .15vw #2d2a5c62)}#nodeClickedUI #nodeClickedUI-close{margin-top:3vw;background-position:50%;background-repeat:no-repeat}#nodeClickedUI #nodeClickedUI-zoomIn{margin-top:7vw;align-items:flex-end;margin-left:-2vw}#nodeClickedUI #nodeClickedUI-zoomIn .zoom-btn:hover{background-color:#282c40;background-color:var(--black);color:#fff;color:var(--white);cursor:pointer}#minyMapSwitcher{position:absolute;z-index:2;right:22vw;top:.5vw}#minyMap-canvas{position:absolute;z-index:1}#minyMap-network{background-color:#fff;position:absolute;z-index:0;top:0}.blink{animation:blink 1.5s ease-out infinite}@keyframes blink{25%{opacity:.45};50%{opacity:.75};to{opacity:1};}#legend{position:fixed;bottom:1vh;right:35vw;background-color:#fff;padding:1vw}