.textarea.svelte-eky4v {
  position: relative;
  width: 100%;
}
.textarea.svelte-eky4v textarea:where(.svelte-eky4v) {
  width: 100%;
  border: 1px var(--neutral-warm-300) solid;
  background: var(--white);
  border-radius: 8px;
  font: inherit;
  outline: none;
  transition: background 200ms ease-out, border 200ms ease-out;
  padding: 18px 12px 4px;
  box-sizing: border-box;
  height: auto;
}
.textarea.svelte-eky4v textarea:where(.svelte-eky4v):hover {
  background: var(--neutral-warm-50);
  border-color: var(--neutral-warm-300);
}
.textarea.svelte-eky4v textarea:where(.svelte-eky4v):focus-visible {
  background: var(--white);
  border-color: var(--neutral-warm-700);
}
.textarea.svelte-eky4v textarea:where(.svelte-eky4v):disabled {
  background: var(--neutral-warm-100);
  border-color: var(--neutral-warm-300);
  color: var(--neutral-warm-700);
}
.textarea.svelte-eky4v textarea.error:where(.svelte-eky4v), .textarea.svelte-eky4v textarea:where(.svelte-eky4v):invalid {
  background: var(--white);
  border-color: var(--warn-500);
  color: var(--warn-900);
}
.textarea.svelte-eky4v textarea.success:where(.svelte-eky4v) {
  background: var(--white);
  border-color: var(--success-500);
  color: var(--success-900);
}
.textarea.svelte-eky4v textarea.no-resize:where(.svelte-eky4v) {
  resize: none;
}
.textarea.svelte-eky4v label:where(.svelte-eky4v) {
  position: absolute;
  top: 12px;
  left: 12px;
  line-height: normal;
  cursor: pointer;
  transition: top 200ms ease-out, transform 200ms ease-out, font-size 200ms ease-out, color 200ms ease-out;
  color: var(--neutral-warm-600);
}
.textarea.svelte-eky4v label.floating:where(.svelte-eky4v) {
  top: 6px;
  color: var(--neutral-warm-300);
  transform: none;
  font-size: 10px;
}
.textarea.svelte-eky4v label.disabled:where(.svelte-eky4v) {
  opacity: 50%;
}
.textarea.svelte-eky4v label.error:where(.svelte-eky4v) {
  color: var(--warn-900);
}
.textarea.svelte-eky4v label.success:where(.svelte-eky4v) {
  color: var(--success-900);
}