.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)}.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)}.text-input-container{vertical-align:top;-moz-column-gap:.5em;border:1px solid var(--text-input-border-color);border-radius:var(--border-radius-2);padding:0 var(--spacing-6);background-color:var(--text-input-background-color);width:100%;color:var(--neutral-color-7);transition-duration:var(--transition-duration-1);align-items:center;column-gap:.5em;transition-property:border-color,background-color;display:inline-flex}@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{opacity:var(--disabled-opacity);cursor:not-allowed}.text-input-container>:not(.text-input){flex-shrink:0}.text-input{padding:var(--spacing-5) 0;width:100%;color:var(--neutral-color-900);text-overflow:ellipsis}.text-input:disabled{cursor:not-allowed}.text-input:autofill{box-shadow:inset 0 0 0 2em var(--primary-color-1);-webkit-text-fill-color:inherit}.text-input::placeholder{color:var(--neutral-color-5)}