.barChart {
}

.barChart__row {
    display: block;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}

    .barChart__row:after {
        content: " ";
        display: table;
        clear: both;
    }

.barChart__label {
    float: left;
    padding-right: 10px;
    width: 120px;
}

.barChart__value {
    float: right;
    padding-left: 10px;
    width: 30px;
}
.barChart__row.last_box {}

.barChart__row.last_box span.barChart__barFill {
    background: linear-gradient(90deg, #7D81B3 0%, #3F3589 18.23%, #E94F7A 48.96%, #FB3E38 100%);
}
.barChart__bar {
    display: block;
    overflow: hidden;
    background: #80808012;
    height: 44px;
}

.barChart__barFill {
    display: block;
    height: 100%;
    width: 0;
    background: #E6ECF3;
}
.barChart__bar span.barChart__value {
    position: absolute;
    right: 16px;
    top: 12px;
    color: #0D0C38;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.barChart__row.last_box span.barChart__value {
    color: #FDFDFD;
}

.barChart {}