.file-upload-wrapper{width:100%}.file-upload{position:relative;width:100%;height:200px}.file-upload:not(.has-error):hover .file-upload-mask{opacity:.06}.file-upload-input.has-multiple~.file-upload-previews .file-upload-preview:hover .file-upload-preview-details,.file-upload.has-error:hover .file-upload-errors,.file-upload:hover .file-upload-input:not(.has-multiple)~.file-upload-previews .file-upload-preview-details{opacity:1}.file-upload.has-error .file-upload-errors{display:-webkit-box;display:-ms-flexbox;display:flex}.file-upload.disabled{pointer-events:none}.file-upload.disabled .file-upload-message{opacity:.5;text-decoration:line-through}.file-upload-message{position:absolute;width:100%;height:100%;top:0;left: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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file-upload-cloud-icon{font-size:2.2rem}.file-upload-main-error{font-weight:700;margin:0}.file-upload-input{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.file-upload-input.has-multiple{z-index:unset}.file-upload-mask{pointer-events:none;background-color:#000}.file-upload-errors,.file-upload-mask{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all .2s;transition:all .2s}.file-upload-errors{display:none;background:rgba(243,65,65,.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file-upload-error{color:#fff}.file-upload-previews{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.file-upload-preview{background-color:#fff;cursor:pointer;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.file-upload-render{width:100%;height:100%}.file-upload-file-icon{font-size:80px;color:#777}.file-upload-extension,.file-upload-file-icon{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}.file-upload-extension{margin-top:10px;text-transform:uppercase;font-weight:900;letter-spacing:-.03em;font-size:1rem;color:#fff;width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-upload-preview-details{position:absolute;width:100%;height:100%;top:0;left:0;color:hsla(0,0%,100%,.959);background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:flex;opacity:0;-webkit-transition:all .2s;transition:all .2s}.file-upload-remove-file-btn{position:absolute;right:15px;top:10px;z-index:3}.file-upload-details-container{height:100%;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}.file-uplod-preview-details-inner{text-align:center}