.wi-text-field__input{align-items:center;gap:var(--space-2);box-sizing:border-box;min-width:0;min-height:var(--wi-field-height-md,var(--size-control-lg));padding:var(--wi-field-padding-block,var(--space-3)) var(--wi-field-padding-inline,var(--space-4));background-color:var(--background-surface);border:var(--border-1) solid var(--border-default);border-radius:var(--wi-field-radius,var(--radius-full));display:flex}.wi-text-field__input:hover{border-color:var(--wi-field-hover-border,var(--border-default))}.wi-text-field__input:focus-within{border-color:var(--border-strong);box-shadow:var(--focus-ring)}.wi-text-field__icon{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--text-tertiary);flex:none;display:inline-flex}.wi-text-field__icon>svg{width:100%;height:100%}.wi-text-field__control{min-width:0;font:inherit;font-size:var(--wi-field-font-size,var(--font-size-base));line-height:var(--wi-field-line-height,var(--font-line-height-base));color:var(--text-primary);background:0 0;border:0;outline:none;flex:auto;padding:0}.wi-text-field__control::placeholder{color:var(--text-tertiary)}.wi-text-field__suffix{font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);color:var(--text-tertiary);flex:none}.wi-field--error .wi-text-field__input{border-color:var(--wi-field-error-border,var(--feedback-error-border))}.wi-field--error .wi-text-field__input:focus-within{box-shadow:var(--focus-ring-danger)}.wi-text-field__input:has(.wi-text-field__control:disabled){background-color:var(--background-disabled);border-color:var(--border-subtle)}.wi-text-field__input:has(.wi-text-field__control:disabled) .wi-text-field__suffix{color:var(--text-disabled)}.wi-text-field__control:disabled{color:var(--text-disabled);cursor:not-allowed}.wi-text-field__control:disabled::placeholder{color:var(--text-disabled)}.wi-field--inverse .wi-text-field__input{background-color:var(--background-inverse);border-color:var(--border-inverse)}.wi-field--inverse .wi-text-field__suffix{color:var(--text-tertiary-inverse)}.wi-field--inverse .wi-text-field__control{color:var(--text-primary-inverse)}.wi-field--inverse .wi-text-field__control::placeholder{color:var(--text-tertiary-inverse)}