.avatar{--avatar-size:var(--space-13);--avatar-cut:16%;height:var(--avatar-size);isolation:isolate;-webkit-user-select:none;user-select:none;width:var(--avatar-size);flex-shrink:0;display:inline-flex;position:relative}.avatar:before{background-color:var(--avatar-plate,var(--color-primary));clip-path:polygon(var(--avatar-cut) 0, 100% 0, calc(100% - var(--avatar-cut)) 100%, 0 100%);content:"";opacity:0;z-index:-1;transition:opacity .25s,transform .45s cubic-bezier(.2,0,0,1);position:absolute;inset:10% -10% -10% 10%;transform:translate(-10%,-10%)}[dir=rtl] .avatar:before{transform:translate(10%,-10%)}.avatar--plate:before{opacity:1;transform:none}.avatar--sm{--avatar-size:var(--space-9)}.avatar--lg{--avatar-size:var(--space-15)}.avatar--xl{--avatar-size:var(--space-17)}.avatar__image,.avatar__fallback{clip-path:polygon(var(--avatar-cut) 0, 100% 0, calc(100% - var(--avatar-cut)) 100%, 0 100%);width:100%;height:100%}.avatar__image{-o-object-fit:cover;object-fit:cover;display:block}.avatar__fallback{background-color:var(--color-bg-overlay);color:var(--color-text-primary);font-family:var(--font-heading);font-size:calc(var(--avatar-size) * .42);letter-spacing:var(--tracking-tighter);justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex}.avatar__initials{transform:skewX(var(--skew));display:block}.avatar__image+.avatar__fallback{display:none}