.file-preview[data-v-485f16ae]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;max-width:300px;cursor:pointer;transition:all .2s}.file-preview[data-v-485f16ae]:hover{background:#f1f3f4;border-color:#ddd}.file-preview:hover .download-icon[data-v-485f16ae]{opacity:1}.file-icon[data-v-485f16ae]{width:40px;height:48px;margin-right:12px;position:relative;border-radius:4px}.file-icon .icon-wrapper[data-v-485f16ae]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.file-icon .icon-wrapper[data-v-485f16ae]:before{content:"";position:absolute;top:0;right:0;border-width:8px;border-style:solid;border-color:#fff #fff transparent transparent}.file-icon .file-ext[data-v-485f16ae]{color:#fff;font-size:12px;text-transform:uppercase;margin-top:12px}.type-word[data-v-485f16ae]{background:#4285f4}.type-excel[data-v-485f16ae]{background:#0f9d58}.type-ppt[data-v-485f16ae]{background:#ff5722}.type-pdf[data-v-485f16ae]{background:#db4437}.type-image[data-v-485f16ae]{background:#673ab7}.type-audio[data-v-485f16ae]{background:#ff9800}.type-video[data-v-485f16ae]{background:#795548}.type-zip[data-v-485f16ae]{background:#607d8b}.type-code[data-v-485f16ae]{background:#424242}.type-text[data-v-485f16ae]{background:#9e9e9e}.type-file[data-v-485f16ae]{background:#757575}.file-info[data-v-485f16ae]{-ms-flex:1;flex:1;min-width:0}.file-info .file-name[data-v-485f16ae]{font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info .file-size[data-v-485f16ae]{font-size:12px;color:#666}.download-icon[data-v-485f16ae]{margin-left:12px;opacity:.5;transition:opacity .2s}.download-icon i[data-v-485f16ae]{font-size:20px;color:#666}