[data-v-1d1faddc]:root{--testthemecolor:green}.material-img .upload-box[data-v-1d1faddc]{width:100%}.material-img .self-select[data-v-1d1faddc]{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .material-img .self-select[data-v-1d1faddc]{padding:0 10px;border:2px solid #4764d4;border-radius:5px}.material-img .self-select .el-icon-close[data-v-1d1faddc],.material-img .self-select .icon-self-el[data-v-1d1faddc],.material-img .self-select .text[data-v-1d1faddc]{color:#4764d4}[dir=ltr] .material-img .self-select .icon-self-el[data-v-1d1faddc]{margin-right:5px}[dir=rtl] .material-img .self-select .icon-self-el[data-v-1d1faddc]{margin-left:5px}[dir] .material-img .self-select .self-right[data-v-1d1faddc]{cursor:pointer}.material-img .self-select .el-icon-close[data-v-1d1faddc]{font-size:18px}[data-v-1113a39d]:root{--testthemecolor:green}.material-img .avatar-box[data-v-1113a39d]{display:inline-block;position:relative}.material-img .avatar-box .avatar-uploader-btn[data-v-1113a39d]{width:80px;height:80px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .material-img .avatar-box .avatar-uploader-btn[data-v-1113a39d]{border:2px solid #d8d6de}.material-img .avatar-box .avatar-img[data-v-1113a39d]{width:80px;height:80px}.material-img .avatar-box .cover-box[data-v-1113a39d]{position:absolute;width:80px;height:80px;bottom:0;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;display:none}[dir] .material-img .avatar-box .cover-box[data-v-1113a39d]{background-color:rgba(0,0,0,.5)}[dir=ltr] .material-img .avatar-box .cover-box[data-v-1113a39d]{right:0}[dir=rtl] .material-img .avatar-box .cover-box[data-v-1113a39d]{left:0}@media screen and (min-width:768px){.addMaterialImgDialog.sidebar-dialog .vs-sidebar{width:800px}}.card-item[data-v-2bfae532]{width:100%;overflow:hidden}[dir] .card-item[data-v-2bfae532]{border:1px solid #e0e4f2;border-radius:10px;margin-bottom:20px}.card-item .img-outer[data-v-2bfae532]{height:170px;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;width:100%;overflow:hidden}.card-item .img-outer img[data-v-2bfae532]{min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.card-item .img-el[data-v-2bfae532]{line-height:170px;width:100%}[dir] .card-item .btn-modules[data-v-2bfae532],[dir] .card-item .date[data-v-2bfae532],[dir] .card-item .title[data-v-2bfae532]{padding:0 10px}.card-item .btn-modules[data-v-2bfae532]{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px}.card-item .title[data-v-2bfae532]{font-size:14px;font-weight:500;word-break:break-word;white-space:nowrap}[dir] .card-item .title[data-v-2bfae532]{margin-bottom:10px;margin-top:10px}.card-item .date[data-v-2bfae532]{color:#b7b8c9;font-size:12px}.card-item .card-preview[data-v-2bfae532]{color:#b7b8c9;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}[dir] .card-item .card-preview[data-v-2bfae532]{padding:20px 10px;background-color:#eff3ff;margin-bottom:10px}.card-item .card-preview .icon-inner[data-v-2bfae532]{font-size:30px}[dir=ltr] .card-item .card-preview .card-preview-text[data-v-2bfae532]{margin-left:10px}[dir=rtl] .card-item .card-preview .card-preview-text[data-v-2bfae532]{margin-right:10px}:root{--testthemecolor:green}.imgOrVoiceOrVideoMaterial .list-outer-material{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.imgOrVoiceOrVideoMaterial .list-outer-material .card-item{width:170px}.imgOrVoiceOrVideoMaterial .list-outer-material .card-item .add-card-item-inner{height:261px;overflow:hidden}[dir] .imgOrVoiceOrVideoMaterial .list-outer-material .card-item .add-card-item-inner{border:1px solid #e0e4f2;border-radius:10px}.imgOrVoiceOrVideoMaterial .list-outer-material .card-item .card-preview{line-height:170px;max-height:170px}.imgOrVoiceOrVideoMaterial .list-outer-material .card-preview-text{font-size:11px}