bb-client-facet {

  .client-facet {
    @include facet-spacing;

    &__form {
      @include column-flex-container;
    }

    &__content-container {
      @include facet-content-container;
    }

    &__header {
      @include facet-header;
    }

    &__instructions {
      font: {
        size: 15px;
      }
      line-height: spacing(24);
      padding-bottom: spacing(40);
    }

    &__extra-attendees {
      border-top: border(1);
      padding-top: spacing(20);
    }

    &__search {
      padding-bottom: spacing(20);
      &-heading {
        color: $studio-raven-pale-gray;
        font: {
          size: 15px;
        }
        margin: {
          top: 0;
          right: 0;
          bottom: spacing(6);
          left: 0;
        }
      }
    }

    &__attendees-list {
      padding-bottom: spacing(20);

      &--extra-attendees {
        padding-bottom: 0;
      }

      margin: {
        top: spacing(15);
      }
    }

    &__extra-attendee {
      display: block;
      padding-bottom: spacing(10);

      &:only-of-type {
        padding-bottom: 0;
      }
    }

  }
}