.TextField{position:relative}.TextField .input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border:3px solid var(--color-textfield-border);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-textfield-text);font-size:14px;height:45px;line-height:1;padding:12px 15px;-webkit-transition:border-color .25s;transition:border-color .25s;width:100%}.TextField .input::-webkit-input-placeholder{color:transparent}.TextField .input::-moz-placeholder{color:transparent}.TextField .input::-ms-input-placeholder{color:transparent}.TextField .input::placeholder{color:transparent}.TextField .placeholder{color:var(--color-textfield-placeholder);font-size:14px;left:18px;pointer-events:none;position:absolute;top:11px;-webkit-transition:opacity .25s;transition:opacity .25s}.TextField .message{display:block;font-size:12px;line-height:1.3;margin-top:4px}.TextField:hover .input{border-color:var(--color-textfield-border-hover)}.TextField .input:not(:-moz-placeholder-shown)~.placeholder{opacity:0}.TextField .input:focus~.placeholder,.TextField .input:not(:placeholder-shown)~.placeholder{opacity:0}.TextField.error .message,.TextField.error .placeholder{color:var(--color-error)}.TextField.error .message{font-weight:700}.TextField.disabled{cursor:default;pointer-events:none}.TextField.disabled .input{border-color:var(--color-disabled)}.TextField.disabled .input,.TextField.disabled .placeholder{color:var(--color-disabled)}.theme-dark .TextField .input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}