.document-upload-preview{padding:12px;border:1px solid #c8d8cd;border-radius:12px;background:#f3f7f4}.document-preview-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#365443}.document-preview-heading span{font-size:12px}.document-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.document-preview-grid article{min-width:0;overflow:hidden;border:1px solid #d5dfd8;border-radius:10px;background:#fff}.document-preview-grid img,.document-preview-grid object{display:block;width:100%;height:230px;object-fit:contain;border:0;background:#e8efea}.document-generic-preview{display:grid;place-items:center;align-content:center;gap:8px;height:230px;background:#e8efea;color:#286144}.document-generic-preview b{font-size:55px}.document-generic-preview strong{font-size:18px}.document-preview-info{padding:9px}.document-preview-info>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26382e}.document-preview-info small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718078}@media(max-width:600px){.document-preview-grid{grid-template-columns:1fr}.document-preview-grid img,.document-preview-grid object,.document-generic-preview{height:280px}}