.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__input-element:-webkit-autofill,.ui-input__input-element:-webkit-autofill:active,.ui-input__input-element:-webkit-autofill:focus,.ui-input__input-element:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-color) inset;-webkit-text-fill-color:var(--color-text)}.ui-input__clear{position:absolute;right:6px;top:0;bottom:0}