@apply rounded-field border bg-field px-3 py-2 text-base text-field-foreground shadow-field outline-none placeholder:text-field-placeholder sm:text-sm;.textarea{border-width:var(--border-width-field);border-color:var(--color-field-border);min-height:38px;transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out)}@apply motion-reduce:transition-none;@media (hover:hover){@apply bg-field-hover;.textarea:hover:not(:focus):not(:focus-visible),.textarea[data-hovered=true]:not([data-focused=true]):not([data-focus-visible=true]){border-color:var(--color-field-border-hover)}}@apply status-focused-field;.textarea:focus,.textarea[data-focused=true]{border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}@apply status-invalid-field;.textarea[data-invalid=true]{background-color:var(--color-field-focus)}@apply status-disabled;@apply bg-on-surface shadow-none;@media (hover:hover){@apply bg-on-surface-hover;}.textarea--on-surface:focus,.textarea--on-surface[data-focused=true]{background-color:var(--color-on-surface-focus)}@apply status-invalid-field;.textarea--on-surface[data-invalid=true]{background-color:var(--color-on-surface-focus)}@apply w-full;