.ds-avatar{background:var(--ds-color-surface-sunken);block-size:calc(2.5rem*var(--ds-scale));border-radius:var(--ds-radius-round);color:var(--ds-color-text-muted);display:inline-grid;flex:none;font-family:var(--ds-font-body);font-size:var(--ds-text-control-size);font-weight:var(--ds-weight-semibold);grid-template:minmax(0,1fr) /minmax(0,1fr);inline-size:calc(2.5rem*var(--ds-scale));isolation:isolate;letter-spacing:0;line-height:1;place-items:center;position:relative;text-transform:none}.ds-avatar:before{border-radius:inherit;box-shadow:inset 0 0 0 var(--_ds-avatar-edge-width,var(--ds-border-width)) var(--_ds-avatar-edge,var(--ds-color-border));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.ds-avatar--md{block-size:calc(4rem*var(--ds-scale));font-size:var(--ds-text-title-4-size);inline-size:calc(4rem*var(--ds-scale))}.ds-avatar--lg,.ds-avatar--md{font-family:var(--ds-font-display)}.ds-avatar--lg{block-size:calc(8rem*var(--ds-scale));font-size:var(--ds-text-title-1-size);inline-size:calc(8rem*var(--ds-scale))}@container ds-card-grid (max-width: 30rem){.ds-avatar--lg{block-size:calc(4rem*var(--ds-scale));font-size:var(--ds-text-title-4-size);inline-size:calc(4rem*var(--ds-scale))}}.ds-avatar--bot{border-radius:min(var(--ds-radius-lg),25%)}.ds-avatar--ring{box-shadow:0 0 0 var(--ds-border-width-strong) var(--ds-color-surface),0 0 0 calc(var(--ds-border-width-strong)*2) var(--ds-color-border-accent)}.ds-avatar--raised{box-shadow:var(--ds-shadow-1)}.ds-avatar--on-stage{--_ds-avatar-edge-width:var(--ds-border-width-strong);--_ds-avatar-edge:var(--ds-color-border-strong);block-size:2rem;inline-size:2rem}.ds-avatar--on-stage:has(>.ds-avatar__image){--_ds-avatar-edge-width:var(--ds-border-width);--_ds-avatar-edge:var(--ds-color-border)}.ds-avatar__image{block-size:100%;border-radius:inherit;inline-size:100%}.ds-avatar__image,.ds-flag{-o-object-fit:cover;object-fit:cover}.ds-flag{aspect-ratio:4/3;box-shadow:0 0 0 var(--ds-border-width) var(--ds-color-border);display:inline-block;flex:none;inline-size:calc(1.25rem*var(--ds-scale));vertical-align:middle}.ds-image-crop{border-radius:var(--ds-radius-round)}.ds-image-crop--rounded{border-radius:var(--ds-radius-lg)}.ds-image-crop--result{border-radius:24px 0 0}