/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--form-textarea--height--small: 4.6875rem;
  --digi--form-textarea--height--medium: 8.4375rem;
  --digi--form-textarea--height--large: 10.3125rem;
  --digi--form-textarea--height--auto: auto;
  --digi--form-textarea--border-radius: var(--digi--border-radius--input);
  --digi--form-textarea--padding: calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);
  --digi--form-textarea--background--empty: var(--digi--color--background--interactive--default--input-elements);
  --digi--form-textarea--background--neutral: var(--digi--color--background--interactive--default--input-elements);
  --digi--form-textarea--background--success: var(--digi--color--background--interactive--validation--success);
  --digi--form-textarea--background--warning: var(--digi--color--background--interactive--validation--warning);
  --digi--form-textarea--background--error: var(--digi--color--background--interactive--validation--error);
  --digi--form-textarea--border--neutral: var(--digi--border-width--input-regular) solid;
  --digi--form-textarea--border--error: var(--digi--border-width--input-validation) solid;
  --digi--form-textarea--border--success: var(--digi--border-width--input-validation) solid;
  --digi--form-textarea--border--warning: var(--digi--border-width--input-validation) solid;
  --digi--form-textarea--border-color--neutral: var(--digi--color--border--interactive--default--on-input);
  --digi--form-textarea--border-color--success: var(--digi--color--border--interactive--validation--success);
  --digi--form-textarea--border-color--warning: var(--digi--color--border--interactive--validation--warning);
  --digi--form-textarea--border-color--error: var(--digi--color--border--interactive--validation--error);
}
:host .digi-form-textarea {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
:host .digi-form-textarea--small {
  --HEIGHT: var(--digi--form-textarea--height--small);
}
:host .digi-form-textarea--medium {
  --HEIGHT: var(--digi--form-textarea--height--medium);
}
:host .digi-form-textarea--large {
  --HEIGHT: var(--digi--form-textarea--height--large);
}
:host .digi-form-textarea--neutral {
  --BORDER: var(--digi--form-textarea--border--neutral);
  --BORDER-COLOR: var(--digi--form-textarea--border-color--neutral);
  --BACKGROUND: var(--digi--form-textarea--background--neutral);
}
:host .digi-form-textarea--empty:not(:focus-within) {
  --BACKGROUND: var(--digi--form-textarea--background--empty);
}
:host .digi-form-textarea--success {
  --BORDER: var(--digi--form-textarea--border--success);
  --BORDER-COLOR: var(--digi--form-textarea--border-color--success);
  --BACKGROUND: var(--digi--form-textarea--background--success);
}
:host .digi-form-textarea--warning {
  --BORDER: var(--digi--form-textarea--border--warning);
  --BORDER-COLOR: var(--digi--form-textarea--border-color--warning);
  --BACKGROUND: var(--digi--form-textarea--background--warning);
}
:host .digi-form-textarea--error {
  --BORDER: var(--digi--form-textarea--border--error);
  --BORDER-COLOR: var(--digi--form-textarea--border-color--error);
  --BACKGROUND: var(--digi--form-textarea--background--error);
}
:host .digi-form-textarea__content {
  width: 100%;
}
:host .digi-form-textarea__textarea {
  height: var(--HEIGHT);
  width: inherit;
  font-family: var(--digi--global--typography--font-family--default);
  font-size: var(--digi--typography--body--font-size--desktop);
  padding: var(--digi--form-textarea--padding);
  color: var(--digi--color--text--primary);
  background: var(--BACKGROUND);
  border: var(--BORDER);
  border-color: var(--BORDER-COLOR);
  border-radius: var(--digi--form-textarea--border-radius);
  box-sizing: border-box;
}
:host .digi-form-textarea__textarea:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
  box-shadow: 0px 0px 0px 5px white;
}