.textField{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:16px}.textField label{position:relative;cursor:pointer;margin:0 16px 4px 0;color:var(--sub-text-color)}.textField label,.textField label span{font-size:14px;font-weight:600}.textField label span.star{font-size:18px;font-weight:600;color:var(--red-color);margin-right:8px}.textField input{position:relative;width:100%;height:46px;display:flex;justify-content:flex-start;align-items:center;padding:12px 16px;border-radius:16px;outline:0;color:var(--sub-text-color);background-color:var(--reverse-color);border:2px solid rgba(var(--text-color-rgb),.1);box-shadow:rgba(var(--action-color-rgb),.1) 0 2px 16px 0;font-size:14px;transition:all .3s}.textField input:hover{color:var(--text-color);border-color:rgba(var(--text-color-rgb),.2);box-shadow:var(--action-color) 0 7px 29px 0}.textField input:active,.textField input:focus{border-color:var(--primary-color);color:var(--text-color);box-shadow:var(--action-color) 0 4px 16px 0}.textField.error input{border-color:var(--red-color)}.textField.error span.message{position:absolute;bottom:-24px;right:16px;color:var(--red-color);font-size:13px}.textField input[disabled]{color:var(--secondary-text-color);background-color:var(--action-color)}.textField .toggleShowPassword{position:absolute;top:14px;left:16px;cursor:pointer}.textField .toggleShowPassword.haveTitle{top:40px}.textField .toggleShowPassword svg path{stroke:var(--secondary-text-color)}