.p-textarea {
    @apply appearance-none rounded-md
        border border-surface-300 dark:border-surface-700
        enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600
        enabled:focus:border-primary
        bg-surface-0 dark:bg-surface-950
        text-surface-700 dark:text-surface-0
        disabled:bg-surface-200 disabled:text-surface-500 disabled:opacity-100 dark:disabled:bg-surface-700 dark:disabled:text-surface-400
        placeholder:text-surface-500 dark:placeholder:text-surface-400
        px-3 py-2
        transition-colors duration-200
        shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
        outline-none
}

.p-textarea.p-invalid {
    @apply border-red-400 dark:border-red-300
}

.p-textarea.p-variant-filled {
    @apply bg-surface-50 dark:bg-surface-800
}

.p-textarea-fluid {
    @apply w-full
}

.p-textarea-resizable {
    @apply overflow-hidden resize-none
}

.p-textarea-sm {
    @apply text-sm px-[0.625rem] py-[0.375rem]
}

.p-textarea-lg {
    @apply text-lg px-[0.875rem] py-[0.625rem]
}