/*  =================================
    Genome Viewer / viewer.css 
    ================================= */


#content-viewer{
    padding: 0px 24px 40px;
    display: flex;
    flex-direction: column;
}

#viewer-main-content{
    flex-direction: row;
}

#viewer-main-content aside{
    display: flex;
    flex-direction: column;
    width: 20%;
    height: fit-content;
    background-color: var(--cards);
    padding: 16px;
    border-radius: 24px;
    gap: 6px;
    box-sizing: border-box;
}

#viewer-main-content aside #download-container{
    font-size:  var(--sl-font-size-small);
}

#viewer-main{
    gap: 1%;
    height: auto;
}
#genome-container{
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;

}


#title{
    width: 100%;
}


.note{
    font-size: var(--sl-font-size-x-small);
    color: var(--text-disabled-inactive)
}

@media screen and (min-width: 2560px){
    
    #content-viewer{
        padding-top: 2rem;
    }

    
    
}