.taggings-table {
  .taggings-table__record {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    align-items: baseline;
  }

  .taggings-table__record-id {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.375rem;
    border: var(--border--light);
    border-radius: var(--border-radius--small);
    line-height: 1.2;
  }

  .taggings-table__thing-name,
  .taggings-table__tag-name {
    color: var(--color--max-text);
    text-decoration: none;
  }

  .taggings-table__thing-name:hover,
  .taggings-table__tag-name:hover {
    color: var(--color--link);
    text-decoration: underline;
  }

  tbody tr:hover {
    background-color: var(--color--bg-1);
  }

  .taggings-table__used-at {
    white-space: nowrap;
  }
}