/* ======================================================
    <!-- Live Search -->
/* ====================================================== */

.livesearch__wrapper {
    position: relative;

    /*------ Search button ------*/
    .livesearch__wrapper-searchbtn {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
        pointer-events: auto;
    }




    /*------ Loader ------*/
    .livesearch-loader {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        pointer-events: none;
        pointer-events: none;
        z-index: 5;
        width: 12px;
        height: 12px;
        text-align: center;
        transform-origin: center;
        transform: translate(-5px, 0) rotate(0);
        animation: 1s linear infinite livesearch__spinner;

        &.pos-offset {
            right: 2rem;
        }

        svg {
            vertical-align: top;

            path {
                fill: var(--cus-sel-loader-color);
            }
        }
    }

    @keyframes livesearch__spinner {
        to {
            transform: translate(-5px, 0) rotate(-360deg);
        }
    }



}


/*------ List ------*/
.livesearch__options-wrapper  {
    --livesearch-listgroup-popwin-min-width: 200px;
    --livesearch-listgroup-item-hover-focus-bg: rgba(0,0,0,.1);
    --livesearch-listgroup-content-scrollbar-color: rgba(0, 0, 0, 0.2);
    --livesearch-listgroup-content-scrollbar-track: rgba(0, 0, 0, 0);
    --livesearch-listgroup-content-scrollbar-w: 10px;


    display: none;
    min-width: var(--livesearch-listgroup-popwin-min-width);
    z-index: 1055;  /* --bs-modal-zindex */
    

    &.active {
        display: block !important;
    }

 
    /*------ Options ------*/
    .livesearch__options-contentlist {
        overflow: hidden;
        overflow-y: auto;
        background-color: var(--bs-list-group-bg);

        &.noscroll {
            overflow-y: hidden;
        }

        &::-webkit-scrollbar {
            height: var(--livesearch-listgroup-content-scrollbar-h);
            width: var(--livesearch-listgroup-content-scrollbar-w);
        }

        &::-webkit-scrollbar-thumb {
            background: var(--livesearch-listgroup-content-scrollbar-color);
        }

        &::-webkit-scrollbar-track {
            background: var(--livesearch-listgroup-content-scrollbar-track);
        }

    }

    .list-group-item {

        &.hide {
            display: none;
        }

        .livesearch__control-option-item--nomatch {
            &.hide {
                display: none;
            }
        }


        &:hover,
        &:focus {
            background-color: var(--livesearch-listgroup-item-hover-focus-bg);
        }

    }

}