.invite-user {
  margin: 0 var(--sp-normal);
  margin-right: var(--sp-extra-tight);
  margin-top: var(--sp-extra-tight);

  &__form {
    display: flex;
    align-items: flex-end;

    & .input-container {
      flex: 1;
      min-width: 0;
      margin-right: var(--sp-normal);
      [dir=rtl] & {
        margin-right: 0;
        margin-left: var(--sp-normal);
      }
    }

    & .btn-primary {
      padding: {
        top: 11px;
        bottom: 11px;
      }
    }
  }
  
  &__search-status {
    margin-top: var(--sp-extra-loose);
    margin-bottom: var(--sp-tight);
    & .donut-spinner {
      margin: 0 var(--sp-tight);
    }
  }
  &__search-error {
    color: var(--bg-danger);
  }
  &__content {
    border-top: 1px solid var(--bg-surface-border);
  }

  & .channel-tile {
    margin-top: var(--sp-normal);
    &__options {
      align-self: flex-end;
    }
  }

  [dir=rtl] & {
    margin: {
      left: var(--sp-extra-tight);
      right: var(--sp-normal);
    }
  }
}