.form-field{gap:var(--space-gap-s);width:100%;min-width:min(var(--size-field-min), 100%);max-width:var(--size-field-max);flex-direction:column;display:inline-flex}.form-field__label{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted)}.form-field__input{box-sizing:border-box;width:100%;height:var(--size-control-m);padding:0 var(--space-inset-m);background-color:var(--color-surface-default);border:1px solid var(--color-border-input);border-radius:var(--radius-control-m);font:var(--text-style-body-m);font-weight:var(--weight-regular);color:var(--color-text-default);outline:none;transition:border-color .12s}.form-field__input::placeholder{color:var(--color-text-muted)}.form-field__input:focus-visible,.form-field__input.is-focus-visible{border-color:var(--color-border-focus)}.form-field__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.form-field--disabled .form-field__label{opacity:var(--opacity-disabled)}.form-field__helper{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-text-muted)}.form-field--invalid .form-field__helper{display:none}.form-field--invalid .form-field__input,.form-field--invalid .form-field__input:focus-visible,.form-field--invalid .form-field__input.is-focus-visible{border-color:var(--color-danger-border)}.form-field__validation-message{font:var(--text-style-label);font-weight:var(--weight-regular);color:var(--color-danger-text)}