.field{display:flex;flex-direction:column}.field__label-row{display:flex;align-items:baseline;gap:.25em;margin-bottom:var(--space-form-label-gap)}.field__label{font-weight:var(--weight-semibold);color:var(--color-label)}.field__label,.field__req{font-size:var(--text-form-label)}.field__req{color:var(--color-danger)}.field__aside{margin-left:auto}.field__hint{color:var(--color-text-subtle)}.field__error,.field__hint{margin-top:var(--space-form-hint-gap);font-size:var(--text-form-hint)}.field__error{color:var(--color-danger)}.field--lg .field__label{color:var(--color-form-label)}.field--lg .field__label,.field--lg .field__req{font-size:var(--text-form-label-lg)}.date-input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.date-input{width:100%;font-family:var(--font-sans);font-size:var(--text-body);line-height:22px;color:var(--color-text);background:var(--color-surface);border:var(--border-width-form) solid var(--color-border);border-radius:var(--radius-8);padding:var(--space-form-y) var(--space-form-x);padding-right:var(--space-8);transition:border-color .15s ease,box-shadow .15s ease}.date-input::placeholder{color:var(--color-text-subtle)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.date-input:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.date-input--error{border-color:var(--color-danger)}.date-input--error:focus{box-shadow:var(--focus-ring-danger)}.date-input--success{border-color:var(--color-success)}.date-input-picker{position:absolute;right:0;width:1px;height:1px;opacity:0;pointer-events:none}.date-input-trigger{position:absolute;right:var(--space-3);display:inline-flex;align-items:center;border:none;background:none;padding:0;color:var(--color-text-muted);cursor:pointer}.date-input-trigger:disabled{color:var(--color-text-muted);cursor:not-allowed}.date-input--row{font-size:var(--text-row-control);border-width:var(--border-width-row-control);border-radius:var(--radius-row-control);padding:var(--space-row-control-y) var(--space-6) var(--space-row-control-y) var(--space-row-control-x)}.checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);cursor:pointer}.checkbox,.radio{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.checkbox:focus-visible,.radio:focus-visible{outline:none;box-shadow:var(--focus-ring)}.checkbox:disabled,.radio:disabled{cursor:not-allowed;opacity:.5}.checkbox--lg{width:var(--size-checkbox-lg);height:var(--size-checkbox-lg)}