/* The team page in the business hub, and the invitation pages on the session chrome. */
@layer components {
  .team-cap-reached {
    padding-top: var(--section-label-gap);
    color: var(--color-text-muted);
  }

  .team-cap-note {
    margin-top: 24px;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-align: center;

    a {
      color: inherit;
      text-decoration: underline;
    }
  }

  .invitation_lead {
    width: 100%;
    margin-bottom: 1.5rem;
    color: var(--color-text-muted);
    text-align: center;
  }

  .invitation_email {
    width: 100%;
    margin-bottom: 1rem;
    font-weight: var(--font-weight-semibold);
    text-align: center;
    overflow-wrap: anywhere;
  }

  .invitation_consent {
    width: 100%;
    margin-top: 1rem;
    font-size: var(--text-xs);
    color: var(--color-text-light);
    text-align: center;

    a {
      color: var(--color-link);
    }
  }

  .invitation_switch {
    display: block;
    text-align: center;
    text-decoration: none;
  }
}