.form-control{gap:var(--ui-space-component-gap-xs);flex-direction:column;min-width:0;display:flex}.form-control__label{color:var(--ui-text-secondary);font:var(--ui-text-label);letter-spacing:var(--ui-text-label-tracking)}.form-control__control,.form-control__required{color:var(--ui-text-primary)}.form-control__control{inline-size:100%;min-height:var(--ui-size-control-height);padding-block:var(--ui-space-control-inline-y);padding-inline:var(--ui-space-control-inline-x);border:var(--ui-border-hairline) solid var(--ui-border-default);border-radius:var(--ui-radius-control);background-color:var(--ui-surface-raised);font:var(--ui-text-body);letter-spacing:var(--ui-text-body-tracking);transition:border-color var(--ui-motion-duration-fast) var(--ui-motion-ease-standard),background-color var(--ui-motion-duration-fast) var(--ui-motion-ease-standard),color var(--ui-motion-duration-fast) var(--ui-motion-ease-standard)}.form-control__control--multiline{min-height:calc(var(--ui-size-control-height) * 4);resize:vertical}.form-control__control--select{cursor:pointer}.form-control__hint{color:var(--ui-text-muted)}.form-control__error,.form-control__hint{font:var(--ui-text-caption);letter-spacing:var(--ui-text-caption-tracking);margin:0}.form-control__error{color:var(--ui-text-primary)}.form-control__control::placeholder{color:var(--ui-text-subtle)}.form-control__control:hover{border-color:var(--ui-border-strong)}.form-control__control:focus-visible{border-color:var(--ui-focus-border);background-color:var(--ui-surface-raised);color:var(--ui-text-primary);outline:none}.form-control__control:disabled,.form-control__control:disabled:hover{border-color:var(--ui-border-subtle);background-color:var(--ui-surface-inset);color:var(--ui-text-disabled);cursor:not-allowed}.form-control[data-invalid=true] .form-control__control{border-color:var(--ui-border-strong)}