.banlist-preview { display: grid; gap: 1rem; }
.banlist-preview [role="status"] { gap: .5rem; align-items: center; }
.banlist-preview table { width: 100%; text-align: left; border-collapse: collapse; }
.banlist-preview th, .banlist-preview td { padding: .75rem; vertical-align: top; }
.banlist-preview thead { background: rgb(127 127 127 / .1); }
.banlist-preview tbody tr:nth-child(even) { background: rgb(127 127 127 / .05); }
.banlist-preview-scroll { overflow-x: auto; }
.banlist-preview-pages { display: flex; align-items: center; gap: .75rem; }
.banlist-badge { display: inline-flex; align-items: center; padding: .25rem .5rem; border: 1px solid transparent; border-radius: .375rem; color: #fff; background: #b91c1c; font-family: var(--font-mono, monospace); font-size: .75rem; line-height: 1rem; text-decoration: none; }
.banlist-badge:hover { background: #991b1b; }
.banlist-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.banlist-notice { margin-block: .75rem; padding: 1rem; border-radius: .75rem; color: #fee2e2; background: #450a0a; overflow-wrap: anywhere; }

.banlist-preview button[data-loading] { outline: 2px solid currentColor; outline-offset: 2px; }