.file-preview{border:1px solid #cbcbcb;border-radius:6px;padding:1rem;margin-bottom:1rem;position:relative;display:flex;justify-content:flex-start;align-items:center}.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{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:2rem;aspect-ratio:1;text-align:right;background:none;line-height:normal;border-radius:0;vertical-align:middle;padding:0}.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;height:-moz-fit-content;height:fit-content;font-size:1rem;font-weight:700;line-height:1}.file-preview .img-wrap{display:inline-block;float:left;vertical-align:bottom;margin-right:1rem}.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{display:block;border:none;margin-bottom:.25rem;overflow-wrap:anywhere}.file-preview .text .name:first-line{line-height:1}.file-preview .text .info-wrap{display:flex;justify-content:flex-start;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem;flex-wrap:wrap;align-items:center;margin-top:.5rem}.file-preview .text .info-wrap .info{line-height:.875rem;font-size:.875rem;border-bottom:1px dotted #cbcbcb;color:#000;white-space:nowrap;transition:all .15s ease-in-out}.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}