div[z-avatar-list]{--z-profile--size: var(--z-avatar-list--size, 3.5rem);display:grid;grid-auto-flow:column;grid-auto-columns:calc(var(--z-profile--size) - var(--zs-25))}:where(div[z-avatar-list],*[z-theme=light] div[z-avatar-list],div[z-avatar-list][z-theme=light]){--_profile-bg--1: var(--z-bg-azure);--_profile-bg--2: var(--z-bg-moss);--_profile-bg--3: var(--z-bg-teal);--_profile-bg--4: var(--z-bg-peach);--_profile-bg--5: var(--z-bg-primary)}div[z-avatar-list] div[z-profile]:nth-child(1){--z-profile--bg: var(--z-avatar-list--bg-1, var(--_profile-bg--1) ) !important}div[z-avatar-list] div[z-profile]:nth-child(2){--z-profile--bg: var(--z-avatar-list--bg-2, var(--_profile-bg--2) ) !important}div[z-avatar-list] div[z-profile]:nth-child(3){--z-profile--bg: var(--z-avatar-list--bg-3, var(--_profile-bg--3) ) !important}div[z-avatar-list] div[z-profile]:nth-child(4){--z-profile--bg: var(--z-avatar-list--bg-4, var(--_profile-bg--4) ) !important}div[z-avatar-list] div[z-profile]:nth-child(5){--z-profile--bg: var(--z-avatar-list--bg-5, var(--_profile-bg--5) ) !important}div[z-avatar-list] div[z-profile]:nth-child(6){--z-profile--bg: var(--z-avatar-list--bg-6, var(--_profile-bg--6) ) !important}div[z-avatar-list][z-avatar-list=s]{--z-profile--size: 2.5rem}div[z-avatar-list][z-avatar-list=l]{--z-profile--size: 5rem}