.infobox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 400px;
  margin-bottom: 10px;
  transform: scale(0.75);
  transform-origin: top left;
}

.infobox-cell {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid rgb(45, 49, 49);
  color: cadetblue;
  background-color: rgb(45, 49, 49);
}

.infobox-cell.title {
	grid-column: span 2;
  /* justify-self: stretch; */
  justify-content: center;
	font-weight: bold;
	color: burlywood;
}

.infobox-cell.description {
	grid-column: span 2;
	color: aliceblue;
}

.infobox-cell.loot {
	grid-column: span 2;
}

/* .infobox-cell img {
  width: 32px;
  height: 32px;
} */

.infobox-cell .StatImage {
  width: 32px;
  height: 32px;
}

.infobox-cell .ItemImage {
  width: 32px;
  height: 32px;
}

.infobox-cell.Span2 {
	grid-column: span 2;
}

.infobox-cell .NPC {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.infobox-cell .value {
  font-weight: bold;
  color: aliceblue;
  /* margin-left: auto; */
}

.infobox-cell .desc {
  font-size: 0.9em;
  color: #555;
}