// Base stylesheet for all form components.
@import (reference) './index.less';

@white: #fff;

.basicContainerStyle {
  display: flex;
  flex-direction: column;
}
.basicInputStyle {
  appearance: none;
  background-color: @white;
  border-radius: @border-radius-base;
  border: @default-border;
  padding: 8px;
  &:focus {
    .sbmFocusStyle;
  }
  &::placeholder {
    color: @gray-03;
  }
}
.inputGroupFirst {
  display: inline;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: transparent;
}
.inputGroupLast {
  display: inline;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.disabled {
  background-color: @gray-00;
  pointer-events: none;
}
.inputError {
  border-color: @red-required !important;
}