.FileInput{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:99%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}.FileInput .preview{margin-right:20px;-ms-flex-preferred-size:50%;flex-basis:50%}.FileInput .preview .previewImage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.FileInput .preview .previewImage img{max-width:200px;max-height:200px;border-radius:0;-webkit-box-shadow:var(--shadow1);box-shadow:var(--shadow1)}.FileInput .buttons{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-align:center;-ms-flex-align:center;align-items:center}.FileInput .buttons .butCancel{margin-top:10px;margin-left:0}.FileInput .buttons button{width:100%}.FileInput .documentPreview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.FileInput .documentPreview img{max-width:16px;margin-right:10px}.FileInput .documentPreview .documentProps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.FileInput .documentPreview .documentName{overflow:hidden;text-overflow:ellipsis;max-width:270px;word-break:normal;font-size:13px;text-align:center}.FileInput .documentPreview .documentSize{font-size:12px;opacity:.7}.FileInput .progress{margin-top:10px}.FileInput .progress .el-progress__text{font-size:9px}