.text-input{width:100%;border:1px solid var(--color-border);border-radius:.375rem;transition:all .2s ease-in-out;background-color:var(--color-background);color:var(--color-text);padding:.75rem 1rem;font-size:1rem}.text-input--xs{padding:.25rem .5rem;font-size:.75rem}.text-input--sm{padding:.5rem .75rem;font-size:.875rem}.text-input--md{padding:.75rem 1rem;font-size:1rem}.text-input--lg{padding:1rem 1.25rem;font-size:1.125rem}.text-input--xl{padding:1.25rem 1.5rem;font-size:1.25rem}.text-input--2xl{padding:1.5rem 1.75rem;font-size:1.5rem}.text-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-shadow-input)}.text-input:hover:not(:focus){border-color:var(--color-border-hover)}.text-input::placeholder{color:var(--color-text-placeholder)}.text-input--error{border-color:var(--color-border-error)}.text-input--error:focus{border-color:var(--color-border-error);box-shadow:0 0 0 3px var(--color-focus-shadow-input-error)}.text-input:disabled{background-color:var(--color-background-secondary);color:var(--color-text-secondary);cursor:not-allowed}.text-input--plaintext{border:0;background-color:transparent;box-shadow:none}.text-input--plaintext:focus{border-color:transparent;box-shadow:none}.text-input--plaintext:hover:not(:focus){border-color:transparent}.text-input--plaintext:disabled{background-color:transparent}.text-input--plaintext{padding-top:.75rem;padding-bottom:.75rem;padding-left:0;padding-right:0}.text-input--plaintext.text-input--xs{padding-top:.25rem;padding-bottom:.25rem}.text-input--plaintext.text-input--sm{padding-top:.5rem;padding-bottom:.5rem}.text-input--plaintext.text-input--md{padding-top:.75rem;padding-bottom:.75rem}.text-input--plaintext.text-input--lg{padding-top:1rem;padding-bottom:1rem}.text-input--plaintext.text-input--xl{padding-top:1.25rem;padding-bottom:1.25rem}.text-input--plaintext.text-input--2xl{padding-top:1.5rem;padding-bottom:1.5rem}.text-field,.text-field__input-wrapper{width:100%}.text-field__help-text{display:block;color:var(--color-text-secondary);margin-top:.25rem;padding:0 .5rem;font-size:.875rem}.text-field__help-text--xs{font-size:.75rem}.text-field__help-text--sm{font-size:.875rem}.text-field__help-text--md{font-size:1rem}.text-field__help-text--lg{font-size:1.125rem}.text-field__help-text--xl{font-size:1.25rem}.text-field__help-text--2xl{font-size:1.5rem}.text-field-inline{display:flex;align-items:flex-start}.text-field-inline label{width:240px;padding-top:.25rem}.text-field-inline .text-field__input-wrapper{flex:1}
