file-preview-drop-zone{display:block}file-preview-drop-zone .content .fill-parent{height:100%;left:0;position:absolute;top:0;width:100%}file-preview-drop-zone .content .upload-progress-overlay{display:block}file-preview-drop-zone .content .upload-progress{background-color:rgba(0,0,0,.55);border-left:2px solid #fff;display:block;transition:left .5s}file-preview-drop-zone .content .upload-progress .upload-text{align-items:center;display:flex;justify-content:center;transition:left .5s}file-preview-drop-zone .content .upload-progress .upload-text-label{background:rgba(0,0,0,.9);border-radius:100px;color:#fff;font-size:18px;padding:15px 20px}file-preview-drop-zone .content .preview{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;display:block;max-width:100%;min-height:50px;min-width:50px;overflow:hidden;position:relative}file-preview-drop-zone .content .preview .file-loading{align-items:center;background:#fff;color:#999;display:flex;justify-content:center}file-preview-drop-zone .content .cancel{align-items:center;background:#f0f0f0;border:none;color:rgba(0,0,0,.55);cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;position:absolute;right:10px;top:10px}file-preview-drop-zone .content .cancel:focus{color:red}file-preview-drop-zone .content .finalized-wrapper,file-preview-drop-zone .content .uploading{display:block;position:relative}file-preview-drop-zone .content .finalized{align-items:center;display:flex;justify-content:center;min-height:164px}file-preview-drop-zone .content .finalized .preview .cancel{display:none}file-preview-drop-zone .content .finalized .preview .file-loading{background:rgba(0,0,0,.2);opacity:1}file-preview-drop-zone .content .finalized .preview .file-loading .fa{color:#fff}file-preview-drop-zone .content .finalized .preview.fileReady .file-loading{opacity:0;transition:opacity .5s linear}file-preview-drop-zone .content .finalized .preview.fileReady .cancel{display:flex}file-preview-drop-zone .content .finalized .preview.fileReady.fileReadyDone img{opacity:1}file-preview-drop-zone .content .finalized .preview.fileReady.fileReadyDone .file-loading{display:none}file-preview-drop-zone .content .dropzone,file-preview-drop-zone .content .finalized,file-preview-drop-zone .content .uploading{align-items:center;background-color:#fafafa;border:2px dashed #d2d2d2;box-sizing:border-box;color:#999;display:flex;font-family:inherit;height:100%;justify-content:center;min-height:164px;overflow:hidden;padding:5px;width:100%}file-preview-drop-zone .content .dropzone .droptext,file-preview-drop-zone .content .finalized .droptext,file-preview-drop-zone .content .uploading .droptext{display:inline-block;font-size:14px;font-weight:600;text-align:center}file-preview-drop-zone .content .dropzone .droptext span,file-preview-drop-zone .content .finalized .droptext span,file-preview-drop-zone .content .uploading .droptext span{font-size:24px;font-weight:600;line-height:1.5em}file-preview-drop-zone .content .dropzone .preview,file-preview-drop-zone .content .finalized .preview,file-preview-drop-zone .content .uploading .preview{display:block}file-preview-drop-zone .content .dropzone .preview .file-loading,file-preview-drop-zone .content .finalized .preview .file-loading,file-preview-drop-zone .content .uploading .preview .file-loading{background:#fafafa;display:flex}file-preview-drop-zone .content .dropzone .preview .file-loading .fa,file-preview-drop-zone .content .finalized .preview .file-loading .fa,file-preview-drop-zone .content .uploading .preview .file-loading .fa{color:rgba(0,0,0,.55)}file-preview-drop-zone .content .dropzone .preview.previewNotAvaliable .file-loading,file-preview-drop-zone .content .dropzone .preview.previewReady .file-loading,file-preview-drop-zone .content .finalized .preview.previewNotAvaliable .file-loading,file-preview-drop-zone .content .finalized .preview.previewReady .file-loading,file-preview-drop-zone .content .uploading .preview.previewNotAvaliable .file-loading,file-preview-drop-zone .content .uploading .preview.previewReady .file-loading{background:rgba(0,0,0,.2)}file-preview-drop-zone .content .dropzone .preview.previewNotAvaliable .file-loading .fa,file-preview-drop-zone .content .dropzone .preview.previewReady .file-loading .fa,file-preview-drop-zone .content .finalized .preview.previewNotAvaliable .file-loading .fa,file-preview-drop-zone .content .finalized .preview.previewReady .file-loading .fa,file-preview-drop-zone .content .uploading .preview.previewNotAvaliable .file-loading .fa,file-preview-drop-zone .content .uploading .preview.previewReady .file-loading .fa{color:#fff;opacity:0}file-preview-drop-zone .content .dropzone .preview.saving .file-loading .fa,file-preview-drop-zone .content .finalized .preview.saving .file-loading .fa,file-preview-drop-zone .content .uploading .preview.saving .file-loading .fa{opacity:1;transition:opacity .5s linear}
file-preview .file-preview{align-items:center;display:inline-block;display:flex;height:150px;justify-content:center;width:150px}file-preview .file-preview .file-preview-content{display:block;text-align:center}file-preview .file-preview .icon{display:block;font-size:70px}file-preview .file-preview .extension{display:block;font-size:20px;position:relative;text-transform:uppercase;top:-40px}