.upload-image-container[data-v-ecf67b1e]{display:flex;flex-wrap:wrap;gap:10px}.upload-image-container .image-item[data-v-ecf67b1e]{position:relative;margin-right:10px;margin-bottom:10px}.upload-image-container .image-item .delete-icon[data-v-ecf67b1e]{position:absolute;top:5px;right:5px;color:#f56c6c;font-size:16px;cursor:pointer;background:hsla(0,0%,100%,.7);border-radius:50%;padding:3px}.upload-image-container .upload-button[data-v-ecf67b1e]{width:100px;height:100px;border:1px dashed #dcdfe6;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#909399;font-size:24px}.upload-image-container .upload-button[data-v-ecf67b1e]:hover{border-color:var(--ds-primary);color:var(--ds-primary)}.border-right[data-v-21116767]{border-right:1px solid #ebeef5}.padding[data-v-21116767]{padding:15px}.staff-item[data-v-21116767]{padding:10px;margin-bottom:10px;border-radius:4px;cursor:pointer}.staff-item[data-v-21116767]:hover{background-color:#f5f7fa}.selected[data-v-21116767]{background-color:var(--ds-primary-sub);border:1px solid var(--ds-primary)}.text-center[data-v-21116767]{text-align:center;margin-bottom:15px}.add-attendance-classes-staff-container[data-v-1f60535f]{padding:20px}.add-attendance-classes-staff-container .el-form-item[data-v-1f60535f]{margin-bottom:22px}.add-attendance-classes-staff-container .ml-10[data-v-1f60535f]{margin-left:10px}.add-attendance-classes-staff-container .mt-20[data-v-1f60535f]{margin-top:20px}.add-attendance-classes-staff-container .mr-20[data-v-1f60535f]{margin-right:20px}.add-attendance-classes-staff-container .text-right[data-v-1f60535f]{text-align:right}.add-attendance-classes-staff-container .float-right[data-v-1f60535f]{float:right}