@import "../../../themes/default";

:global {
  .app-input {
    background-color: transparent;
    color: @input-color;
    border: 1px solid @input-border-color;
    padding: 0 12px;
    border-radius: @input-border-radius;
    width: 100%;
    height: 28px;
    font-size: @font-size-base;
    .box-sizing();

    &::-moz-placeholder, &:-ms-input-placeholder, &::-webkit-input-placeholder {
      color: @input-placeholder-color;
      opacity: 1;
    }

    &:focus {
      outline: none;
    }
  }

  .app-input-lg {
    height: 40px;
  }
}