.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;padding-block:1.5rem}.file-list-entry{position:relative;border:1px solid lightgray;border-radius:8px;padding:.5rem;.file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}& button{display:grid;place-items:center;position:absolute;width:24px;height:24px;top:-4px;right:-4px;padding:0;border:0;background:gray;border-radius:50%;color:#fff;display:none;&:hover{background:oklab(from gray calc(l - .1) a b)}}&:hover button{display:grid}}.file-info{color:gray;font-size:.8rem}.file-upload-state{display:inline-flex;align-items:center;gap:.2rem}.file-upload-state:before{content:"·";padding-inline:.25rem}.file-upload-icon{border-radius:50%;width:16px;height:16px;display:grid;place-items:center}.file-upload-icon.success{background:green;color:#fff}.file-upload-icon.failure{background:red;color:#fff}.file-list-show-more{grid-column:1 / -1;display:flex;justify-content:center}.loader{animation:spin;animation-duration:.55s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}