.table-wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(15, 15, 15, 0.85);
  border-radius: 0.5rem;
  overflow: hidden;
}

.table-head,
.table-body,
.table-row {
  display: flex;
}

.table-row {
  align-items: center;
  width: 100%;
  min-height: 4rem;
  padding: 0.5rem 0 0.5rem 1.5rem;
  position: relative;
}

.table-row.header {
  height: 6rem;
  text-transform: uppercase;
  color: whitesmoke;
  border-bottom: solid 2px rgba(15, 15, 15, 0.5);
  background-color: rgba(15, 15, 15, 1);
  font-weight: bold;
  font-size: large;
}

.table-row.header > section {
  align-items: center;
}

.table-body {
  flex-direction: column;
}

.table-body > .table-row:not(:last-child) {
  border-bottom: solid 1px rgba(15, 15, 15, 0.75);
}

.table-body > .table-row:nth-child(odd) {
  background-color: var(--table-row-odd-color);
}

.table-body > .table-row:nth-child(even) {
  background-color: var(--table-row-even-color);
}

.table-body > .table-row:hover {
  background-color: var(--table-row-color-hover);
  cursor: pointer;
}

.header section {
  text-align: left;
}

/* .table-row > .table-item:last-child {
  align-items: flex-end;
} */

.table-item {
  flex: 1;
  text-align: left;
}

.table-item > .tag {
  text-align: center;
  width: 70%;
}