/* Readable circle and position badges. */
.member-affiliation{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%;vertical-align:middle;font-size:14px;line-height:1.5;letter-spacing:0}
.member-affiliation>.membership-tag,.member-affiliation>.member-role-inline,.member-card-special .member-affiliation>.member-role-inline{display:inline-flex;align-items:center;justify-content:center;min-height:28px;box-sizing:border-box;padding:3px 10px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:750;line-height:1.5;letter-spacing:0;text-shadow:none;white-space:normal;overflow-wrap:anywhere;max-width:100%;box-shadow:none;animation:none;transform:none}
.member-affiliation>.membership-tag.crew{background:#6844a0;color:#fff;border-color:#6844a0}.member-affiliation>.membership-tag.community{background:#eaf2fa;color:#244d70;border-color:#bacfe1}
.member-affiliation>.member-role-inline,.member-card-special .member-affiliation>.member-role-inline{background:#f7f8fc;color:#344158;border-color:#c9d0dd}
.member-affiliation>.member-role-inline[data-member-role=leader],.member-affiliation>.member-role-inline[data-member-role=circle-leader]{background:#fff1d6;color:#754914;border-color:#dec18a}
.member-affiliation>.member-role-inline[data-member-role=staff],.member-affiliation>.member-role-inline[data-member-role=circle-deputy]{background:#eaf1fd;color:#305489;border-color:#b7c9e6}
.ranking-member-copy .member-name-role .member-affiliation{flex-basis:100%;margin-top:4px;gap:7px}.ranking-member-copy .member-affiliation>.membership-tag,.ranking-member-copy .member-affiliation>.member-role-inline{font-size:14px;min-height:29px}
.directory-member-copy .member-affiliation{margin-top:3px}.member-portal-user .member-affiliation{margin-left:8px}
@media(max-width:600px){.member-affiliation{gap:5px}.member-affiliation>.membership-tag,.member-affiliation>.member-role-inline,.member-card-special .member-affiliation>.member-role-inline{font-size:13px;min-height:27px;padding:3px 8px}.ranking-member-copy .member-affiliation>.membership-tag,.ranking-member-copy .member-affiliation>.member-role-inline{font-size:14px;min-height:29px}.home-rank-row .member-affiliation{margin-top:4px;flex-basis:100%}.home-rank-row .member-affiliation>.membership-tag,.home-rank-row .member-affiliation>.member-role-inline{display:inline-flex;font-size:12px;min-height:25px}.member-portal-user .member-affiliation{margin-left:0}}