.barContainer {
    width: 100%;
    height: 50px;
    margin-top: 10px;
}

.barLabel {
    padding-top: 2px;
    font-size: 11pt;
}

.bar {
    background-color: #333;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.barProgress {
    background-color: var(--primary-color);
    height: 20px;
}

.barAbsoluteValue {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.pulsate {
    -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
    animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

/*noinspection CssUnknownProperty*/
@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*noinspection CssUnknownProperty*/
@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}