@layer components{.ds-avatar{--ds-avatar-size:32px;--ds-avatar-type:12px;--ds-avatar-corner:14px;--ds-avatar-corner-glyph:10px;inline-size:var(--ds-avatar-size);block-size:var(--ds-avatar-size);vertical-align:middle;flex:none;display:inline-flex;position:relative}.ds-avatar[data-size="24"]{--ds-avatar-size:24px;--ds-avatar-type:10px;--ds-avatar-corner:12px;--ds-avatar-corner-glyph:8px}.ds-avatar[data-size="40"]{--ds-avatar-size:40px;--ds-avatar-type:13px}.ds-avatar[data-size="56"]{--ds-avatar-size:56px;--ds-avatar-type:18px}.ds-avatar[data-fill="1"]{--ds-avatar-fill:var(--avatar-fill-1,var(--brand-true))}.ds-avatar[data-fill="2"]{--ds-avatar-fill:var(--avatar-fill-2,var(--brand-true))}.ds-avatar[data-fill="3"]{--ds-avatar-fill:var(--avatar-fill-3,var(--brand-true))}.ds-avatar[data-fill="4"]{--ds-avatar-fill:var(--avatar-fill-4,var(--brand-true))}.ds-avatar[data-fill="5"]{--ds-avatar-fill:var(--avatar-fill-5,var(--brand-true))}.ds-avatar[data-fill="6"]{--ds-avatar-fill:var(--avatar-fill-6,var(--brand-true))}.ds-avatar[data-fill="7"]{--ds-avatar-fill:var(--avatar-fill-7,var(--brand-true))}.ds-avatar[data-fill="8"]{--ds-avatar-fill:var(--avatar-fill-8,var(--brand-true))}.ds-avatar__disc{border-radius:var(--radius-full);background:var(--ds-avatar-fill,var(--brand-true));block-size:100%;inline-size:100%;color:var(--on-brand);place-items:center;display:grid;position:relative;overflow:hidden}.ds-avatar__initials{font-size:var(--ds-avatar-type);font-weight:700;line-height:1}.ds-avatar__photo{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ds-avatar[data-empty]>.ds-avatar__disc{background-color:var(--surface-control);color:var(--text-muted)}.ds-avatar[data-empty]>.ds-avatar__disc>svg{block-size:50%;inline-size:50%}.ds-avatar[data-ring]>.ds-avatar__disc{box-shadow:0 0 0 2px var(--ds-avatar-ring,var(--surface-strong))}.ds-avatar__corner{inline-size:var(--ds-avatar-corner);block-size:var(--ds-avatar-corner);border-radius:var(--radius-full);background-color:var(--surface-strong);box-shadow:0 0 0 2px var(--surface-strong);color:var(--text);place-items:center;display:grid;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.ds-avatar__corner>svg{inline-size:var(--ds-avatar-corner-glyph);block-size:var(--ds-avatar-corner-glyph)}.ds-avatar-count>.ds-avatar__disc{background:var(--surface-control);color:var(--text);font-size:10px;font-weight:700;line-height:1}.ds-person{align-items:center;gap:var(--space-2);min-inline-size:0;display:inline-flex}.ds-person__words{flex-direction:column;min-inline-size:0;display:flex}.ds-person__name{font:var(--type-small);color:var(--text);font-weight:500}.ds-person__detail{font:var(--type-caption);color:var(--text-muted)}.ds-avatar-button{border-radius:var(--radius-full);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:inline-flex;position:relative}.ds-avatar-button:focus-visible,.ds-avatar-button[data-force=focus]{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ds-avatar-tip{z-index:var(--layer-popover);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.ds-avatar-button:hover>.ds-avatar-tip{opacity:1;visibility:visible;transition-delay:.5s}}.ds-avatar-button:focus-visible>.ds-avatar-tip,.ds-avatar-button[data-force=hover]>.ds-avatar-tip,.ds-avatar-button[data-force=focus]>.ds-avatar-tip{opacity:1;visibility:visible;transition-delay:0s}.ds-avatar-stack{display:inline-flex;position:relative}.ds-avatar-stack__button{block-size:100%;padding:0 var(--space-2);border-radius:var(--radius-lg);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;display:inline-flex}.ds-avatar-stack__button>.ds-avatar+.ds-avatar{margin-inline-start:-6px}.ds-avatar-stack__button>.ds-avatar:first-child{z-index:5}.ds-avatar-stack__button>.ds-avatar:nth-child(2){z-index:4}.ds-avatar-stack__button>.ds-avatar:nth-child(3){z-index:3}.ds-avatar-stack__button>.ds-avatar:nth-child(4){z-index:2}.ds-avatar-stack__button>.ds-avatar:nth-child(5){z-index:1}.ds-avatar-stack__button:focus-visible,.ds-avatar-stack[data-force=focus]>.ds-avatar-stack__button{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ds-avatar-card{z-index:var(--layer-popover);box-sizing:border-box;inline-size:240px;max-inline-size:calc(100vw - 2 * var(--space-4));padding:var(--space-2);border-radius:var(--radius-xl);background-color:var(--surface-1);box-shadow:0 0 0 1px var(--border-rule), var(--people-card-shadow,var(--elevation-2));color:var(--text);text-align:start;opacity:0;visibility:hidden;transform-origin:0 0;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0}.ds-avatar-card__list{flex-direction:column;display:flex}.ds-avatar-card__row{align-items:center;gap:var(--space-2);padding:var(--space-1);display:flex}.ds-avatar-card__name{min-inline-size:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}@media (hover:hover) and (pointer:fine){.ds-avatar-stack:hover:not([data-dismissed])>.ds-avatar-card{opacity:1;visibility:visible;transition-delay:.5s;transform:none}}.ds-avatar-stack[data-open]:not([data-dismissed])>.ds-avatar-card,.ds-avatar-stack[data-force=hover]>.ds-avatar-card,.ds-avatar-stack[data-force=focus]>.ds-avatar-card{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ds-avatar-stack:has(>.ds-avatar-stack__button:focus-visible):not([data-dismissed])>.ds-avatar-card{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ds-avatar-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.ds-avatar-tip,.ds-avatar-card{transition:opacity var(--duration-fast) var(--ease-standard), visibility var(--duration-fast) var(--ease-standard)}.ds-avatar-card{transition:opacity var(--duration-fast) var(--ease-standard), visibility var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);transform:translateY(4px)scale(.96)}}@media (pointer:coarse){.ds-avatar-button:before,.ds-avatar-stack__button:before{content:"";block-size:max(100%,44px);inline-size:max(100%,44px);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.ds-avatar-stack__button{position:relative}}@media print{.ds-avatar-tip,.ds-avatar-card{display:none}}}