:host {
  overflow: hidden;
  display: flex;
  align-items: center;
  max-width: 100%;

  tui-hosted-dropdown {
    max-width: 100%;
  }

  &[data-size='s'] {
    .wrapper {
      gap: 5px;
    }
  }

  &[data-size='l'] {
    .wrapper {
      gap: 10px;
    }
  }

  .wrapper {
    overflow: hidden;
    display: flex;
    align-items: center;
    max-width: 100%;

    app-cmf-gravatar {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .name {
      overflow: hidden;

      &.line-clamp {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;

        width: 100%;

        text-overflow: ellipsis;
        overflow-wrap: break-word;
      }
    }
  }
}