.base-input{position:relative;width:100%}.base-input__input{border-radius:5px;height:36px;overflow:hidden;position:relative}.base-input__icon-after,.base-input__icon-before{align-items:center;display:flex;font-size:16px;height:100%;padding:8px;position:absolute;top:0}.base-input__icon-after *,.base-input__icon-before *{font-size:16px}.base-input__icon_before{left:0}.base-input__icon-after{right:0}.base-input__container{height:100%;padding-left:10px;width:100%}.base-input__container.--has-append{padding-left:34px}.base-input__container ::-moz-placeholder{text-transform:capitalize}.base-input__container ::placeholder{text-transform:capitalize}.base-input__container.--disabled{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.base-input__container.--input-right{padding-right:10px;text-align:right}.base-input__container.--input-center{padding-right:10px;text-align:center}.base-input__label-container{margin-bottom:11px}.base-input__label-container.--required :after{color:red;content:"*";margin-left:5px}.base-input__label{color:#fff;text-transform:uppercase}.base-input .error-message{color:red}.base-input .is-invalid{border-color:red}