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

/* The pause shortener (remove-silence.html). funnels.css covers the drop zone, the panel and
   its controls; this adds the pause level's label row, the totals line and the list of
   pauses, which scrolls inside itself when it is long so the save row stays near. */
.silence-level { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 16px; margin-top:18px; color:var(--snow); font-size:15px; font-weight:500; }
.silence-level output { color:var(--snow-2); font-variant-numeric:tabular-nums; }
.tool-panel .silence-totals { margin:16px 0 0; color:var(--snow); font-size:15px; font-weight:500; }
.silence-list { max-height:260px; margin:10px 0 0; padding:0 0 0 1.6em; overflow-y:auto; color:var(--snow-2); font-size:14px; line-height:1.5; font-variant-numeric:tabular-nums; }
.silence-list li { padding:4px 0; border-top:1px solid #ffffff14; overflow-wrap:anywhere; }
.silence-list:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:4px; }
#silence-more:empty { display:none; }
#silence-encoding { margin-top:12px; }
.tool-drop[aria-disabled="true"] { opacity:.6; }
.tool-panel select:disabled { opacity:.5; cursor:wait; }