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

  .team-cap-note {
    margin-top: 24px;
    padding-inline: var(--content-padding);
    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_switch {
    display: block;
    text-align: center;
    text-decoration: none;
  }
}