.input-field{position:relative;margin-top:0;margin-bottom:12px}.input-field>label{color:#6d6c6d;position:absolute;top:0;left:0;cursor:text;text-align:initial;transform:translateY(24px);transform-origin:0% 100%;font-size:15px;letter-spacing:-.3px;transition:transform .2s ease-out,color .2s ease-out}.input-field>label.active{transform:translateY(8px) scale(.6);transform-origin:0 0}.input-field.filled>label{transform:translate(18px,14px);transform-origin:0 0}.input-field.filled>label.active{transform:translate(18px,8px) scale(.6);transform-origin:0 0}.input-field>input{background:transparent;border:none;border-bottom:1px solid #d4d3d3;outline:none;height:48px;width:100%;padding-top:20px;padding-right:12px;box-shadow:none;transition:box-shadow .3s,border .3s;-moz-appearance:none;-webkit-appearance:none;appearance:none}.input-field>input:focus{border-bottom:1px solid #4091d7;box-shadow:0 1px #4091d7}.input-field>input:focus+label{color:#4091d7}.input-field.filled>input{border-bottom:none;padding-left:17px}.input-field.filled>input:focus{border-bottom:none;box-shadow:none}.input-field>span{display:none;position:absolute;bottom:0;left:0;margin-bottom:-13px;color:#de3632;font-size:10px}.input-field>span.error{display:block}.input-field.outlined>input{height:62px;border:1px solid #d5d6d5;padding-top:14px}.input-field.outlined>input:focus{border:1px solid #d5d6d5}.input-field.outlined>label{transform:translate(18px,20px);transform-origin:0 0}.input-field.outlined>label.active{transform:translate(18px,10px) scale(.6);transform-origin:0 0}.characterCounter{font-size:10px!important;margin-top:5px!important;font-weight:400!important}.characterCounter.error{color:#de3632}