.group-composition[data-v-8943221d]{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.group-composition__role[data-v-8943221d]{--role-color:var(--color-text-muted);gap:var(--space-1);font-size:var(--text-sm);color:var(--role-color);align-items:center;display:inline-flex}.group-composition__role--tank[data-v-8943221d]{--role-color:#9cc3ff}.group-composition__role--healer[data-v-8943221d]{--role-color:#8fe3b6}.group-composition__role--dps[data-v-8943221d]{--role-color:#ffb3a3}.group-composition__label[data-v-8943221d]{color:var(--color-text-muted)}.group-composition__count[data-v-8943221d]{font-weight:var(--font-weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}.group-composition__role--full .group-composition__count[data-v-8943221d]{color:var(--color-text-subtle)}.group-composition--full[data-v-8943221d]{gap:var(--space-3);flex-direction:column}.group-composition--full .group-composition__role[data-v-8943221d]{gap:var(--space-3);font-size:var(--text-base);grid-template-columns:auto 4rem 3rem 1fr;display:grid}.group-composition__pips[data-v-8943221d]{gap:var(--space-1);flex-wrap:wrap;display:flex}.group-composition__pip[data-v-8943221d]{border:1.5px solid var(--role-color);opacity:.6;border-radius:50%;width:.875rem;height:.875rem}.group-composition__pip--filled[data-v-8943221d]{background:var(--role-color);opacity:1}