#info{display:flex;justify-content:space-between;align-items:center;height:30px;color:var(--mut)}
#ctx{display:flex;gap:6px}
#bar{display:flex;gap:5px}
.ib{flex:1;height:42px;border:0;border-radius:10px;background:var(--card);color:var(--fg);display:grid;place-items:center;padding:0}
.ib svg{width:22px;height:22px}
#ctx .ib{flex:none;width:44px;height:30px;border-radius:8px}
#ctx .ib svg{width:18px;height:18px}
.ib[hidden]{display:none}
.ib:disabled{opacity:.35}
.ib.pr{background:var(--ac);color:#fff}
.ib.in{color:var(--in)}.ib.out{color:var(--out)}