@import '~styles/mixins';

.Input {
  position: relative;

  .before-input {
    flex-shrink: 0;
    padding-right: 5px;
  }

  .clickable-disabled {
    cursor: pointer !important;
    &:hover {
      color: $color-primary;
    }
  }

  .clear {
    @include v_align;
    right: 3px;
    padding: 5px;
    z-index: 10;

    cursor: pointer;
    font-size: 15px;
  }
  input.clearable {
    padding-right: 15px;
  }
  input.small {
    height: 30px;
    font-size: 13px;
  }
}
