table.thing-table {
  padding-left: 2rem;
  padding-right: 2rem;
}

.thing-table {
  
  a {
    text-decoration: none;
  }
  
  .title {
    color: var(--color--max-text)  
  }
  
  .time {
    width: 180px;
    color: var(--color--aa-text)
  }
  
  .relative-time { display: inline; }
  .timestamp { display: none; }
  
  .time:hover {
    .relative-time { display: none; }
    .timestamp { display: inline; }
  }
  
  .image-cell {
    padding: 0;
    max-width: 48px;
  }
  
  .thing-table-row {
    .images {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain;  
      }
    }
  }
  
  .star-toggle:not(.starred) {
    visibility: hidden;
  }
  
  .actions {
    gap: 0.75rem;
    visibility: hidden;
  }
  
  tbody tr:hover {
    background-color: var(--color--bg-1);
    
    .star-toggle:not(.starred) {
      visibility: visible;
    }
    
    .actions {
      visibility: visible;
    }
  }
}