:root {
    --friends-list-btn-width: 4rem;
    --friends-list-container-width: 16rem;
    --friends-list-btn-height: 3rem;
    --messages-btn-width: 4rem;
    --party-btn-width: 4rem;
    /* --primary-friends-color: rgb(102, 82, 250); */
    --primary-friends-color: #1e293b;
    --secondary-friends-color: #334155;
}


.selected-friends-btn {
    background: var(--secondary-friends-color);
    color:white
}
.selected-friends-btn:hover {
    background: var(--secondary-friends-color);
}
.selected-friends-btn svg {
    color: white;
    width: 2rem;
    height: 2rem;
}

#friends-general-btn {
    /* position:fixed; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--friends-list-btn-width);
    height: var(--friends-list-btn-height);
    /* bottom:0; */
    /* right:0; */
    /* background: var(--primary-friends-color); */
    /* color:white; */
    /* margin-bottom:0; */
}
#friends-list {
    display:none;
    flex-direction: column;
    position:fixed;
    cursor: default;
    padding: 1rem;
    bottom: var(--friends-list-btn-height);
    right: 0;
    width: var(--friends-list-container-width);
    height: 36rem;
    background: var(--primary-friends-color);
    color:white;
    z-index: 80;
}
#friends-list-friends {
    display: flex;
    flex-direction: column;
}
/* #general-friends-notification-count {
    position: absolute;
    display:none;
    justify-content: center;
    align-items: center;
    left: 0rem;
    top: -0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background: red;
    border-radius:200px;
    color:white;
    z-index: 50;
} */
.friends-list-list-btn {
    display: flex;
    position:relative;
}
.friends-notif-div {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    left: 0rem;
    top: -0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background: red;
    border-radius:200px;
    color:white;
    z-index: 50;
}

#friends-list-send-friend-request-input {
    background: transparent;
}

#friends-list-requests {display: none;}
#friends-list-blocked {display: none;}
#friends-list-recent {display: none;}