.brnd-input{border:none;height:4.8rem;position:relative;transition:border .3s ease;width:100%}.brnd-input,.brnd-input__icon{align-items:center;display:flex}.brnd-input__icon{color:#9ca1a5;cursor:pointer;height:100%;justify-content:center;position:absolute;right:.8rem;width:2.4rem}.brnd-input__icon--prev{left:.8rem;right:unset}.brnd-input__label{color:#9ca1a5;font-size:1.4rem;left:1.5rem;max-width:calc(100% - 1rem);pointer-events:none;position:absolute;top:1.5rem;transition:all .3s ease}.brnd-input__input,.brnd-input__label{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brnd-input__input{background:#fff;border:.1rem solid #e1e6ec;cursor:inherit;flex:1 1 auto;height:100%;min-height:100%;padding:0 2rem 0 1.5rem;position:relative;resize:none;transition:border .3s ease;width:100%}@media (hover:hover){.brnd-input__input:hover{border:.1rem solid #6c757d}}.brnd-input__input:focus{border:.1rem solid #000}.brnd-input__input.brnd-input__input--focused,.brnd-input__input:focus{outline:none}.brnd-input__input.brnd-input__input--focused~label,.brnd-input__input:focus~label{font-size:1.2rem;top:2%}.brnd-input__input--rounded{border-radius:.4rem}.brnd-input__input::-moz-placeholder{color:#9ca1a5}.brnd-input__input::placeholder{color:#9ca1a5}.brnd-input__input--scrollable{overflow:auto}.brnd-input--rounded{border-radius:.4rem}.brnd-input textarea{white-space:normal}.brnd-input--disabled{pointer-events:none}.brnd-input--disabled .brnd-input__input{background:#e1e6ec;color:#9ca1a5}.brnd-input--textarea{height:auto}.brnd-input--label .brnd-input__input{padding:2.5rem 2.5rem 1.5rem 1.5rem}.brnd-input--noborder .brnd-input__input{background:transparent;border:none}.brnd-input--noborder .brnd-input__input:hover{border:none}.brnd-input--noborder .brnd-input__input.brnd-input__input--focused{background:#fff;border:.1rem solid #000}.brnd-input--disabled .brnd-input__label{color:#9ca1a5}.brnd-input--error .brnd-input__input,.brnd-input--error .brnd-input__input:focus,.brnd-input--error .brnd-input__input:hover{border-color:#f33}.brnd-input--icon-pre .brnd-input__input{padding-left:4rem}.brnd-input--icon-pre .brnd-input__label{left:4rem}.brnd-input--small{height:3.2rem}.brnd-input--small .brnd-input__input{padding:5px 15px}.brnd-input--small .brnd-input__label{left:1.5rem;position:absolute;top:1rem}