[data-sl-avatar]{position:relative;display:inline-flex;flex-shrink:0}[data-sl-avatar-image]{width:100%;height:100%;object-fit:cover;border-radius:var(--sl-radius-2);border:none}[data-sl-avatar][data-shape=rounded] [data-sl-avatar-image]{border-radius:var(--sl-radius-full)}[data-sl-avatar][data-size=xs]{width:var(--sl-space-5);height:var(--sl-space-5)}[data-sl-avatar][data-size=sm]{width:var(--sl-space-6);height:var(--sl-space-6)}[data-sl-avatar][data-size=md]{width:var(--sl-space-7);height:var(--sl-space-7)}[data-sl-avatar][data-size=lg]{width:var(--sl-space-8);height:var(--sl-space-8)}[data-sl-avatar][data-size=xl]{width:var(--sl-space-10);height:var(--sl-space-10)}[data-sl-avatar][data-size="2xl"]{width:var(--sl-space-16);height:var(--sl-space-16)}[data-sl-avatar-presence]{width:var(--sl-space-2);height:var(--sl-space-2);border-radius:var(--sl-radius-full);border:2px solid var(--sl-color-gray-0)}[data-sl-avatar-presence][data-presence=online]{background:var(--sl-color-green-8)}[data-sl-avatar-presence][data-presence=offline]{background:var(--sl-color-gray-6)}[data-sl-avatar-presence][data-presence=away]{background:var(--sl-color-yellow-8)}[data-sl-avatar-presence][data-presence=busy]{background:var(--sl-color-red-8)}[data-sl-avatar][data-size=xl] [data-sl-avatar-presence]{width:var(--sl-space-3);height:var(--sl-space-3)}[data-sl-avatar][data-size="2xl"] [data-sl-avatar-presence]{width:var(--sl-space-4);height:var(--sl-space-4)}[data-sl-avatar-fallback]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--sl-color-gray-4);color:var(--sl-color-gray-11);font-family:var(--sl-font-family-sans);font-size:var(--sl-font-size-1);font-weight:var(--sl-font-weight-medium);border-radius:var(--sl-radius-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-sl-avatar][data-shape=rounded] [data-sl-avatar-fallback]{border-radius:var(--sl-radius-full)}[data-sl-avatar][data-size=sm] [data-sl-avatar-fallback],[data-sl-avatar][data-size=xs] [data-sl-avatar-fallback]{font-size:var(--sl-font-size-0)}[data-sl-avatar][data-size=xl] [data-sl-avatar-fallback]{font-size:var(--sl-font-size-2)}[data-sl-avatar][data-size="2xl"] [data-sl-avatar-fallback]{font-size:var(--sl-font-size-4)}[data-sl-avatar-group]{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:0}[data-sl-avatar-group]>[data-sl-avatar]{-webkit-margin-start:calc(-1 * var(--sl-space-2));margin-inline-start:calc(-1 * var(--sl-space-2))}[data-sl-avatar-group]>[data-sl-avatar]:last-child{-webkit-margin-start:0;margin-inline-start:0}[data-sl-avatar-group-overflow]{display:inline-flex;align-items:center;justify-content:center;background:var(--sl-color-gray-4);color:var(--sl-color-gray-11);font-family:var(--sl-font-family-sans);font-size:var(--sl-font-size-1);font-weight:var(--sl-font-weight-medium);-webkit-margin-start:calc(-1 * var(--sl-space-2));margin-inline-start:calc(-1 * var(--sl-space-2))}[data-sl-avatar-group-overflow][data-size=xs]{width:var(--sl-space-5);height:var(--sl-space-5);font-size:var(--sl-font-size-0)}[data-sl-avatar-group-overflow][data-size=sm]{width:var(--sl-space-6);height:var(--sl-space-6);font-size:var(--sl-font-size-0)}[data-sl-avatar-group-overflow][data-size=md]{width:var(--sl-space-7);height:var(--sl-space-7)}[data-sl-avatar-group-overflow][data-size=lg]{width:var(--sl-space-8);height:var(--sl-space-8)}[data-sl-avatar-group-overflow][data-size=xl]{width:var(--sl-space-10);height:var(--sl-space-10);font-size:var(--sl-font-size-2)}[data-sl-avatar-group-overflow][data-size="2xl"]{width:var(--sl-space-16);height:var(--sl-space-16);font-size:var(--sl-font-size-4)}[data-sl-avatar-group-overflow][data-shape=default]{border-radius:var(--sl-radius-2)}[data-sl-avatar-group-overflow][data-shape=rounded]{border-radius:var(--sl-radius-full)}