.list{
    display:flex;
    flex-direction: column;
}

.list.row{
    flex-direction: column;
}

.list > .header{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.list > .header > .title{
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight:400;
}

.list > .header > .controls{
    display:flex;
    flex-direction: row;
    align-items: center;
}

.list > .body{
    display:flex;
    flex-direction:column;
}

.list > .body > .item{
    display:flex;
    flex-direction: row;
}

.list > .footer{
    display:flex;
    flex-direction: row;
}