.upload-item{display:flex;min-width:72px;width:-moz-fit-content;width:fit-content;padding:6px;border:1px solid gray;margin:0;align-items:center;position:relative}.upload-item--post{height:50px;flex-direction:row;gap:6px}.upload-item--msg{height:100%;flex-direction:column}.upload-item--named{justify-content:space-between}.upload-item--unnamed{justify-content:center}.upload-item__close{position:absolute;top:-7px;right:-7px;width:14px;height:14px;border-radius:50%;background-color:gray;padding:2px;cursor:pointer}.upload-item__close:hover{opacity:.8}.upload-item__preview{object-fit:cover}.upload-item__preview--post{width:-moz-fit-content;width:fit-content}.upload-item__preview--msg{width:60px}.upload-item__preview--full-height{max-height:100%}.upload-item__preview--inset-height{max-height:calc(100% - 16px)}.upload-item__name{max-width:120px;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.upload-display{display:flex}.upload-display--msg{width:100%;padding:12px 8px;gap:10px;border-top:1px solid gray;height:100px;justify-content:flex-start;align-items:center;flex-direction:row}.upload-display--post{position:relative;height:-moz-fit-content;height:fit-content;justify-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:wrap}.upload-display__clear-btn{padding:8px 12px;border-radius:6px;background-color:rgba(0,0,0,.06)}.upload-display__clear-btn:hover:not(:disabled){background-color:rgba(0,0,0,.1)}[data-theme=dark] .upload-display__clear-btn{background-color:hsla(0,0%,100%,.08)}[data-theme=dark] .upload-display__clear-btn:hover:not(:disabled){background-color:hsla(0,0%,100%,.14)}