.batch-compressor .batch-file-list,.batch-compressor .batch-result-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.batch-compressor .batch-file-list{max-height:286px;overflow:auto}.batch-compressor .batch-file-row,.batch-compressor .batch-result-row{background:#fafaf9;border:1px solid #dcdfe4;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.batch-compressor .batch-file-row>div,.batch-compressor .batch-result-row>div{min-width:0}.batch-compressor .batch-file-row strong,.batch-compressor .batch-result-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.batch-compressor .batch-file-row small,.batch-compressor .batch-result-row small{color:#777d87;font-size:.65rem;line-height:1.45;display:block}.batch-compressor .batch-file-row.invalid,.batch-compressor .batch-result-row.failed{background:#fff8f7;border-color:#f1c7c4}.batch-compressor .batch-file-row.invalid small,.batch-compressor .batch-result-row.failed small{color:#a12522}.batch-compressor .batch-selection-heading,.batch-compressor .batch-results-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.batch-compressor .batch-selection-heading>span,.batch-compressor .batch-results-heading>span{color:#5c6069;font-size:.72rem}.batch-compressor .batch-results{border-top:1px solid #eff0f2;margin-top:22px;padding-top:18px}.batch-compressor .batch-results-heading strong{font-size:.86rem}.batch-compressor .batch-result-actions{align-items:center;gap:5px;display:flex}.batch-compressor .batch-result-actions .text-button{min-height:38px;padding:6px}.batch-compressor .zip-button{width:100%;margin-top:12px}@media (width<=480px){.batch-compressor .batch-result-row{grid-template-columns:1fr}.batch-compressor .batch-result-actions{justify-content:flex-end}}