@import '../shared-styles/input';
@import 'element:ef-icon';
@import 'element:ef-tooltip';
@import '../responsive';

:host {
  .input-defaults;
  .input-standard(true);
  &[focused] {
    .input-focus;
  }
  [part='input'] {
    color: inherit;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    text-overflow: ellipsis;
    .input-webkit-normaliser;
    .touch-action();
  }
  [part='input']:invalid {
    box-shadow: none;
  }
  [part='icon'] {
    color: @control-text-color;
    min-width: 1em;
  }
  &[disabled] [part='input'] {
    user-select: none;
  }

  [part~='button'] {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: none;
  }
}