.sw-textarea {
  position: relative;
  width: 100%;

  textarea,
  pre {
    background-color: inherit;
    border: 0;
    margin: var(--rhythm-0_5) 0;
    padding: 0;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-body);
    line-height: calc(var(--line-height-body) * 1.5);
    outline: none;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    appearance: none;
    min-height: calc(var(--line-height-body) * 1.5);
    max-height: 50vh;
  }
  textarea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    resize: none;
  }
  pre {
    white-space: preserve;
    visibility: hidden;
  }
  textarea::placeholder {
    color: var(--search-bar-placeholder-color);
    opacity: 1;
    transition: all 0s ease;
  }
  textarea:disabled {
    color: var(--color-neutral-light);
  }
}
@media (min-width: 448px) {
  .sw-textarea {
    textarea,
    pre {
      max-height: 30vh;
    }
  }
}
