.gui-user-search {
  .gui-dropdown__action-group + .gui-dropdown__action-group {
    border: none;
  }

  .gui-dropdown__action {
    padding-left: $layout-spacing-base * 0.75;
    padding-right: $layout-spacing-base * 0.75;
  }
}

.gui-user-search__search-wrapper {
  padding: $layout-spacing-base * 0.5 $layout-spacing-base * 0.75;
}

.gui-user-search__search-input {
  width: 100%;
  padding: $layout-spacing-base * 0.25;
  border-radius: 3px;
  border: 1px solid $color-border-base;

  &:focus {
    outline: none;
  }
}

.gui-user-search__search-head-top {
  display: flex;
}

.gui-user-search__search-head {
  .gui-toggle-wrapper {
    margin-left: auto;
    flex-shrink: 0;
    padding-right: $layout-spacing-base * 0.75;
  }
}

.gui-user-search__search-heading,
.gui-user-search__search-subheading {
  display: block;
  padding: 0 $layout-spacing-base * 0.75;
}

.gui-user-search__search-heading {
  font-weight: 500;
  padding-bottom: $layout-spacing-base * 0.25;
}

.gui-user-search__search-subheading {
  color: $neutral-base;
  font-size: $typo-size-slight;
}

.gui-user-search__search-results {
  max-height: 300px;
  overflow-y: auto;

  .gui-no-results {
    display: block;
    padding: $layout-spacing-base * 0.25 $layout-spacing-base * 0.5;
    color: $neutral-base;
    font-style: italic;
  }

  .gui-dropdown__action--selected {
    background: scale-color($primary-blue-lightest, $lightness: 20%);

    .gui-avatar__name {
      color: $primary-blue;
    }
  }
}

.gui-user-search__text {
  font-size: $typo-size-small;
  color: $neutral-base;
  font-style: italic;
  padding-left: $layout-spacing-base * 0.25;
}

.gui-user-search-list {
  .gui-user-search-list__user {
    border-top: 1px solid $neutral-light;
    list-style: none;

    &:last-child {
      border-bottom: 1px solid $neutral-light;
    }

    .gui-user-search-list__user-name {
      display: flex;
      align-items: center;

      .gui-icon svg {
        width: $layout-spacing-base * 0.5;
      }
    }
  }
}