.table {
  --padding-vertical: var(--spacing-sm);
  --padding-horizontal: var(--spacing-lg);

  border-radius: var(--radius-md);
  border-spacing: 0;
  border: var(--border-sm) solid var(--color-darkener);
  text-align: left;
  white-space: nowrap;
}

.table-actions {
  visibility: hidden;
}

.table-row:focus .table-actions,
.table-row:focus-within .table-actions,
.table-row:hover .table-actions {
  visibility: visible;
}

@media all and (max-width: 1024px) {
  .table-actions {
    visibility: visible;
  }
}

.table-row.variant--disabled {
  color: var(--color-dark);
}

.table-cell {
  border-top: var(--border-sm) solid var(--color-darkener);
  min-height: 100px;
  padding: var(--padding-vertical) calc(var(--padding-horizontal) / 2);
  vertical-align: middle;
  width: 0;
}

.table-link:hover {
  color: var(--color-primary);
}

.table-cell:first-child {
  padding-left: var(--padding-horizontal);
  width: 100%;
}

.table-cell:last-child {
  padding-right: var(--padding-vertical);
}

.table-head .table-cell {
  padding-top: var(--padding-horizontal);
}

.table-body .table-cell:not(:first-child) {
  color: var(--color-dark);
}

.table-body .table-cell:first-child {
  font-weight: var(--font-weight-heavy);
}

.table-row:first-child .table-cell {
  border-top: none;
}

.table-info {
  font-weight: var(--font-weight-normal);
}