.ajax-filter-search {    
    .is-search-form {
        display: flex;
    }

    label {
        position: relative;
        width: 100%;
    }

    .is-loader-image {
        position: absolute;
        top: 50%;
        right: 45px;
        width: 15px;
        height: 15px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .is-screen-reader-text {
        display: none;
    }
    
    .is-search-input {
        background: #999;
        padding: 4px 20px;
        border-radius: 2px;

        &[placeholder] {
            color: #fff;
        }
    }

    .is-search-submit {
        border-radius: 2px;
    }

    .is-search-icon {
        svg {
            fill: #fff;
        }
    }

}

.ajax-filter-search.ajax-filter-search--main {
    height: 100%;
    
    .is-search-submit {
        margin-right: 70px;
    }

    .is-search-form,
    .is-search-input {
        height: 100%;
    }
}

.is-ajax-search-result {
    position: absolute;
    z-index: 9999;
    box-sizing: content-box;
    padding: 5px;
    background: #f2f2f2;
    margin-top: 10px;
    border-radius: 2px;

    /* .is-search-content {
        display: none;
    } */

    .is-search-sections:hover {
        background: #e1e1e1;
        border-radius: 3px;
    }

    .is-search-sections {
        display: flex;
        padding: 8px;
        align-items: center;

        .left-section {
            display: inline-flex;
        }

        .right-section {
            padding: 20px;
            text-wrap: balance;
        }
    }

    .thumbnail {
        width: 135px;
        height: 135px;
        display: inline-flex;
        align-items: center;
        
        a {
            display: inline-flex;
        }
    }

    .is-title {
        font-weight: 600;
    }

    @media (max-width: 600px) {
        .thumbnail {
            width: 65px;
            height: 65px;
        }

        .is-title {
            font-size: 14px;
            font-weight: 400;
        }

        .is-search-content {
            display: none;
        }

        .right-section {
            padding: 20px 0 20px 20px;
        }
    }

    .is-show-more-results  {
        padding: 10px;
        cursor: pointer;
    }

    .is-ajax-search-items {
        max-height: min(400px, 60vh);
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* SimpleBar CSS isn't loaded; its placeholder doubles the height (empty grey block) */
    .simplebar-placeholder,
    .simplebar-track,
    .simplebar-height-auto-observer-wrapper {
        display: none;
    }

    @media (max-width: 600px) {
        left: 24px !important;
        right: 24px;
        width: auto !important;
    }
}

.is-ajax-search-details {
    display: none !important;
}