@import "../../var/style.less"; // 导入变量和混合定义

.progressBarContainer {
    .px-to-vw(width, 350);
}

.info {
    display: flex;
    justify-content: space-between;
    .px-to-vh(margin-bottom, 20);
}

.label {
    font-weight: 400;
    color: #CCE6FF;
    .font-size-to-vw(20);
    .px-to-vh(height, 20);
    .px-to-vh(line-height, 20);

    &>i {
        font-family: 'DingTalk', sans-serif;
        display: inline-block;
        font-weight: normal;
        .font-size-to-vw(20);
        color: #F2FFB3;
        .px-to-vw(margin-left,16);
    }

    &:last-child {
        &>i {
            color: #FFFFFF;
        }
    }
}

.progressBar {
    display: flex;
    .px-to-vh(height, 10);
    background-color: #333a4d;
    .px-to-vw(border-radius, 2);
    overflow: hidden;
}

.expiryBar {
    transition: width 1.5s ease-in-out;
}

.stockBar {

}