/*
 * Textarea component
 *
 * Base field styles (border, states, min-height) live in _input.scss on .pkt-input:is(textarea).
 * Wrapper label/helptext scale lives in _inputwrapper.scss (--small / --xsmall).
 * Counter stays in normal flow below the field for all sizes (see textarea.astro).
 */
:where(.pkt-textarea:has(textarea.pkt-input:not(.pkt-input--fullwidth):not([cols]))) {
  width: min(31rem, 100%);
}

.pkt-textarea:has(textarea.pkt-input--fullwidth) {
  width: 100%;
}

textarea.pkt-input:not(.pkt-input--fullwidth):not([cols]) {
  width: 100%;
}
textarea.pkt-input--small, textarea.pkt-input--xsmall {
  padding: 0.5rem 1rem;
}
textarea.pkt-input--small {
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
textarea.pkt-input--xsmall {
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.375rem;
}