@import "../../../../../assets/styles/index.scss";
@import "../../styles/scrollbar.scss";

input {
  @include rem("height", 52px);
  @include border("all", 1px, solid, $color-light-gray1);
  @include border-radius(0);

  &::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: $color-light-gray7;
    opacity: 1; /* Firefox */
  }

  &:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: $color-light-gray7;
  }

  &::-ms-input-placeholder {
    /* Microsoft Edge */
    color: $color-light-gray7;
  }
}

.error-holder {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;

  .align-position {
    @include rem("top", 40px);
    @include rem("font-size", 13px);
    left: 0;
    color: #f44336;
    cursor: default;
    position: initial;
    text-transform: none;
  }
}
