.ds-avatar{--dsc-avatar-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-avatar-background:var(--ds-color-base-default);--dsc-avatar-color:var(--ds-color-base-contrast-default);--dsc-avatar-size:2.625em;--dsc-avatar-padding:0.45em;--dsc-avatar-font-size:1.3em}@supports (width:round(down,0.1em,1px)){.ds-avatar{--dsc-avatar-size:round(up,2.625em,1px);--dsc-avatar-padding:round(down,0.45em,1px);--dsc-avatar-font-size:round(down,1.3em,1px)}}.ds-avatar{align-items:center;background:var(--dsc-avatar-background);border-radius:var(--ds-border-radius-full);border:0;box-sizing:border-box;color:var(--dsc-avatar-color);flex-shrink:0;font:inherit;font-weight:var(--ds-font-weight-medium);height:var(--dsc-avatar-size);justify-content:center;overflow:hidden;padding:0;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--dsc-avatar-size);-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-avatar:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-avatar:focus-visible *{--_ds--focus: }.ds-avatar:not([hidden]){display:inline-flex}.ds-avatar:not(:has(img)){padding:var(--dsc-avatar-padding)}.ds-avatar:is(button:enabled){cursor:pointer}.ds-avatar :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size);object-fit:cover;width:100%;height:100%}.ds-avatar>span{font-size:var(--dsc-avatar-font-size)}.ds-avatar[data-initials]:empty:before{content:attr(data-initials);font-size:var(--dsc-avatar-font-size)}.ds-avatar:not([data-initials]):empty:before{content:"";width:100%;height:100%;background:currentcolor;-webkit-mask:var(--dsc-avatar-icon-url) center /contain no-repeat;mask:var(--dsc-avatar-icon-url) center /contain no-repeat}@media (forced-colors:active){.ds-avatar:not([data-initials]):empty:before{background:CanvasText}}.ds-avatar[data-variant=square]{border-radius:var(--ds-border-radius-sm)}@media (forced-colors:active){.ds-avatar{border-width:var(--ds-size-1);border-style:solid;border-color:CanvasText}}.ds-avatar[data-size=xs]{font-size:var(--ds-body-xs-font-size)}.ds-avatar[data-size=sm]{font-size:var(--ds-body-sm-font-size)}.ds-avatar[data-size=md]{font-size:var(--ds-body-md-font-size)}.ds-avatar[data-size=lg]{font-size:var(--ds-body-lg-font-size)}