.input{position:relative;display:block;z-index:1;font-size:16px;line-height:24px}.input.error{border-color:#f22613!important}.input.flu input{text-transform:capitalize}.input .input-title,.input .input-width{display:none}.input.focused:before{background:linear-gradient(261.48deg,#00c0ff,#0089e2)}.input.focused .input-title{color:#09f}.input.disabled{opacity:.5}.input input{width:100%;padding:9px 0;border:0;background:transparent;outline:none}.input input:focus:before{background:linear-gradient(261.48deg,#00c0ff,#0089e2)}.input input:focus:after{color:#09f}.input:before{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background:#717374;z-index:-1}.input.error .input-title{color:#f22613}.input.error:before{background:#f22613}.input.telInput:after{position:absolute;content:"+7";z-index:-1;left:0;top:50%;transform:translateY(-50%)}.input.telInput input{padding-left:20px}.input.right{display:flex;width:100%;height:40px;position:relative;z-index:1;transform:translateZ(0)}.input.right .input-title{flex-grow:1;position:relative;white-space:nowrap;display:block}.input.right .input-title label{left:0;bottom:8px;position:absolute;overflow:hidden;text-overflow:ellipsis;width:100%;color:#717374}.input.right .input-title label:after{position:fixed;content:"";left:0;top:0;width:100%;height:100%;z-index:2}.input.right .input-field{position:relative;max-width:75%}.input.right .input-field input{position:absolute;width:100%;max-width:100%;right:0;bottom:0;text-align:right;font-weight:500;height:40px;line-height:40px;box-sizing:border-box;padding-left:1px;padding-right:1px}.input.right .input-field .input-width{overflow:hidden;height:0;display:inline-block;min-width:3px;padding-left:2px}