.resizable-input {
  position: relative;
  box-sizing: border-box;
  padding: 0px 8px;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;

  &__size-span {
    font-family: inherit;
    white-space: pre;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    box-sizing: border-box;
    position: relative;
    left: 0px;
    opacity: 0;
    min-width: 2px;
    user-select: none;
    vertical-align: top;
  }

  input {
    border: none;
    outline: none;
    height: 100%;
    text-overflow: ellipsis;
    font-family: inherit;
    background: none;
    color: inherit;
    top: 0;
    left: 0;
    right: 0;
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    box-sizing: border-box;
  }
}