.tb {
  --k: hsl(var(--h) calc(var(--s) * 1%) calc(var(--l) * .7%));
  display: inline-block;
  font: 400 10px/17px Verdana, Arial, Helvetica, sans-serif;
  padding: 0 6px;
  margin: 0 1px;
  border: 0;
  border-radius: 3px;
  background: hsl(var(--h) calc(var(--s) * 1%) 93%);
  color: var(--k);
  white-space: nowrap;
  vertical-align: baseline;
  text-decoration: none;
}
.tb-group {
  white-space: nowrap;
}
.tb-group .tb {
  margin-right: 0;
}
.tb-gap {
  display: inline-block;
  width: 4px;
}
:root[data-theme^="dark"] .tb {
  background: hsl(var(--h) calc(var(--s) * 1%) 50% / .16);
  color: hsl(var(--h) calc(var(--s) * 1%) calc(var(--l) * 1% + 30%));
}
.tb.tb-dashed {
  background: #e8e8e8;
  color: #1d1d1b;
}
:root[data-theme^="dark"] .tb.tb-dashed {
  background: rgba(255, 255, 255, .12);
  color: #e4e4e4;
}
.tb.tb-res, :root[data-theme^="dark"] .tb.tb-res {
  background: #a3127a;
  color: #ffffff;
}
.tb.tb-res-1080p, .tb.tb-res-1080i, :root[data-theme^="dark"] .tb.tb-res-1080p, :root[data-theme^="dark"] .tb.tb-res-1080i {
  background: #0b5d75;
}
.tb.tb-res-4k, :root[data-theme^="dark"] .tb.tb-res-4k {
  background: #6d28d9;
}
.top10-title .tb {
  font-size: 9px;
  line-height: 10px;
  padding: 0 3px;
  vertical-align: 1px;
}
.tl {
  display: block;
}
.tl-head {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tl-name {
  flex: 1 1 220px;
  min-width: 0;
}
.tl-head .release-no-work {
  flex: none;
}
.tl-badges {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  margin-left: auto;
}
.tl-src {
  display: inline-flex;
  gap: 3px;
  margin-right: 4px;
  white-space: nowrap;
  vertical-align: baseline;
}
.tl-pages {
  display: block;
  margin-top: 2px;
}
.tl .tb {
  margin: 0;
  vertical-align: baseline;
}
.tl-badges .tb-group {
  display: inline-flex;
  gap: 2px;
}
#all TD.top10-replies DIV.top10-title.t10-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
#all TD.top10-replies DIV.top10-title.t10-row > A {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t10-src {
  flex: none;
  display: flex;
  gap: 3px;
}
.t10-src .tb {
  margin: 0;
}
.release-name:has(.tb), .release-threads a:has(.tb), .release-files a:has(.tb) {
  text-decoration: none;
}
.release-name:has(.tb):hover, .release-threads a:has(.tb):hover, .release-files a:has(.tb):hover {
  text-decoration: underline;
}
.release-table .release-name {
  text-decoration: none;
}
.release-table .release-name:hover {
  text-decoration: underline;
}