.text-input-container{--text-input-border-color:var(--color-neutral-3);--text-input-border-color-hover:var(--color-neutral-4);vertical-align:top;-moz-column-gap:.5em;border:1px solid var(--text-input-border-color);border-radius:var(--border-radius-1);padding:0 var(--spacing-6);background-color:var(--color-neutral-2);width:100%;color:var(--color-neutral-7);transition-duration:var(--transition-duration-1);cursor:text;align-items:center;column-gap:.5em;transition-property:border-color,background-color;display:inline-flex}.text-input-container.invalid{--text-input-border-color:var(--color-red);--text-input-border-color-hover:var(--color-red)}.text-input-container.valid{--text-input-border-color:var(--color-green);--text-input-border-color-hover:var(--color-green)}.text-input-container.full-width{width:100%}@media (hover:hover){.form-field-label:hover~.text-input-container:not(.disabled,.readonly),.text-input-container:hover:not(.disabled,.readonly){border-color:var(--text-input-border-color-hover)}}.text-input-container:focus-within:not(.disabled,.readonly){border-color:var(--text-input-border-color-hover);background-color:var(--color-neutral-1)}.text-input-container.disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.text-input-container>:not(.text-input){flex-shrink:0}.text-input-icon{color:var(--color-neutral-6)}.text-input{padding:var(--spacing-5) 0;box-sizing:content-box;text-overflow:ellipsis;width:100%;height:1.375em}.text-input:read-only{cursor:text}.text-input:-webkit-autofill{-webkit-text-fill-color:inherit;box-shadow:inset 0 0 0 2em #fff}:-webkit-any(.text-input:-webkit-autofill,.text-input:autofill){-webkit-text-fill-color:inherit;box-shadow:inset 0 0 0 2em #fff}:is(.text-input:autofill,.text-input:autofill){-webkit-text-fill-color:inherit;box-shadow:inset 0 0 0 2em #fff}.text-input::placeholder{color:var(--color-neutral-4)}