.u-input{display:grid}.u-input__field{position:relative}.u-input__field .input-invalid-message{left:0;position:absolute;top:100%}.u-input__aside{align-items:center;display:flex;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:auto}.u-input__count{color:#9b9797;font-size:12px;font-weight:500;letter-spacing:.2px;line-height:18px}.u-input__prepend-icon{left:12px}.u-input__append-icon,.u-input__prepend-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.u-input__append-icon{right:12px;width:auto}.u-input .form-control{background:#fff;border:1px solid #d3d3d3;border-radius:8px;color:#545454;font-size:14px;font-weight:400;letter-spacing:.4px;line-height:16px;padding-right:60px}.u-input .form-control::-moz-placeholder{color:#9b9797}.u-input .form-control::placeholder{color:#9b9797}.u-input .form-control:disabled{background:#f8f8f8;cursor:not-allowed}.u-input input.has-counter{padding-right:80px!important}.u-input input.prepend-icon{padding-left:40px!important}.u-input label{color:#2c2c2c;font-size:16px;font-weight:600;letter-spacing:.2px;line-height:24px;text-transform:uppercase}.u-input .badge{background:#e9e9e9!important;color:#2c2c2c!important;font-size:12px;font-weight:500;letter-spacing:.2px;line-height:16px;padding:2px 8px;text-transform:none}