@layer design-system.components{.vds-avatar{--avatar-size:var(--vds-size-md);--avatar-font-size:var(--vds-text-sm);border-radius:var(--vds-radius-full);inline-size:var(--avatar-size);block-size:var(--avatar-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.vds-avatar[data-size=xs]{--avatar-size:var(--vds-size-2xs);--avatar-font-size:var(--vds-text-xs)}.vds-avatar[data-size=sm]{--avatar-size:var(--vds-size-sm);--avatar-font-size:var(--vds-text-xs)}.vds-avatar[data-size=lg]{--avatar-size:var(--vds-size-xl);--avatar-font-size:var(--vds-text-base)}.vds-avatar[data-size=xl]{--avatar-size:var(--vds-size-2xl);--avatar-font-size:var(--vds-text-lg)}.vds-avatar:focus-visible{outline:var(--vds-focus-ring-width,2px) solid var(--vds-color-ring);outline-offset:var(--vds-focus-ring-offset,2px)}.vds-avatar-image{object-fit:cover;block-size:100%;inline-size:100%}.vds-avatar-fallback{block-size:100%;inline-size:100%;font-family:var(--vds-font-sans);font-size:var(--avatar-font-size);font-weight:var(--vds-font-weight-medium);--avatar-bg:var(--vds-color-primary-bg);--avatar-fg:var(--vds-color-primary-text);background-color:var(--avatar-bg);color:var(--avatar-fg);justify-content:center;align-items:center;display:flex}.vds-avatar[data-color="1"] .vds-avatar-fallback{--avatar-bg:var(--vds-color-primary-3);--avatar-fg:var(--vds-color-primary-11)}.vds-avatar[data-color="2"] .vds-avatar-fallback{--avatar-bg:var(--vds-color-success-3);--avatar-fg:var(--vds-color-success-11)}.vds-avatar[data-color="3"] .vds-avatar-fallback{--avatar-bg:var(--vds-color-warning-3);--avatar-fg:var(--vds-color-warning-11)}.vds-avatar[data-color="4"] .vds-avatar-fallback{--avatar-bg:var(--vds-color-danger-3);--avatar-fg:var(--vds-color-danger-11)}.vds-avatar[data-color="5"] .vds-avatar-fallback{--avatar-bg:var(--vds-color-info-3);--avatar-fg:var(--vds-color-info-11)}.vds-avatar[data-color="6"] .vds-avatar-fallback{--avatar-bg:var(--vds-color-accent-3);--avatar-fg:var(--vds-color-accent-11)}.vds-avatar[data-color="7"] .vds-avatar-fallback{--avatar-bg:oklch(94.5% .025 350);--avatar-fg:oklch(45% .17 350)}[data-theme=dark] .vds-avatar[data-color="7"] .vds-avatar-fallback{--avatar-bg:oklch(26% .07 350);--avatar-fg:oklch(83% .13 350)}.vds-avatar[data-color="8"] .vds-avatar-fallback{--avatar-bg:oklch(94.5% .03 300);--avatar-fg:oklch(46% .18 300)}[data-theme=dark] .vds-avatar[data-color="8"] .vds-avatar-fallback{--avatar-bg:oklch(25.5% .075 300);--avatar-fg:oklch(83.5% .14 300)}}