@mixin inputstyle {
  display: flex;
  padding: 16px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid $color-silver-light;
  max-width: 100%;
  background-color: $color-white;
}

.skillbox-input {
  @include inputstyle;

  &--error {
    border-color: $color-accent-3-dark;
  }
}

.skillbox-textarea {
  @include inputstyle;
  height: 120px;
}


.skillbox-auto-grow {
  overflow: hidden;
  resize: none;
  outline: 0;
}