.avatar{position:relative}.avatar__image{aspect-ratio:1;border-radius:50%;width:100%;height:auto;overflow:hidden}.avatar:before{content:none}.avatar--play:before{content:"";z-index:1;border:3px solid #ff28dd;border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle at 85% 15%,#0000 7px,#000 8px);mask:radial-gradient(circle at 85% 15%,#0000 7px,#000 8px)}.avatar__online,.avatar__play{border-radius:50%;width:12px;height:12px;position:absolute;top:85.4%;left:85.4%;transform:translate(-50%,-50%)}.avatar__online{background-color:#3ad47d;box-shadow:0 0 0 2px #0b0d13}.avatar__play{background-color:#ff28dd;box-shadow:0 0 0 2px #0b0d13}.avatar__size_default{width:36px;height:36px}.avatar__size_fillarea{width:100%;height:100%}