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

/* The free "make audio louder" page (make-audio-louder.html). Everything comes from
   funnels.css except what this page alone has: the extra loudness slider's label row,
   and the Original and Louder player, which wears the try's look (landing.css
   .try-player) but needs its time and position placed by its own ids. */
.tool-panel h2 { overflow-wrap:anywhere; }
.louder-extra { 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; }
.louder-extra output { color:var(--snow-2); font-variant-numeric:tabular-nums; }
.louder-player { margin-top:12px; }
#louder-time { grid-area:time; justify-self:end; color:var(--snow-3); font-size:14px; font-variant-numeric:tabular-nums; }
#louder-position { grid-area:position; }
#louder-position:disabled { opacity:.35; }
#louder-encoding { margin-top:12px; }
/* The one sentence the quick check earns on this page: plain ivory, not gold. */
#louder-noise { color:var(--snow); font-weight:500; }