.upload-input{align-items:center;background:#f7f7f7;border:1px dashed #1569cf;display:flex;flex-direction:column;font-size:14px;justify-content:center;margin:28px;padding:85px 110px;position:relative;text-align:center}.upload-input input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-input .upload-loading{bottom:6%;position:absolute;z-index:2}.upload-input.event-none input{pointer-events:none}.upload-input.event-none:before{background-color:#0000004d;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.upload-file-list{height:450px;overflow-y:auto;padding:20px}.upload-file-list ul{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.upload-file-list ul li{--size:10px;--color-1:#fff;--color-2:#eee;background-image:conic-gradient(var(--color-2) 90deg,var(--color-1) 90deg .5turn,var(--color-2) .5turn 270deg,var(--color-1) 270deg);background-repeat:repeat;background-size:var(--size) var(--size);border:1px solid rgba(0,0,0,.15);cursor:pointer;overflow:hidden;position:relative;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-file-list ul li img{aspect-ratio:1/1;border-radius:4px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.upload-file-list ul li .close-file{color:#666;display:none;position:absolute;right:5px;text-shadow:0 0 2px #fff;top:5px;z-index:2}.upload-file-list ul li .check-circle{display:none}.upload-file-list ul li:hover{border-color:#00000059}.upload-file-list ul li:hover .close-file{display:block}.upload-file-list ul li.selected{border-color:#000}.upload-file-list ul li.selected .check-circle{align-items:center;background-color:#fff;border-radius:50%;bottom:5px;color:#1569cf;display:flex;height:14px;justify-content:center;position:absolute;right:5px;width:14px;z-index:2}.upload-file-list ul li.selected .close-file{display:none}.upload-file-list ul li.selected:after{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.upload-file-list .upload-file-list-empty{font-size:13px;margin:30px 0;text-align:center}.upload-file-list .upload-file-list-empty img{display:inline-block}.upload-file-list .loading-container{align-items:center;display:flex;justify-content:center;padding:20px}.upload-file-list .loading-container .loading-title{color:#666;font-size:13px;margin-left:8px;transform:translateY(2px)}.upload-file-list .bouncing-dots{align-items:center;background-color:#fff;display:flex;gap:4px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.upload-file-list .bouncing-dots div{animation:bounce .6s infinite alternate;background-color:#1569cf;border-radius:50%;height:4px;width:4px}.upload-file-list .bouncing-dots div:nth-child(2){animation-delay:.2s}.upload-file-list .bouncing-dots div:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(4px)}}