.choose-image-preview{display:grid;gap:9.3px;grid-template-columns:repeat(4,60px);margin-bottom:16px;padding:0 16px}.thumbnail-item{border-radius:var(--radius-xl,8px);height:64px;overflow:hidden;position:relative;width:64px}.thumbnail-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.thumbnail-image,.thumbnail-overlay{height:100%;inset:0;position:absolute;width:100%}.thumbnail-overlay{align-items:center;background:#fff;border-radius:3px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:opacity .7s ease-out}.thumbnail-overlay--uploading{background:#31343999}.thumbnail-overlay--generating .thumbnail-overlay__blur-image{filter:blur(20px);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;transform:scale(1.5);width:100%;will-change:transform}.thumbnail-overlay--generating .thumbnail-overlay__dimmer{background:#31343908;inset:0;position:absolute;z-index:1}.thumbnail-overlay--generating .thumbnail-overlay__shimmer{inset:0;overflow:hidden;position:absolute;z-index:2}.thumbnail-overlay--generating .thumbnail-overlay__shimmer:after{animation:shimmer-slide 2.2s linear infinite;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.5) 50%,transparent);content:"";height:100%;inset:0 -100%;position:absolute;width:200%;will-change:transform}@keyframes shimmer-slide{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(200%) skew(-12deg)}}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:4px;padding:0 8px;width:100%}.upload-progress .progress-text{color:#fff;font-family:Albert Sans,sans-serif;font-size:12px;font-weight:600;line-height:1}.upload-progress .progress-bar{background:#fff3;border-radius:1.5px;height:3px;overflow:hidden;width:100%}.upload-progress .progress-bar .progress-fill{background:#fff;border-radius:1.5px;height:100%;transition:width .3s ease}.thumbnail-count{align-items:center;border:1px solid rgba(49,52,57,.06);border-radius:4px;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.thumbnail-count span{color:#313439cc;font-family:Albert Sans,sans-serif;font-size:12px;font-weight:500;line-height:22px}
