.keeper-player-copy .keeper-surplus {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 3px 7px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.035);
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.025em;
}

.keeper-player-copy .keeper-surplus.elite,
.keeper-player-copy .keeper-surplus.strong,
.keeper-player-copy .keeper-surplus.good {
  border-color: rgba(90, 214, 154, 0.35);
  color: #7be0ae;
  background: rgba(90, 214, 154, 0.08);
}

.keeper-player-copy .keeper-surplus.costly {
  border-color: rgba(238, 139, 127, 0.34);
  color: #f1a198;
  background: rgba(238, 139, 127, 0.08);
}

.keeper-player-copy .keeper-surplus.unscored {
  border-color: rgba(120, 198, 255, 0.24);
  color: #91cfff;
  background: rgba(120, 198, 255, 0.06);
}

@media (max-width: 820px) {
  .keeper-form {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .keeper-form,
  .keeper-player-field {
    grid-template-columns: 1fr;
  }

  .keeper-player-field > span {
    grid-column: auto;
  }
}