.ds-avatar{--avatar-size:32px;--avatar-font-size:12px;--avatar-border-width:1.5px;--avatar-stack-offset:calc(var(--avatar-size) * -.28);--avatar-overlay-size:calc(var(--avatar-size) * .36);--avatar-status-size:calc(var(--avatar-size) * .22);font-family:var(--font-family-sans,"Inter", sans-serif);color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-avatar:where(button){cursor:pointer}.ds-avatar:where(button):focus-visible{box-shadow:var(--shadow-button-focus);border-radius:var(--borderRadius-full,999px);outline:none}.ds-avatar--xs{--avatar-size:20px;--avatar-font-size:9px;--avatar-border-width:1px}.ds-avatar--sm{--avatar-size:24px;--avatar-font-size:10px;--avatar-border-width:1px}.ds-avatar--md{--avatar-size:32px;--avatar-font-size:12px}.ds-avatar--lg{--avatar-size:40px;--avatar-font-size:14px}.ds-avatar--xl{--avatar-size:56px;--avatar-font-size:18px;--avatar-overlay-size:20px}.ds-avatar--display{--avatar-size:123px;--avatar-font-size:36px;--avatar-border-width:0;--avatar-overlay-size:32px;--avatar-status-size:18px}.ds-avatar--group{gap:var(--space-4,4px)}.ds-avatar--stacked .ds-avatar__item+.ds-avatar__item,.ds-avatar--stacked .ds-avatar__overflow{margin-left:var(--avatar-stack-offset)}.ds-avatar__item,.ds-avatar__overflow{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--borderRadius-full,999px);border:var(--avatar-border-width) solid var(--color-border-inverted,#fff);flex-shrink:0}.ds-avatar__item{background:var(--color-background-subtle-neutral,#efefef);color:var(--color-text-strong-neutralA,#05000feb);font-size:var(--avatar-font-size);justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:visible;box-shadow:0 2px 5px #0000000d}.ds-avatar--display .ds-avatar__item{box-shadow:0 8px 11px #2f045029,2px 5px 7px #622edc2e}.ds-avatar--open .ds-avatar__item{opacity:.5}.ds-avatar__image{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.ds-avatar__item--fallback{background:var(--color-background-highest,#fff)}.ds-avatar__fallback{border-radius:inherit;-webkit-user-select:none;user-select:none;width:100%;height:100%;line-height:0;display:block;position:relative;overflow:hidden}.ds-avatar__fallback-image{border-radius:inherit;object-fit:cover;width:100%;max-width:none;height:100%;display:block}.ds-avatar__status{width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:var(--borderRadius-full,999px);border:2px solid var(--color-border-inverted,#fff);background:var(--color-background-subtle-neutral,#efefef);min-width:7px;min-height:7px;position:absolute;top:0;right:0}.ds-avatar__item--status-online .ds-avatar__status{background:var(--color-background-strong-positive,#0c7f72)}.ds-avatar__item--status-busy .ds-avatar__status{background:var(--color-background-strong-negative,#ef4444)}.ds-avatar__item--status-pending .ds-avatar__status{background:var(--color-background-strong-warning,#854d0e)}.ds-avatar__item--status-offline .ds-avatar__status{background:var(--color-icon-weak-neutral,#86848d)}.ds-avatar__overlay{width:var(--avatar-overlay-size);height:var(--avatar-overlay-size);border-radius:var(--borderRadius-full,999px);border:2px solid var(--color-border-inverted,#fff);background:var(--color-background-subtle-neutral,#efefef);min-width:12px;min-height:12px;color:var(--color-icon-weak-neutral,#86848d);justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0;right:0}.ds-avatar__overlay--add{color:var(--color-text-contrast,#fff);background:linear-gradient(135deg,#ffcf7b 0%,#ff5fa2 100%)}.ds-avatar__overlay--add-dark{background:var(--color-background-strong-neutral,#1a1523);color:var(--color-text-contrast,#fff)}.ds-avatar__overlay--check{background:var(--color-background-highest,#fff);color:var(--color-icon-weak-primary,#c02630)}.ds-avatar__overlay-icon{width:50%;height:50%;line-height:0;display:block}.ds-avatar__overlay-icon>svg{fill:none;stroke:currentColor;width:100%;height:100%;display:block}.ds-avatar__overlay-mark{width:50%;height:50%;display:block;position:relative}.ds-avatar__overlay--check .ds-avatar__overlay-mark{border-bottom:2px solid;border-left:2px solid;width:45%;height:28%;transform:translateY(-10%)rotate(-45deg)}.ds-avatar__overflow{z-index:1;background:var(--color-background-strong-neutral,#1a1523);color:var(--color-text-contrast,#fff);font-size:var(--avatar-font-size);justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}