.overlay{position:absolute;right:10px;bottom:10px;width:25%;height:50%;background-color:#000;border:5px solid #90909000;z-index:10;box-shadow:#8b8b8b 0 0 5px;border-radius:20px;padding:5px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;box-sizing:border-box;transition:.1s ease-in-out}.overlay.resizing{cursor:nwse-resize}.overlay:hover{cursor:default}.overlay:hover:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:inherit;pointer-events:none}.overlay:hover:before{cursor:pointer}.overlay:hover:before{pointer-events:none}.overlay.resizable-right{cursor:ew-resize}.overlay.resizable-bottom{cursor:ns-resize}.overlay.resizable-corner{cursor:nwse-resize}.top-controls{position:absolute;top:10px;left:10px;z-index:11;width:100%}.min_max_button{filter:brightness(0) invert(1);width:20px;cursor:pointer;transition:.25s ease-out}.min_max_button:hover{scale:1.25}.nav-container{display:flex;width:100%;gap:5px;justify-content:space-between;align-items:center;height:50px}.navbar-brand{font-size:32px}#title{display:flex;flex-direction:column;justify-content:center;color:#fff}#middle-space{flex-grow:1;display:none;grid-template-columns:15% 85%;height:100%;align-items:center;background-color:#121212;transition:transform .3s,background-color .3s,height .3s;border-radius:10px;padding:5px 10px;box-shadow:#ffffff29 0 1px 4px}#middle-space:hover{height:200px;transform:translateY(75px)}.left-text{color:#fff;font-size:16px;display:flex;align-items:center}.line-container{position:relative;width:100%;height:100%}.line{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#616161;z-index:1000}.atac-peaks,.atac-peaks-enriched{position:absolute;bottom:0;min-width:1px;height:100%;cursor:pointer;transition:background-color .3s;border-radius:2px;z-index:1}.atac-peaks{background-color:#777}.atac-peaks-enriched{background-color:red}.atac-peaks:hover,.atac-peaks-enriched:hover,.atac-peaks.clicked,.atac-peaks-enriched.clicked{background:#04ff64}.gene,.gene-left,.gene-border,.gene-left-border{position:absolute;bottom:25%;height:50%;width:80%;background-color:transparent;cursor:pointer;transition:background-color .3s;z-index:199;pointer-events:none}.gene:before,.gene-left:before,.gene-border:before,.gene-left-border:before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:auto}.gene:before,.gene-left:before{background-color:#1becff}.gene:before,.gene-border:before{clip-path:polygon(0% 25%,85% 25%,85% 0,100% 50%,85% 100%,85% 75%,0% 75%,0 50%)}.gene-left:before,.gene-left-border:before{clip-path:polygon(100% 25%,15% 25%,15% 0,0% 50%,15% 100%,15% 75%,100% 75%,100% 50%)}.gene-border:before,.gene-left-border:before{background:#ffffff26;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10.2px);-webkit-backdrop-filter:blur(10.2px)}.gene .tooltip,.gene-left .tooltip,.gene-border .tooltip,.gene-left-border .tooltip{position:absolute;transform:translate(-50%) translateY(300%);pointer-events:none;z-index:9999;background-color:#000;color:#fff;padding:5px;border-radius:3px;opacity:0;white-space:nowrap;transition:opacity .3s}.gene:hover .tooltip,.gene-left:hover .tooltip,.gene-border:hover .tooltip,.gene-left-border:hover .tooltip{opacity:1}.gene:hover:before,.gene-left:hover:before,.gene-border:hover:before,.gene-left-border:hover:before{background:#04ff64}.tooltip{position:absolute;bottom:100%;transform:translateY(300%);background-color:#000;color:#fff;padding:5px;border-radius:3px;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .3s;z-index:200}.atac-peaks:hover .tooltip,.atac-peaks-enriched:hover .tooltip{opacity:1;z-index:9999}#prefix-dropdown-container,#filter-container{display:flex;align-items:center;z-index:1000}#filter-container,#prefix-dropdown-container{justify-content:flex-end}#dropdownMenuButton{width:80px}.dropdown-menu{min-width:80px;max-width:80px;background-color:#3c3c3c;box-shadow:#fff3 0 4px 8px,#ffffff30 0 6px 20px}.dropdown-item{cursor:pointer;text-align:center;color:#fff;padding:7.5px}.dropdown-item:hover{background-color:#212529;color:#fff}@media (max-width: 526px){.nav-container{padding-bottom:10px;justify-content:center!important}#title{flex-basis:100%;flex-direction:row;justify-content:flex-start;align-items:center}}@media (max-width: 321px){.nav-container{flex-direction:column;padding-bottom:10px;justify-content:flex-start!important;gap:10px}.title-paragraph{flex-direction:column}}#filter-container{display:flex;flex-direction:column;z-index:1000}.list{padding:10px;width:500px;max-width:100%;left:auto!important;background-color:#3c3c3c;color:#fff;border:0;box-shadow:0 4px 8px #fff3,0 6px 20px #ffffff30}.list div b{width:100%;text-align:center}.list p{margin:0}.listFilters{margin-top:7.5px!important;width:100%;max-height:75px;flex-shrink:0;justify-content:flex-start;align-items:flex-start;overflow:auto;font-style:italic;color:#a9a9a9}.listFilters::-webkit-scrollbar{width:5px}.listFilters::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:20px}body{margin:0;padding:0;font-family:Arial,sans-serif}.showing-badge{display:flex;flex-direction:row-reverse;gap:10px;padding:5px;border-radius:5px}.showing-label{padding:5px 10px;border-radius:10px;color:#fff;font-weight:700;display:none}.showing-celltype{background-color:#28a745}.showing-gene{background-color:#007bff}.showing-atac{background-color:#dc3545}.gene-atac-badge{background-color:#6c757d;max-width:100%;width:max-content;height:35px;text-overflow:clip;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between}.celltype-badges{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding-right:5px;justify-content:flex-end;align-items:flex-start;width:30vw;overflow-x:hidden;overflow-y:auto;scrollbar-color:dark}.celltype-label{position:relative;padding:5px 10px;margin:0;border-radius:10px;font-size:small;font-weight:700;color:#000;max-width:100%;width:max-content;height:max-content;text-overflow:clip;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:row;justify-content:space-between}.celltype-text{text-wrap:pretty;text-align:left;margin:0;flex-basis:.7}.delete{display:none;font-family:Arial,Helvetica,sans-serif;font-size:medium;line-height:75%;text-align:center;position:-webkit-sticky;position:sticky;right:0;top:0;margin:0;border-radius:50%;color:#000;background-color:#fff;width:15px;height:15px;cursor:pointer;flex-shrink:0}.delete:hover{color:red}.gene-atac-badge::-webkit-scrollbar,.celltype-label::-webkit-scrollbar{width:5px}.gene-atac-badge::-webkit-scrollbar{height:5px}.gene-atac-badge::-webkit-scrollbar-thumb,.celltype-label::-webkit-scrollbar-thumb{background-color:#414141;border-radius:20px}.filter{display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start;gap:7px;position:absolute;height:auto;margin:10px;width:fit-content;z-index:100}#cellGroup{display:flex;flex-direction:row}.button-container{display:flex;flex-direction:column;align-items:left;gap:5px}.toggles{color:#fff;background-color:#282828;display:flex;justify-content:center;align-items:center;text-align:center;margin:3px;width:50px;height:50px;border-radius:50%;font-size:11px;font-weight:700}.toggles:hover{background-color:#fff!important;color:#000!important}.toggles:hover .descBox{display:block}.checkbox-container{gap:5px;background-color:#121212;border:rgba(58,58,58,.5) solid;padding:0 10px 10px;border-radius:20px;max-height:40vh;width:350px;scrollbar-color:dark;overflow:auto;display:none}.checkbox-container::-webkit-scrollbar{width:5px}.checkbox-container::-webkit-scrollbar-thumb{background-color:#414141;border-radius:20px}.violin-container{display:none;width:75%;max-width:500px;height:35vh;overflow-y:auto;scrollbar-color:dark;background-color:#121212;border:rgba(58,58,58,.5) solid;padding:0 10px 10px;border-radius:20px}#violin-image{transform-origin:center center;object-fit:cover}#violin-canvas{width:100%;transform-origin:center center;object-fit:cover}.violin-container::-webkit-scrollbar{width:5px}.violin-container::-webkit-scrollbar-thumb{background-color:#414141;border-radius:20px}.no-violin-container{display:none;color:#fff;width:75%;height:10vh;overflow-y:auto;scrollbar-color:dark;background-color:#121212;border:rgba(58,58,58,.5) solid;padding:0 10px 10px;border-radius:20px}.input-elements{position:-webkit-sticky;position:sticky;top:0;background-color:#121212;height:fit-content;display:flex;flex-direction:column;gap:5px;padding-bottom:5px}.clearButton,.modeButton{width:100%;height:30px;line-height:10px;margin-top:2.5px}.modeButton{margin-bottom:5px}.textInput{margin-top:5px;width:100%;height:40px;border-radius:5px}.box{margin-right:5px}.notfound{display:none}.plus-jakarta-sans-regular{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.plus-jakarta-sans-bold{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.desc-container{display:flex;flex-direction:row;width:max-content;gap:5px}.icon{display:flex;flex-direction:column;align-items:left}.iconBtn{background-color:#282828;color:#fff;margin:3px;justify-content:center;align-items:center;text-align:center;width:50px;height:50px;border-radius:50%}.iconBtn:hover{background-color:#fff;color:#000}.iconBtn svg{width:100%;height:auto;fill:#fff}.descBox{background-color:#282828;border-radius:10px;color:#fff;padding:10px 5px;font-size:12px;text-align:center;width:200px;float:right;justify-self:center;align-self:center;display:none}.slider-input{display:flex;flex-direction:row;width:max-content;gap:5px}.slider-input:hover .descBox{display:block}#warningBox{text-align:left;width:300px}.slider-container{width:200px;background-color:#282828;align-items:center;text-align:center;gap:5px;border:rgba(58,58,58,.5) solid;padding:0 10px 10px;border-radius:5px}.slider{border-radius:5px;background:#d3d3d3;outline:none;width:100%;padding:5px}.slider-value{margin-top:10px;font-size:12px;text-align:center;width:25%}.slider-min-max{font-size:12px}.slider-container-inner{display:flex;flex-direction:row;justify-content:space-evenly;color:#fff}@media (max-width: 426px){.filter{bottom:0}}body{background-color:#000!important;margin:0;overflow:hidden;font:16px Arial}canvas{display:block}footer{position:absolute;bottom:0;left:0;width:100%;z-index:999;opacity:.85;box-sizing:border-box;padding:0 10px}nav{background-color:#1b1b1b}footer p{margin:5px;font-size:13.5px;color:#fff}@media (max-width: 768px){footer{padding:5px 8px}footer p{font-size:11px;text-align:center;line-height:1.4}}@media (max-width: 480px){footer p{font-size:10px}}a:link,a:visited{color:#fff;text-decoration:underline}a:hover,a:focus,a:active{color:gray;text-decoration:underline}.showing-container{position:fixed;top:70px;right:10px;width:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px}.colorbar-wrapper{display:none;position:fixed;top:120px;right:10px;width:50px;text-align:center}.colorbar{width:30px;height:100px;background:linear-gradient(to bottom,#b40426,#fff,#3b4cc0);margin:0 auto;border-radius:5px}.colorbar-label{color:#fff;font-size:14px;margin:5px 0}.colorbar-wrapper2{display:none;position:fixed;top:275px;right:10px;width:50px;text-align:center}.colorbar-wrapper3{display:none;position:fixed;top:120px;right:10px;width:50px;text-align:center}.colorbar-green{width:30px;height:100px;background:linear-gradient(to bottom,#0f0,#3d3d3d);margin:0 auto;border-radius:5px}.colorbar-label-green{color:#fff;font-size:14px;margin:5px 0}.colorbar-magenta{width:30px;height:100px;background:linear-gradient(to bottom,#f0f,#3d3d3d);margin:0 auto;border-radius:5px}.colorbar-label-magenta{color:#fff;font-size:14px;margin:5px 0}#tooltip-hover{position:absolute;background:#000000b3;color:#fff;padding:5px;border-radius:3px;pointer-events:none;display:none}#loadingIndicator{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;position:fixed;width:100%;height:100%;color:#fff;background-color:#0000}[helix]{display:flex;gap:.5em}[helix] li{display:flex;flex-direction:column;position:relative;margin:0 .5em}[helix] li div{background-image:linear-gradient(0deg,rgba(0,0,0,.3),transparent);aspect-ratio:1/1;height:15px;border-radius:50%;position:absolute;transform:translate(-30px);opacity:0}[helix] li div:nth-child(2){top:calc(2em + 15px)}[helix] li span{width:2px;height:calc(2.5em - 5px);background-image:linear-gradient(180deg,#fff,gray);transform:translate(-33px,12px);z-index:10;opacity:0;animation:rotateLine 2s infinite linear,fade .1s ease-out forwards}[helix] li div:nth-child(1){animation:cycle-animation 2s infinite cubic-bezier(.42,0,.58,1),scale 2s infinite cubic-bezier(.42,0,.58,1),fade .1s ease-out forwards}[helix] li div:nth-child(2){animation:cycle-animation-reverse 2s infinite cubic-bezier(.42,0,.58,1),scale-reverse 2s infinite cubic-bezier(.42,0,.58,1),fade .1s ease-out forwards}[helix] li:nth-child(2) div,[helix] li:nth-child(2) span{animation-delay:70ms}[helix] li:nth-child(3) div,[helix] li:nth-child(3) span{animation-delay:140ms}[helix] li:nth-child(4) div,[helix] li:nth-child(4) span{animation-delay:210ms}[helix] li:nth-child(5) div,[helix] li:nth-child(5) span{animation-delay:280ms}[helix] li:nth-child(6) div,[helix] li:nth-child(6) span{animation-delay:350ms}[helix] li:nth-child(7) div,[helix] li:nth-child(7) span{animation-delay:420ms}[helix] li:nth-child(8) div,[helix] li:nth-child(8) span{animation-delay:490ms}[helix] li:nth-child(9) div,[helix] li:nth-child(9) span{animation-delay:560ms}[helix] li:nth-child(10) div,[helix] li:nth-child(10) span{animation-delay:630ms}@keyframes cycle-animation{0%{transform:translate(-40px) scale(1)}50%{transform:translate(-40px,calc(2em + 15px)) scale(1)}to{transform:translate(-40px)}}@keyframes cycle-animation-reverse{0%{transform:translate(-40px)}50%{transform:translate(-40px,calc(-2em - 15px))}to{transform:translate(-40px)}}@keyframes scale{0%{width:15px;height:15px;left:0;background-color:#fff;z-index:5}25%{width:20px;height:20px;left:-2.5px;background-color:#fff;z-index:15}50%{width:15px;height:15px;left:0;background-color:#fff;z-index:15}75%{width:10px;height:10px;left:2.5px;background-color:#fff;z-index:0}to{width:15px;height:15px;left:0;background-color:#fff;z-index:5}}@keyframes scale-reverse{0%{width:15px;height:15px;left:0;background-color:#fff;z-index:5}25%{width:10px;height:10px;left:2.5px;background-color:#fff;z-index:0}50%{width:15px;height:15px;left:0;background-color:#fff;z-index:5}75%{width:20px;height:20px;left:-2.5px;background-color:#fff;z-index:15}to{width:15px;height:15px;left:0;background-color:#fff;z-index:15}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rotateLine{0%{transform:translate(-33px,12px) rotateX(0)}to{transform:translate(-33px,12px) rotateX(360deg)}}