.text-form-field__wrapper{align-items:center;width:100%;display:flex;position:relative}.text-form-field__input{border:1px solid var(--grey-200);color:#111827;background-color:#fff;border-radius:8px;outline:none;width:100%;min-height:40px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.text-form-field__input::placeholder{color:#9ca3af}.text-form-field__input:hover:not(:disabled){border-color:#9ca3af}.text-form-field__input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.text-form-field__input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.text-form-field__input.has-prefix{padding-left:40px}.text-form-field__input.has-suffix{padding-right:40px}.text-form-field__addon{color:#9ca3af;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.text-form-field__addon svg{display:block}.text-form-field__addon--prefix{pointer-events:none;left:12px}.text-form-field__addon--suffix{cursor:pointer;right:12px}.text-form-field__count{color:var(--grey);font-size:12px}