.upload-image{display:flex;position:relative}.upload-image__input{width:0;position:absolute;top:0;pointer-events:none;visibility:hidden}[dir=ltr] .upload-image__input{left:0}[dir=rtl] .upload-image__input{right:0}.upload-image__avatar{min-width:80px;max-width:80px;height:80px;overflow:hidden}[dir] .upload-image__avatar{background-color:#eff2f7;border-radius:10px;cursor:pointer}[dir=ltr] .upload-image__avatar{margin-right:15px}[dir=rtl] .upload-image__avatar{margin-left:15px}.upload-image__avatar img{width:100%;height:100%;object-fit:cover}.upload-image__desc{display:flex;flex-direction:column}.upload-image__label{display:flex;justify-content:center}[dir] .upload-image__label{background-color:#eff2f7;padding:5px 15px;border-radius:5px;cursor:pointer;margin-bottom:10px;text-align:center}[dir] .upload-image--is-invalid .upload-image__avatar{border:1px solid red}.upload-image--is-invalid .upload-image__no-file{color:red}.custom-input{display:flex;position:relative;min-width:100px;overflow:hidden}[dir=ltr] .custom-input__input{padding-right:60px}[dir=rtl] .custom-input__input{padding-left:60px}.custom-input__append{position:absolute;top:50%}[dir] .custom-input__append{transform:translateY(-50%)}[dir=ltr] .custom-input__append{right:15px;transition:right .3s}[dir=rtl] .custom-input__append{left:15px;transition:left .3s}.custom-input__btn{position:absolute;top:0;bottom:0}[dir=ltr] .custom-input__btn{right:-50px;transition:right .3s}[dir=rtl] .custom-input__btn{left:-50px;transition:left .3s}[dir=ltr] .custom-input--active .custom-input__append{right:50px}[dir=rtl] .custom-input--active .custom-input__append{left:50px}[dir=ltr] .custom-input--active .custom-input__btn{right:0}[dir=rtl] .custom-input--active .custom-input__btn{left:0}