.PieAvatar{box-sizing:border-box;background-color:var(--colors-tertiary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.PieAvatar__overlay:before{content:"";z-index:0;background:linear-gradient(193deg,#0000 40.32%,#000000b3 94.67%);position:absolute;inset:0}.PieAvatar__skelly{background-color:var(--colors-gradient-overlay-start)}.PieAvatar__image{object-fit:cover;width:100%;height:100%}.PieAvatar__portrait-4up{aspect-ratio:3/4;border-radius:var(--border-radius-xs,4px);border-radius:var(--border-radius-xxs,2px);width:20px;height:27px}.PieAvatar__portrait-xs{aspect-ratio:3/4;border-radius:var(--border-radius-xs,4px);width:33px;height:44px}.PieAvatar__portrait-sm{aspect-ratio:3/4;border-radius:var(--border-radius-xs,4px);width:41px;height:56px}.PieAvatar__portrait-md{aspect-ratio:3/4;border-radius:var(--border-radius-xs,4px);width:65px;height:86.67px}.PieAvatar__portrait-lg{aspect-ratio:3/4;border-radius:var(--border-radius-xs,4px);width:129px;height:172px}.PieAvatar__portrait-xl{aspect-ratio:3/4;border-radius:var(--border-radius-xs,4px);width:210px;height:280px}.PieAvatar__circle-xs{border-radius:var(--radius-99xl);width:24px;height:24px}.PieAvatar__circle-sm{border-radius:var(--radius-99xl);width:32px;height:32px}.PieAvatar__circle-md{border-radius:var(--radius-99xl);width:48px;height:48px}.PieAvatar__blur{filter:blur(2px)}.PieAvatar__icon{bottom:var(--spacing-1);left:var(--spacing-1);color:var(--colors-foreground);position:absolute}