/* Batch list of the compressor, resizer and converter (shared/batch.js). */
.tool-batch{min-width:0;color:#17211d}
.tool-batch[hidden]{display:none!important}
.tool-batch__summary{margin:0 0 12px;color:#61706a;font-size:14px;line-height:1.5}
.tool-batch__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.tool-batch__item{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:10px 12px;
    border:1px solid #e3e1ec;
    border-radius:10px;
    background:#fff;
}
.tool-batch__item[data-state="working"]{border-color:#28b2e3;background:#eaf8fd}
.tool-batch__item[data-state="failed"]{border-color:#f1c5cc;background:#fff0f1}
.tool-batch__info{display:grid;flex:1;gap:2px;min-width:0}
.tool-batch__name{overflow:hidden;color:#1f1932;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.tool-batch__sizes{color:#1f1932;font-size:13px;font-weight:800}
.tool-batch__message{color:#61706a;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.tool-batch__item[data-state="failed"] .tool-batch__message{color:#8a2e3e}
.tool-batch__download,
.tool-batch__zip{
    min-height:44px;
    padding:8px 14px;
    border:1px solid #0f78a3;
    border-radius:9px;
    background:#fff;
    color:#095f82;
    font:inherit;
    font-size:13px;
    font-weight:850;
    cursor:pointer;
}
.tool-batch__download{flex:none;min-width:44px}
.tool-batch__download[hidden]{display:none}
.tool-batch__zip{width:100%;margin-top:14px;background:#0f78a3;color:#fff}
.tool-batch__download:hover{background:#eaf8fd}
.tool-batch__zip:hover{border-color:#095f82;background:#095f82}
.tool-batch__download:focus-visible,
.tool-batch__zip:focus-visible{outline:3px solid rgba(40,178,227,.45);outline-offset:2px}
.tool-batch__zip:disabled{opacity:.55;cursor:wait}