@layer components{.avatar{border-radius:50%;display:inline-flex;flex-shrink:0;height:4rem;position:relative;vertical-align:top;width:4rem}.avatar__image{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.avatar__icon{align-items:center;background-color:transparent;color:var(--color-icon-default);display:inline-flex;height:1.5rem;justify-content:center;line-height:1;position:absolute;right:-.25rem;top:-.25rem;width:1.5rem;z-index:1}.avatar__icon~.avatar__image{-webkit-mask-image:radial-gradient(circle at calc(100% - .5rem) .5rem,transparent .75rem,#000 calc(.75rem + 1px));mask-image:radial-gradient(circle at calc(100% - .5rem) .5rem,transparent .75rem,#000 calc(.75rem + 1px))}}
/*# sourceMappingURL=style.css.map */