.sey-container{display:none;
    position:absolute;
    border-color: blue;
    background-color:rgb(1, 168, 212, 0.2);
    color:#ffffff;
    transition:left .1s ease-in-out;
    z-index:1
}

.sey-list {
    max-width: 14.7em;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border:1px solid rgb(255, 255, 255);
    max-height: calc(5 * 2em); /* Adjust to fit five list items */
    overflow-y: auto;
    background-color: rgb(1, 168, 212, 1); /* Background color of the list */
}

.sey-list li {
    height: 2em; /* Height of each list item */
    padding: 0.5em; /* Padding for each list item */
}
.sey-list {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: rgb(31, 2, 83) rgb(1, 168, 212, 0.1); /* Scrollbar thumb and track colors */
}
    .sey-show{
        display:block
    }
    .sey-hide{
        display:none
    }
    .sey-empty{
        cursor:default;padding:7px
    }
    .sey-item{
        cursor:pointer;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        padding:7px
    }
    .sey-item:hover{
        background-color:rgba(17, 31, 155, 0.4);
        color:#fff
    }
    .sey-selected{
        background-color:rgb(1, 168, 212, 0.5);
       
    }
    .sey-char-highlight{
        font-weight:700
    }
    .sey-category-id{
        background-color:#ffffff;
        color:#1e0b74;
        text-align:right;
        text-transform:capitalize;
        font-style:italic;
        font-size:12px;
        box-shadow:1px 0 1px;
        padding:7px}