.ui-input{display:inline-flex}.ui-input__inner{display:flex;width:100%}.ui-input__input{position:relative;width:100%}.ui-input__search-icon{align-items:center;bottom:0;color:var(--border-color);display:flex;justify-content:center;left:8px;position:absolute;top:50%;transform:translateY(-50%);transition:color .1s}.ui-input__input-element{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:0;box-sizing:border-box;color:inherit;display:inline-block;font:inherit;height:36px;margin:0;outline:none;padding:0 12px;transition:color .1s,border-color .1s;width:100%}.ui-input__input-element--search{padding-left:36px;padding-right:36px}.ui-input__input-element:active,.ui-input__input-element:focus,.ui-input__input-element:hover{border-color:var(--color-primary)}.ui-input__clear{bottom:0;position:absolute;right:6px;top:0}