@import "theme.scss";

#guild-members {
    box-sizing: border-box;
    flex: none; /* >:| NOT GONNA SHINK BOI */
    background-color: $background-secondary;
    width: 240px;
    height: calc(100vh - 71px);
    overflow-y: scroll;
    padding: 8px 0 8px 8px;
}

#guild-members .member {
    background-color: $background-secondary;
    padding: 4px 8px;
    margin-bottom: 4px;
    border-radius: 4px;
}

#guild-members .member .name {
    width: calc(208px - 40px);
}

#guild-members .member .status-circle {
    border-color: $background-secondary;
}

#guild-members .member:hover {
    background-color: $background-modifier-hover;
    cursor: pointer;
}