:host {
  border-width: 0;
}

.wa-text-field {
  display: grid;
  align-items: center;
  padding: 0;
  border-color: inherit;
  border-style: inherit;
  border-radius: inherit;
  transition: inherit;
}

textarea {
  background-color: transparent;
  color: inherit;

  &[part] {
    padding: var(--wa-space);
    border-radius: inherit;
    border: var(--border-width) solid transparent; /* make resizer look a little nicer */
  }
}

textarea,
.size-adjuster {
  grid-area: 1 / 1 / 2 / 2;
}

.size-adjuster {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

textarea::-webkit-search-decoration,
textarea::-webkit-search-cancel-button,
textarea::-webkit-search-results-button,
textarea::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

/*
 * Resize types
 */

:host([resize='none']) textarea {
  resize: none;
}

textarea,
:host([resize='vertical']) textarea {
  resize: vertical;
}

:host([resize='horizontal']) textarea {
  resize: horizontal;
}

:host([resize='both']) textarea {
  resize: both;
}

:host([resize='auto']) textarea {
  height: auto;
  resize: none;
  overflow-y: hidden;
}
