.alert-info {
  background: rgba(69, 212, 174, 0.07);
  border: 1px solid rgba(69, 212, 174, 0.24);
  color: #90ead1;
}

.alert a,
.data-credit a {
  color: var(--lime);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.compact-search {
  width: min(300px, 42vw);
  padding: 8px 11px;
}

.search-form {
  display: flex;
  align-items: center;
  gap: 9px;
}

.search-form input {
  width: min(360px, 48vw);
}

.data-credit {
  margin: 0 0 18px;
  padding: 0 3px;
  color: #667a74;
  font-size: 11px;
}

.ghost.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.player-metrics {
  margin-top: 18px;
}

@media (max-width: 520px) {
  .search-form {
    align-items: stretch;
    flex-direction: column;
  }

  .search-form input,
  .compact-search {
    width: 100%;
  }
}