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