.ui-input[data-v-5df610c3]{position:relative;width:100%}.ui-input__wrapper[data-v-5df610c3]{align-items:center;background-color:var(--white-color);border:1px solid var(--gray-color);cursor:pointer;display:flex;gap:10px;padding:var(--input-size-md)}.ui-input__wrapper[data-v-5df610c3],.ui-input__wrapper[data-v-5df610c3]:after{border-radius:8px;transition:var(--transition-time)}.ui-input__wrapper[data-v-5df610c3]:after{border-bottom:2px solid transparent;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%}.ui-input__input[data-v-5df610c3]{background-color:inherit;color:var(--black-color);cursor:pointer;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ui-input__input[data-v-5df610c3]::-moz-placeholder{color:var(--black-opacity-color-30)}.ui-input__input[data-v-5df610c3]::placeholder{color:var(--black-opacity-color-30)}.ui-input__icon[data-v-5df610c3]{color:var(--black-color);flex-shrink:0;height:10px;position:relative;width:10px}.ui-input__icon[data-v-5df610c3] svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-input--error .ui-input__wrapper[data-v-5df610c3]:after{border-color:var(--red-color)}.ui-input--success .ui-input__wrapper[data-v-5df610c3]:after{border-color:var(--blue-main-color)}