.input-box-shadow {
  border: 1px solid #dbdbdb;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

.form-with-border {
  @reuse .input-box-shadow;
  background-color: var(--color-white);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--color-silver);
  padding: var(--medium-spacing);
}

.borderless-textarea {
  display: flex;
  width: 95%;
  padding: 0;
  box-sizing: border-box;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 1.5;
  border: 0;
  min-height: 110px;
  resize: none;
  outline: 0;
}

.highlight {
  background-color: Highlight;
  color: HighlightText;
  cursor: pointer;

  &--alpha {
    background-color: var(--mark-alpha);
    color: var(--color-charcoal-dark);
  }

  &--beta {
    background-color: var(--mark-beta);
    color: var(--color-charcoal-dark);
  }

  &--gamma {
    background-color: var(--mark-gamma);
    color: var(--color-charcoal-dark);
  }
}
