@import url('./funnels.css');

/* Compress audio (compress-audio.html). funnels.css draws the drop zone, the panel, the
   switches and the bitrate menu; this adds the size field, drawn like the menu beside it
   (44 pixels tall), and the estimate line, the one number the page is for. */
#convert-file { margin:4px 0 0; overflow-wrap:anywhere; }
.tool-row input[type="number"] { width:6.5em; min-height:44px; padding:0 12px; border:1px solid #ffffff24; border-radius:12px; background:#0b0c0f; color:var(--snow); font:500 15px var(--sans); font-variant-numeric:tabular-nums; }
.tool-row input[type="number"]:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.tool-row input:disabled,.tool-row select:disabled,.tool-tabs button:disabled { opacity:.5; cursor:wait; }
.tool-panel .compress-estimate { margin:18px 0 0; color:var(--snow); font-size:16px; font-weight:500; font-variant-numeric:tabular-nums; }
.tool-panel .compress-estimate.error { color:#ff9f8f; }
.compress-estimate:empty,#thin-note:empty { display:none; }
#convert-progress { margin-top:14px; }