/*
This is the CSS file that controls the section of the album box dedicated to displaying the track listing.
*/

.trackbox{
    
    border-width: 4px;
    border-left-width: 0px;
    border-style: solid;
    border-color: white;
    
    width: 25%;
    height: 80vh;
    background: #0e0e10;

    
    color:white;

    /*
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    */
    
    overflow: auto;
    
    line-height: 60%;
}

.trackpad{
    padding-top: 9px;
}

.tracktitle{
    font-weight: light;
    color: #eee;
    overflow:visible;
    line-height: initial;
    width: 78%;
}

.trackrating{
    width: 22%;
    color: rgb(202, 64, 33);

}
.trackrating-mid{
    width: 22%;
    color: rgb(249, 62, 121);
}
.trackrating-bad{
    width: 22%;
    color: rgb(166, 47, 213);
}
.trackrating-perfect{
    width: 22%;
    background: #d46a00;
    background: -webkit-linear-gradient(0deg,rgba(245, 198, 81, 1) 2%, rgba(255, 255, 102, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.trackrating-none{
    width: 22%;
    color: #888;
}

.track{
    display: flex;
    justify-content: space-between;
    border-width: 0px;
    border-bottom-width: 2px;
    border-color: #1c1c1d;
    border-style: solid;
    margin-left: 12px;
    margin-right: 12px;
    
}

.disc{
    font-size: 110%;
    color: #aaa;
    font-weight: light;
    line-height: initial;
    margin-left: 12px;
}