/* 检索框一键清空按钮（由 js/clearable-input.js 动态插入） */
.ui-input-clear {
    position: absolute;
    top: 50%;
    right: var(--clear-right, 32px);
    z-index: 1;
    display: none;
    width: 16px;
    height: 16px;
    color: #bbb;
    cursor: pointer;
    transform: translateY(-50%);
}

.ui-input-clear.is-show {
    display: block;
}

.ui-input-clear:hover {
    color: #888;
}

.ui-input-clear svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* 隐藏 Chrome 原生 type=search 的清除按钮，统一使用自定义按钮 */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}