.file-preview{margin:20px auto 10px}

.file-preview .explain{display:block;margin:16px 0 0;color:rgb(0 0 0 / 40%);text-align:center}

.image-preview{margin:auto;width:170px;height:170px;position:relative;overflow:hidden;background-size:45% auto;color:#ecf0f1;border-radius:100%;border:3px dashed rgb(0 0 0 / 10%);cursor:pointer}

.image-preview-cover{margin:auto;width:100%;height:180px;background-size:100% auto;border-radius:0;border:3px dashed rgb(0 0 0 / 10%)}

.image-preview input{line-height:170px;font-size:200px;position:absolute;opacity:0;z-index:10;cursor:pointer}

.image-preview label#image-label{position:absolute;z-index:5;opacity:.8;cursor:pointer;background-color:rgb(39 41 62 / 50%);width:134px;height:40px;font-size:12px;line-height:42px;text-transform:uppercase;inset:0;margin:auto;text-align:center;border-radius:4px;transform:translateY(2px)}