.text-field-input{color:#000;background:0 0;border:1px solid #aeaeae;border-radius:10px;outline:0;width:100%;height:44px;padding:4px 10px;font-family:inherit;font-size:16px;font-weight:400;transition:border-color .2s}.text-field-label{-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;height:20px;padding:0 10px;font-size:14px;font-weight:400;transition:all .2s;display:flex;position:absolute;top:32px}.text-field-input:focus~.text-field-label,.text-field-input:not(:focus):valid~.text-field-label{padding:0 5px;font-size:11px;top:0;bottom:0;left:0}html[dir=rtl] .text-field-input:focus~.text-field-label,html[dir=rtl] .text-field-input:not(:focus):valid~.text-field-label{inset:0 0 0 auto}:-webkit-any(.text-field-input:focus~.text-field-label,.text-field-input:autofill~.text-field-label,.text-field-input:-webkit-autofill~.text-field-label){color:#000;font-size:11px;font-weight:400;transition:all .2s;display:block;position:absolute;top:0;left:0}:is(.text-field-input:focus~.text-field-label,.text-field-input:autofill~.text-field-label,.text-field-input:autofill~.text-field-label){color:#000;font-size:11px;font-weight:400;transition:all .2s;display:block;position:absolute;top:0;left:0}.text-field-input:focus{border:1.5px solid #000!important}.text-field-input::placeholder{opacity:0;transition:opacity .2s}.text-field-input:focus::placeholder{opacity:1;font-size:14px;font-weight:200}