.instui-form-field{gap:var(--instui-component-form-field-layout-gap-inputs);color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);grid-template-columns:1fr;grid-template-areas:"label""controls""messages";display:grid}@scope(.instui-form-field){:scope{&>.label{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);grid-area:label}&>.controls{grid-area:controls}}}.instui-form-field>.instui-form-field-messages{grid-area:messages}.instui-form-field .instui-form-field-message.-type-error,.instui-form-field .instui-form-field-message.-type-new-error{display:none}.instui-form-field:has(:user-invalid) .instui-form-field-message.-type-error,.instui-form-field:has(:user-invalid) .instui-form-field-message.-type-new-error,.instui-form-field.-invalid .instui-form-field-message.-type-error,.instui-form-field.-invalid .instui-form-field-message.-type-new-error{display:inline-flex}.instui-form-field:is(.-required,:has(:required)) .label:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-form-field.-readonly .label{color:var(--instui-component-form-field-layout-readonly-text-color)}.instui-form-field.-layout-stacked{grid-template-columns:1fr;grid-template-areas:"label""controls""messages"}.instui-form-field.-layout-inline{align-items:center;column-gap:var(--instui-component-form-field-layout-gap-primitives);grid-template-columns:auto 1fr;grid-template-areas:"label controls"".messages"}.instui-form-field.-layout-inline.-v-align-top{align-items:start}.instui-form-field.-layout-inline.-v-align-bottom{align-items:end}.instui-form-field.-layout-inline.-label-align-start .label{text-align:start}.instui-form-field.-layout-inline.-label-align-end .label{text-align:end}.instui-form-field.-inline{inline-size:auto;display:inline-grid}