:root {
  color-scheme: light;
}
body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
button,
input,
select {
  font: inherit;
}
.bg-indigo-600 {
  background-color: #000080 !important;
}
.bg-indigo-600:hover,
.hover\:bg-indigo-500:hover {
  background-color: #000066 !important;
}
[data-card] {
  cursor: default;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 9999px;
  padding: 0.2rem 0.65rem;
}
.badge-300 {
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #1e3a8a;
}
.badge-800 {
  background: rgba(255, 176, 61, 0.10);
  border: 1px solid rgba(255, 176, 61, 0.5);
  color: #b45309;
}
.badge-text {
  line-height: 1.2;
}
.badge-icon-img {
  height: 15px;
  width: auto;
  display: inline-block;
}
.hof-star-icon {
  display: inline-block;
  height: 1.45em;
  width: auto;
}
.hof-card-star {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.35rem;
  margin-left: auto;
}
.hof-modal-star {
  margin-left: 10%;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.35rem;
}
.hof-inducted-label {
  font-size: 0.5rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475569;
  white-space: nowrap;
  align-self: flex-end;
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
  height: 100%;
  margin-bottom: 0.1rem;
}
.hof-bio-link {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  font-size: 0.45rem;
  letter-spacing: 0.08em;
  margin-left: 0;
  align-self: flex-end;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.hof-modal-title {
  white-space: nowrap;
}