@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:#fbe6ef;--avatar-fg:#941862}@supports (color:lab(0% 0 0)){.vds-avatar[data-color="7"] .vds-avatar-fallback{--avatar-bg:lab(93.2873% 8.30656 -1.56903);--avatar-fg:lab(33.8949% 53.5432 -10.4586)}}[data-theme=dark] .vds-avatar[data-color="7"] .vds-avatar-fallback{--avatar-bg:#3c1329;--avatar-fg:#ffa8d2}@supports (color:lab(0% 0 0)){[data-theme=dark] .vds-avatar[data-color="7"] .vds-avatar-fallback{--avatar-bg:lab(13.2166% 22.3553 -4.33042);--avatar-fg:lab(78.5386% 42.2154 -8.09324)}}.vds-avatar[data-color="8"] .vds-avatar-fallback{--avatar-bg:#f0e9ff;--avatar-fg:#6a34ab}@supports (color:lab(0% 0 0)){.vds-avatar[data-color="8"] .vds-avatar-fallback{--avatar-bg:lab(93.2814% 5.32314 -9.73046);--avatar-fg:lab(34.2637% 42.4101 -55.4442)}}[data-theme=dark] .vds-avatar[data-color="8"] .vds-avatar-fallback{--avatar-bg:#291841;--avatar-fg:#d3baff}@supports (color:lab(0% 0 0)){[data-theme=dark] .vds-avatar[data-color="8"] .vds-avatar-fallback{--avatar-bg:lab(12.428% 16.446 -23.2167);--avatar-fg:lab(79.0046% 27.8234 -43.9861)}}}