.spr-player-list {
  position: relative;
  background-color: var(--player-list-background);
  padding-block: var(--padding-vertical-main);

  &:has(.spr-player-list__heading) {
    padding-block: var(--padding-vertical-small);
  }
}

.spr-player-list.spr-player-list--standalone {
  padding-block: var(--padding-vertical-small);
}

.spr-player-list__heading > * {
  grid-column: 1 / span 4;
  margin-block: 0 var(--space-medium);

  @media (min-width: 992px) {
    grid-column: 1 / span 12;
    margin-block: 0 var(--padding-vertical-small);
  }
}

.spr-player-list:has(.spr-player-list__exposed:not(:empty)) .spr-player-list__heading > * {
  margin-block: 0 var(--space-medium);
}

.spr-player-list__exposed {
  margin-block: 0 var(--space-medium);

  &:empty {
    display: none;
  }
}

.spr-player-list__content {
  position: relative;
  grid-column: 1 / span 12;

  &.grid--3 {
    @media (min-width: 992px) {
      row-gap: var(--space-medium);
    }
  }
}