.file-preview{align-items:center;border:1px solid #cbcbcb;border-radius:6px;display:flex;justify-content:flex-start;margin-bottom:1rem;padding:1rem;position:relative}.file-preview button.modal-close:after,.file-preview button.modal-close:before{background:#353535}.file-preview button.modal-close:hover{background:none}.file-preview button.modal-close:hover:after,.file-preview button.modal-close:hover:before{background:#ff7714}.file-preview button.button-vue{align-items:center;aspect-ratio:1;background:none;border-radius:0;display:flex;height:2rem;justify-content:center;line-height:normal;padding:0;position:absolute;right:0;text-align:right;top:0;vertical-align:middle}.file-preview button.button-vue:hover{box-shadow:none}.file-preview button.button-vue:hover span{color:#000}.file-preview button.button-vue span{color:#797979;font-size:1rem;font-weight:700;height:-moz-fit-content;height:fit-content;line-height:1}.file-preview .img-wrap{display:inline-block;float:left;margin-right:1rem;vertical-align:bottom}.file-preview .img-wrap svg{font-size:2.7rem}.file-preview .img-wrap svg.pdf{color:#ff7714}.file-preview .img-wrap svg.word{color:#144db0}.file-preview .img-wrap svg.excel{color:#209e62}.file-preview .img-wrap svg.djvu{color:#6e3bc8}.file-preview .text{display:inline-block;vertical-align:top}.file-preview .text .name{border:none;display:block;margin-bottom:.25rem;overflow-wrap:anywhere}.file-preview .text .name:first-line{line-height:1}.file-preview .text .info-wrap{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:.5rem;row-gap:1rem}.file-preview .text .info-wrap .info{border-bottom:1px dotted #cbcbcb;color:#000;font-size:.875rem;line-height:.875rem;transition:all .15s ease-in-out;white-space:nowrap}.file-preview .text .info-wrap .info:not(.type){cursor:pointer}.file-preview .text .info-wrap .info:not(.type) :hover{color:#ff7714}.file-preview .text .info-wrap .info a{color:#000;white-space:nowrap}.file-preview .text .info-wrap .info a:hover,.file-preview .text .info-wrap .info.download:hover{color:#ff7714}.file-preview .text .info-wrap .info i{font-size:.875rem;margin-right:.25rem}