.user-avatar{-webkit-user-select:none;user-select:none;text-transform:uppercase;color:#fff;background-color:#333;border-radius:100%;justify-content:center;align-items:center;margin-right:8px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.user-avatar__image{width:100%;height:100%;display:block}.user-avatar-s{width:24px;height:24px;margin-right:4px}@media screen and (width>=580px){.user-avatar-s{width:34px;height:34px;margin-right:8px}}.user-avatar-m{width:2rem;height:2rem}@media screen and (width>=1024px){.user-avatar-m{width:2.25rem;height:2.25rem}}.user-avatar-xm{width:34px;height:34px}@media screen and (width>=768px){.user-avatar-xm{width:3rem;height:3rem}}.user-avatar-l{width:46px;height:46px}@media screen and (width>=767px){.user-avatar-l{width:4rem;height:4rem;margin-right:1rem}}.user-avatar-ml{width:4rem;height:4rem}.user-avatar-xl{border:1px solid #eee;width:5rem;height:5rem;font-size:3rem}@media screen and (width>=1024px){.user-avatar-xl.increasing{width:11rem;height:11rem;font-size:6rem}}.user-card{align-items:center;display:flex}.user-card__name{font-weight:600}.user-card__type{color:#bdbdbd}.user-card-s .user-card__name,.user-card-s .user-card__type{font-size:10px;line-height:12px}.user-card-s .user-card__name{margin-bottom:2px}@media screen and (width>=580px){.user-card-s .user-card__name{font-size:14px;line-height:16px}.user-card-s .user-card__type{font-size:11px;line-height:14px}}.user-card-s .user-card__type{color:#8e8e93}.user-card-m .user-card__name{font-size:.875rem;font-weight:700;line-height:.875rem}@media screen and (width>=1024px){.user-card-m .user-card__name{font-size:1rem;line-height:1rem}}.user-card-m .user-card__type{margin-top:.25rem;font-size:.75rem;line-height:.75rem}@media screen and (width>=1024px){.user-card-m .user-card__type{font-size:.875rem;line-height:1rem}}.user-card-l .user-card__name{font-size:14px;line-height:18px}@media screen and (width>=767px){.user-card-l .user-card__name{font-size:1rem;line-height:1rem}}.user-card-l .user-card__items-count,.user-card-l .user-card__type{font-size:12px;line-height:18px}.user-card-l .user-card__items-count{color:#bdbdbd}.user-card__button{width:108px;margin-left:auto}@media screen and (width>=767px){.user-card-l .user-card__items-count,.user-card-l .user-card__type{margin-top:.25rem;font-size:.875rem;line-height:1rem}.user-card__button{width:147px}}