.table {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.header {
  display: flex;
}

.head {
  font-size: var(--font-size-small);
  font-weight: 600;
  line-height: 40px;
  flex: 1;
  border-bottom: 1px solid var(--gray300);
}

.body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.body:empty:before {
  content: 'No data available';
  color: var(--gray500);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.row {
  display: flex;
  border-bottom: 1px solid var(--gray300);
  padding: 10px 0;
}

.cell {
  display: flex;
  align-items: flex-start;
  flex: 1;
}