.globalsearch{
    position: relative;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.1));
    z-index: 10;
    width: 100%;
    max-width: 300px;
    flex: 1;
}
.globalsearch .searchInput{
    position:relative;
}
.globalsearch .searchInput > .btn{
    position:absolute;
    right: 0;
    top:0;
    height:100%;
    z-index:2;
    margin: 0 !important;
}

.globalsearch h3{
    margin:0;
    padding: 12px 5px 9px;
}
.globalsearch .globalsearch-item + h3{
    border-top: 1px solid #dddddd36;
}
.globalsearch .globalsearch-item{display: inline-flex;flex-direction: row;align-items: center;width: 100%;justify-content: space-between;color: var(--themeColorDark);text-decoration: none;font-size: 13px;padding: 10px 6px;}
.globalsearch .globalsearch-item:hover{
    background-color:rgba(255,255,255,0.2);
}

.globalsearch .globalsearch-item:nth-of-type(even){
    background-color: var(--themeColorBackgroundLight);
}
.globalsearch .globalsearch-item:hover{
    background-color: rgb(255 255 255 / 11%);
}
.globalsearch .globalsearch-item + .globalsearch-item{
    margin-top:4px;
}

.globalsearch input::placeholder{
    color:#fff;
    opacity:0.6;
}

.globalsearch .globalsearchInputs:not(.shown){
    display:none;
}
.globalsearch .globalsearchInputs{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    min-height: 80px;
    z-index: 2;
    padding: 10px;
    background-color: #000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-direction: column;
    max-height: 40dvh;
    overflow: auto;
}

@media screen and (max-width:769px){
    .globalsearch{
        width:100%;  
        max-width:100% !important;
    }
    .globalsearch input{
        border-radius:0;
        border:none !important;
        width:100%;
    }
    .globalsearch .btn{

    }
}