/* Badge icons for echelon */
.badgebar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.badgeicon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  image-rendering: auto;
  border: 1px solid rgba(167, 139, 250, .35);
  background: rgba(0,0,0,.18);
  padding: 3px;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset;
}

.badgeicon:hover {
  border-color: rgba(167, 139, 250, .65);
  background: rgba(139, 92, 246, .10);
}

.badgeicon[aria-label] {
  cursor: default;
}