/* Shared "beer tab" progress meter for funny.lott665.com. Deliberately
   theme-neutral (reads on any of the site's dark page backgrounds),
   matching the convention set by share.css. Driven by assets/beer-tab.js. */

.beer-tab-mount { text-align: center; margin: 10px 0; }
.beer-tab {
  display: inline-block; max-width: 100%; margin: 0 auto; padding: 10px 18px;
  border-radius: 12px; background: rgba(242,183,5,.1); border: 1px solid rgba(242,183,5,.4);
  text-align: center; font: 600 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #f2e9d0;
}
.beer-tab.bt-paid { border-color: rgba(127,174,74,.5); background: rgba(127,174,74,.12); }
.bt-label { font-weight: 800; letter-spacing: .01em; }
.bt-mugs { margin-top: 6px; display: flex; justify-content: center; gap: 3px; flex-wrap: wrap; max-width: 220px; }
.bt-mug { width: 14px; height: 14px; color: #6b6048; opacity: .55; }
.bt-mug.full { color: #f2b705; opacity: 1; }
.bt-mug-icon { width: 100%; height: 100%; display: block; }
.bt-next { margin-top: 4px; font-size: 12px; font-weight: 600; opacity: .85; }