/* Layout only. Everything visual comes from Tabler's own variables and
   components -- if something looks wrong the fix is the right Tabler class,
   not a rule in here. */

.address {
  max-width: 14rem;
}

.num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* A fee row belongs to the transfer above it. Tinting it is the only cue that
   the two are one event -- without it a reader counts twice as many
   transfers as there were. */
.fee-row {
  background: var(--tblr-bg-surface-secondary);
}

.table-responsive {
  max-height: 70vh;
}

.table-responsive thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--tblr-bg-surface);
}