/*======================================================
    COUNTRY LIST
======================================================*/

.country-list{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:4px;
    max-height:380px;
    overflow-y:auto;
}

.country-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border-radius:var(--radius-small);
    cursor:pointer;
    transition:var(--transition);
}

.country-item:hover{
    background:#eef5ff;
}

.country-item.selected{
    background:var(--primary);
    color:white;
}

.flag-list{
    width:24px;
    border:1px solid var(--border);
    border-radius:4px;
    display:block;
}

/* .country-name{ */
.country-list-name{
    font-size:.95rem;
}

.country-list::-webkit-scrollbar{
    width:8px;
}

.country-list::-webkit-scrollbar-track{
    background:transparent;
}

.country-list::-webkit-scrollbar-thumb{
    background:var(--border);
    border-radius:10px;
}

.country-list::-webkit-scrollbar-thumb:hover{
    background:#b8c2cc;
}

.country-item:hover{
    background:#eef5ff;
    transform:translateX(3px);
}