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