@import 'element:ef-overlay';
@import 'element:ef-list';
@import 'element:ef-counter';
@import 'ef-select';

@import '../shared-styles/input';
@import '../shared-styles/scrollbar';

@import (reference) '../responsive.less';

:host {
  padding: 0;

  [part~='input-wrapper'] {
    .touch-action();
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  [part~='input'] {
    .input-defaults;
    .input-standard(true);
    width: 100%;
    background: none;
    border: none;
  }

  [part~='button'] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
  }

  [part~='list'] {
    display: flex;
    flex-flow: column nowrap;
  }

  [part='selection-badge'] {
    flex-shrink: 0;
  }

  &[disabled] [part~='selection-badge'] {
    opacity: 0.4;
  }

  .standard-scrollbars();
}

.webkit-scrollbars();