.catalog-select-search {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:5px;
    margin-top:5px;
    min-width:0;
}

.catalog-select-search input[type="search"] {
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    padding:7px 34px 7px 9px;
    border:1px solid #ccd9e3;
    border-radius:8px;
    background:#fff;
    font-size:12px;
}

.catalog-select-search input[type="search"]:focus {
    border-color:#639bbb;
    outline:2px solid rgba(38,112,154,.18);
    outline-offset:1px;
}

.catalog-select-search-clear {
    position:absolute;
    top:3px;
    right:3px;
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    padding:0;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#526b7d;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}

.catalog-select-search-clear:hover,
.catalog-select-search-clear:focus-visible {
    background:#e9f1f6;
}

.catalog-select-search-clear[hidden] {
    display:none;
}

.catalog-select-search small {
    grid-column:1 / -1;
    min-height:14px;
    color:var(--muted);
    font-size:11px;
    font-weight:500;
}

select[data-catalog-search] {
    width:100%;
    min-width:0;
    text-overflow:ellipsis;
}