/*::selection{*/
/*    color: #fff;*/
/*    background: #664AFF;*/
/*}*/
.search-input-container{
    /*background: #fff;*/
    /*width: 100%;*/
    /*border-radius: 5px;*/
    position: relative;
    /*box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);*/
}

.search-input-container input {
    height: 100%;
    width: 300px;
    padding-inline: 10px;
}

/*.search-input-container input{*/
/*    height: 55px;*/
/*    width: 100%;*/
/*    outline: none;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    padding: 0 60px 0 20px;*/
/*    font-size: 18px;*/
/*    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);*/
/*}*/

/*.search-input-container.active input{*/
/*    border-radius: 5px 5px 0 0;*/
/*}*/

.search-input-container .result-container{
    position: absolute;
    top: 100%;
    opacity: 1;
    width: 100%;
    z-index: 1;
    background: white;
    padding: 0;
    /*opacity: 0;*/
    pointer-events: none;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/*.search-input-container.active .result-container{*/
/*    padding: 10px 8px;*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*}*/

.result-container li{
    list-style: none;
    /*padding: 8px 12px;*/
    /*display: none;*/
    width: 100%;
    border-radius: 3px;
    pointer-events: all;
    border-bottom: 1px solid #dddd;
}

.result-container li a {
    display: block;
    padding: 8px 12px;
    cursor: pointer;
}

.search-input-container.active .result-container li{
    display: block;
}

.result-container li a:hover{
    background: #efefef;
}

.pagination {
    display: flex;
    text-transform: capitalize;
}

.pagination .pagination__link svg {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}

.pagination .pagination__link {
    font-size: 16px;
}

.pagination__link-next {
    margin-inline-start: auto;
}

.see-more {
    background: #efefef;
    position: sticky;
    inset: 0;
}