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