.TextInput--inner{position:relative}.TextInput--input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(var(--c-border-dark));border-radius:var(--border-radius-xsmall);font-size:16px;line-height:1.4;outline:none;padding:var(--spacing-16,16px);transition:border-color .2s ease-out;width:100%}@media (min-width:750px){.TextInput--input{font-size:16px}}@media (min-width:1280px){.TextInput--input{font-size:16px}}@media screen and (max-width:750px){.TextInput--input{line-height:1.4}}.TextInput--input:focus{border-color:rgba(var(--c-black),1)}.TextInput--input::-moz-placeholder{opacity:0;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.TextInput--input::placeholder{opacity:0;transition:opacity .3s ease-in-out}.TextInput--input:-webkit-autofill,.TextInput--input:-webkit-autofill:active,.TextInput--input:-webkit-autofill:focus,.TextInput--input:-webkit-autofill:hover{box-shadow:0 0 0 1000px rgba(var(--c-white),1) inset}.TextInput--input.hasPlaceholder:focus::-moz-placeholder{opacity:1}.TextInput--input.hasPlaceholder:focus::placeholder{opacity:1}.TextInput.isValid .TextInput--input{background-color:rgba(var(--c-valid-form-input))}.TextInput.isValid .TextInput--input:-webkit-autofill,.TextInput.isValid .TextInput--input:-webkit-autofill:active,.TextInput.isValid .TextInput--input:-webkit-autofill:focus,.TextInput.isValid .TextInput--input:-webkit-autofill:hover{box-shadow:0 0 0 1000px rgba(var(--c-valid-form-input)) inset}.TextInput.hasError .TextInput--input{border-color:rgba(var(--c-signal-red),1)}.TextInput--label{color:rgba(var(--c-grey),1);font-size:14px;left:var(--spacing-16,16px);line-height:1.2;padding:0 var(--spacing-4,4px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}@media (min-width:750px){.TextInput--label{font-size:14px}}@media (min-width:1280px){.TextInput--label{font-size:14px}}@media screen and (max-width:750px){.TextInput--label{line-height:1.2}}.TextInput--input:not(:-moz-placeholder)+.TextInput--label{background-color:rgba(var(--c-white),1);font-size:12px;line-height:1.4;top:0}.TextInput--input:focus+.TextInput--label,.TextInput--input:not(:placeholder-shown)+.TextInput--label{background-color:rgba(var(--c-white),1);font-size:12px;line-height:1.4;top:0}@media (min-width:750px){.TextInput--input:not(:-moz-placeholder)+.TextInput--label{font-size:12px}.TextInput--input:focus+.TextInput--label,.TextInput--input:not(:placeholder-shown)+.TextInput--label{font-size:12px}}@media (min-width:1280px){.TextInput--input:not(:-moz-placeholder)+.TextInput--label{font-size:12px}.TextInput--input:focus+.TextInput--label,.TextInput--input:not(:placeholder-shown)+.TextInput--label{font-size:12px}}@media screen and (max-width:750px){.TextInput--input:not(:-moz-placeholder)+.TextInput--label{line-height:1.4}.TextInput--input:focus+.TextInput--label,.TextInput--input:not(:placeholder-shown)+.TextInput--label{line-height:1.4}}.TextInput.hasError .TextInput--input:not(:-moz-placeholder)+.TextInput--label{color:rgba(var(--c-signal-red),1)}.TextInput.hasError .TextInput--input:focus+.TextInput--label,.TextInput.hasError .TextInput--input:not(:placeholder-shown)+.TextInput--label{color:rgba(var(--c-signal-red),1)}.TextInput--iconWrapper{position:absolute;right:var(--spacing-16,16px);top:50%;transform:translateY(-50%)}.TextInput--additionalInformation{font-size:12px;line-height:1.4;margin-top:var(--spacing-8,8px)}@media (min-width:750px){.TextInput--additionalInformation{font-size:12px}}@media (min-width:1280px){.TextInput--additionalInformation{font-size:12px}}@media screen and (max-width:750px){.TextInput--additionalInformation{line-height:1.4}}.TextInput--additionalInformation a{background-image:linear-gradient(rgba(var(--c-grey),.4),rgba(var(--c-grey),.4));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;color:rgba(var(--c-signal-blue),1);position:relative;text-decoration:none}@media (hover:hover){.TextInput--additionalInformation a:focus,.TextInput--additionalInformation a:hover{background-image:linear-gradient(currentcolor,currentcolor);color:rgba(var(--c-signal-blue-dark),1)}}