.input-field{width:100%;padding:var(--size-14);border:1px solid var(--color-input-border);background:var(--color-input-background);box-sizing:border-box;align-items:center;display:flex}.input-field:focus-within:not(.input-field--error):not(.input-field--disabled){border-color:var(--color-input-border-focus)}.input-field--error{border-color:var(--color-input-border-error)}.input-field--disabled{background:var(--color-input-background-disabled);border-color:var(--color-input-border-disabled);opacity:.6}.input-field__input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;padding:0}.input-field__input::placeholder{color:var(--color-text-placeholder)}.input-field--disabled .input-field__input,.input-field--disabled .input-field__input::placeholder{color:var(--color-input-text-disabled)}.input-field--centered .input-field__input{text-align:center}