.text-input-container{--text-input-background-color:var(--neutral-color-2);--text-input-border-color:var(--neutral-color-3);--text-input-border-color-hover:var(--neutral-color-4);--text-input-border-color-focus:var(--neutral-color-5);align-items:center;background-color:var(--text-input-background-color);border:1px solid var(--text-input-border-color);border-radius:var(--border-radius-2);color:var(--neutral-color-7);-moz-column-gap:.5em;column-gap:.5em;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%}.primary .text-input-container{--text-input-background-color:var(--primary-color-1);--text-input-border-color:var(--primary-color-3);--text-input-border-color-hover:var(--primary-color-4);--text-input-border-color-focus:var(--primary-color-5)}.secondary .text-input-container{--text-input-background-color:var(--secondary-color-1);--text-input-border-color:var(--secondary-color-3);--text-input-border-color-hover:var(--secondary-color-4);--text-input-border-color-focus:var(--secondary-color-5)}.success .text-input-container{--text-input-background-color:var(--success-color-1);--text-input-border-color:var(--success-color-3);--text-input-border-color-hover:var(--success-color-4);--text-input-border-color-focus:var(--success-color-5)}.warning .text-input-container{--text-input-background-color:var(--warning-color-1);--text-input-border-color:var(--warning-color-3);--text-input-border-color-hover:var(--warning-color-4);--text-input-border-color-focus:var(--warning-color-5)}.danger .text-input-container{--text-input-background-color:var(--danger-color-1);--text-input-border-color:var(--danger-color-3);--text-input-border-color-hover:var(--danger-color-4);--text-input-border-color-focus:var(--danger-color-5)}.neutral .text-input-container{--text-input-background-color:var(--neutral-color-1);--text-input-border-color:var(--neutral-color-3);--text-input-border-color-hover:var(--neutral-color-4);--text-input-border-color-focus:var(--neutral-color-5)}.text-input-container.neutral{background-color:var(--neutral-color-1)}@media (hover:hover){.label:hover+.text-input-container:not(.disabled):not(:focus-within),.text-input-container:hover:not(.disabled):not(:focus-within){border-color:var(--text-input-border-color-hover)}}.text-input-container:focus-within{background-color:var(--neutral-color-1);border-color:var(--text-input-border-color-focus)}.label:active+.text-input-container:not(.disabled):not(:focus-within){border-color:var(--text-input-border-color-focus)}.text-input-container.disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.text-input-container>:not(.text-input){flex-shrink:0}.text-input{color:var(--neutral-color-900);padding:var(--spacing-5) 0;text-overflow:ellipsis;width:100%}.text-input:disabled{cursor:not-allowed}.text-input:-webkit-autofill{box-shadow:inset 0 0 0 2em var(--primary-color-1);-webkit-text-fill-color:inherit}.text-input:autofill{box-shadow:inset 0 0 0 2em var(--primary-color-1);-webkit-text-fill-color:inherit}.text-input::-moz-placeholder{color:var(--neutral-color-5)}.text-input::placeholder{color:var(--neutral-color-5)}