/*======================================================
    NEIGHBOURS
======================================================*/

#neighbours-panel{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.neighbour{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px;
    border-radius:10px;
    background:#f8f9fa;
    cursor:pointer;
    transition:.2s;
}

.neighbour:hover{
    background:#e8f2ff;
    transform:translateX(4px);
}

/* .flag-small{ */
.country-list-flag{
    width:28px;
    border:1px solid #d0d7de;
    border-radius:3px;
    box-shadow:0 2px 5px rgba(0,0,0,.15);
}

.neighbour-name{
    font-size:16px;
    font-weight:600;
}

/*======================================================
    NEIGHBOUR LIST
======================================================*/

.neighbour-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.neighbour{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px;
    border-radius:var(--radius-small);
    background:#f8f9fa;
    cursor:pointer;
    transition:var(--transition);
}

.neighbour:hover{
    background:#e8f2ff;
    transform:translateX(4px);
}

.neighbour-flag{
    width:28px;
    border:1px solid var(--border);
    border-radius:4px;
    box-shadow:0 2px 5px rgba(0,0,0,.15);
    display:block;
}

.neighbour-name{
    font-size:1rem;
    font-weight:600;
}