welcome-ui/dist/Textarea.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_hnm7b_2{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);min-height:8.125rem;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30))}._root_hnm7b_2:disabled,._root_hnm7b_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_hnm7b_2:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_hnm7b_2[data-focus-visible],._root_hnm7b_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_hnm7b_2::placeholder{color:var(--color-neutral-60)}._variant-danger_hnm7b_34{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_hnm7b_40{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_hnm7b_46{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}}