.progressbar 
{
    display                 : flex;
    flex-direction          : row;
    justify-content         : space-around;
    align-items             : center;
    overflow                : hidden;
    color                   : lightgrey;
}

.progressbar > .item.active 
{
    color                   : var(--primary-color);
}

.progressbar > .item.done
{
    color                   : var(--secondary-color);
}

.progressbar > .item
{
    display                 : flex; 
    flex-direction          : column;
    align-items             : center;
    list-style-type         : none;
    font-weight             : 400
}

.progressbar > .item > .icon,  
.progressbar > .item > .caption  
{
    display                 : block; 
}