.thing-table-container {
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline: var(--container-inline-padding);
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.thing-table-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.thing-table {
  --thing-table-preview-size: 3.5rem;
  table-layout: fixed;
  min-inline-size: 100%;

  a { text-decoration: none; }

  .title { color: var(--color--max-text); }

  .image-header { width: calc(var(--thing-table-preview-size) + (var(--space--small) * 2)); }
  .posted { width: 10rem; }
  .actions-header { width: 5rem; }

  @media (max-width: 43rem) {
    table-layout: auto;
    inline-size: max-content;
  }

  .time {
    color: var(--color--aa-text);
    white-space: nowrap;
  }

  .time .wrapping-inline-row {
    flex-wrap: nowrap;
  }

  .timestamp { display: none; }

  .time:hover {
    .relative-time { display: none; }

    .timestamp { display: inline; }
  }

  .image-cell {
    padding: var(--space--small);
    vertical-align: top;
  }

  .thing-table-row {
    .images {
      display: flex;
      flex: 0 0 auto;
      overflow: hidden;
      align-items: center;
      justify-content: center;
      inline-size: var(--thing-table-preview-size);
      block-size: var(--thing-table-preview-size);
      aspect-ratio: 1 / 1;
      border-radius: var(--border-radius--small);
      img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }

  .bookmark-toggle:not(.bookmarked) { visibility: hidden; }

  .actions {
    visibility: hidden;
    gap: 0.75rem;
    white-space: nowrap;
  }

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

  tbody tr:hover {
    .bookmark-toggle:not(.bookmarked) { visibility: visible; }

    .actions { visibility: visible; }
  }
}