.wompum-container {
  width: 100%;
  margin: 0 auto;
}

.wompum-container .wompum-grid,
.wompum-container .wompum-interview-grid {
  gap: 2px;
  height: 100%;
  min-height: 2px;
  grid-template-rows: repeat(var(--grid-rows, 5), 1fr);
}

.wompum-container--wide-gap .wompum-grid,
.wompum-container--wide-gap .wompum-interview-grid {
  gap: 1rem;
}

.wompum-container--no-gap .wompum-grid,
.wompum-container--no-gap .wompum-interview-grid {
  gap: 0;
}

.wompum-grid,
.wompum-interview-grid {
  display: grid;
  width: 100%;
}

.wompum-cell {
  @apply dark:opacity-70 brightness-100;
  width: 100%;
  height: 100%;
  transition: all 3s ease-in;
}

.wompum-cell:hover {
  @apply dark:opacity-100 brightness-125;
  transition: all .3s ease;
}

.wompum-cell[class*="900"]:hover {
  @apply brightness-200;
}

.wompum-cell--narrator,
.wompum-cell--subject,
.wompum-cell--facilitator {
  min-height: unset;
}