.attendance[data-v-b8d910b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px;height:100%}.attendance .overview[data-v-b8d910b4]{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding-right:10px}.attendance .overview .ov-item[data-v-b8d910b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:130px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f9fcff}.attendance .overview .ov-item .wrap[data-v-b8d910b4]{text-align:center}.attendance .overview .ov-item .wrap .score[data-v-b8d910b4]{font-size:22px;color:#333;font-weight:700}.attendance .overview .ov-item .wrap .desc[data-v-b8d910b4]{font-size:12px;color:#666}.attendance .process[data-v-b8d910b4]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding-right:10px}.attendance .process .strip .strip-title[data-v-b8d910b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.attendance .process .strip .strip-box[data-v-b8d910b4]{width:100%;height:10px;background-color:hsla(0,0%,90.2%,.74);border-radius:5px}.attendance .process .strip .strip-box .strip-rate[data-v-b8d910b4]{width:50%;height:100%;border-radius:5px}