@use "colors"; [class^="members-"] { background-color: transparent; [class^="member-"] { background-color: transparent; margin-left: 0; [class^="memberInner-"] { height: 36px; padding: 0 4px; [class^="avatar-"] { margin-right: 6px; } } } [class^="membersGroup-"] { padding: 0; padding-left: 4px; height: 21px; background: linear-gradient(to right, colors.$highlight, transparent 75%); line-height: 21px; font-weight: normal; font-size: 12px; color: colors.$c7; text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0; font-weight: normal; &:not(:has(> [class^="hiddenVisually-"])) { display: flex; align-items: center; } &:has(> [class^="hiddenVisually-"]) > span[aria-hidden="true"] { display: flex; align-items: center; } } }