/**
 * Member card blocks
 *
 * Scoped styles for the gains-blocks/member-* leaf blocks.
 * Loaded only where a block is present on the page.
 */

.gains-member-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
  border-radius: 9999px;
}

.gains-member-avatar:not(.has-background) {
  background: var(--wp--preset--color--background, #ffffff);
}

.gains-member-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gains-member-avatar__initials {
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--400);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.gains-member-role,
.gains-member-email,
.gains-member-affiliate {
  margin: 0;
}

.gains-member-links {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20, 0.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* .gains-member-affiliate {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--10, 0.25rem);
}

.gains-member-affiliate::before {
  content: "-";
} */

.gains-member-email,
.gains-member-links a {
  display: inline-flex;
  font-size: var(--wp--preset--font-size--300, 0.875rem);
  padding-block: var(--wp--preset--spacing--5, 0.25rem);
  padding-inline: var(--wp--preset--spacing--20, 0.5rem);
  background: var(--wp--preset--color--background, #f5f5f5);
  text-decoration: none;
  border-radius: 1vw;
}