@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Ubuntu:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);.input{width:945px;display:flex;justify-content:center}.engine input{width:945px;font-size:.9rem}.engine-small input,.engine input{outline:none;border:1.5px solid #a51c30;border-radius:5px;padding:9px 8px;font-family:Ubuntu;transition:.3s}.engine-small input{width:370px;display:flex;justify-content:left!important;height:35px;font-size:12px;margin-left:6px}.engine-small:after{padding-left:14px;right:6px;height:23px;width:60px;font-size:12px}.engine-small:after,.engine:after{background-color:#a51c30;padding-top:10px;padding-right:9px;color:#fff;position:relative;top:0;z-index:1;border:1px solid #a51c30;border-top-right-radius:5px;border-bottom-right-radius:5px;content:"Search ID"}.engine:after{padding-left:15px;right:3px;height:31px;width:90px;font-size:17px}.autocomplete-results{background-color:#fff;z-index:999999;max-height:150px;overflow-y:scroll;position:absolute;width:940px;border:1.2px solid rgba(165,28,49,.6666666666666666);padding:5px 2px;margin-top:50px;border-radius:5px;border-top-left-radius:2px;border-top-right-radius:2px}.autocomplete-result{z-index:99999;word-wrap:break-word;list-style-type:none;padding:5px;font-size:.8rem;border-radius:5px;font-size:.93rem;cursor:pointer;margin:3px}.engine-small>.autocomplete-results{background-color:#fff;z-index:99999;width:447px;border:1.2px solid rgba(165,28,49,.6666666666666666);padding:5px;margin-top:38px;border-radius:4px}.engine-small .autocomplete-results>.autocomplete-result{z-index:99999;word-wrap:break-word;list-style-type:none;padding:5px;border-radius:5px;font-size:.7rem;cursor:pointer}.autocomplete-result.is-active,.autocomplete-result:hover{background-color:rgba(165,28,49,.10980392156862745)}.input{position:relative}.engine-small.input{width:500px}.not-found{position:absolute;background-color:rgba(255,0,0,.6);padding:.5rem;color:#fff;border-radius:15px;font-size:13px;left:152px;top:230px;transition:.3s}.nearby-color{color:#5a5a5a}.exact-color{color:#000}*{box-sizing:border-box;margin:0;padding:0}html{--scrollbarBG:#cfd8dc;--thumbBG:#90a4ae}#app{font-family:Ubuntu;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f2132}#nav{display:flex;align-items:center;align-content:center;justify-content:left}#nav img{width:30px}.logo{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-right:7px}#nav h3,.logo{background-color:transparent;border-radius:5px}#nav h3{font-size:1.4rem;color:#fff;padding:5px 10px;height:40px}#nav{background-color:#1e1e1e;padding:12px;box-shadow:0 0 5px rgba(0,0,0,.8);max-height:60px;position:fixed;top:0;width:100vw;z-index:9999}#nav .navlink{color:#fff;font-weight:700;text-decoration:none;font-size:16px;padding:8px 10px;height:35px;position:absolute;top:13px;border-radius:5px;margin-left:20px;cursor:pointer}#nav .faq{right:20px}#nav .about{right:165px}#nav .contact{right:80px}#nav .navlink:hover{text-shadow:0 0 15px hsla(0,0%,100%,.7);transition:.15s}.engine-area>*{font-size:10px!important;width:410px;margin-left:2rem;position:relative;right:0}.page-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100%;background-color:#f8f9fa;padding:2rem 1rem;font-family:Inter,sans-serif}#app-container{width:100%;max-width:1100px;margin-top:80px;margin-bottom:50px;background-color:#fff;border-radius:10px;border:1px solid #1e1e1e;overflow:hidden}#app-container,.viewer-content{display:flex;flex-direction:column}.viewer-main-header{padding:2rem 2.5rem 1.5rem;border-bottom:1px solid #e9ecef}.viewer-main-header h1{font-family:Ubuntu,sans-serif;font-size:2rem;font-weight:700;color:#212529;margin:0 0 .5rem 0}.viewer-main-header p{font-size:1rem;color:#6c757d;max-width:80ch;line-height:1.6;margin:0}.plot-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.title-group h2{font-family:Ubuntu,sans-serif;font-size:1.25rem;font-weight:500;color:#a51c30;margin:0}.title-group span{font-size:.9rem;color:#495057}#controls{display:flex;gap:.75rem}#controls button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#fff;color:#495057;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .2s ease}#controls button:hover{background-color:#a51c30;border-color:#a51c30;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(165,28,48,.2)}#controls button .material-symbols-outlined{font-size:20px}#viewer-container{display:flex;justify-content:center;padding:1rem 1.5rem 1.5rem 1.5rem}.viewer-svg{cursor:grab;background-color:#fff}.viewer-svg:active{cursor:grabbing}.track{cursor:pointer;opacity:.85;transition:opacity .2s;rx:2;ry:2}.track:hover{opacity:1}.variant{opacity:.8;cursor:pointer;transition:opacity .2s,stroke-width .2s}.variant:hover{opacity:1;stroke:#a51c30;stroke-width:2px}.gene-line,.gene-tick{stroke:#d16103;stroke-width:1.5px;pointer-events:none}.gene-label-text{font-family:Inter,sans-serif;font-size:11px;fill:#d16103;pointer-events:none}.gene-label-text,.y-axis-label{font-weight:500;text-anchor:middle}.y-axis-label{font-family:Ubuntu,sans-serif;font-size:13px;fill:#6c757d}.x-axis .domain,.y-axis .domain{stroke:#adb5bd}.x-axis .tick line,.y-axis .tick line{stroke:#e9ecef}.x-axis .tick text,.y-axis .tick text{font-size:11px;fill:#495057;font-family:Inter,sans-serif}.error-container,.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:2rem;text-align:center;color:#495057}.error-container h2{color:#a51c30;font-family:Ubuntu,sans-serif;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.error-container .material-symbols-outlined{font-size:1.5em}.spinner{width:50px;height:50px;border:5px solid #e9ecef;border-top-color:#a51c30;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}.swal-confirm-button{background-color:#a51c30!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Inter,sans-serif!important;font-weight:500!important;padding:10px 24px!important;box-shadow:0 2px 10px rgba(165,28,48,.2)!important;transition:background-color .2s!important}.swal-confirm-button:hover{background-color:#841626!important}.swal-text-container{text-align:left}#tooltip{position:absolute;background-color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-family:Inter,sans-serif;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1000;line-height:1.5;border:1px solid #000}#tooltip,#tooltip b,#tooltip i{color:#000}.header-text{background-color:#d7dbdb;padding:5px;width:650px;font-weight:400;border-radius:4px;margin-right:10px}