@import './mixins/mixins.scss';
@import './theme/default.scss';

@include b(input) {
  &.is-disabled {
    .n-input__input, .n-input__textarea {
      background-color: #6F778D;
    }
  }
  .n-input__input {
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    outline: none;
    background-color: #6F768B;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: $default-font-family;
    width: 100%;
    caret-color: #63E2B7;
    &::placeholder {
      color: rgba(255, 255, 255, .4);
      opacity: 1;
    }
  }
  .n-input__textarea {
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    outline: none;
    background-color: #6F768B;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: $default-font-family;
    width: 100%;
    resize: vertical;
    caret-color: #63E2B7;
  }
}