/*! © 2026 Noxx Labs. All rights reserved. Noxx™ and Noxx Labs™ are trademarks of Noxx Labs. Proprietary: no licence is granted to copy, modify, host or redistribute any part of this code. noxxreplays.co.uk · build 6.1.0-f984a20 · 3d818a9198 */

.lib-tags { display: flex; flex-wrap: wrap; gap: 0.3rem; margin: 0.45rem 0 0.2rem; }
.lib-tags button { font: inherit; font-size: 0.72rem; padding: 0.15rem 0.5rem; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); color: var(--text2); cursor: pointer; }
.lib-tags button small { color: var(--text3); }
.lib-tags button.on { border-color: var(--accent); color: var(--accent); }
.replay-item-tags { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-top: 0.2rem; }
.replay-item-tags span { font-size: 0.66rem; color: var(--cyan); }
.tg-box { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius2); padding: 0.8rem 1rem; }
.tg-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.6rem; }
.tg-chip { display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.8rem; padding: 0.2rem 0.3rem 0.2rem 0.6rem; border-radius: 999px; background: var(--surface); border: 1px solid var(--border); color: var(--cyan); }
.tg-chip button { border: 0; background: none; color: var(--text3); cursor: pointer; font-size: 0.95rem; line-height: 1; padding: 0 0.2rem; }
.tg-chip button:hover { color: var(--red, #ff5a5a); }
.tg-none { color: var(--text3); font-size: 0.82rem; }
.tg-in { width: 100%; max-width: 360px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.6rem; color: var(--text); font: inherit; font-size: 0.85rem; }
.tg-sugg { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.5rem; }
.tg-sugg button { font: inherit; font-size: 0.74rem; padding: 0.15rem 0.5rem; border-radius: 999px; border: 1px dashed var(--border); background: none; color: var(--text2); cursor: pointer; }