.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-medium);font-size:16px;line-height:1.4;outline:none;padding:var(--spacing-26,26px) var(--spacing-16,16px) var(--spacing-8,8px);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;line-height:1;max-width:calc(100% - var(--spacing-32, 32px));overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:calc(50% + 1px);transform:translateY(-50%);transform-origin:left top;transition:all .3s ease-in-out;white-space:nowrap}@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{font-size:12px;line-height:1.4;line-height:1;top:var(--spacing-12,12px);transform:translateY(0)}.TextInput--input:focus+.TextInput--label,.TextInput--input:not(:placeholder-shown)+.TextInput--label{font-size:12px;line-height:1.4;line-height:1;top:var(--spacing-12,12px);transform:translateY(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)}}