.dino-diet-symbol {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 116px;
  height: 82px;
  flex: 0 0 auto;
  overflow: hidden;
}

.dino-diet-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .38));
}

.dino-mascot-image {
  transform: translate(var(--mascot-x, 0), var(--mascot-y, 0)) scale(var(--mascot-scale, 1));
  transform-origin: 50% 50%;
}

/* Catalog and marketplace thumbnails always show the complete silhouette. */
.card-top .dino-mascot-image,
.dino-top .dino-mascot-image {
  transform: none;
}

.dino-diet-symbol.is-compact {
  width: 96px;
  height: 68px;
}

.dino-diet-symbol.is-gold .dino-diet-image {
  filter: saturate(1.06) drop-shadow(0 4px 6px rgba(0, 0, 0, .42));
}

@media (max-width: 520px) {
  .dino-diet-symbol,
  .dino-diet-symbol.is-compact {
    width: 82px;
    height: 60px;
  }
}