/*! Copyright 2026 Fonticons, Inc. - https://webawesome.com/license */
import { css } from "lit";
var textarea_styles_default = css`:host {
  border-width: 0;
}
.textarea {
  display: grid;
  align-items: center;
  margin: 0;
  border: none;
  outline: none;
  cursor: inherit;
  font: inherit;
  background-color: var(--wa-form-control-background-color);
  border-color: var(--wa-form-control-border-color);
  border-radius: var(--wa-form-control-border-radius);
  border-style: var(--wa-form-control-border-style);
  border-width: var(--wa-form-control-border-width);
  -webkit-appearance: none;
  outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) transparent;
  outline-offset: var(--wa-focus-ring-offset);
}
.textarea:focus-within {
  outline-color: var(--wa-color-focus);
}
:host([appearance="outlined"]) .textarea {
  background-color: var(--wa-form-control-background-color);
  border-color: var(--wa-form-control-border-color);
}
:host([appearance="filled"]) .textarea {
  background-color: var(--wa-color-neutral-fill-quiet);
  border-color: var(--wa-color-neutral-fill-quiet);
}
:host([appearance="filled-outlined"]) .textarea {
  background-color: var(--wa-color-neutral-fill-quiet);
  border-color: var(--wa-form-control-border-color);
}
textarea {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  padding: calc(var(--wa-form-control-padding-block) - ((1lh - 1em) / 2)) var(--wa-form-control-padding-inline);
  min-height: calc(var(--wa-form-control-height) - var(--border-width) * 2);
  box-shadow: none;
  margin: 0;
}
textarea::placeholder {
  color: var(--wa-form-control-placeholder-color);
  user-select: none;
  -webkit-user-select: none;
}
textarea:autofill,
textarea:autofill:hover,
textarea:autofill:focus,
textarea:autofill:active {
  box-shadow: none;
  caret-color: var(--wa-form-control-value-color);
}
textarea:focus {
  outline: none;
}
.control,
.size-adjuster {
  grid-area: 1 / 1 / 2 / 2;
}
.size-adjuster {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  padding: 0;
}
textarea::-webkit-search-decoration,
textarea::-webkit-search-cancel-button,
textarea::-webkit-search-results-button,
textarea::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
: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;
}
.footer {
  display: flex;
  align-items: baseline;
  gap: 1em;
}
.footer.has-count [part=hint] {
  flex: 1 1 auto;
  min-width: 0;
}
.count {
  flex: 0 0 auto;
  color: var(--wa-form-control-hint-color);
  font-weight: var(--wa-form-control-hint-font-weight);
  line-height: var(--wa-form-control-hint-line-height);
  margin-block-start: 0.5em;
  font-size: var(--wa-font-size-smaller);
  margin-inline-start: auto;
}
`;
export {
  textarea_styles_default as default
};
