.field{gap:var(--spacing-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-small);font-weight:var(--weight-body-medium);color:var(--color-text)}.field__required{color:var(--color-text-muted);margin-inline-start:var(--spacing-1)}.field__help{font-size:var(--text-small);color:var(--color-text-muted)}.field__control{min-block-size:44px;inline-size:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-text);font-size:var(--text-body);transition:border-color var(--duration-fast) var(--ease-enter)}.field__control::placeholder{color:var(--color-text-muted)}.field__control:hover:not(:disabled){border-color:var(--color-border-strong)}.field__control:disabled{background:var(--color-rule);border-color:var(--color-rule);color:var(--color-text-disabled);cursor:not-allowed}textarea.field__control{resize:vertical;min-block-size:120px}select.field__control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text) 50%), linear-gradient(135deg, var(--color-text) 50%, transparent 50%);background-position:calc(100% - var(--spacing-5)) calc(50% - 2px), calc(100% - var(--spacing-4)) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-inline-end:var(--spacing-7)}.field--error .field__control{border-color:var(--color-danger)}.field__error{align-items:flex-start;gap:var(--spacing-2);font-size:var(--text-small);color:var(--color-danger);display:flex}.field--check{align-items:flex-start;gap:var(--spacing-3);flex-direction:row}.field--check .field__control{block-size:24px;min-block-size:24px;inline-size:24px;accent-color:var(--color-accent);flex:none;margin-block-start:2px;padding:0}.field--check .field__label{font-weight:var(--weight-body)}.field__option{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-enter);display:flex}.field__option:hover{border-color:var(--color-border-strong)}.field__option:has(:checked){border-color:var(--color-border-strong);border-width:2px}.field__option:has(:disabled){cursor:not-allowed;color:var(--color-text-disabled)}