.avatar{background:var(--hp-tropical-indigo);border:var(--border-w-frame) solid var(--hp-tropical-indigo);border-radius:var(--radius-dot);color:var(--hp-midnight-berry);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-initials{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-heading);line-height:1}.avatar-hero{width:112px;height:112px;margin:0 auto var(--space-6)}.avatar-hero .avatar-initials{font-size:40px}.avatar-card{width:56px;height:56px;margin-bottom:var(--space-5)}.avatar-card .avatar-initials{font-size:20px}@media (max-width:860px){.avatar-hero{width:88px;height:88px}.avatar-hero .avatar-initials{font-size:32px}}