[data-whale-badge-wrap="1"] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  vertical-align: middle;
}

[data-whale-badge-wrap="1"] img {
  display: block;
  width: auto;
  height: 1.1em;
  max-width: 18em;
  object-fit: cover;
  object-position: left center;
  vertical-align: middle;
}

[data-whale-badge-wrap="1"][data-mobile="1"] {
  margin-left: 0;
  margin-bottom: 6px;
}

[data-whale-badge-wrap="1"][data-mobile="1"] img {
  height: 20px;
  max-height: 20px;
}

[data-whale-badge-text="1"].whale-badge-name-solid {
  color: var(--whale-badge-name-color) !important;
}

[data-whale-badge-text="1"].whale-badge-name-rainbow {
  color: transparent !important;
  background: linear-gradient(90deg, #f00 0%, #ff7f00 12.5%, #ff0 25%, #0f0 37.5%, #0ff 50%, #00f 62.5%, #8b00ff 75%, #f0f 87.5%, #f00 100%);
  background-size: 400% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: whale-badge-rainbow 18s linear infinite;
}

[data-whale-badge-text="1"].whale-badge-name-gold {
  color: #d4af37 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .35), 0 0 6px rgba(212, 175, 55, .25);
}

[data-whale-badge-text="1"].whale-badge-name-blackgold {
  color: #c9a227 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .7), 0 0 8px rgba(0, 0, 0, .28);
}

[data-whale-badge-text="1"].whale-badge-name-liuli {
  color: #7de0ff !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 0 10px rgba(120, 220, 255, .25);
}

@keyframes whale-badge-rainbow {
  from { background-position: 100% 50%; }
  to { background-position: 0 50%; }
}

@media (prefers-reduced-motion: reduce) {
  [data-whale-badge-text="1"].whale-badge-name-rainbow { animation: none; }
}