.item-icon {
  image-rendering: pixelated;
  vertical-align: middle;
}

/* Dedicated item slot under each pokemon on the team screen */
.item-slot {
  width: 48px;
  height: 48px;
  margin-top: 4px;
  padding: 4px;
  border: 2px dashed #adafbc;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

.item-slot--filled {
  border-style: solid;
}

.item-slot:hover {
  border-color: #f7d51d;
}

/* Inventory sidebar on the team screen */
.inventory-sidebar {
  width: 260px;
}

.inventory-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.inventory-slot {
  width: 48px;
  height: 48px;
  padding: 4px;
  border: 2px solid #adafbc;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  font-size: 0.5em;
}

.inventory-slot:hover {
  border-color: #f7d51d;
}

.inventory-slot.is-selected {
  border-color: #f7d51d;
  background: rgba(247, 213, 29, 0.2);
}

.inventory-info {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 2px solid #adafbc;
  min-height: 5em;
}

.inventory-info__name {
  font-weight: bold;
}

.inventory-info__description,
.inventory-info__hint {
  font-size: 0.75em;
}