[data-ds-component=Avatar]{--ds-avatar-size-small:var(--core-spacing-size-08,32px);--ds-avatar-size-medium:var(--core-spacing-size-09,48px);--ds-avatar-size-large:var(--core-spacing-size-10,64px);--ds-avatar-size-extra-large:var(--core-spacing-size-10,64px);--ds-avatar-size-status:var(--core-spacing-size-03,4px);--ds-avatar-size-radius-default:var(--core-shape-radius-full,9999px);--ds-avatar-size-radius-small:var(--core-shape-radius-small,4px);--ds-avatar-size-radius-full:var(--core-shape-radius-full,9999px);--ds-avatar-size-border-default:var(--core-shape-border-width-hairline,1px);--ds-avatar-size-border-offset:var(--core-shape-border-width-thick,2px);--ds-avatar-color-background-default:var(--semantic-color-background-secondary,#efefef);--ds-avatar-color-background-inverse:var(--semantic-color-background-inverse,#141414);--ds-avatar-color-background-success:var(--semantic-color-background-success-strong,#336006);--ds-avatar-color-background-warning:var(--semantic-color-background-warning-strong,#d77600);--ds-avatar-color-background-disabled:var(--semantic-color-border-disabled,#cecece);--ds-avatar-color-foreground-primary:var(--semantic-color-foreground-primary,#141414);--ds-avatar-color-border-default:var(--semantic-color-border-light,#fceaea);--ds-avatar-color-border-info:var(--semantic-color-border-info,#0042dc);--ds-avatar-typography-font-weight-medium:var(--core-typography-weight-medium,500);--ds-avatar-typography-font-family-sans:var(--core-typography-font-family-sans,"Inter", sans-serif);--ds-box-model-width:var(--core-spacing-size-09,48px);--ds-box-model-height:var(--core-spacing-size-09,48px)}
[data-ds-component=Avatar].avatar{width:var(--ds-box-model-width);height:var(--ds-box-model-height);border:var(--ds-avatar-size-border-default) solid var(--ds-avatar-color-border-default);border-radius:var(--ds-avatar-size-radius-default);display:inline-block;position:relative;overflow:hidden}[data-ds-component=Avatar].avatar:focus-visible{outline:var(--ds-avatar-size-border-default) solid var(--ds-avatar-color-border-info);outline-offset:var(--ds-avatar-size-border-offset)}[data-ds-component=Avatar].avatar.small{width:var(--ds-avatar-size-small);height:var(--ds-avatar-size-small)}[data-ds-component=Avatar].avatar.medium{width:var(--ds-avatar-size-medium);height:var(--ds-avatar-size-medium)}[data-ds-component=Avatar].avatar.large{width:var(--ds-avatar-size-large);height:var(--ds-avatar-size-large)}[data-ds-component=Avatar].avatar.extra-large{width:var(--ds-avatar-size-extra-large);height:var(--ds-avatar-size-extra-large)}[data-ds-component=Avatar].avatar.rounded{border-radius:var(--ds-avatar-size-radius-default)}[data-ds-component=Avatar].avatar.square{border-radius:var(--ds-avatar-size-radius-small)}[data-ds-component=Avatar] .avatar_image{object-fit:cover;width:100%;height:100%;display:block}[data-ds-component=Avatar] .avatar_initials{background:var(--ds-avatar-color-background-default);width:100%;height:100%;color:var(--ds-avatar-color-foreground-primary);font-weight:var(--ds-avatar-typography-font-weight-medium);font-size:calc(var(--ds-avatar-size-medium) * .4);font-family:var(--ds-avatar-typography-font-family-sans);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}[data-ds-component=Avatar].small .avatar_initials{font-size:calc(var(--ds-avatar-size-small) * .4)}[data-ds-component=Avatar].medium .avatar_initials{font-size:calc(var(--ds-avatar-size-medium) * .4)}[data-ds-component=Avatar].large .avatar_initials{font-size:calc(var(--ds-avatar-size-large) * .4)}[data-ds-component=Avatar].extra-large .avatar_initials{font-size:calc(var(--ds-avatar-size-extra-large) * .4)}[data-ds-component=Avatar] .status{width:var(--ds-avatar-size-status);height:var(--ds-avatar-size-status);border:var(--ds-avatar-size-border-default) solid var(--ds-avatar-color-background-inverse);border-radius:var(--ds-avatar-size-radius-full);position:absolute;inset-block-end:0;inset-inline-end:0}[data-ds-component=Avatar] .status_online{background:var(--ds-avatar-color-background-success)}[data-ds-component=Avatar] .status_offline{background:var(--ds-avatar-color-background-disabled)}[data-ds-component=Avatar] .status_away{background:var(--ds-avatar-color-background-warning)}