body{margin:0;font-family:"Arial";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.MuiAutocomplete-root,.MuiButton-root,.MuiFormLabel-root,.MuiInputBase-root,.MuiTab-wrapper,.MuiTypography-body2,.MuiTypography-root,body,html{font-family:"Arial"!important}.interfaceContainer{display:grid;grid-auto-columns:auto;height:auto;grid-auto-rows:auto;grid-gap:2px;gap:2px}.config,.reactions{display:flex}.structureBodyContainer{display:grid;grid-auto-rows:auto}.uploadLabel{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;font-size:clamp(12px,1vw,20px);font-family:"Arial";padding:3px;margin-bottom:2px}.uploadLabel:hover{background-color:#780064;cursor:pointer}.fileName{margin:2px;padding:2px;font-size:clamp(10px,1vw,14px);font-family:"Arial"}.main{width:98vw;display:grid;height:65vh;grid-template-columns:1% 99%;grid-template-rows:95% 5%;grid-template-areas:"interface graph" "heatmap heatmap"}.interface{grid-area:interface}.graph{grid-area:graph}.footer{grid-area:heatmap}.downloadButton{width:80%;background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,22px);font-family:"Arial";margin:2px;padding:4px}.downloadButton:hover{background-color:#6e005a;cursor:pointer}.downloadButton:disabled:hover{background-color:#961982;cursor:default}.captionContainer3{transform:translate(-10px);margin:0 2vw;display:grid;grid-template-rows:50% 50%;grid-template-areas:"num" "heatmap";justify-content:space-between}.heatmap{grid-area:heatmap}.num{grid-area:num}.userCaption3{margin-top:2px;grid-area:heat;background:linear-gradient(90deg,red,#f0f,#00f);height:10px}.sampleButton{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;font-size:clamp(12px,1.7vw,17px);font-family:"Arial";padding:5px;margin:2px 5px}.sampleButton:hover{background-color:#780064;cursor:pointer}.CircleIcon:hover{cursor:pointer}[data-tooltip]{position:relative}[data-tooltip]:hover:before{position:absolute;content:attr(data-tooltip);width:100%;background-color:#941680;color:#fff;padding:.25rem;top:0;left:50%;transform:translate(-50%,-100%)}.abbreviationContainer{display:grid;grid-template-columns:2fr 6fr 2fr;grid-template-areas:"abbreviation fullName submit";height:8vh;margin:2px}.abbreviation{grid-area:abbreviation;display:flex;width:auto;margin:2px}.fullName{border:2px solid #961982;width:auto;grid-area:fullName;overflow-y:scroll;margin:2px}.submitAbbreviation{width:auto;display:flex;grid-area:submit;margin:2px}.addNode{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .3s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial";margin:2px;transform:translateY(-3px);padding:1px}.addNode:enabled:hover{background-color:#780064;cursor:pointer}.addNode:disabled:hover{background-color:#961982;cursor:default}.submitNodes{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1.4vw,15px);font-family:"Arial";margin:2px;transform:translateY(-3px);padding:5px 20px}.submitNodes:hover{background-color:#780064;cursor:pointer}.substrateContainer{display:grid;grid-template-columns:80% 20%;grid-template-areas:"substrate submit"}.submitButtonSubstrate{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial";margin:2px;transform:translateY(-3px);padding:1px}.submitButtonSubstrate:enabled:hover{background-color:#780064;cursor:pointer}.submitButtonSubstrate:disabled:hover{background-color:#961982;cursor:default}.delete{height:20vh;font-size:small;flex-direction:column;left:55vw}.delete,.submit{position:relative;color:#00008b}.submit{padding-top:2.5%;border-radius:20vw;height:10vh;align-content:baseline;background-color:#fff;font-size:large;font-weight:700;display:inline-flex;flex-direction:row;border:none;margin:auto;outline:none;z-index:1}.submit:hover{background-color:#d0d0d0}.productContainer{display:grid;grid-template-columns:80% 20%;grid-template-areas:"product submit"}.submitButtonProduct{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial";margin:2px;transform:translateY(-3px);padding:1px}.submitButtonProduct:hover{background-color:#780064;cursor:pointer}.submitButtonProduct:disabled:hover{background-color:#961982;cursor:default}.reactionContainer{display:grid;grid-template-columns:80% 20%;grid-template-areas:"reaction submit"}.submit{grid-area:submit}.submitButtonReaction{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial";margin:2px;transform:translateY(-3px);padding:1px}.submitButtonReaction:hover{background-color:#780064;cursor:pointer}.submitButtonReaction:disabled:hover{background-color:#961982;cursor:default}.keggContainer{width:30vw;border:2px solid #000;display:grid;grid-template-rows:1fr 3fr 3fr 3fr;grid-gap:6px;gap:6px;grid-template-areas:"close" "substrate" "product" "reaction"}.close{color:#fff;font-size:clamp(5px,1vw,10px)}.mainContainerSpec{display:grid;grid-template-rows:.5fr .5fr .5fr .5fr .5fr .375fr;grid-template-areas:"substrate" "product" "reaction" "koAndEc" "taxonomy" "submit";grid-row-gap:4px}.close{grid-area:close;background-color:#961982;transition:all .4s ease}.close:hover{background-color:#780064;cursor:pointer}.product,.substrate{margin:0}.koAndEc{grid-area:koAndEc}.submitSpecReaction{grid-area:submit;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"showReaction submitButton"}.buttonShowReaction{color:#fff;background-color:#961982;border-radius:1.5vw;transition:all .4s ease;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial"}.buttonShowReaction:hover{background-color:#780064;cursor:pointer}.buttonSpec{color:#fff;background-color:#961982;border-radius:1.5vw;transition:all .4s ease;text-transform:uppercase;font-size:clamp(12px,1vw,15px);padding:0;font-family:"Arial"}.buttonSpec:hover{background-color:#780064;cursor:pointer}.buttonSpec:disabled:hover{background-color:#961982;cursor:default}.substrateContainerSpec{display:grid;grid-template-columns:5fr 1fr 1.2fr 2fr;grid-template-areas:"substrate notFound substrateSc addSubstrate"}.substrate{grid-area:substrate;margin:2px}.substrateSc{grid-area:substrateSc;transform:translateY(-3px);margin:2px}.addSubstrate{grid-area:addSubstrate;background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial";padding:0;margin:2px}.addSubstrate:hover{background-color:#780064;cursor:pointer}.addSubstrate:disabled:hover{background-color:#961982;cursor:default}.productContainerSpec{display:grid;grid-template-columns:5fr 1fr 1.2fr 2fr;grid-template-areas:"product notFoundButton productSc addProduct"}.notFoundButton{grid-area:notFound;background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(4px,.8vw,10px);font-family:"Arial";margin:2px;padding:4px}.product{grid-area:product;margin:2px}.productSc{grid-area:productSc;transform:translateY(-3px);margin:2px}.addProduct{grid-area:addProduct;background-color:#961982;border-width:0;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(12px,1vw,15px);font-family:"Arial";padding:0;margin:2px}.addProduct:hover{background-color:#780064;cursor:pointer}.addProduct:disabled:hover{background-color:#961982;cursor:default}.reactionContainerSpec{display:grid;margin:0;grid-template-columns:100%;grid-template-areas:"reaction"}.reaction{grid-area:reaction}.taxonomyContainer{display:grid;grid-template-columns:80% 20%;grid-template-rows:50% 50%;grid-template-areas:"taxonomicRank switch" "taxonomy addTaxonomy"}.switch{grid-area:switch}.taxonomicRank{grid-area:taxonomicRank}.taxonomy{grid-area:taxonomy}.addTaxonomy{grid-area:addTaxonomy;background-color:#961982;border-width:0;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(10px,1vw,14px);font-family:"Arial";margin:2px;transform:translateY(-3px);padding:0}.addTaxonomy:hover{background-color:#780064;cursor:pointer}.koAndEcContainer{display:grid;grid-template-columns:30% 20% 30% 20%;grid-template-areas:"ko addKo ec addEc"}.ko{grid-area:ko}.addKo{grid-area:addKo;background-color:#961982;border-width:0;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(10px,1vw,14px);font-family:"Arial";padding:0;margin:2px;transform:translateY(-3px)}.addKo:hover{background-color:#780064;cursor:pointer}.ec{grid-area:ec}.addEc{grid-area:addEc;background-color:#961982;border-width:0;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(10px,1vw,14px);font-family:"Arial";padding:0;margin:2px;transform:translateY(-3px)}.addEc:hover{background-color:#780064;cursor:pointer}.buttonDelete{background-color:#961982;border-radius:.8vw;color:#fff;transition:all .4s ease-in-out;text-transform:uppercase;font-size:clamp(10px,1.7vw,17px);margin-right:30px;font-family:"Arial"}.buttonDelete:hover{background-color:#780064;cursor:pointer}.infoWrapper{transform:translate(-20%);background-color:#fff;z-index:1000;display:grid;overflow:auto;width:60vw;height:80vh;grid-template-columns:1fr 1fr;grid-template-rows:.1fr 1fr 3fr 5fr .5fr;grid-template-areas:"close close" "header header" "koAndEc koAndEc" "heatmap heatmap" "caption caption"}.koAndEcListContainer{grid-area:koAndEc}.closeInfo{grid-area:close;color:#fff;font-size:clamp(5px,1.7vw,10px);background-color:#961982;transition:all .4s ease}.closeInfo:hover{background-color:#780064;cursor:pointer}.headerInfo{grid-area:header}.svgInfo{height:40vh;grid-area:heatmap;white-space:nowrap;overflow-x:scroll;overflow-y:scroll}.captionReaction{width:100%;grid-area:caption}.captionContainerReaction{width:100%;display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:50% 50%;grid-template-areas:"minReaction min2Reaction midReaction  max2Reaction maxReaction" "heatReaction heatReaction heatReaction heatReaction heatReaction";justify-content:space-between}.userCaptionReaction{grid-area:heatReaction;background:linear-gradient(90deg,red,#f0f,#00f);height:10px}.minReaction{grid-area:minReaction}.min2Reaction{grid-area:min2Reaction}.midReaction{grid-area:midReaction}.max2Reaction{grid-area:max2Reaction}.maxReaction{grid-area:maxReaction;justify-self:end}.heatmapContainer{display:grid;grid-gap:2px;gap:2px;grid-template-rows:1fr 1fr;grid-template-columns:repeat(5,1fr);grid-template-areas:". sampleName1 sampleName2 sampleName3 sampleName4" "name sample0 sample1 sample2 sample3"}.sampleNameContainer0{grid-area:sampleName1}.sampleNameContainer1{grid-area:sampleName2}.sampleNameContainer2{grid-area:sampleName3}.sampleNameContainer3{grid-area:sampleName4}.sampleContainer{grid-area:name}.nameContainer0{grid-area:sample0}.nameContainer1{grid-area:sample1}.nameContainer2{grid-area:sample2}.nameContainer3{grid-area:sample3}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.white{background-color:#fff}.dropZone{flex:1 1;display:flex;flex-direction:column;height:140px;align-items:center;border-radius:2px;border:2px dashed #eee;background-color:#fafafa;color:#bdbdbd;outline:none;transition:border .24s ease-in-out;padding:2%;justify-content:center}
/*# sourceMappingURL=main.98178753.chunk.css.map */