.textarea--container{width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;overflow:hidden;flex-shrink:0}.textarea--container>label{font-weight:700;text-transform:capitalize}.textarea-inner{width:100%;border-radius:12px;border:1px solid var(--b2);background:var(--b2);padding:14px 16px;gap:12px;justify-content:flex-start}.textarea-input{resize:none;width:100%;background-color:transparent;color:var(--w);border:none;--padding: 10px;min-height:calc(2lh + 2 * var(--padding));max-height:calc(4lh + 2 * var(--padding));field-sizing:content;line-height:1.5;padding:var(--padding);padding-inline:calc(var(--padding) + calc((1lh - 1ex)/2))}.textarea-input:focus{color:var(--p2)}.textarea-input::placeholder{color:var(--g)}.textarea-icon{color:var(--g)}.textarea-extra{color:#6c727580}.textarea--container:hover>.textarea-inner{border:1px solid var(--g);background:transparent}.textarea--container:hover>.textarea-inner>.textarea-icon{color:var(--g2)}.textarea-input:invalid:not(:placeholder-shown){color:var(--error2)}.textarea-input:valid:not(:placeholder-shown){color:var(--success2)}.textarea-inner:has(.textarea-input:invalid:not(:placeholder-shown)){border:1px solid var(--error2)}.textarea-inner:has(.textarea-input:valid:not(:placeholder-shown)){border:1px solid var(--success2)}.textarea-inner:has(.textarea-input:valid:not(:placeholder-shown))>.textarea-icon{color:var(--success2)}.textarea-inner:has(.textarea-input:invalid:not(:placeholder-shown))>.textarea-icon{color:var(--error2)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}