.user-listing {
  margin-bottom: 4rem;
}

pre.invite-url {
  font-size: 1.2rem;
  margin-top: 0.4rem;
  background: var(--primary);
  padding: 0.4rem 1rem;
  border-radius: 5px;
}

.user-listing__user {
  padding-bottom: calc(var(--spacing) / 4);
  border-bottom: 2px solid #f3f3f3;
  padding-top: calc(var(--spacing) / 4);
}

.user-listing__user:last-of-type {
  border-bottom: none;
}

.user-listing__user p {
  margin: 0;
}

@media (min-width: 1024px) {
  .user-listing__user {
    align-items: center;
    display: grid;
    grid-template-columns: 2fr 4fr 1fr;
  }
}

@media (min-width: 1024px) {
  .user-listing__user--diageo {
    display: grid;
    grid-template-columns: 2fr 4fr 1fr;
  }
}