: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;
    }
  }
}