.saas-avatar{border-radius:var(--saas-radius-full);background:var(--saas-accent-subtle);block-size:40px;inline-size:40px;color:var(--saas-accent);font-family:var(--saas-font-family);font-size:var(--saas-font-body);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.saas-avatar[data-size=sm]{block-size:32px;inline-size:32px;font-size:var(--saas-font-caption)}.saas-avatar[data-size=lg]{block-size:56px;inline-size:56px;font-size:18px}.saas-avatar[data-size=xl]{border:4px solid var(--saas-bg-surface);block-size:88px;inline-size:88px;box-shadow:var(--saas-elevation-raised);font-size:28px}.saas-avatar__photo{border-radius:inherit;object-fit:cover;block-size:100%;inline-size:100%}