/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.autocomplete-peer-helper {
  .scrollable {
    position: relative;
    max-height: 232px;
  }

  &-list {
    padding: .5rem 0;

    &-element {
      height: 3.125rem;
      display: flex;
      // padding: 0 .75rem;
      padding-block: 0;
      padding-inline: .75rem 2.125rem;
      align-items: center;
      cursor: pointer;
      user-select: none;
      position: relative;
      line-height: var(--line-height);

      @include respond-to(handhelds) {
        padding-right: .75rem;
      }

      @include hover();
    
      &-name {
        margin-inline-start: .875rem;
        font-weight: var(--font-weight-bold);
        max-width: 100%;
        @include text-overflow();
      }
    
      &-description {
        margin-inline-start: .5625rem;
        color: var(--secondary-text-color);
        @include text-overflow();
      }

      &-name,
      &-description {
        flex: 0 1 auto;
      }

      &-avatar {
        flex: 0 0 auto;
      }
    }
  }
}

/* .mentions-helper {
  width: 320px !important;
} */
