@layer components{.form-field{display:flex;flex-direction:column;gap:6px}.form-field .form-field__label{color:var(--color-foreground);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-field .form-field__required{color:var(--color-accent)}.form-field .form-field__control{background:var(--color-background);border-radius:8px;border:1px solid oklch(from var(--color-quiet) l calc(c*.3) h);color:var(--color-foreground);font-size:16px;padding:12px 14px;transition:border-color .2s;width:100%}.form-field .form-field__control:where(textarea){min-height:100px;resize:vertical}.form-field .form-field__control:focus,.form-field .form-field__control[data-expanded]{border-color:var(--color-accent);outline:none}.form-field .form-field__control[data-invalid]{border-color:var(--color-error)}.form-field .form-field__errors{display:contents;color:var(--color-error);font-size:13px}.form-field .form-field__error{color:var(--color-error);font-size:13px}.form-field .form-field__hint,.form-field .form-field__note{font-size:13px;color:var(--color-quiet)}}@layer components{.error-message{display:block;padding:10px 12px;background:oklch(from var(--color-error) l c h / .1);color:var(--color-error);border-radius:6px;font-size:14px;margin:0}}