.input{display:block;margin-bottom:25px;position:relative;width:100%}.input__label{color:#22334459;font-size:20px;left:0;line-height:54px;max-width:100%;overflow:hidden;padding-left:0;padding-right:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transition:font-size .2s linear,line-height .2s linear;white-space:nowrap;z-index:4}@media screen and (max-width:767px){.input__label{font-size:18px}}.input__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid #d0d0e8;border-radius:0;box-shadow:none;color:#234c;display:block;font-size:20px;font-weight:400;height:55px;letter-spacing:.4px;outline:none;padding:6px 0 0;text-overflow:ellipsis;transition:border-color .2s ease;white-space:nowrap;width:100%}@media screen and (max-width:767px){.input__field{font-size:18px;line-height:20px}}.input__field:focus{border-color:#0956b3}.input__field:focus+.input__label{font-size:14px;line-height:25px}@media screen and (max-width:767px){.input__field:focus+.input__label{line-height:20px}}.input__field:disabled{background:#f8f8f8}.input--error .input__field:invalid{border-color:#f7002f}.input__error{color:#f7002f;display:none;font-size:14px;left:0;line-height:16px;padding-top:2px;position:absolute;top:100%}.input:hover .input__field{border-color:#0956b3}.input--filled .input__label{font-size:14px;line-height:25px}@media screen and (max-width:767px){.input--filled .input__label{line-height:20px}}.input--filled .input__field{border-color:#0956b3}