

.rpm-stable {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;

    &__container {
        position: absolute;
        bottom: 170px;
        display: flex;
        align-items: baseline;
        height: 30px;
        width: 370px;
        border-radius: 2px;
        border-left: 2px solid white;
        border-right: 2px solid white;
        border-bottom: 2px solid white;
    }

    &__rpm {
        transition: width 200ms linear;
        border-radius: 2px;
        position: absolute;
        bottom: 2px;
        left: 3px;
        height: 80%;
        width: 80%;
        background-color: white;
    }

    &__steps {
        display: flex;
        width: 100%;
        justify-content: space-between;
        position: absolute;
        bottom: -20px;
        font-size: 12px;
    }

    // &__rpm {
    //     position: absolute;
    //     font-weight: 400;
    //     font-size: 40px;
    //     letter-spacing: 7px;
    //     bottom: 80px;
    //     margin-left: 200px;
    //     width: 165px;
    //     text-align: right;
    //     margin-bottom: 3px;
    //     > div:last-child {
    //         font-size: 10px;
    //         margin-top: -9px;
    //     }
    // }
    
}