/* Search input in filter bar */
.fp-search {
    position: relative;
    display: flex;
    align-items: center;
}

.fp-search__icon {
    position: absolute;
    left: .85rem;
    color: #aaa;
    pointer-events: none;
    flex-shrink: 0;
}

.fp-search__input {
    padding: .44rem 2.2rem .44rem 2.4rem;
    border: 1.5px solid #ddd;
    border-radius: 20px;
    font-size: .88rem;
    color: #1a1a1a;
    background: #fff;
    outline: none;
    min-width: 200px;
    transition: border-color .15s;
    -webkit-appearance: none;
    line-height: 1;
}

.fp-search__input::-webkit-search-cancel-button { display: none; }

.fp-search__input:focus {
    border-color: #1a1a1a;
}

.fp-search__clear {
    position: absolute;
    right: .75rem;
    background: none;
    border: none;
    color: #aaa;
    font-size: .82rem;
    line-height: 1;
    cursor: pointer;
    padding: .2rem;
    transition: color .12s;
}

.fp-search__clear:hover { color: #1a1a1a; }

@media (max-width: 500px) {
    .fp-search { width: 100%; }
    .fp-search__input { min-width: 0; width: 100%; }
}