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

.progressBar {
    .info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .px-to-vh(margin-bottom, 16);

        .label {
            font-weight: 400;
            .font-size-to-vw(28);
            color: #CCE6FF;

            &>i {
                font-style: unset;
                .font-size-to-vw(24);
                color: #FFFFFF;
                font-family: 'DingTalk', sans-serif;
            }
        }
    }
    .boxes {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items:center;
        .box {
            .px-to-vw(width,20);
            .px-to-vh(height,20);
            .px-to-vw(margin-right,4);
        }
    }
}