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