@layer config,base,components,utilities;@layer components{.form-textarea{width:100%;min-height:6em;padding:var(--spacing-8) var(--spacing-12);transition:var(--transition-duration);transition-property:box-shadow,background;border:none;border-radius:var(--radius-8);background-color:var(--field);box-shadow:inset 0 0 0 1px var(--outline);color:var(--on-field);font-family:inherit;font-size:var(--text-16);resize:vertical;field-sizing:content}.form-textarea:focus:not(:disabled){outline:none}.form-textarea:focus-visible:not(:disabled){outline:2px solid var(--outline-hover);outline-offset:0}.form-textarea:disabled{background-color:var(--color-slate-100);color:var(--color-slate-400);cursor:not-allowed}.form-textarea.has-error{box-shadow:inset 0 0 0 1px var(--accent-error)}.form-group:has(:disabled) .form-label{color:var(--color-slate-400)}.form-group:has(:user-invalid) .form-label{color:var(--color-red-700)}.form-group:has(:user-invalid) .form-textarea{box-shadow:inset 0 0 0 1px var(--color-red-700)}[data-theme=dark] .form-group:has(:user-invalid) .form-label{color:var(--color-red-300)}[data-theme=dark] .form-group:has(:user-invalid) .form-textarea{box-shadow:inset 0 0 0 1px var(--color-red-300)}.label-suffix{color:var(--color-slate-500);font-size:var(--text-14);font-weight:var(--font-weight-regular)}}