.TextInput-input{transition:all .25s ease-in}.TextInput-wrap{transition:border-color .25s ease-in,color .25s ease-in}.TextInput.disabled .TextInput-error{opacity:0!important}.TextInput.disabled .TextInput-wrap{color:var(--white-transparent-24);border-color:var(--white-transparent-4)!important;cursor:not-allowed}.TextInput.valid .TextInput-wrap{border-color:var(--green-500)}.TextInput.valid .TextInput-error{color:var(--green-500)}.TextInput.error .TextInput-wrap{border-color:var(--red-500)}.TextInput.error .TextInput-error{color:var(--red-500)}.TextInput.warning .TextInput-wrap{border-color:var(--amber-500)}.TextInput.warning .TextInput-error{color:var(--amber-500)}.TextInput.error .TextInput-error,.TextInput.valid .TextInput-error,.TextInput.warning .TextInput-error{opacity:1}.TextInput-label{font-size:var(--fSize16);font-weight:500;line-height:1.35;color:var(--text);margin-bottom:.5rem;display:block}.TextInput-wrap{position:relative}.TextInput-input,.TextInput-wrap{width:100%}.TextInput-wrap{border:1px solid var(--white-transparent-16);background-color:var(--white-transparent-4);border-radius:8px}.TextInput-input{color:var(--text);padding:.75rem 1rem;border-radius:8px;outline:none;background-color:transparent}.TextInput-input,.TextInput-input::placeholder{font-size:var(--fSize16);font-weight:400;line-height:1.35}.TextInput-input::placeholder{color:var(--gray-300)}.TextInput-wrap:focus-within{background-image:linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.08));box-shadow:0 0 0 4px var(--white-transparent-4)}.TextInput-input:disabled{color:var(--white-transparent-24);cursor:not-allowed}.TextInput-input:disabled::placeholder{color:var(--white-transparent-24)}.TextInput-error{margin-top:.25rem;min-height:20px;font-size:var(--fSize14);font-weight:400;line-height:1.35;color:var(--text);opacity:0;transition:opacity .25s ease-in}.TextInput-input:-webkit-autofill,.TextInput-input:-webkit-autofill:active,.TextInput-input:-webkit-autofill:focus,.TextInput-input:-webkit-autofill:hover{-webkit-background-clip:text;-webkit-text-fill-color:var(--text);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px transparent}