.avatar{font-weight:600;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-duration-200) ease-in-out;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer}.avatar[data-size=xs]{width:20px;height:20px;font-size:9px}.avatar[data-size=sm]{width:24px;height:24px;font-size:11px}.avatar[data-size=md]{width:28px;height:28px;font-size:13px}.avatar[data-size=lg]{width:32px;height:32px;font-size:15px}.avatar[data-size=xl]{width:40px;height:40px;font-size:18px}.avatar[data-variant=customer]{background:var(--utility-bg-1);color:var(--neutral-300)}.avatar[data-variant=image]{background:transparent;color:inherit}.avatar[data-variant=color]{color:var(--accent-magenta-500)}.avatar[data-variant=color][data-color="0"]{background:var(--accent-magenta-100)}.avatar[data-variant=color][data-color="1"]{background:var(--accent-green-100)}.avatar[data-variant=color][data-color="2"]{background:var(--accent-cyan-100)}.avatar[data-variant=color][data-color="3"]{background:var(--accent-azure-100)}.avatar[data-variant=color][data-color="4"]{background:var(--accent-rose-100)}.avatar:hover{filter:brightness(1.2)}.avatar img,.avatar-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-radius-full)}