*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f0f0f0}.clickable{background-color:#fff;color:#000;border:2px solid #000000;border-radius:12px;padding:10px 14px;font-size:16px;box-shadow:0 8px 16px #0003,0 6px 20px #00000030;transition:.2s}.clickable:hover{cursor:pointer;box-shadow:0 8px 16px #0000004d,0 6px 20px #0000004a}.upperLeftContainer{position:absolute;display:block;z-index:99;top:10px;left:14px}.centeredBoi{text-align:center;height:60vh;overflow:auto}.popup-content{border-radius:12px;width:75%!important}.betterText{font-family:Verdana,Geneva,Tahoma,sans-serif}.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-10px;top:-10px;font-size:24px;background:#ffffff;border-radius:18px;border:1px solid #cfcece;box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.close:hover{box-shadow:0 8px 16px #0000004d,0 6px 20px #0000004a}input[type=file]{position:absolute;left:0;opacity:0;top:0;bottom:0;width:100%}input[type=file]:hover{cursor:pointer}.fileUpload{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;background:rgb(243,243,243);border:3px dotted #bebebe;border-radius:10px}.fileUpload:hover{cursor:pointer}.fileLabel{display:inline-block;position:relative;height:100px;width:400px;box-shadow:0 8px 16px #0000001a,0 6px 20px #00000017}.fileLabel:hover{cursor:pointer;box-shadow:0 8px 16px #00000026,0 6px 20px #0000001c}.loginArea{justify-content:center;padding:20px;width:100%;clear:both}.inputDesign{width:50%;padding:6px 10px;box-sizing:border-box;border-radius:5px;box-shadow:0 8px 16px #0000001a,0 6px 20px #00000017}.inputDesign:focus{border:3px solid #555;box-shadow:0 8px 16px #00000026,0 6px 20px #0000001c}.classInput{margin-top:15px;margin-bottom:20px}.uploadButton{margin-top:20px}.bottomPage{padding-top:20px;padding-bottom:20px;clear:both}.column{float:left;width:20%;padding:10 10px;padding-right:30px;padding-top:10px;padding-bottom:10px;display:flex;justify-content:center}.searchwrapper{justify-content:center;padding-top:20px}.searchbar{padding:6px 10px;width:50%;box-sizing:border-box;border-radius:5px;box-shadow:0 8px 16px #0000001a,0 6px 20px #00000017}.searchbar:focus{border:3px solid #555;box-shadow:0 8px 16px #00000026,0 6px 20px #0000001c}.something{justify-content:center;width:100%;margin:auto;padding:10px}.databaseUploadArea{width:100%;clear:both;padding:20px}@media screen and (max-width: 1900px){.column{width:25%}}@media screen and (max-width: 1400px){.column{width:33%}}@media screen and (max-width: 900px){.column{width:50%;display:flex;margin-bottom:20px}.row{display:initial!important}.card{justify-content:center}.something{padding-left:0}.fileLabel{width:40vw}}@media screen and (max-width: 500px){.column{width:100%}}@media screen and (max-width: 400px){.leva-c-kWgxhW-bCBHqk-fill-false{width:70vw!important}.ControlDisplay{width:75px}}#cards{justify-content:center}.card{box-shadow:0 8px 16px #0003,0 6px 20px #00000030;padding:16px;text-align:center;background-color:#929292;transition:.3s;border-radius:5px;width:150px}.card:hover{box-shadow:0 8px 16px #0000004d,0 6px 20px #0000004a;background-color:#a3a3a3ab;cursor:pointer}.container{padding:2px 16px;cursor:pointer}.namer{position:absolute;display:block;z-index:99;top:100px;left:14px}.matcher{position:absolute;display:block;z-index:99;top:14px;left:100px}.reconstruction{position:absolute;display:block;z-index:99;top:65px;left:14px}.dropdown{position:absolute;display:block;z-index:99;top:205px;left:14px}.controls{position:absolute;display:block;z-index:99;top:12px;left:10px}.divControls{overflow:scroll;margin:0 auto;width:650px}.keysPadding{margin-top:16px;margin-bottom:16px}.menu{position:absolute;list-style-type:none;margin:5px 0;padding:0;border:1px solid grey;width:150px}.menu>li{margin:0;background-color:#fff}.menu>li:hover{background-color:#d3d3d3}.menu>li>button{width:100%;height:100%;text-align:left;background:none;color:inherit;border:none;padding:5px;margin:0;font:inherit;cursor:pointer}.submit{position:absolute;display:block;z-index:99;top:115px;left:14px}.nameentry{position:absolute;display:block;z-index:99;top:165px;left:14px;height:30px;box-sizing:border-box;border-radius:5px;box-shadow:0 8px 16px #0000001a,0 6px 20px #00000017}.nameentry:focus{border:3px solid #555;box-shadow:0 8px 16px #00000026,0 6px 20px #0000001c}.annotation{color:#fff;pointer-events:none;font-size:14px;position:absolute;top:20px;padding:1em;width:200px;background:rgba(0,0,0,.5);border-radius:.5em;display:block}.leva-c-kWgxhW-bCBHqk-fill-false{width:200px!important}.leva-c-iSkYoW{min-width:50px}.leva-c-dkRbIj{width:100px}.leva-c-grzFYX{width:160px;overflow:hidden}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}