@layer base-components{._avatar__avatar_{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--avatar-bg, #fff);color:var(--avatar-color, #000);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;border:none}._avatar__avatar_ img{position:absolute;object-fit:contain;object-position:center;width:100%;height:100%;inset:0}._avatar__avatar_[data-loading=true]:before{animation:_avatar__skeleton-loading_ 1.5s infinite;background:linear-gradient(-45deg,hsla(var(--color-light-hue),var(--color-light-saturation),var(--color-light-lightness),.2) 25%,hsla(var(--color-light-hue),var(--color-light-saturation),var(--color-light-lightness),.6),hsla(var(--color-light-hue),var(--color-light-saturation),var(--color-light-lightness),.2) 75%);background-size:400% 100%;position:absolute;inset:0;content:"";z-index:2;width:100%;height:100%}._avatar__avatar_[data-size=small]{width:24px;height:24px;font-size:9px;min-width:24px;min-height:24px}._avatar__avatar_[data-size=large]{width:64px;height:64px;font-size:24px;min-width:64px;min-height:64px}._avatar__avatar_[data-size=xlarge]{width:96px;height:96px;font-size:36px;min-width:96px;min-height:96px}@keyframes _avatar__skeleton-loading_{0%{background-position:100% 50%}to{background-position:0 50%}}}