.selectorContainer{
    z-index: 999999;
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.selectorButton{
    gap:10px;
    display: flex;
    color:#ffffff;
    cursor: pointer;
    font-size: 16px;
    padding:10px 15px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-color: #6b9ee0;
}

.selectorOptionsContainer{
    top:40px;
    width:100%;
    display: none;
    overflow: hidden;
    position: absolute;
    border-radius: 10px;
    background-color: #fafafa;
}

.selectorContainer:hover .selectorOptionsContainer{
    cursor: pointer;
    display: inline-block;
    animation: dropDownAnimation 0.5s ease;
}

@keyframes  dropDownAnimation{
    0%{
        opacity:0;
        transform:translateY(-10px);
    }
    50%{
        opacity:0.5;
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}

.selectorOption{
    gap:5px;
    width:100%;
    display: flex;
    cursor: pointer;
    font-size: 15px;
    list-style: none;
    padding:10px 15px;
    align-items: center;
    justify-content: start;
}

.selectorOption:hover{
    background-color: #e3efff;
}

.selectorOption span{
    color:#000000;
}

.selectorImageContainer{
    width:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selectorImageContainer img{
    width:100%;
}

#defaultSelectorImage{
    display: none;
}

@media screen and (max-width: 1024px) {
    .selectorButton{
        font-size: 14px;
        padding:10px 15px;
    }
    .selectorOption span{
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .selectorButton{
        font-size: 14px;
    }
    .selectorOption{
        font-size: 13px;
    }
    .selectorImageContainer{
        width:18px;
    }
}

@media screen and (max-width: 426px) {
    
}