.Hud--CircleProgress {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: 0.6vh;

    &-progress {
        width: 8.5vh;
        height: 4.5vw;
    }

    &-icon {
        width: 6.6vh;
        height: 3.6vw;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 4.5vh;
        left: 50%;
        
        img {
            width: 6.6vh;
            height: 3.6vw;
        }
    }

    &-value {
        fill: #fff;
        font-size: 1.7vh;
        font-weight: 600;
        font-style: italic;
        text-align: center;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
    }
}